@charset "utf-8";
/* CSS Document */

img {max-width: 100%;height: auto;vertical-align: bottom;}

@media screen and (min-width: 1024px) {
.contact{background: #fbfbfb;}    
.contact .inner{max-width:500px; margin:2% auto;}    

/***  form　***/
#form .pricing-title{font-size: 27px;font-weight: 700;color: #4d5666;margin-bottom: 30px;text-align:center;}
.list label {width:100%;}
.list{background:#FFF;border:1px solid #5993fa;border-radius:5px;padding: 25px 30px 0 30px;}
.list input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
.list p{padding: 1%;margin:4% 0 2% 0;text-align:center;color:#FFF;font-size: .7em;background: #8c57c4;}
.list span.title{background: #5993fa;color: #FFF;padding:1% 4%;font-size: .9em;line-height: 2em;display: inline-block;margin-bottom: 2%;}
.list span.asterisk:before{content:'※';font-size:.8em;margin-left:10px;color:#830e16;}
.list input[type="text"],
.list input[type="email"],
.list input[type="tel"] ,
.list input[type="date"],.list select
{display: block;font-size: 16px;font-family: sans-serif;color: #666;line-height: 1.3;height: 40px;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%;box-sizing: border-box;margin: 1% 0 3% 0;border: 1px solid #aaa;-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;}
.list textarea {display: block;font-size: 16px;font-family: sans-serif;font-weight: 700;color: #444;line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;border: 1px solid #aaa;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;}
.list input[type="submit"] {margin:7% auto 5% auto;display: block;padding: .2em;text-decoration: none;color: #FFF;border: solid 2px #FFF;transition: .4s;font-size: 1em;background:none;background-color:#999;width:200px;}
.list input[type="submit"]:hover {background: #5993fa;color: #FFF;}
.list input:focus, .list select:focus, .list textarea:focus {}
input{font-size:16px;}
    
#wp-thanks{height: 90vh;position:relative;}
.thanks{width: 90%;text-align:center;color: #111a2b;margin: 0 auto;padding: 1%;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);box-sizing: border-box;position: absolute;background: #111a2b;}
.thanks h2{font-size: 1.4em;background: #ffffff;color: #000000;width:300px;margin:5% auto 4% auto;}
.thanks p{line-height:2em;margin:2%;font-size: 1em;text-align:center;color: #FFF;}
.thanks img{width:180px;margin: 3% 0;}    
.thanks-copyright{text-align:center;}    
    
}

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

.contact{background: #fbfbfb;}    
.contact .inner{max-width:500px;margin: 6% auto;}    

/***  form　***/
#form .pricing-title{font-size: 27px;font-weight: 700;color: #4d5666;margin-bottom: 30px;text-align:center;}
.list label {width:100%;}
.list{background:#FFF;border:1px solid #5993fa;border-radius:5px;padding: 25px 30px 0 30px;}
.list input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
.list p{padding: 1%;margin:4% 0 2% 0;text-align:center;color:#FFF;font-size: .7em;background: #8c57c4;}
.list span.title{background: #5993fa;color: #FFF;padding:1% 4%;font-size: .9em;line-height:3em;}
.list span.asterisk:before{content:'※';font-size:.8em;margin-left:10px;color:#830e16;}
.list input[type="text"],
.list input[type="email"],
.list input[type="tel"] ,
.list input[type="date"],.list select
{display: block;font-size: 16px;font-family: sans-serif;color: #666;line-height: 1.3;height: 40px;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%;box-sizing: border-box;margin: 1% 0 3% 0;border: 1px solid #aaa;-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;}
.list textarea {display: block;font-size: 16px;font-family: sans-serif;font-weight: 700;color: #444;line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;border: 1px solid #aaa;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);-moz-appearance: none;-webkit-appearance: none;background-color: #FFF;}
.list input[type="submit"] {margin:7% auto 5% auto;display: block;padding: .2em;text-decoration: none;color: #FFF;border: solid 2px #FFF;transition: .4s;font-size: 1em;background:none;background-color:#999;width:200px;}
.list input[type="submit"]:hover {background: #5993fa;color: #FFF;}
.list input:focus, .list select:focus, .list textarea:focus {}
input{font-size:16px;}    

#wp-thanks{height: 90vh;position:relative;}
.thanks{width: 90%;text-align:center;color: #111a2b;margin: 0 auto;padding: 10% 0;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);box-sizing: border-box;position: absolute;background: #111a2b;}
.thanks h2{font-size: 1.4em;background: #ffffff;color: #000000;width:300px;margin:5% auto 4% auto;}
.thanks p{line-height:2em;margin: 10% 6%;font-size: 1em;text-align: justify;color: #FFF;}
.thanks p br{display:none;}
.thanks img{width:180px;margin: 3% 0;}    
.thanks-copyright{text-align:center;font-size: .8em;}  
}