@charset "utf-8";
#hd .hd-btn a { background: #fff; color: #000;}
#hd .hd-btn a:hover { background: #333; color: #fff;}
.menu-trig div span { background: #fff;}

.ttl { text-align: center;}
.ttl h2 { color: #7fbe26; font-size: clamp(30px, 5.4vw, 70px); line-height: 1;}
.stl { position: relative; width: 88%; max-width: 980px; margin: 0 auto;}
.stl h2 { position: relative; color: #fff; font-size: clamp(20px, 3.2vw, 32px); text-align: center;}
.stl h2 span.eng { position: absolute; left: 0; top: 50%; transform: translateY(-55%);
 color: #7fbe26; font-size: clamp(30px, 5.4vw, 70px); line-height: 1;
}
.stl h2 span.jp { font-weight: 400;}
@media (max-width: 481px) {
	.stl h2 { font-size: 20px;}
	.stl h2 span.eng { font-size: 21px;}
}



#contact { position: relative;}
#contact .inner-sct { padding: 200px 0 120px;}
#contact .stl { margin-bottom: 40px;}
#contact .tit { position: relative; width: 88%; max-width: 980px; margin: 0 auto 40px;}
#contact .tit::before,
#contact .tit::after { content: ''; display: block; position: absolute;}
#contact .tit::before{ width: 100%; height: 1px; background: #7fbe26; left: 0; top: 50%; z-index: 1;}
#contact .tit::after { width: calc(100% - 180px); height: 3px; background: #000; position: absolute; left: 50%; top: 50%;
 transform: translate(-50%,-50%); z-index: 2;
}
#contact .tit h3 { position: relative; color: #fff; font-size: clamp(16px, 2.1vw, 26px); font-weight: 400; text-align: center; z-index: 3;}
#contact .tit h3:before { content: ''; display: inline-block; width: 84px; height: 62px; vertical-align: middle;
 background: url('/img/lp/icn-amazon.png') no-repeat 50% 50% / 100% auto;
}
#contact .tit h3 span { display: inline-block; padding-left: 10px; vertical-align: middle;}
#contact .tit h3 br { display: none;}
@media (max-width: 801px) {
	#contact .tit h3 { font-size: 18px;}
	#contact .tit h3:before { width: 64px; height: 48px;}
	#contact .tit h3 br { display: block;}
	#contact .tit h3 span { text-align: left;}
}
@media (max-width: 481px) {
	#contact .tit { margin-bottom: 12px;}
	#contact .tit::after { width: calc(100% - 60px);}
	#contact .tit h3 { font-size: 14px;}
	#contact .tit h3:before { width: 40px; height: 32px;}
}

#contact .ctn { width: 88%; max-width: 980px; margin: 0 auto; padding: 30px 0;}
#contact .form-bloc { width: 100%; margin: 0 auto 40px;}
#contact .form-bloc .row { position: relative; padding: 20px 0; padding-left: 250px;}
#contact .form-bloc .item { position: absolute; left: 0; top: 25px;}
#contact .form-bloc .item p { position: relative; padding-left: 60px; font-size: 16px; letter-spacing: 0.1rem; line-height: 1.2;}
#contact .form-bloc .item p.any { padding-left: 0px;}
#contact .form-bloc .item p span.require { display: block; width: 40px; padding: 4px 0; background: #fff;
 color: #000; font-size: 14px; text-align: center;
 position: absolute; left: 0; top: -2px;
}

