@charset "utf-8";
body{
/*background:#666;*/
}
/* sv */
.sv{
width:100%;
/*height:200px;*/
background:url(../img/sv_request.jpg) no-repeat center center;
background-size:cover;
padding:52px 0;
margin:0 auto 80px;
}
.sv h2{
font-size:30px;
color:#fff;
}
.sv h2 span{
font-size:60px;
display:block;
position: relative;
margin-bottom:6px;
}
.sv h2 span:after{
content: '';
position: absolute;
left: 50%;
bottom: -2px; /*下線の上下位置調整*/
display: inline-block;
width: 30px; /*下線の幅*/
height: 1px; /*下線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); /*位置調整*/
background-color: #fff; /*下線の色*/
}

h3{
font-size:20px;
margin:0 auto 80px;
line-height:1.3em;
}
h3 span{
font-size:16px;
padding:3px;
background:#c00;
color:#fff;
margin-right:3px;
}
h4{
font-size:20px;
margin:0 auto 30px;
}


/*mfp reset*/
.mfp_colored{
background:transparent;
}
.mfp_err{
display:block;
}
.mfp_rows input[type="text"], 
.mfp_rows input[type="email"], 
.mfp_rows input[type="tel"], 
.mfp_rows input[type="number"], 
.mfp_rows input[type="date"], 
.mfp_rows input[type="file"], 
.mfp_rows select, 
.mfp_rows button, 
.mfp_rows textarea{
border:0;
border-radius:0;
box-shadow:none;
padding:0;
margin:0;
vertical-align: middle;
}

form#mailformpro label{
border-radius:0;
margin:0;
display: inline-block;
white-space: nowrap;
}
form#mailformpro label.mfp_not_checked{
padding:0;
border:0;
}
form#mailformpro label.mfp_checked{
padding:0;
border:0;
background-color:transparent;
box-shadow:none;
}


.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev{
border-radius:0;
padding:0;
border:0;
background:transparent;
text-shadow:none;
font-size: 18px;
cursor:default;
outline: none;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover, button.mfp_next:hover, button.mfp_prev:hover{
background:inherit;
box-shadow:none;
}


.container{
max-width:1000px;
margin:0 auto;
}

form#mailformpro dl{
border-bottom:1px solid #969696;
display: flex;
width:100%;
text-align:left;
align-items:center;
}
form#mailformpro dl.first{
border-top:1px solid #969696;
}
form#mailformpro dl dt{
width:30%;
padding:20px 0 20px 50px;
line-height:1.5em;
border:0;
font-size:14px;
box-sizing:border-box;
}
form#mailformpro dl dt span{
}
.require_item:after{
content:"必須";
padding:3px;
font-size:12px;
background:#c00;
color:#fff;
margin-left:5px;
}

form#mailformpro dl dd{
width:70%;
padding:20px 0;
line-height:1.8em;
border:0;
font-size:14px;
}


.name_box{
display:flex;
}
.name_box li{
margin-right:10px;
display:flex;
align-items:center;
flex-wrap:wrap;
width:30%
}
.name_box li input{
width:150px!important;
}

.remarks{
width:50em!important;
height:10em!important;
}

.vertical_list{
display:inline;
}
.vertical_list li{
margin-bottom:5px;
}
.vertical_list li:last-child{
margin-bottom:0;
}
.mfp span{
padding-left:5px;
}
.name_box li span{
padding-right:5px;
padding-left:0;
}
.name_box li span.item{
width:2em
}

input, select,textarea{
font-size:16px;
}
.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows input[type="file"],
.mfp_rows select,
.mfp_rows button,
.mfp_rows textarea{
border-radius:4px;
border:1px solid #969696;
padding:2px;
}
.mfp_element_all{
max-width:100%;
}

.mfp_rows input[type="text"]{
width:20em;
}

form#mailformpro label{
margin-right:1em;
}

.privacy{
margin:30px 0 30px 50px;
text-align:left;
line-height:1.5em;
}
.privacy ul{
display:inline;
}
.privacy a{
text-decoration:underline;
}

