@charset "utf-8";

/*オートフィル時の背景色変化を遅延で止め、文字色を固定*/
#contact input:-webkit-autofill,
#contact input:-webkit-autofill:hover,
#contact input:-webkit-autofill:focus,
#contact textarea:-webkit-autofill,
#contact textarea:-webkit-autofill:hover,
#contact textarea:-webkit-autofill:focus{
    -webkit-text-fill-color:#333 !important;
    -webkit-box-shadow:0 0 0 1000px #fff inset !important;
    box-shadow:0 0 0 1000px #fff inset !important;
}


.effect_1 ~ .focus_border {
position: absolute;
z-index: 9;
bottom: -1px;
left: 0;

width: 0;
height: 1px;
background-color:#333;
transition: 0.4s;
}


.effect_1:focus ~ .focus_border {
  width: 100%;
  transition: 0.4s;
}

/*
------------------------------------------------------------------------------------------------------------------------------------*/
#contact{
position: relative;
width: 100%;
margin: 0 auto;
height: auto;
}


#contact h1{
width: 100%;
text-align: left;
margin: 25px 0 20px 0;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 20px;
font-size: 5.3333333vw;
font-size: clamp(19px, 5.3333333vw, 21px);

/*FONT 375px計算*/
font-size: 9px;
font-size: 2.4vw;
font-size: clamp(8px, 2.4vw, 10px);


line-height: 1.1;
color: #000;

letter-spacing: -0.02em;
font-feature-settings: "liga" 1, "pnum" 1;
}


/*2列*/
.contact_layout{
width: 94%;
margin: 0 auto;
padding: 0;
}


/*解説*/
#contact .kaisetu{
width:100%;
margin: 0;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 9px;
font-size: 2.4vw;
font-size: clamp(8px, 2.4vw, 10px);

/*FONT 375px計算*/
font-size: 10px;
font-size: 2.6666667vw;
font-size: clamp(9px, 2.6666667vw, 11px);


/*FONT 375px計算*/
font-size: 9px;
font-size: 2.4vw;
font-size: clamp(8px, 2.4vw, 10px);

color: #333;
line-height: 1.4;

font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: -0.02em;
}




/*確認画面*/
#contact .mw_wp_form_preview .tyui_first{
display: none;
}

/*確認画面*/
#contact .mw_wp_form_preview .kaisetu{
display: none;
}


#contact .kakunin_message{
display: none;
width: 100%;
margin: 0 auto 30px auto;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 10px;
font-size: 2.6666667vw;
font-size: clamp(9px, 2.6666667vw, 11px);

color: #333;
line-height:1.2;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


#contact .mw_wp_form_preview .kakunin_message{
display: block;
}



/*入力フォームエリア　テーブル*/
#contact table{
width:100%;
border-collapse: collapse;
margin: 60px 0 10px 0;
padding: 0;
border-top: 1px solid #898989;
}

#contact table tr{
display:block;/*縦並び*/
width:100%;
margin: 0;
padding: 0;
}

#contact table th span{
color:#333;
margin:0 0 0 3px;
}


#contact table th{
display:block;/*縦並び*/
width:100%;
text-align:left;
padding: 15px 0 10px 0;
margin:0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 9px;
font-size: 2.4vw;
font-size: clamp(8px, 2.4vw, 10px);

color: #333;
line-height: 1.4;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}



#contact table td{
position: relative;
display:block;
width:100%;
text-align:left;
margin: 0;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size:13px;
letter-spacing: 0.0em;
color:#333;
line-height: 1.5;
border-bottom: 1px solid #898989;
}




#contact input[type="text"] {
border: none;
-webkit-border-radius : 0;
-webkit-tap-highlight-color : rgba(0,0,0,0);

width:100%;
height: 40px;
margin:0;
padding: 5px;

-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
-webkit-border-radius: 0;

border: none;
background: transparent;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 16px;
font-size: 4.2666667vw;
font-size: clamp(15px, 4.2666667vw, 17px);

letter-spacing: 0.0em;
color:#333;

transition: background-color 1.0s ease;
}


#contact input[type="text"]:focus {
outline: 0;
border: none;
color: #000;

transition: background-color 1s ease;
background: #EFEEEB;
}


#contact input[type="email"] {
border: none;
-webkit-border-radius : 0;
-webkit-tap-highlight-color : rgba(0,0,0,0);

width:100%;
height: 40px;
margin:0;
padding: 5px;

border-radius: 0;
-webkit-border-radius: 0;