#contact .form-bloc .entry input {}
#contact .form-bloc .entry input[type="text"],
#contact .form-bloc .entry input[type="email"],
#contact .form-bloc .entry input[type="tel"] { position: relative; width: 100%; padding: 5px 0px; background: #000;
 border: none; border-bottom: solid 1px #fff; outline: none;
}
#contact .form-bloc .entry input#zip { width: 200px;}
#contact .form-bloc .entry .radio-bloc .wpcf7-list-item { display: block; width: 100%; margin: 0 0 12px;}
#contact .form-bloc .entry .radio-bloc .wpcf7-list-item.last { margin-bottom: 0px;}
label input[type='radio'] + .wpcf7-list-item-label { position: relative; display: -moz-inline-box; display: inline-block;
 min-height: 24px; padding-left: 40px; font-size: 18px; letter-spacing: 0.2em; line-height: 1.5; cursor: pointer;
}
label.radio:before,
label input[type='radio'] + .wpcf7-list-item-label:before { content: ''; position: absolute; left: 0; top: 1px;
 display: -moz-inline-box; display: inline-block; width: 24px; height: 24px; border: 1px solid #fff; border-radius: 50%;
}
label.radio:after,
label input[type='radio'] + .wpcf7-list-item-label:after { content: ''; position: absolute; top: 5px; left: 4px; filter: alpha(opacity=0); opacity: 0;
 display: block; width: 16px; height: 16px; background: #fff; border-radius: 50%; visibility: hidden;
 -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
 transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
input[type='radio']:checked + .radio:after,
input[type='radio']:checked + .wpcf7-list-item-label:after { filter: alpha(opacity=100); opacity: 1; visibility: visible;}

label input[type='checkbox'] + .wpcf7-list-item-label { position: relative; display: -moz-inline-box; display: inline-block; cursor: pointer;
 min-height: 24px; padding-left: 40px; margin: 0; font-size: 18px; line-height: 1.5;
}

#contact .form-bloc .entry .check-bloc .wpcf7-list-item { display: inline-block; width: 48.5%; margin: 0 0 12px; line-height: 1;}
#contact .form-bloc .entry .check-bloc .wpcf7-list-item.last { margin-bottom: 0px;}
label.checkbox:before,
label input[type='checkbox'] + .wpcf7-list-item-label:before { content: ''; position: absolute; left: 0; top: 2px;
display: -moz-inline-box; display: inline-block; width: 24px; height: 24px; border: 1px solid #fff;
}
input[type='checkbox']:checked + .checkbox:before,
input[type='checkbox']:checked + .wpcf7-list-item-label:before { background-color: #fff;}
input[type='checkbox']:checked + .wpcf7-list-item-label:after { content: '';
 opacity: 1; filter: alpha(opacity=100); visibility: visible;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}

#contact .form-bloc .entry textarea { position: relative; width: 100%; height: 200px; padding: 5px 0px; background: #000;
 border: none; border-bottom: solid 1px #fff; outline: none;
}
#contact .form-bloc .entry .date { position: relative; width: 100%; max-width: 200px; background: #000;}
#contact .form-bloc .entry .date input[type="date"] { position: relative; z-index: 2; outline: none;
 width: 100%; padding: 5px; background: #fff; border: none; appearance: none; -webkit-appearance: none;
 color: #000; font-size: 16px;
}

#contact .form-bloc .entry .inline {}
#contact .form-bloc .entry .down { position: relative; display: inline-block; width: 80px; margin-bottom: 10px; border-bottom: solid 1px #fff;}
#contact .form-bloc .entry .down:after { content: ''; position: absolute; right: 10px; top: 35%; width: 0; height: 0; z-index: 1;
 border: solid 6px transparent; border-top: solid 10px #fff;
}
#contact .form-bloc .entry .down select { position: relative; z-index: 2; outline: none; width: 100%; padding-left: 8px; border: none; background: none;
 appearance: none; -webkit-appearance: none; font-size: 18px;
}
#contact .form-bloc .entry .down select option { background: #222; color: #fff;}
#contact .form-bloc .entry .inline span.ji,
#contact .form-bloc .entry .inline span.fun { display: inline-block;}
#contact .form-bloc .entry p.note { font-size: 14px;}
#contact .form-bloc .entry p.red { color: #dc3232;}

