@charset "utf-8";
/* CSS Document */
 
.contact__txt{text-align: center;margin: 0 0 30px;font-size: 18px;}

.l-contact1{max-width: 720px;display: block;margin: auto;}
.l-contact1-inner,.l-contact1-inner a{text-align: center;background: #0068b7;color: #ffffff;font-weight: bold;}
.l-contact1-inner{padding: 43px 0 35px;}
.l-contact1-inner a{font-size: 20px; position: relative;vertical-align: middle;}
.l-contact1-inner a span{font-size: 28px;letter-spacing: 0.1em;padding: 0 0 0 15px;vertical-align: middle;}
.l-contact1-inner a::after{content: "";background: url("../img/contact/iconcharacter.png");width: 67px;height: 83px;position: absolute;top: 0;bottom: 20px;right: -90px; margin: auto;}

.l-contact1-inner h2{font-size: 20px;}
.l-contact1-inner p{font-size: 15px;}

.l-section-contact2{padding: 0 0 80px;}
.l-section__basic__contact2{max-width: 765px;}

.contact__txt2{width: 107%; font-size: 14px; margin: 38px 0 0;line-height: 2em;}
.contact__txt2 a{color: #0068b7;border-bottom: 1px solid #0068b7;}



/*  入力フォーム  */
	.l-section-contact2 dl{display: block;}
	.mail-table +div{margin: 25px 0 0;}
	.mail-table:last-child dt{vertical-align: top;}
	
	.mail-table dt span {padding: 0 0 0 10px;margin: 0 0 0 10px; color: #fe0030;font-weight: bold;position: relative;}
	.mail-table dt span::before {content: "";background: url("../img/contact/iconContact.png");width: 8px;height: 9px;top: 0;bottom: 0;margin: auto;position: absolute;left: 0;}
	
	.l-section-contact2 dl dt{width: 23%;/*padding: 35px 30px 35px 0;*/ display: inline-block;font-size: 14px;font-weight: normal;}
	.l-section-contact2 dl dd{width: 560px;margin: 0 0 0 20px; display: inline-block;font-size: 14px;}
	
	.l-section-contact2 .mail-table input, .l-section-contact2 .mail-table textarea{width: 100%;}
	.l-section-contact2 .mail-table input{border: solid 1px #dadada;background-color: #ffffff;height: 40px;padding: 5px;}
	.l-section-contact2 .mail-table textarea{border: solid 1px #dadada;background-color: #ffffff;height: 170px;padding: 5px;}
	
	
	.submit input{line-height: 1.8em;position: relative; width: 300px!important;height: auto!important;display: block;margin:40px auto 0;background-color: #0068b7!important;padding:10px 0 10px!important;font-size: 14px;font-weight: bold; color: #ffffff;letter-spacing: 0.3em;border: solid 2px #0068b7;}
	.submit{position: relative; width: 300px!important;margin: auto;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;border: none;}

	.submit::before{width: 30px;height: 2px;background: #ffffff;content: '';position: absolute;right: 10px;top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;}
	.submit::after{right: 10px;width: 8px;height: 8px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;}
	
	
	
	.submit input:hover{line-height: 1.8em;position: relative; width: 300px!important;height: auto!important;display: block;margin:40px auto 0;background-color: #ffffff!important;padding:10px 0 10px!important;font-size: 14px;font-weight: bold; color: #0068b7;letter-spacing: 0.3em;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;cursor:pointer;border: solid 2px #0068b7;}

	.submit:hover::before{width: 30px;height: 2px;background: #0068b7;content: '';position: absolute;right: 10px;top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.submit:hover::after{right: 10px;width: 8px;height: 8px;border-top: 2px solid #0068b7;border-right: 2px solid #0068b7;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}




/*  確認画面  */

.l-wrapper-contact-inner{min-height:auto;}

.main-contact button{line-height: 1.8em;font-weight: bold;position: relative; width: 300px!important;height: auto!important;display: block;margin:40px auto 0;background-color: #0068b7!important;padding:10px 0 10px!important;font-size: 14px; color: #ffffff;letter-spacing: 0.3em;border: solid 2px #0068b7;}
.main-contact button:hover{line-height: 1.8em;font-weight: bold;position: relative; width: 300px!important;height: auto!important;display: block;margin:40px auto 0;background-color: #ffffff!important;padding:10px 0 10px!important;font-size: 14px;font-weight: bold; color: #0068b7;letter-spacing: 0.3em;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;cursor:pointer;border: solid 2px #0068b7;}

.main-contact button::before{width: 30px;height: 2px;background: #ffffff;content: '';position: absolute;left: 10px;top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;}
.main-contact button::after{left: 10px;width: 8px;height: 8px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;}

.main-contact button:hover::before{width: 30px;height: 2px;background: #0068b7;content: '';position: absolute;left: 10px;top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.main-contact button:hover::after{left: 10px;width: 8px;height: 8px;border-top: 2px solid #0068b7;border-right: 2px solid #0068b7;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	
.submitbtn2{margin: 20px auto 0!important;}	




.submitbtn3::before{width: 30px;height: 2px;background: #ffffff;content: '';position: absolute;right: 10px!important;left: auto!important; top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;}
.submitbtn3::after{right: 10px!important;left: auto!important;width: 8px;height: 8px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;-webkit-transform: rotate(45deg)!important;-ms-transform: rotate(45deg)!important;transform: rotate(45deg)!important;position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;}

.submitbtn4{font-weight: bold; line-height: 1.8em;position: relative; width: 300px!important;height: auto!important;display: block;margin:40px auto 0;background-color: #0068b7!important;padding:10px 0 10px!important;font-size: 14px; color: #ffffff;letter-spacing: 0.3em;border: solid 2px #0068b7;}
.submitbtn4:hover{line-height: 1.8em;position: relative; width: 300px!important;height: auto!important;display: block;margin:40px auto 0;background-color: #ffffff!important;padding:10px 0 10px!important;font-size: 14px;font-weight: bold; color: #0068b7;letter-spacing: 0.3em;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;cursor:pointer;border: solid 2px #0068b7;}

.submitbtn4::before{width: 30px;height: 2px;background: #ffffff;content: '';position: absolute;right: 10px!important;left: auto!important; top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;}
.submitbtn4::after{right: 10px!important;left: auto!important;width: 8px;height: 8px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;-webkit-transform: rotate(45deg)!important;-ms-transform: rotate(45deg)!important;transform: rotate(45deg)!important;position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;}

.submitbtn4:hover::before{width: 30px;height: 2px;background: #0068b7;content: '';position: absolute;right: 10px!important;left: auto!important; top: 0;bottom: 0;margin: auto 0;z-index: 999;pointer-events: none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.submitbtn4:hover::after{right: 10px!important;left: auto!important;width: 8px;height: 8px;border-top: 2px solid #0068b7;border-right: 2px solid #0068b7;-webkit-transform: rotate(45deg)!important;-ms-transform: rotate(45deg)!important;transform: rotate(45deg)!important;position: absolute;top: 0;bottom: 0;margin: auto 0;content: '';z-index: 999;pointer-events: none;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

	
.kakunin-txt{margin: 10px 0 30px;}
.formTable tr th{text-align: left;padding:0 50px 0 0;}
.formTable tr td{color: #FF0004;}

.main-contact{padding: 50px 0;}
.main-contact h4{font-size: 18px;margin: 0 0 30px;font-weight: bold;color: #FF0004;}



@media screen and (max-width:899px){
	.l-contact1-inner a::after{content: none;}
	.contact__txt2{width: auto; font-size: 14px; margin: 38px 0 0;line-height: 2em;}
	
	.l-section-contact2{padding: 30px 20px 90px;}
	
	/*  入力フォーム  */
	.l-section-contact2 dl{display: block;}
	.mail-table +div{margin: 25px 0 0;}
	.mail-table:last-child dt{vertical-align: top;}
	
	.mail-table dt span {padding: 0 0 0 10px;margin: 0 0 0 10px; color: #fe0030;font-weight: bold;}
	
	.l-section-contact2 dl dt{width: 100%; display: block;padding: 0 20px; font-size: 14px;font-weight: normal;background: #E2F2FF;line-height: 3em;}
	.l-section-contact2 dl dd{width: 100%;margin: auto; display: block;font-size: 14px;}
	
	.l-section-contact2 .mail-table input, .l-section-contact2 .mail-table textarea{width: 100%;}
	.l-section-contact2 .mail-table input{border: solid 1px #dadada;background-color: #ffffff;height: 40px;padding: 5px;}
	.l-section-contact2 .mail-table textarea{border: solid 1px #dadada;background-color: #ffffff;height: 170px;padding: 5px;}
	
}