-webkit-box-sizing: border-box;
box-sizing: border-box;


border: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 16px;
font-size: 4.2666667vw;
font-size: clamp(15px, 4.2666667vw, 17px);

letter-spacing: 0.0em;
color:#333;

transition: background-color 1s ease;
background: transparent;
}


#contact input[type="email"]:focus {
outline: 0;
background: transparent;
color: #000;
border: none;

transition: background-color 1s ease;
background: #EFEEEB;
}


#contact textarea{
display:block;/*隙間防止*/

border: none;
outline: 0;
-webkit-border-radius : 0;
-webkit-tap-highlight-color : rgba(0,0,0,0);

width:100%;
height:260px;
margin:0;
padding: 5px;

-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
-webkit-border-radius: 0;
border: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 16px;
font-size: 4.2666667vw;
font-size: clamp(15px, 4.2666667vw, 17px);

color:#333;
letter-spacing: 0.0em;

transition: background-color 1s ease;
background: transparent;
}


#contact textarea:focus{
border: none;
color: #000;

transition: background-color 1s ease;
background: #EFEEEB;
}








/*送信ボタン*/
#contact .submitbtn{
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

#contact .submitbtn input{
border: 0;
cursor: pointer;
display: block;
width: 100%;
background: #8FA6C1;
height: 48px;
line-height: 48px;

-webkit-appearance: none;
border-radius: 3px;
}




/*送信ボタン　基本*/
#contact .submitbtn input{
margin: 0;
padding: 0;
border: 0;

cursor: pointer;
display: block;

width:100%;
background: #333;
color: #fff;

height: 60px;
line-height: 58px;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;


font-size:13px;
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.0em;
}


/*確認ボタン*/
#contact .btn-confirm{
width:100%;
margin: 0;
background: #000;
}


/*戻って編集ボタン*/
#contact .btn-back{
width:100%;
margin:0 0 30px 0;
background: #989898 !important;
color:#fff !important;
}

#contact .mw_wp_form_preview .btn-confirm.prevent{
margin:0 0 25px 0 !important;
}


/*矢印*/
#contact .submitbtn_first{
position: relative;
width:100%;
height: 55px;
margin: 0 0 20px 0;
}


#contact .submitbtn_first::after{
content: '';
position: absolute;
top:0;
bottom: 0;
right: 10px;
margin: auto 0;
background: url(/common/img/arrow.svg) no-repeat center center;
background-size: contain;
width: 5px;
height: 9px;
}



#contact .mw_wp_form_confirm .submitbtn_second{
position: relative;
width:100%;
height: 55px;
margin:0 20px 0 0;
}

#contact .mw_wp_form_confirm .submitbtn_second::after{
content: '';
position: absolute;
top:0;
bottom: 0;
left: 10px;
margin: auto 0;
background: url(/common/img/arrow_prev.svg) no-repeat center center;
background-size: contain;
width: 5px;
height: 9px;
}









/*確認画面-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*確認画面に遷移した場合　SP*/
#contact .mw_wp_form_preview{

}

#contact .mw_wp_form_preview table{
margin: 0 0 30px 0;
padding: 0;
}

#contact .mw_wp_form_preview table th{
margin: 0;
padding: 9px 0 7px 0;


font-size: 11px;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


#contact .mw_wp_form_preview table td{
margin: 0;
padding: 9px 0 7px 0;

vertical-align: middle;
height: auto;
border-bottom: 1px solid #898989;

font-size: 15px;
color:#000;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


#contact .mw_wp_form_preview table tr.pre td{
margin: 0;
padding: 9px 0 7px 0;
height: auto;

font-size: 14px;
color:#000;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;

}


/*テキストエリア*/
#contact .mw_wp_form_preview table tr.last_area td{
line-height:1.5;
height: auto;
}

/*テキストエリアのセル*/
#contact .mw_wp_form_preview table tr.last_area th:after{
position: absolute;
right:0;
top:20px;
display: block;
content: "";
width: 1px;
height : -webkit-calc(100% - 40px);
height : calc(100% - 40px);
/*border-right: solid 1px #e1e1e1;*/
}





/*送信完了後
--------------------------------------------------------------------------------------*/
#contact #thankyou{
width:86%;
margin: 0 auto;
padding: 160px 0 100px 0;
min-height: 100vh;
min-height: 100svh;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;
}

#contact #thankyou h2{
width: 100%;
text-align: center;

font-size:22px;
margin:0 auto 40px auto;
padding:0;
font-style: normal;
font-weight: normal;


