@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* MW WP FORM関連 */
/* 入力画面の表示制御 */
.mw_wp_form_input .input-show{
  display: block;
}

.mw_wp_form_input .confirm-show{
  display: none;
}

/* 確認画面の表示制御 */
.mw_wp_form_confirm .input-show{
  display: none;
}

.mw_wp_form_confirm .confirm-show{
  display: block;
}

/* エラー画面の表示制御 */
.mw_wp_form_error .errordsp-none{
  display: none;
}

/* 入力エリアのサイズ制御 */
.mw_wp_form textarea,
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"]{
  width: 100%;
}

.mw_wp_form .mwform-zip-field input[type="text"],
.mw_wp_form .mwform-tel-field input[type="text"]{
  width:85px;
}

/* 必須マークを付加する　*/
.mw_wp_form th.need::after {
  content: "必須";
  color: #ffffff;
  background: #F93636;
  font-size: 12px;
  padding: 2px 6px 3px 6px;
  border-radius: 6px;
  margin-left:1.2em;
}

/* 送信ボタン・確認ボタン */
.mw_wp_form .confirm_btn {
  width:50%;
  min-width:200px;
  max-width:360px;
  padding:10px;
  color: #fff;
  margin-top:20px;
  border: none;
  background: var(--color_main);
  transition: 0.3s;
  box-shadow: var(--swl-btn_shadow);
  font-weight: 700;
  letter-spacing: var(--swl-letter_spacing,1px);
}

.mw_wp_form .confirm_btn_small{
  width:100px;
  min-width:100px;
}

.mw_wp_form .confirm_btn:hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}