@charset "UTF-8";

#container{text-align:left; padding:0 20px; max-width:800px; margin:0 auto; padding-bottom:20vh;}
h2.contact{position:relative; max-width:800px; font-size:clamp(1.5rem, 1.233rem + 1.33vw, 1.9rem); font-weight:600; color: #f4f3f4; padding:0 0 30px 0; margin:70px auto 30px; line-height: 2.8rem; text-align:center;  border:none;}
input,textarea{background:#fff; color:#E9474D; padding:5px 10px; font-size:1.4rem; width:100%; border:none; border-bottom:1px solid #666;}
dt{margin-top:20px; color:#f4f3f4; font-weight:600; margin-bottom:8px; font-size:1.5rem;}
.must{margin-left:1px; background:#f4f3f4; font-family: 'Noto Sans JP', sans-serif; font-size:1.2rem; font-weight:500; color:#E9474D; box-shadow: none; text-shadow: none;}
dt, dd{width:80%; max-width:800px;}
.mfp_buttons{text-align: center; margin:40px auto;}
input#soushin { border: 1px solid #f4f3f4; font-size : 15pt; text-align: center;  cursor : pointer;  max-width: 360px; padding:17px 30px;  background: #f4f3f4;  color: #E9474D;   line-height   : 1em;  transition    : .3s; font-weight:700;}
input[type="text"],textarea{width:100%;}
@media screen and (min-width : 450px) {
input#soushin {width: 350px; margin: 0 auto;}
}

@media screen and (min-width : 769px) {
form#mailformpro dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #FFF;
}
form#mailformpro dl dt,
form#mailformpro dl dd {
    font-size: 16px;
    line-height: 160%;
}
form#mailformpro dl dt {
    float: none;
    width: 35%;
    padding: 10px;
}
form#mailformpro dl dd {
    float: none;
    width: 65%;
    padding: 10px;
}
}
@media screen and (max-width : 768px) {
form#mailformpro dl {
    display: block;
    border-bottom: 1px solid #FFF;
}
form#mailformpro dl dt,
form#mailformpro dl dd {
    font-size: 16px;
    line-height: 160%;
    float: none;
    width: 100%;
    padding: 10px 5px;
}
}
input#soushin {
    background: #E9474D;
    color: #FFF;
    text-shadow: none;
}

.mfp_achroma,
.mfp_colored {
    background: none;
}