@charset "utf-8";
#pageTitle{background:#11347c}
#pageTitle h2:after{content:"CONTACT"}
#contactForm h3+p strong,.require{color:#11347c;font-weight:700}
#contactForm form input[type="text"],input[type="email"],textarea{border:1px solid #707070}
#contactForm form dl + ul{text-align:center}
#contactForm form dl + ul li{display:inline-block}
#contactForm form dl + ul li input[type="submit"]{border:1px solid #888;color:#666;background:#E4F4FA}
.rewrite input[type="button"]{border:1px solid #666;color:#666;background:#eee}
input[type=radio],input[type=checkbox]{display:none}
.radio,.checkbox{box-sizing:border-box;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;position:relative;display:inline-block;margin:0 10px 0 0;padding:2px 4px 2px 36px;border-radius:3px;vertical-align:middle;cursor:pointer}
.radio:after{-webkit-transition:border-color .2s linear;transition:border-color .2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-10px;width:20px;height:20px;border:1px solid #707070;border-radius:10px;content:''}
.checkbox:after{-webkit-transition:border-color .2s linear;transition:border-color .2s linear;position:absolute;top:50%;left:5px;display:block;margin:-10px 10px 0 0;width:20px;height:20px;border:1px solid #707070;content:''}
.radio:before{-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:50%;left:10px;display:block;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:#11347c;content:'';opacity:0}
input[type=radio]:checked + .radio:before{opacity:1}
.checkbox:before{-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:50%;left:11px;display:block;width:8px;height:12px;border-right:2px solid #11347c;border-bottom:2px solid #11347c;content:'';opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:-7px 10px 0 0}
input[type=checkbox]:checked + .checkbox:before{opacity:1}
ul.error li{color:#C00;margin:0 0 10px}
ul.error li:before{content:"\0025cf"}
ul.error + input[type="button"]{border:1px solid #888;color:#666;background:#eee}

@media screen and (min-width:961px){
#contactForm{width:1080px;margin:0 auto}
#contactForm h3+p{line-height:1.6em;margin:0 0 50px}
#contactForm form dl{border:1px solid #707070;border-top:none;background:rgb(228,244,250);background:-moz-linear-gradient(left, rgba(228,244,250,1) 0%, rgba(228,244,250,1) 25%, rgba(255,255,255,1) 25.1%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left, rgba(228,244,250,1) 0%,rgba(228,244,250,1) 25%,rgba(255,255,255,1) 25.1%,rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(228,244,250,1) 0%,rgba(228,244,250,1) 25%,rgba(255,255,255,1) 25.1%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f4fa', endColorstr='#ffffff',GradientType=1 )}
#contactForm form dl dt,#contactForm form dl dd{border-top:1px solid #707070}
#contactForm form dl dt{box-sizing:border-box;width:25%;float:left;clear:both;padding:15px 15px 10px}
#contactForm form dl dd{margin-left:25%;border-left:1px solid #707070;padding:10px 50px}
#contactForm form dl dd .note{padding:12px 0 0 0;display:block}
#contactForm form input[type="text"],input[type="email"],textarea{padding:8px 20px}
.chechboxList li{padding:5px 10px 10px 0;display:inline-block}
.inputS{width:410px}
#zip{width:220px}
textarea,.inputL{width:100%}
textarea{height:150px}
.require{margin-left:30px}
#contactForm form dl + ul{padding:25px 0 50px}
#contactForm form dl + ul li input[type="submit"]{padding:12px 30px;cursor:pointer;font-size:1.625rem}
.rewrite input[type="button"]{padding:12px 20px;cursor:pointer;font-size:1.25rem;margin:0 20px 0 -20px}
.rewrite input[type="button"]:hover,#contactForm form dl + ul li input[type="submit"]:hover{opacity:0.8}
#contactForm form.confirm dl dt,#contactForm form.confirm dl dd{padding:15px 15px 10px}
ul.error{padding:50px}
ul.error + input[type="button"]{padding:12px 30px;cursor:pointer;font-size:1.625rem;display:block;margin:0 auto 50px}

}


/*
    SP 

**********************************************************/

@media screen and (max-width: 960px) {
#contactForm h3+p{line-height:1.6em;margin:0 0 20px;font-size:1rem}
#contactForm form dl{border:1px solid #707070;border-top:none;font-size:1.25rem}
#contactForm form dl dt{padding:15px;background:rgb(228,244,250);border-top:1px solid #707070}
#contactForm form dl dd{padding:15px}
#contactForm form dl dd .note{padding:12px 0 0 0;display:block;font-size:1rem}
#contactForm form input[type="text"],input[type="email"],textarea{padding:15px}
.chechboxList li{padding:5px 10px 10px 0;display:inline-block}
.inputS{width:100%}
#zip{width:60%}
textarea,.inputL{width:100%}
textarea{height:150px}
.require{margin-left:30px}
#contactForm form dl + ul{padding:25px 0 50px}
#contactForm form dl + ul li input[type="submit"]{padding:12px 30px;cursor:pointer;font-size:1.625rem}
.rewrite input[type="button"]{padding:10px 20px;font-size:1rem;margin:0 10px 0 -10px}
ul.error{padding:20px 0}
ul.error li{font-size:1.25rem}
ul.error + input[type="button"]{padding:12px 30px;cursor:pointer;font-size:1.25rem;display:block;margin:0 auto 50px}

@media screen and (max-width: 320px) {
}



}