@charset "UTF-8";
/* CSS Document */
#group #main_img{ background: url("../../group/img/tit.jpg") no-repeat center center;background-size: cover;}
#contact #main_img{ background: url("../../contact/img/tit.jpg") no-repeat center center;background-size: cover;}

#lead_col h2 b { display: inline-block;}
#contact #lead_col h2 b{ font-size:40px;}

#sec1 { margin:50px auto; width:1000px;}
.cont_col { border-top:1px solid #ccc; border-bottom:1px solid #ccc; display: flex; margin:80px auto; padding:30px; box-sizing: border-box;}
.cont_col p:first-of-type{ margin-right:5%;width:55%; }
.cont_col p:last-of-type { text-align: center; width:40%;}
.cont_col p span:not([class]) { display: block;}
.cont_col p small {font-size:14px; display: block;}
.cont_col .tel-link {font-size:30px;}
#mailformpro dl {display: flex; flex-wrap: wrap;}
form#mailformpro dl dt,
form#mailformpro dl dd{ font-size:16px; padding: 10px 20px; box-sizing: border-box;}
form#mailformpro dl dt { float:none; width:25%;}
form#mailformpro dl dd { width:75%;}
form#mailformpro dl dt small,
form#mailformpro dl dd small { font-size:13px;}
#mailformpro input[type="text"],
#mailformpro input[type="tel"],
#mailformpro input[type="email"],
#mailformpro select { max-width: 100%; height: 40px; padding: 5px 10px; border: 1px solid #c4c4c4; box-sizing: border-box; 
                    font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;box-shadow: none;}
#mailformpro select { padding: 5px 30px 5px 10px;}
#mailformpro .mfp_buttons button {width: 35%;padding: 20px 0;font-size: 16px;
                    background: #b88402; color: #fff; border: none; transition: background-color .5s; border-radius: 0;text-shadow: none;}
#mailformpro .mfp_buttons button:hover {background: #896302; }
#mailformpro input[type="checkbox"] { border-radius: 0; height: 15px; width: 15px; box-shadow: -1px 1px 2px rgb(0 0 0 / 20%) inset;}
#mailformpro textarea { border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; font-size: 16px; padding: 5px 10px; width: 100%; box-sizing: border-box;}

.must{ display: block; background-color: #b88402; border: solid 2px #b88402; text-shadow: 0px 1px 2px #b88402;
                    padding: 2px 5px; font-size: 10px; color: #FFF; float: left; margin: 0px 5px;
                    border-radius: 4px; box-shadow: 0px 0px 5px #CCC; background-image: none;}

#sec1.thanks>p { font-size:24px; text-align: center;}
#sec1.thanks>p+p { font-size:16px;}
                    
@media screen and (max-width: 600px) {
                    #contact #lead_col h2 b{ font-size:24px;}
                    #contact #lead_col h2 b .wbr { display: block;}
                    #sec1 { margin:25px auto; width:90%;}
                    .cont_col { border:0; flex-direction: column; margin:40px auto; padding:15px;}
                    .cont_col p:first-of-type{ margin-right:0;width:100%; }
                    .cont_col p:last-of-type { border:1px solid; margin: 20px 0; padding:10px; text-align: center; width:100%;box-sizing: border-box;}
                    .cont_col .tel-link {font-size:26px;}
                    #mailformpro dl {flex-direction: column;}
                    form#mailformpro dl dt { border:0;float:none; width:100%;}
                    form#mailformpro dl dd { width:100%;}
                    form#mailformpro dl dt small,
                    form#mailformpro dl dd small { display: block;}
                    form#mailformpro label {white-space:normal;}
                    
}
@media screen and (max-width: 321px) {
                    .cont_col p span.wbr { display: block;}
}