-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: -0.03em;
}

#contact #thankyou p{
width: 100%;
text-align: left;


font-size:14px;
line-height:1.8;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

/*エラー*/
#contact .mw_wp_form .error{
opacity: 1 !important;
padding: 5px 0 5px 0 !important;

font-size: 11px !important;
letter-spacing: 0.0em;
}
/*エラー*/





/*スマホ終了　PC開始（横幅880px以上）
----------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 880px) {

#contact{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}


.contact_layout{
width: 800px;
margin: 70px 0 30px 30px;
padding: 0;
}



#contact h1{
margin: 0 0 30px;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 38px;
font-size: 2.6388889vw;
font-size: clamp(36px, 2.6388889vw, 40px);

font-size: 20px;

line-height: 1.3;
letter-spacing: -0.02em;
color: #000;

font-feature-settings: "liga" 1, "pnum" 1;
text-transform: uppercase;
}



#contact .kaisetu{
width: 100%;
margin: 0 0 30px 0;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;


/*FONT 1440px計算*/
font-size: 11px;
font-size: 0.7638889vw;
font-size: clamp(10px, 0.7638889vw, 12px);

/*FONT 1440px計算*/
font-size: 12px;
font-size: 0.8333333vw;
font-size: clamp(11px, 0.8333333vw, 13px);

color: #333;
line-height: 1.3;

letter-spacing: 0.0em;
}


/*確認画面*/
#contact .mw_wp_form_preview .kaisetu{
display: none;
}


/*確認メッセージ　注意事項*/
#contact .kakunin_message{
display: none;
width: 100%;
margin: 0 auto 20px auto;

/*FONT 1440px計算*/
font-size: 15px;
font-size: 1.0416667vw;
font-size: clamp(14px, 1.0416667vw, 16px);

color: #333;
line-height:1.5;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


#contact .mw_wp_form_preview .kakunin_message{
display: block;
}







/*入力エリア　Table
-----------------------------------------------------------------------------*/
#contact table{
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-top: none;
}

#contact table tr{
display: block;/*縦並び*/
width: 100%;
margin: 0;
padding: 0;
}

#contact table th{
position:relative;
width: 100%;
padding:0;
margin:0;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 12px;
font-size: 0.8333333vw;
font-size: clamp(11px, 0.8333333vw, 13px);

color: #333;
line-height: 1.0;
}




#contact table td{
width: 100%;
margin: 0 0 20px 0;
padding: 10px 0 0 0px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

border-bottom: 1px solid #898989;
}




/*確認画面*/
#contact .mw_wp_form_preview table{
margin: 0 0 20px 0;
}


#contact .mw_wp_form_preview table th{
margin: 0;
padding: 0;

/*FONT 1440px計算*/
font-size: 13px;
font-size: 0.9027778vw;
font-size: clamp(12px, 0.9027778vw, 14px);

color: #333;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

/*確認　項目*/
#contact .mw_wp_form_preview  table td{
padding: 10px 0 20px 0;

color: #333;

/*FONT 1440px計算*/
font-size: 15px;
font-size: 1.0416667vw;
font-size: clamp(14px, 1.0416667vw, 16px);

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


#contact input[type="text"] {
margin:0;
padding: 10px 10px 10px 10px;
width: 100%;
height:60px;

border: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);

background: transparent;
border-radius: 0;
-webkit-border-radius: 0;
border: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 18px;
font-size: 1.25vw;
font-size: clamp(17px, 1.25vw, 19px);

color:#333;
letter-spacing: 0.0em;
}



#contact input[type="text"]:focus {
border: none;
outline: 0;
}


#contact input[type="email"] {
margin:0;
padding: 10px 10px 10px 10px;

width: 100%;
height:60px;
border: none;

-webkit-tap-highlight-color : rgba(0,0,0,0);
background: transparent;

border-radius: 0;
-webkit-border-radius: 0;
border: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 18px;
font-size: 1.25vw;
font-size: clamp(17px, 1.25vw, 19px);

color:#333;
letter-spacing: 0.0em;
}


#contact input[type="email"]:focus {
border: none;
outline: 0;
}


#contact textarea{
border: none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
outline: 0;
margin:0;
padding: 10px 10px 10px 10px;
width: 100%;
height: 330px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

border-radius: 0;
-webkit-border-radius: 0;

border: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 18px;
font-size: 1.25vw;
font-size: clamp(17px, 1.25vw, 19px);
}



#contact textarea:focus{
border: none;
outline: 0;
}



