@charset "utf-8";

/*-- 

content_contact

====================================================== --*/

#common_body #content_contact .inner{
width:900px;
}

/*-- lead --*/

#content_contact .lead{
line-height:2;
font-size:14px;
margin-bottom:16px;
}

/*-- tbl01 --*/

#content_contact  .tbl01{
width:100%;
margin-bottom:32px;
}
#content_contact  .tbl01 th{
width:200px;
}
#content_contact .tbl01 td .box_company li:first-child{
margin-bottom:20px;
}

/*-- input --*/

#content_contact input,
#content_contact textarea{
width:100%;
max-width:100%;
border:none;
border-radius:0;
margin:0;
padding:12px 16px;
box-shadow:0 0 0 1px #c5c5c5;
line-height:1.7;
font-size:14px;
}
#content_contact textarea{
height:16em;
}

/*-- error --*/

#content_contact .problem{
background:#ffeff1;
}
#content_contact div.mfp_err{
color:#c30d23;
line-height:1.5;
font-size:14px;
margin:10px 0 0 0;
padding:4px 0 4px 30px;
background:url(../img/ico_error.svg) no-repeat left center;;
background-size:19px 19px;
}

/*-- privacy --*/

#content_contact .privacy{
text-align:center;
line-height:2;
font-size:14px;
margin-bottom:64px;
}
#content_contact .privacy a{
text-decoration:underline;
}
#content_contact .privacy a:hover{
text-decoration:none;
}

/*-- btn_submit --*/

#content_contact .btn_submit input,
#content_contact .btn_submit button{
border-radius:0;/*reset*/
border:none;/*reset*/
text-shadow:none;/*reset*/
margin:0 auto;/*reset*/
padding:0;/*reset*/
position:relative;
background:#292625;
display:flex;
align-items:center;
justify-content:center;
font-family:'Oswald','Noto Sans JP',sans-serif;
color:#e8e8e8;
font-weight:500;
letter-spacing:.1em;
width:400px;
height:80px;
font-size:16px;
line-height:1.2;
transition:background .3s ease-in-out;
}
#content_contact .btn_submit input:hover,
#content_contact .btn_submit button:hover{
text-decoration:none;
opacity:1;
background:#000;
}

/* sp */
@media screen and (max-width:750px){

/*-- lead --*/

#content_contact .lead{
font-size:24px;
font-size:3.2vw;
margin-bottom:64px;
margin-bottom:8.5333vw;
}

/*-- tbl01 --*/

#content_contact  .tbl01{
width:100%;
margin-bottom:64px;
margin-bottom:8.5333vw;
}
#content_contact  .tbl01 th{
width:100%;
}
#content_contact  .tbl01 td{
padding:32px 0 64px;
padding:4.2666vw 0 8.5333vw;
}
#content_contact .tbl01 td .box_company li:first-child{
margin-bottom:64px;
margin-bottom:8.5333vw;
}

/*-- input --*/

#content_contact input,
#content_contact textarea{
box-shadow:0 0 0 4px rgba(0,0,0,0.1);
box-shadow:0 0 0 0.5333vw rgba(0,0,0,0.1);
padding:16px 32px;
padding:2.1333vw 4.2666vw;
font-size:32px;
font-size:4.2666vw;
}

/*-- error --*/

#content_contact div.mfp_err{
font-size:24px;
font-size:3.2vw;
margin:16px 0 0 0;
margin:2.1333vw 0 0 0;
padding:8px 0 8px 60px;
padding:1.0666vw 0 1.0666vw 8vw;
background:url(../img/ico_error.svg) no-repeat left center;;
background-size:38px 38px;
background-size:5.0666vw 5.0666vw;
}

/*-- privacy --*/

#content_contact .privacy{
font-size:24px;
font-size:3.2vw;
margin-bottom:96px;
margin-bottom:12.8vw;
}
#content_contact .privacy a:hover{
text-decoration:underline;
}

/*-- btn_submit --*/

#content_contact .btn_submit input,
#content_contact .btn_submit button{
width:622px;
width:82.9333vw;
height:120px;
height:16vw;
font-size:28px;
font-size:3.7333vw;
}
#content_contact .btn_submit input:hover,
#content_contact .btn_submit button:hover{
background:#292625;
}

}



/*-- 

confirm

====================================================== --*/