div.mfp_buttons{
/*border:0;
width:50%;
background:#c00;
color:#fff;
padding:10px;
box-shadow:0 5px 0 0 #600;
margin:0 auto;
box-sizing:border-box;*/
display: flex;
justify-content:space-between;
}
div.mfp_buttons button{
border:0;
width:48%;
background:#c00!important;
color:#fff;
padding:10px!important;
box-shadow:0 5px 0 0 #600;
margin:0 auto;
box-sizing:border-box;


align-items: flex-start;
text-align: center;
cursor: default;
/*padding:0;*/
border:0;
background:transparent;
box-sizing: border-box;
color:#fff;
font-size:20px;
}

.mfp_buttons button:hover{
background:#c00;
box-shadow:0 5px 0 0 #600;
opacity:0.4
}

.sub_item{
margin-top:0.5em;
display:block;
}
.sub_item_first{
margin-top:0;
}

/* thanks */
.thanks h3{
margin-bottom:40px;
position: relative;
}
.thanks h3:after{
content: '';
position: absolute;
left: 50%;
bottom: -10px; /*下線の上下位置調整*/
display: inline-block;
width: 50px; /*下線の幅*/
height: 2px; /*下線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); /*位置調整*/
background-color: #333; /*下線の色*/
}

.thanks p{
max-width:800px;
margin:0 auto 30px;
font-size:16px;
text-align:left;
}
.thanks .thanks_back{
text-align:center;
}

@media screen and (max-width: 1200px) {
.name_box li{
margin-bottom:5px;
}
.name_box li:last-child{
margin-bottom:0;
}
.mfp span{
display:block;
}
}

/****************************************
sp
****************************************/
@media screen and (max-width: 736px) {
/* sv */
/* sv */
.sv{
padding:20px 0;
margin:0 auto 10%;
}
.sv h2{
font-size:20px;
}
.sv h2 span{
font-size:40px;
}
.sv h2 span:after{
}

h3{
width:90%;
margin:0 auto 5%;
font-size:15px;
line-height:1.5em;
}
h3 span{
font-size:13px;
}
h4{
width:90%;
margin:0 auto 5%;
font-size:15px;
}

.container{
max-width:90%;
}

form#mailformpro dl{
display: block;
}
form#mailformpro dl:first-child{
}
form#mailformpro dl dt{
width:100%;
padding:2% 0;
line-height:1.5em;
display:block;
text-align:center;
background:#f5f5f5;
}
form#mailformpro dl dt span{
}
.require_item:after{
}

form#mailformpro dl dd{
display:block;
width:90%;
margin:0 auto;
padding:2% 0;
border:0;
font-size:16px;
}
.name_box{
display:block;
}
.name_box li{
margin-right:10px;
display:block;
align-items:center;
width:100%;
}
.name_box li span{
display:block;
}
.name_box li input{
width:100%!important;
}
.remarks{
width:100%!important;
height:10em!important;
}

.vertical_list li{
margin-bottom:5px;
}
.vertical_list li:last-child{
margin-bottom:0;
}
.mfp span{
padding-left:0;
font-size:14px;
line-height:1.2em;
margin-bottom:0;
}
.name_box li span{
padding-right:2px;
padding-left:0;
}

input, select{
font-size:16px;
}
.mfp_rows input[type="text"],
.mfp_rows input[type="email"],
.mfp_rows input[type="tel"],
.mfp_rows input[type="number"],
.mfp_rows input[type="date"],
.mfp_rows input[type="file"],
.mfp_rows select,
.mfp_rows button,
.mfp_rows textarea{
border-radius:4px;
border:1px solid #969696;
padding:2px 0;
width:100%;
margin:0 auto 5px;
}
form#mailformpro label span{
font-size:13px;
}
.privacy{
margin:5%;
text-align:left;
line-height:1.5em;
}
.privacy li{
text-align:center;
margin-top:0.5em;
}
.privacy a{
text-decoration:underline;
}

div.mfp_buttons{
width:100%;
}
div.mfp_buttons button{
}

.mfp_buttons:hover{
}


.thanks h3{
margin-bottom:10%;
}
.thanks h3:after{
}

.thanks p{
max-width:90%;
margin:0 auto 5%;
font-size:14px;
}
.thanks .thanks_back{
}

}