/*確認画面-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#contact .mw_wp_form_preview table{
width: 100%;
}

#contact .mw_wp_form_preview table td{
width: 100%;
margin: 0 0 15px 0;
border-bottom: 1px solid #898989;

height: auto;
vertical-align: middle;

/*FONT 1440px計算*/
font-size: 18px;
font-size: 1.25vw;
font-size: clamp(17px, 1.25vw, 19px);

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;

color:#333;
letter-spacing: 0.0em;
}

#contact .mw_wp_form_preview table tr.pre td{
height: auto;

/*FONT 1440px計算*/
font-size: 18px;
font-size: 1.25vw;
font-size: clamp(17px, 1.25vw, 19px);

line-height: 1.3;
color:#333;
letter-spacing: 0.0em;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
}


/*確認　テキストエリア*/
#contact .mw_wp_form_preview table tr.last_area td{
line-height:1.4;
height: auto;
}

/*テキストエリアのセル*/
#contact .mw_wp_form_preview table tr.last_area th:after{
position: absolute;
right:0;
top:20px;
display: block;
content: "";
width: 1px;
height : -webkit-calc(100% - 40px);
height : calc(100% - 40px);
}



/*送信ボタン
----------------------------------------------------------------------------------------------------*/
/*送信ボタン*/
#contact .submitbtn{
width: 100%;
margin: 0;
padding: 0;
}


/*確認画面：送信する　戻る*/
#contact .mw_wp_form_preview .submitbtn{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;

/*横並び・右から左*/
flex-direction: row-reverse;
width: 800px;
margin: 0;
padding: 0;
text-align:center;
}


/*送信ボタン　基本*/
#contact .submitbtn input, #contact .submitbtn button{
position: relative;
display: block;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;

width: 390px;
height: 60px;
line-height: 54px;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 15px;
font-size: 1.0416667vw;
font-size: clamp(14px, 1.0416667vw, 16px);

color: #fff;
background: #333;

outline: 0;/*クリックした時の青い境界線を消す*/
}


/*送信する*/
#contact .submitbtn_first{
position: relative;
width: 390px;
height: 55px;
margin: 0;
padding: 0;
}


#contact .submitbtn_first::after{
content: '';
position: absolute;
top:3px;
bottom: 0;
right: 10px;
margin: auto 0;
background: url(/common/img/arrow.svg) no-repeat center center;/*矢印*/
background-size: contain;
width: 5px;
height: 9px;
}

/*戻る*/
#contact .mw_wp_form_confirm .submitbtn_second{
position: relative;
width: 390px;
height: 55px;
margin:0 20px 0 0;
}

#contact .mw_wp_form_confirm .submitbtn_second::after{
content: '';
position: absolute;
top:3px;
bottom: 0;
left: 10px;
margin: auto 0;
background: url(/common/img/arrow_prev.svg) no-repeat center center;
background-size: contain;
width: 5px;
height: 9px;
}


#contact .submitbtn input .btn-confirm:hover {
background: #666;
color: #fff;
transition: all 0.8s;
}

#contact .submitbtn input .btn-back:hover {
background: #666;
color: #000;
transition: all 0.8s;
}

/*送信するボタン*/
#contact .btn-confirm{
margin:0 0 0 0;
}

/*確認画面*/
#contact .mw_wp_form_preview .btn-confirm.prevent{
margin:0 0 0 0 !important;
}

/*確認画面*/
#contact .mw_wp_form_preview .btn-confirm.btn-back{
margin:0 0px 0 0 !important;
padding: 0;
}

#contact .btn-confirm:hover {
opacity: 0.6;
transition: all 0.5s;
}




/*送信完了後
--------------------------------------------------------------------------------------*/
#contact #thankyou{
width:700px;
margin:0 auto;
padding: 150px 0 100px 0;
}

#contact #thankyou h2{
width: 100%;
text-align: center;
margin: 0 auto 40px auto;
font-size:24px;
}




#contact #thankyou p{
width: 100%;
text-align: center;
font-size:14px;
line-height:2.0;
}


/*エラー*/
#contact .mw_wp_form .error{
opacity: 1 !important;
padding: 5px 0 5px 0 !important;

font-size: 12px !important;
letter-spacing: 0.0em;
}
/*エラー*/


}/*880px以上終了！*/






/* iOS Safari のみ：入力欄の角丸・内側影を消す（オートフィルの青を避けるため通常時は appearance を外している）*/
@supports (-webkit-touch-callout: none) {
#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
}