@charset "utf-8";
/* CSS Document */
html{font-size:calc(100vw / 1060)}
a,label,button,summary,select{transition:opacity .3s; cursor:pointer}
a:hover,label:hover,button:hover,summary:hover{opacity:.6}

button{background:none; border:0; outline:0; appearance:none}

.inquiry_input {width: 100%;}
#subject_select{width: 100%;}
#inquiry_input2{width: 100%; height:100px}

.inquiry_qa_ul{padding:20px 10px 30px}
.inquiry_qa_li{list-style:inside disc}
.inq_h4{border-left:5px solid #7ebb00; padding:2px 10px}
.inq_mailform{margin:20px auto 0; width:230px}
.inq_img{width:auto; max-width:100%; margin-top:10px; border:2px solid #7ebb00}
.inq_qa .user_w_box a{text-decoration:underline}
.InquiryBottomP1{padding-top:20px}
.InquiryBottomP2{padding-bottom:20px}
#InquiryBottomInput{margin-right:5px}
.inquiry_input {height: 16px;}
.user_btn2_pc {text-align: center;margin-top: 20px;}
.turnstile-container .cf-turnstile iframe {background-color: white !important;}


@media(min-width:790px){
	body{font-size:12rem}/*基礎font-size*/
	#container{width: 100%}
	#contents_wrapper{margin: 0,auto, 0, auto; width: 760px}
	#main_contents{width: 100%}
	#cont_body{width: 100%}
}


@media(max-width:789px){
	body{font-size:24rem}/*基礎font-size*/
	#container{width: 100%}
	#contents_wrapper{margin: 0, 10px, 0, auto; width: 100%; box-sizing:border-box}
	#main_contents{width: 100%}
	#cont_body{width: 100%}
	.nr_table th {width: 40%;padding: 5px 10px;border: solid 1px #999999;border-collapse: collapse;text-align: left;}
	.user_btn2_pc .user_btn:nth-child(2){margin-left:10px;}
	.user_btn{position:relative; padding-bottom:22px; width:40%;}
}