#contact .attention { width: 90%; max-width: 880px; margin: 0 auto 30px; padding: 30px 20px; border: solid 1px #999;}
#contact .attention h4 { margin-bottom: 8px; font-size: 16px; letter-spacing: 0.05rem;}
#contact .attention p { font-size: 14px; letter-spacing: 0.05rem;}
#contact .read { width: 90%; max-width: 880px; margin: 0 auto 60px;}
#contact .read p { font-size: 14px;}
#contact .read p a { color: #fff;}
#contact .read p a:hover { text-decoration: none;}
#contact .btn-submit { position: relative; width: 72%; max-width: 300px; margin: 0 auto; background: #fff;}
#contact .btn-submit input[type="submit"]{ display: block; width: 100%; padding: 20px 0;
 background: #7fbe26; border: none;
 color: #fff; letter-spacing: 0.1rem; text-align: center;
}
#contact .btn-submit input[type="submit"]:hover { opacity: 0.8;}
#contact .btn-submit .wpcf7-spinner { position: absolute;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#contact .inner-sct { padding: 150px 0 80px;}
	#contact .form-bloc .row { position: relative; padding: 16px 0;}
	#contact .form-bloc .item { position: relative; left: auto; top: auto; margin-bottom: 8px;}
	#contact .form-bloc .item.mb { margin-bottom: 18px;}
	#contact .form-bloc .entry input[type="text"],
	#contact .form-bloc .entry input[type="email"],
	#contact .form-bloc .entry input[type="tel"] { padding: 8px 0;}
}
@media (max-width: 641px) {
	label input[type='radio'] + .wpcf7-list-item-label { font-size: 14px;}
	#contact .form-bloc .entry .wpcf7-form-control-wrap .wpcf7-list-item { display: block; width: 100%;}
	label input[type='checkbox'] + .wpcf7-list-item-label { font-size: 14px;}
	#contact .form-bloc .entry .inline span.ji,
	#contact .form-bloc .entry .inline span.fun { font-size: 14px;}

	#contact .attention { margin: 0 auto 20px;}
	#contact .read { margin: 0 auto 40px;}
	#contact .btn-submit input[type="submit"]{ padding: 12px 0; font-size: 14px;}
}
@media (max-width: 481px) {
	#contact .inner-sct { padding: 80px 0 0px;}
	#contact .form-bloc { margin: 0 auto 20px;}
	#contact .form-bloc .item p { padding-left: 48px; font-size: 14px;}
	#contact .form-bloc .item p span.require { top: 0px; width: 32px; padding: 2px 0; font-size: 12px; letter-spacing: 0;}
	#contact .form-bloc .entry input[type="text"],
	#contact .form-bloc .entry input[type="email"],
	#contact .form-bloc .entry input[type="tel"] { font-size: 13px;}

	#contact .form-bloc .entry .wpcf7-radio .wpcf7-list-item { margin-bottom: 4px;}
	label input[type='radio'] + .wpcf7-list-item-label { min-height: 20px; padding-left: 30px; font-size: 13px; letter-spacing: 0.1em;}
	label.radio:before,
	label input[type='radio'] + .wpcf7-list-item-label:before{ width: 20px; height: 20px;}
	label.radio:after,
	label input[type='radio'] + .wpcf7-list-item-label:after { top: 5px; left: 4px; width: 12px; height: 12px;}
	label input[type='checkbox'] + .wpcf7-list-item-label { min-height: 20px; padding-left: 30px;}
	label.checkbox:before,
	label input[type='checkbox'] + .wpcf7-list-item-label:before { top: 1px; width: 20px; height: 20px;}
	#contact .form-bloc .entry textarea { height: 100px; font-size:13px;}
	#contact .form-bloc .entry .inline span.ji,
	#contact .form-bloc .entry .inline span.fun { font-size: 13px;}
	#contact .form-bloc .entry p.note { font-size: 12px;}
	#contact .form-bloc .entry .wpcf7-not-valid-tip { font-size: 12px;}
	

	#contact .attention { margin: 0 auto 12px; padding: 12px 20px;}
	#contact .attention h4 { margin-bottom: 4px; font-size: 14px;}
	#contact .attention p { font-size: 11px; letter-spacing: 0rem;}

	#contact .read { margin: 0 auto 30px;}
	#contact .read p { font-size: 12px;}
	#contact .btn-submit input[type="submit"]{ padding: 10px 0;}
}



#thanks .inner-sct { padding: 200px 0 120px;}
#thanks .stl { margin-bottom: 40px;}
#thanks .ctn { width: 88%; max-width: 600px; margin: 0 auto;}
#thanks .ctn h3 { margin-bottom: 40px; font-size: 24px; text-align: center;}
#thanks .ctn h3 br { display: none;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#thanks .inner-sct { padding: 150px 0 80px;}
}
@media (max-width: 641px) {
	#thanks .ctn h3 { font-size: 18px;}
	#thanks .ctn h3 br { display: block;}
	#thanks .ctn p { font-size: 14px;}
}
@media (max-width: 481px) {
	#thanks .inner-sct { padding: 80px 0px 0px;}
	#thanks .stl { margin-bottom: 30px;}
	#thanks .ctn h3 { font-size: 16px;}
	#thanks .ctn p { font-size: 13px;}
}