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

section#contact, section#contact_defects{padding: 1rem 0 0 0;}
#contact .h2deco-y::before{top: 18px;bottom: 0;left: -220px;right: 0;margin: auto;z-index: -2;}
#contact_defects .h2deco-y::before{top: 18px;bottom: 0;left: -230px;right: 0;margin: auto;z-index: -2;}
#contact_confirm .h2deco-y::before{top: 18px;bottom: 0;left: -260px;right: 0;margin: auto;z-index: -2;}
#confirm_thanks_defacts .h2deco-y::before, #confirm_thanks .h2deco-y::before{top: 18px;bottom: 0;left: -320px;right: 0;margin: auto;z-index: -2;}
#contact .inner960, #contact_confirm .inner960, #contact_defects .inner960 {background-color: #FCE8E8;}

.br500{display: none;}

.form, .kakunin {margin: 4rem auto 0 auto;max-width: 720px;padding: 2.875rem 0;}
.form input {line-height: 1.7rem;border-radius: 5px;border:1px solid #707070;}
input[type="text"].form-item-input,input[type="email"].form-item-input {width: 50%;}
.form-item{padding-bottom: 1.375rem;}
.form-item-label {padding-bottom: 0.1rem;}
textarea{width: 100%;height:210px;line-height: 1.5rem;border-radius: 5px;border:1px solid #707070;}
select {height: 2rem;border-radius: 5px;border:1px solid #707070;}

.form-item-label .form-required{border-radius: 6px;margin-right: 0.5rem;width: 48px;display: inline-block;text-align: center;background: #0FA3BC;color: #fff;font-size: 14px;line-height: 1.7;}
.form-item-label .form-optional{border-radius: 6px;margin-right: 0.5rem;width: 48px;display: inline-block;text-align: center;background: #EBC950;color: #fff;font-size: 14px;line-height: 1.7;}
.submit-btn{text-align: center;margin: 2.56rem auto 0.6rem auto;}
.submit-btn input{border: none;border-radius: 50px;margin: 0 0.8rem;font-family: 'Zen Kaku Gothic New', sans-serif;font-weight: bold;}
.submit-btn input:hover{opacity:0.8;}
.reset.btn{background-color: gray;box-shadow: 2px 5px dimgray;}
input[type="submit"]{background-color: #DC8686;box-shadow: 2px 5px #BC5D5D;padding: 0.9rem 2.9rem 0.7rem}

.wpcf7-spinner{display: none!important;}
input:hover {cursor: pointer;}

/*確認画面*/
.kakunin .multiform{height: 1.875rem;line-height: 1.7rem;width: 50%;}
.kakunin .multiform-textarea{width: 100%;/*height:210px;*/line-height: 1.5rem;}
.kakunin .form-item{display: flex;border-bottom: 1px solid #C6C6C6;padding: 0.68rem 0;}
.kakunin .form-item-label{width: 168px;padding-right: 1rem;line-height: 1.7rem;font-weight: bold;}
.kakunin .multiform,.kakunin .multiform-textarea{flex: 1;}
.kakunin .submit-btn{display: flex;justify-content: center;}
.kakunin .submit-btn p{padding: 0 1rem;}
.return {padding: 0.85rem 2.85rem 0.55rem;display: inline-block;color: #FFFFFF;text-decoration :none;text-align: center;transition: .4s;border-radius:30px;font-size: 1.25rem;letter-spacing: 1px;background-color: gray;box-shadow: 2px 5px dimgray;margin-bottom: 2.875rem;}
.return:active { box-shadow: none;transform: translateY(5px);opacity: 1;}
.wpcf7-previous{display: block!important;}
.pp{max-width: 720px;height: 360px;margin: 3.75rem auto 1.687rem auto;width: 100%;border:1px solid #656565;background: #fff;overflow-y: scroll;padding: 2.8rem 0 2rem;}
.pp .pp-title{font-size: 1rem;font-weight:bold;text-align: center;padding-bottom: 1rem;}
.pp .pp-sub-title{font-size: 0.938rem;font-weight: bold;}
.pp p{max-width: 650px;margin: 0 auto;width: 100%;line-height: 1.6rem;font-size: 0.875rem;padding-bottom: 1rem;}
.pp p:last-child {text-align: right;padding-top: 1.5rem;}
.pp-check{text-align: center;font-weight: 500;}
.pp-check input[type="checkbox"] {border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.pp-check input[type="checkbox"] {position: relative;width: 16px;height: 16px;border: 1px solid #000;vertical-align: -5px;background: #fff;}
.pp-check input[type="checkbox"]:checked:before {position: absolute;top: 1px;left: 4px;transform: rotate(50deg);width: 4px;height: 8px;border-right: 2px solid #000;border-bottom: 2px solid #000;content: '';}

/*問い合わせ完了*/
#confirm_thanks p {text-align: center;font-size: 1.2rem;}
#confirm_thanks .inner960 {padding: 1.5rem 0 2rem 0;}
#confirm_thanks .h2deco {padding-top: 3rem;}
#confirm_thanks .h2deco::after {top: 82px;}
#confirm_thanks img{max-width: 260px;width: 100%;padding: 2rem 0 0 0;}
#confirm_thanks .btn-wrap, #confirm_thanks_defacts .btn-wrap{text-align: center;padding-top: 2rem;}

/*不具合問い合わせ完了*/
#confirm_thanks_defacts .about-mail{border:3px solid #1A6878;padding: 2.8rem 6rem;margin-top: 3.5rem;}
#confirm_thanks_defacts .about-mail .center{text-align: center;font-size: 1.125rem;font-weight: bold;padding-bottom: 2rem;}
#confirm_thanks_defacts .about-mail p{text-align: left;padding-bottom: 1rem;line-height: 1.5rem;max-width: 710px;margin: 0 auto;}

/*contact_type*/
.type-btn{margin: 1rem auto!important;padding: 1.3rem 3rem 1.25rem!important;width: 360px;}
#contact_type .inner960 {margin-top: 3rem;}
#contact_type p {border:3px solid #1A6878;padding: 2.8rem 6rem;margin-top: 3.5rem;}

/*contact_type(ご連絡いただく前にご確認ください)*/
.br_400 {display: none;}
.text-wrap-c img {vertical-align: text-top; max-width: 41px; width: 100%;}
.text-wrap-c a {font-size: 1.375rem; font-weight: bold; color: #0FA3BC;}
.dotted {margin: 0 10px 0 8px; border-bottom: 4px dotted #0FA3BC;}
.text-wrap-c {margin: 0 auto 0.7rem; text-align: center;}

/*商品不具合の注意書き*/
.br_600 {display: none;}
.h4_600_b {display: none;}
#product_note .h2deco-y::before {top: 18px; bottom: 0;left: -313px; right: 0; margin: auto; z-index: -2;}
.product_notes_attention p, #product_note {font-weight: 500; letter-spacing: 0.1px; line-height: 1.625;}
.inner760 {max-width: 760px; margin: 0 auto; width: 100%;}
.pink_background {background: #FCE8E8; margin-bottom: 2.812rem;}
.product_notes_h3 {padding: 3.719rem 0 3.281rem; text-align: center; color: #BC5D5D; font-size: 1.375rem; font-weight: 700; line-height: 3rem; letter-spacing: 0.02px;}
#product_note .btn-pre {padding: 0.87rem 6rem 0.82rem;}
#product_note .btn-c {margin: 4.375rem auto 4.625rem;}
#product_note .btn-c:active {box-shadow: none;transform: translateY(5px);opacity: 1;}
#product_note .btn-d {box-shadow: 2px 5px #BC5D5D; background: #DC8686; padding: 0.87rem 3rem 0.82rem;}
#product_note h4 {font-size: 1.375rem; font-weight: 600; letter-spacing: 0.02px; line-height: 2.5rem;}
#product_note p, #product_note dd {padding-left: 1em; text-indent: -1em;}
.product_notes_attention p {padding-bottom: 15px;}
.product_notes_attention p:last-of-type {padding-bottom: 0;}
.product_notes_text {padding-bottom: 45px;}
.product_notes_text:nth-of-type(6)  {padding-bottom: 0;}
.product_notes_text dt {padding: 10px 0; font-weight: 800;}
.product_notes_text dd {padding-bottom: 10px;}
.product_notes_text .lng_text {padding-bottom: 0.2rem;}
.product_notes_text dd:last-of-type {padding-bottom: 0;}
.initial_failure {padding-bottom: 20px;}
.product_notes_img {padding: 20px 0 10px;}
.product_notes_img img{border: 1px solid #707070; max-width: 250px; width: 100%;}
html.fancybox-active:not(.fancybox-allowscroll) body {margin-right: auto!important; margin-bottom: auto!important;}
html.fancybox-active:not(.fancybox-allowscroll), html.fancybox-active:not(.fancybox-allowscroll) body {overflow: auto!important;}

@media screen and (max-width:900px){
	.kakunin{width: 93%;}
	.pp p{width: 96%;}
	#product_note .inner {width: 95%;}
}
@media screen and (max-width:800px){
	.form{width: 90%;}
	input[type="text"].form-item-input,input[type="email"].form-item-input, .kakunin .multiform{width: 80%;}
	#product_note .inner {width: 100%;}
}
@media screen and (max-width:760px){
	#contact .h2deco-y::before, #contact_defects .h2deco-y::before, #contact_confirm .h2deco-y::before, #confirm_thanks_defacts .h2deco-y::before, #confirm_thanks .h2deco-y::before{top: 0;}
	#confirm_thanks p {font-size: 0.875rem;}
	#confirm_thanks .h2deco {padding: 2rem 0;}
	#confirm_thanks .h2deco::after {top: 66px;}
	#confirm_thanks img{max-width: 170px;}
	.type-btn{padding: 1.1rem 2rem 1rem!important;width: 300px;}
	#contact_type p{padding: 2rem 2rem;margin-top: 3rem;}
	#confirm_thanks_defacts .about-mail{padding: 2rem 1rem;margin-top: 3rem;}
	.kakunin .form-item{display: block;}
	.kakunin .form-item-label{width: 200px;}
	#confirm_thanks_defacts .about-mail .center{font-size: 1rem;}
	.text-wrap-c img {max-width: 33px;}
	.text-wrap-c a {font-size: 1.125rem;}
	.dotted {margin: 0 8px 0 6px; border-bottom: 3px dotted #0FA3BC;}
	.inner760 {width: 90%;}
	.br_760 {display: none;}
	.product_notes_text dd {font-size: 0.875rem;}
	.product_notes_h3 {padding: 2.719rem 0 2.281rem; font-size: 1.2rem;}
	#product_note h4 {font-size: 1.2rem;}
	.product_notes_text {padding-bottom: 35px;}
	#product_note .h2deco-y::before {top: -12px; left: -236px;}
	#product_note .btn-pre {padding: 0.947rem 6rem 0.897rem;}
	#product_note .btn-d {padding: 0.947rem 3rem 0.897rem;}
}
@media screen and (max-width:600px){
	#contact .inner{width: 100%;}
	.form{margin: 0 auto;}
	.submit-btn input{margin: 0 0.3rem;}
	.br_600 {display: block;}
	.product_notes_h3 {line-height: 2rem;}
	.none_600 {display: none;}
	.h4_600_b {display: block;}
	#product_note h4 {line-height: 2.2rem;}
	.product_notes_text dt {padding-left: 1em; text-indent: -1em;}
	#product_note .btn-c {margin: 3rem auto 4rem;}
}

@media screen and (max-width:500px){
	.br500{display: block;}
	.none_500 {display: none;}
	.kakunin{width: 96%;}
	#confirm_thanks_defacts .h2deco-y::before, #confirm_thanks .h2deco-y::before{left: -300px;}
	#product_note h4 {line-height: 2rem;}
	.fancybox-title-over #fancybox-title {padding: 8px 4px!important; font-size: 0.875rem;}
}
@media screen and (max-width:400px){
	.br_400 {display: block;}
	.text-wrap-c img {max-width: 55px;}
	.text-wrap-c a {display: flex; justify-content: center; align-items: end;}
	.dotted {margin: 0 5px; padding-bottom: 5px; line-height: 1.3;}
	#product_note .btn-d {padding: 0.947rem 2rem 0.897rem;}
}
@media screen and (max-width:380px){
	#confirm_thanks .h2deco {line-height: 1.8rem;}
	#confirm_thanks .h2deco::after {top: 82px;}
	.type-btn{padding: 1rem 1.5rem 0.8rem!important;width:90%;}
	#contact_type p, #confirm_thanks_defacts .about-mail {padding: 1.5rem 1rem;}
	#confirm_thanks_defacts .h2deco-y::before, #confirm_thanks .h2deco-y::before{left: -190px;}
	#confirm_thanks_defacts .h2deco-y::after, #confirm_thanks .h2deco-y::after{top: 75px;}
	#confirm_thanks_defacts .h2deco-y, #confirm_thanks .h2deco-y{line-height: 1.9rem;}	
}