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

/*------------------- フォーム -------------------- */
.form {display: block;width: 100%;margin: 0 auto;max-width: 900px;margin-top: 200px;}
@media only screen and (min-width: 480px){	
.form {display: block;width: 100%;margin: 0 auto;max-width: 900px;margin-top: 200px;}
}
.form_field01 {display:block;width:100%;padding:20px 0 0 0;}
.form_field02 {display: block;width:100%;padding:20px 0 0 0;vertical-align:top;}
.form_field03 {display:block;width:100%;padding:20px 0 0 0;}	
@media only screen and (min-width: 480px){	
.form_field02 {display: block;width: 96%;padding: 20px 2% 10px 2%;vertical-align: top;}
.form_field03 {display: block;width: 96%;padding: 20px 2% 0 2%;}
.form_field01 {display: block;width: 96%;padding: 20px 2% 0 2%;}
}
.form_field04 {display:block;width:100%;padding:20px;}	
@media only screen and (min-width: 768px) {	
.form_field02 {display: inline-block;width: 46%;padding: 20px 2% 10px 2%;vertical-align: top;}
}
.form-tittle {font-size:13px;color:#000;padding:10px 0 10px 0;letter-spacing:2px;}
dt.mfp {font-size:13px;color:#000;font-weight: bold;letter-spacing:2px;}
dd.mfp {position:relative;}
dd.mfp span {background-color: #000;height: 1px;line-height: 0;overflow: hidden;display: block;position: relative;-moz-transform: transform3d(0,0,0);-ms-transform: transform3d(0,0,0);-webkit-transform: transform3d(0,0,0);transform: transform3d(0,0,0);width: 100%;}
.border + span::after { background-color: #952830;content: '';height: 100%;top: 0;left: 0;position: absolute;-moz-transform: translate3d(-102%,0,0);-ms-transform: translate3d(-102%,0,0);-webkit-transform: translate3d(-102%,0,0);transform: translate3d(-102%,0,0);-moz-transition: -moz-transform .3s cubic-bezier(.19,1,.22,1);-o-transition: -o-transform .3s cubic-bezier(.19,1,.22,1);-webkit-transition: -webkit-transform .3s cubic-bezier(.19,1,.22,1);transition: transform .3s cubic-bezier(.19,1,.22,1);width: 100%;}
.border:focus + span::after{-webkit-transition: all .4s;transition: all .4s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.asuta {display: inline-block;padding-left: 7px;color: #952830;font-size: 20px;font-weight: bold;}
#contact_img {width: 50%;max-width: 300px;}

/*-----テキスト----- */
input[type="text"],
textarea {outline: none;width:100% !important;height:40px;font-size:16px;border-left:0;border-right:0;border-top:0;border-bottom:0;border-radius:0;-webkit-transition: all .3s;transition: all .3s;color:#000;background:none;}	
@media only screen and (min-width: 480px){	
input[type="text"],textarea {outline: none;width:100% !important;height:40px;font-size:16px;border-left:0;border-right:0;border-top:0;border-radius:0;-webkit-transition: all .3s;transition: all .3s;background:none;}
}	
input[type="text"]:focus,textarea:focus {color:#000;}	
input[type="email"],extarea {outline: none;width:100% !important;height:40px;font-size:16px;border-left:0;border-right:0;border-top:0;border-bottom:0;border-radius:0;-webkit-transition: all .3s;transition: all .3s;background:none;color:#00;}	
@media only screen and (min-width: 480px){	
input[type="email"],textarea {outline: none;width:100% !important;height:40px;font-size:16px;border-left:0;border-right:0;border-top:0;border-bottom:0;border-radius:0;-webkit-transition: all .3s;transition: all .3s;background:none;}
}	
input[type="email"]:focus,textarea:focus {color:#000;}
input[type=radio], input[type=checkbox] {display: none;}
.input_text:focus, .input_textarea:focus {color: #952830;}
input:focus, input.focused { color: #000; }  	
.textarea01 {height:150px !important;}

/*-----チャックボックス----- */

.form_field01-inner {background:#fff;}
.checkbox {box-sizing: border-box;-webkit-transition: background-color 0.2s linear;transition: background-color 0.2s linear;position: relative;display: inline-block;margin: 0 0px 8px 0;font-size:14px;padding: 12px 12px 12px 42px;vertical-align: middle;cursor: pointer;}
.checkbox02{ box-sizing: border-box;-webkit-transition: background-color 0.2s linear;transition: background-color 0.2s linear; position: relative;display: inline-block;padding:0 21px 0 16px ;margin-top:15px;font-size:14px;vertical-align: middle;cursor: pointer;}
.checkbox:hover {background-color: #FBF8FB;}
.checkbox:hover:after {border-color: #964BA0;}
.checkbox:after {-webkit-transition: border-color 0.2s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 15px;display: block;margin-top: -10px; width: 18px;height: 18px;border: 1px solid #bbb;content: '';}
.checkbox:before {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;position: absolute;top: 50%;left: 21px; display: block;margin-top: -7px;width: 6px; height: 10px;border-right: 2px solid #964BA0;border-bottom: 2px solid #964BA0;content: '';opacity: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
input[type=checkbox]:checked + .checkbox:before {opacity: 1;}

/*-----プライバシー----- */
.privacy {display:block;width:100%;height: 8.4em;margin:0 auto;margin-top:20px;text-align:left;margin-bottom:10px;overflow: auto;}
@media only screen and (min-width: 480px){	
.privacy {display: block;width: 96%; height: 8.4em; margin: 0 auto;margin-top: 25px;text-align: left;margin-bottom: 10px;overflow: auto;}}	
.privacy-innar {width: 96%;padding: 2%;}	
.privacy-tittle {color:#000;font-size:14px;padding:0 0 15px 0;}
.privacy-innar span {display:block;color:#000;font-size:12px;line-height:1.3em;padding:0 0 15px 0 ;}
	
/*-----送信ボタン----- */	
button {margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;font-size: 20px;font-family: 'Oswald', sans-serif;color: #952830;font-weight: bold;letter-spacing: 0.1em;cursor: pointer;}	
.form-btn-area {display:block;width:100%;text-align:center;}
@media only screen and (min-width: 480px){	
.form-btn-area {display:block;width:100%;}
}
.form-btn {display:inline-block;}
.form-btn01 {display: block;width: 260px;color: #952830;font-size: 30px;font-weight: bold;cursor: pointer;letter-spacing: 0.2em;}	
.form-btn-innar02 {margin-right:10px;}
.form-btn-innar01 {margin-bottom:0;}
@media only screen and (min-width: 480px){	
.form-btn01 {width: 200px;height: 200px; font-size: 20px;;}
.form-btn-innar01 {margin-right:20px;}
.form-btn-innar02 {margin-bottom:20px;}
}	
@media only screen and (min-width: 480px){	
.form-btn-innar02 {margin-right:20px;}
}	
.form-btn01:hover {color:#000;}
.form-btn02:hover {color:#000;}
#thanks {color: #ffe100;padding: 50px 0 60px 0;text-align: center;font-size: 16px;}
	
.center {display: block; position: relative; width: 160px;cursor: pointer;}
.center:hover{}
@media only screen and (max-width: 600px) {
.center {width: 130px;background-size: 130px;margin: 80px auto;}
.center:hover .outside {width: 140px;letter-spacing: 0.2em;padding-left: 10px;height: 140px;margin-top: -70px;margin-left: -70px;}
.center .outside {padding-left: 5px;font-size: 40px;position: absolute;text-align: center;color: #000;border-radius: 100%;width: 140px;height: 140px;border: 5px solid;left: 50%;top: 50%;margin-top: -140px;margin-left: -64px;}

}