div#mfp_overlay_inner{
background-color:#fff;
padding:32px;
margin:0 auto;
border-radius:0;
box-shadow:0 0 0 2px rgba(0,0,0,0.1);
width:640px;
max-width:90%;
}
div#mfp_overlay_inner h4{
text-align:center;
line-height:1.5;
font-size:20px;
margin-bottom:32px;
}
div#mfp_overlay_background{
background-color:#292625;
position:absolute;
display:none;
z-index:10000;
}
div#mfp_loading_screen{
z-index:20000;
opacity:0.8;
display:none;
background-color: #000;
position:absolute;
}
table#mfp_confirm_table{
border-bottom:1px solid #ccc;
width:100%;
line-height:1.7;
font-size:14px;
margin-bottom:32px;
}
table#mfp_confirm_table tr.mfp_colored,
table#mfp_confirm_table tr.mfp_achroma{
background-color:#fff;
}
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td{
text-align:left;
font-size:14px;
border-top:1px solid #ccc;
}
table#mfp_confirm_table tr th{
font-weight:normal;
text-align:left;
vertical-align:top;
width:200px;
padding:20px 20px 20px 0;
}
table#mfp_confirm_table tr td{
line-height:inherit;
text-align:justify;
padding:20px 0;
word-wrap:anywhere;
}
div#mfp_phase_confirm{
clear:both;
}
div#mfp_phase_confirm h4{
font-size:36px;
padding:10px 0px 0px 0px;
text-align:center;
}
div.mfp_buttons{
clear:both;
padding:0;
text-align:center;
}
#mfp_button_send{
border-radius:0;/*reset*/
border:none;/*reset*/
text-shadow:none;/*reset*/
box-shadow:none;/*reset*/
margin:0 auto;/*reset*/
position:relative;
background:#292625;
display:flex;
align-items:center;
justify-content:center;
font-family:'Oswald','Noto Sans JP',sans-serif;
color:#e8e8e8;
font-weight:500;
letter-spacing:.1em;
width:250px;
height:55px;
font-size:16px;
line-height:1.2;
transition:background .3s ease-in-out;
}
#mfp_button_send:hover{
text-decoration:none;/*reset*/
box-shadow:none;/*reset*/
opacity:1;
background:#000;
}
#mfp_button_cancel{
padding:0;
margin:0;
border-radius:0;
border:none;
text-shadow:none;
box-shadow:none;
background:none;
color:#444;
font-size:14px;
margin-top:32px;
}

/* sp */
@media screen and (max-width:750px){

/*-- confirm --*/

div#mfp_overlay_inner{
padding:32px;
padding:4.2666vw;
box-shadow:0 0 0 4px rgba(0,0,0,0.1);
box-shadow:0 0 0 0.5333vw rgba(0,0,0,0.1);
}
div#mfp_overlay_inner h4{
font-size:30px;
font-size:4vw;
margin-bottom:32px;
margin-bottom:4.2666vw;
}
table#mfp_confirm_table{
border-bottom:none;
font-size:24px;
font-size:3.2vw;
margin-bottom:0;
}
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td{
border-top:none;
display:block;
width:100%;
font-size:24px;
font-size:3.2vw;
}
table#mfp_confirm_table tr th{
border-bottom:2px solid #ccc;
border-bottom:0.2666vw solid #ccc;
font-weight:bold;
padding:0 0 16px;
padding:0 0 2.1333vw;
}
table#mfp_confirm_table tr td{
border-top:none;
padding:16px 0 64px;
padding:2.1333vw 0 8.5333vw;
}
#mfp_button_send{
line-height:1;
box-shadow:none;
width:400px;
width:53.3333vw;
height:80px;
height:10.6666vw;
font-size:24px;
font-size:3.2vw;
padding:16px;
padding:2.1333vw;
}
#mfp_button_send:hover{
opacity:1;
background:#2962a5 url(../img/ico_arrow_white_right.svg) no-repeat 140px center;
background:#2962a5 url(../img/ico_arrow_white_right.svg) no-repeat 18.6666vw center;
background-size:14px 22px;
background-size:1.8666vw 2.9333vw;
}
#mfp_button_cancel{
font-size:24px;
font-size:3.2vw;
margin:64px 0 32px;
margin:8.5333vw 0 4.2666vw;
}
}





/*-- 

content_comp

====================================================== --*/

#content_comp .title{
text-align:center;
line-height:2;
font-size:20px;
margin-bottom:32px;
}
#content_comp .box_txt{
margin:0 64px 32px;
}
#content_comp .box_txt p{
line-height:2;
font-size:14px;
margin-bottom:16px;
}
#content_comp .box_txt p.en{
text-align: center;
}
#content_comp .box_thanks{
background:#fff;
border:1px solid #eee;
margin:0 64px 64px;
padding:32px 64px;
line-height:2;
font-size:14px;
}

/* sp */
@media screen and (max-width:750px){

#content_comp .title{
text-align:left;
font-size:32px;
font-size:4.2666vw;
margin-bottom:64px;
margin-bottom:8.5333vw;
}
#content_comp .box_txt{
margin:0 0 64px;
margin:0 0 8.5333vw;
}
#content_comp .box_txt p{
font-size:24px;
font-size:3.2vw;
margin-bottom:32px;
margin-bottom:4.2666vw;
}
#content_comp .box_thanks{
margin:0 0 64px;
margin:0 0 8.5333vw;
padding:32px 64px;
padding:4.2666vw 8.5333vw;
font-size:24px;
font-size:3.2vw;
}

}