@charset "UTF-8";
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

	
.sp-on{
display:block;
}
.sp-non{
display:none;
}	
	
/*header*/
header.header-pc{
display:none;
}


/*logo-sp*/
h1.logo-sp{
display:block;
}

h1.logo-sp img{
width:55%;
	margin:20px 0 20px 20px;
}


	
/*nav*/
nav.nav-pc{
display:none;
}	
	



/*top-media*/
.top-media dl{
width:100%;
}
.top-media dd img{
width:15%;
height:15%;
}

.top-media dl{
display: block;
}
.top-media dt{
font-size:12px;
text-align:center;
padding:10px 0 3px 0;
}
.top-media dd{
	text-align:center;
padding:0 0 12px 0;
}

	



/*top-price*/
.top-price{
width:100%;
padding:30px 0 0 0;
}
.top-price-wr{
display:block;
padding:0 20px;
margin-top:80px;
}

.top-price-box{
margin-bottom:20px;
}

.top-price-wr .top-price-rec{
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.top-price h2{
font-size:23px;
line-height:1.7em;
letter-spacing: 0;
}
	
.top-price-box dt{
padding:6px 0;
font-size:22px;
margin-bottom:10px;
}
.top-price-box dt em{
font-size:30px;
}	
.top-price h2 span{
background: linear-gradient(transparent 60%, #fff200 50%);

}
.top-price h2 em{
color:#007f51;
font-size:48px;
}
	
.top-price-box .dd-price em{
font-size:32px;
}	
.top-price-box .dd-price{
padding:0 0 10px 0;
}	
	
.top-price-box .dd-price2{
padding:0 0 10px 0;
}	
	
	
.top-price .button001 a {
max-width: 300px;
padding: 15px 18px;
margin:0px auto 30px auto;
}
	
	
	
	

/*top-reason*/
.top-reason{
padding:60px 20px 20px 20px;
}
.top-reason h2{
font-size:23px;
margin-bottom:50px;
}
.top-reason h2 em{
font-size:34px;
color:#009b63;
}	
	
.top-reason-wr{
display:block;
width:100%;
}	
.top-reason-wr .top-reason-box{
margin-bottom:40px;
	padding-bottom:10px;
}	
	
.top-reason-wr .top-reason-rec{

font-size:75px;
top:-50px;
}

.top-reason-wr .top-reason-box.reason03 dd.reason-img{
width:161px;
margin:20px auto 20px auto;
}	
	
	
	
/*top-analysis*/
.top-analysis{
padding:60px 0 30px 0;
}
.top-analysis-wr{
width:100%;

}
.top-analysis h2{
font-size:26px;
}	
.top-analysis-img{
padding:0 30px;
}	
.top-analysis .button001 a {
max-width: 300px;
padding: 15px 18px;
margin:0px auto 30px auto;
}	
	
	

/*footer*/
footer{
font-size:10px;
text-align:center;
margin:30px 0;
}
footer address{
margin-top:20px;
}
footer .footer-tit{
width:60%;
margin:0 auto 30px auto;
}

	
	

/*drawer-ドロワーメニュー-*/
.drawer-menu .drawer-menu-item{
font-size:90%!important;
}	
	
	
/*contents-tit*/
.contents-tit {
height:100px;
}
	
	
.contents-tit h2{
font-size:22px;
}
.contents-tit p{
padding:20px 0 5px 0;
}
	
	
/*contents*/
.contents{
width:95%;
margin:0 auto;
padding:20px 0 80px 0;
}
	
	
/*footer-form*/
.footer-form{
padding-top:25px;
padding-bottom:25px;
margin-top:0px;
}
	
.footer-form .footer-form-wr{
background:#fff;
border-radius: 10px;
width:95%;
margin:15px auto 0 auto;
padding:15px 0;
}
.footer-form .footer-form-tit{
width:90%;
font-size:20px;
	letter-spacing: 0;
	margin:0 auto 15px auto;
}
	
.footer-form .footer-form-inner{
width:95%;
display:block;
}

.footer-form .footer-form-inner .flex-box{
width:100%;
display:block;
}

.footer-form .footer-form-inner div{
width:100%;
}

.footer-form .footer-form-inner div p{
width:100%;
}
.footer-form .footer-form-inner p img{
width:65%;
}

.footer-form .footer-form-inner .flL,
.footer-form .footer-form-inner .flR{
width:100%;
}
.footer-form .footer-form-inner .flL p{
margin:0px;

}
.footer-form .footer-form-inner .flL p img{
margin-right:0px;
}
.footer-form .footer-form-inner .flR p{
text-align:center;
}
.footer-form .footer-form-inner .flR p img{
margin-left:0px;
}

.footer-form .footer-form-inner img.ft-tel{
width:70%;
}




/*.footer-form .footer-form-inner .flL .p01{
width:90%;
margin:0 auto;
padding:30px 0 15px 0;
}
.footer-form .footer-form-inner .flL .p02{
width:95%;
margin:0 auto;
padding-bottom:20px;
}
.footer-form .footer-form-inner .flR .p01{
width:80%;
margin:0 auto;
padding:0;
}
.footer-form .footer-form-inner .flR .p02{
width:85%;
	padding-bottom:20px;
margin:10px auto 0 auto;
}*/

	

/*flow*/
body#flow .ctwr{
width:95%;
margin: 0 auto;
border:solid 3px #e6e6e6;
padding:15px;
}
body#flow .ctwr .txt{
clear:both;
width:100%;
}	
body#flow .ctwr h3{
font-size:24px;
margin-bottom:10px;
}
body#flow .ctwr h3 em{
font-size:28px;
/*display:block;
text-align:left;*/
line-height:2em;
}
	
	
body#flow .ctwr .flow-box{
display:block;
}

	
	
body#flow .ctwr .illust{
clear:both;
width:100%;
margin:0 auto;
text-align:center;
}	
body#flow .ctwr .illust img{
width:70%;
margin:10px 0;
}	
	
body#flow .step-flL{
width:100%;
clear:both;
	margin-top:15px;
}
body#flow .step-flL .p01{
width:300px;
margin:0 auto;
padding:0px 0 15px 0;
}
body#flow .step-flL .p02{
width:320px;
margin:0 auto;
padding-bottom:20px;
}
body#flow .step-flR{
width:100%;
clear:both;
}
body#flow .step-flR .p01{
width:260px;
padding:0px 0 10px 0;
	margin:0 0 0 0;
}
body#flow .step-flR .p02{
width:300px;
margin:0 0 0 0;
}	
	
/*price*/
body#price .ctwr{
width:97%;
}

body#price .top-price-wr{
display:block;
padding:0 20px;
margin-top:40px;
}

body#price .top-price-box{
margin-bottom:20px;
}

body#price .top-price-wr .top-price-rec{
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

body#price .top-price h2{
font-size:23px;
line-height:1.7em;
letter-spacing: 0;
}
	
body#price .top-price-box dt{
padding:6px 0;
font-size:22px;
margin-bottom:10px;
}
body#price .top-price-box dt em{
font-size:30px;
}	
body#price .top-price h2 span{
background: linear-gradient(transparent 60%, #fff200 50%);

}
body#price .top-price h2 em{
color:#007f51;
font-size:48px;
}
	
body#price .top-price-box .dd-price em{
font-size:32px;
}	
body#price .top-price-box .dd-price{
padding:0 0 10px 0;
}	
	
body#price .top-price-box .dd-price2{
padding:0 0 10px 0;
}	
	
	
body#price .top-price .button001 a {
max-width: 300px;
padding: 15px 18px;
margin:0px auto 30px auto;
}
	
	

/*analysis*/
body#analysis .ctwr{
width:95%;
}
body#analysis .ctwr h3{
font-size:26px;
}
body#analysis .ctwr .analysis-inr{
display:block;
gap:0px;
margin-bottom:20px;
}
body#analysis .ctwr .analysis-inr img{
width:60%;
margin:0 auto;
}
body#analysis .ctwr .analysis-inr p{
text-align: center;
}

body#analysis .ctwr .analysis-inr p.txt{
font-size:20px;
padding:20px 0 0 0 ;
}

body#analysis .ctwr .atnt-box{
gap:0px;
	padding:5px;
}

body#analysis .ctwr .atnt-box p{
line-height:1.8em;
	font-size:13px;
}	
body#analysis .ctwr .atnt-box img{
width:80%;
}	
	
/*report*/
body#report .ctwr{
width:100%;
}

body#report .ctwr img{
width:100%;
}

	
	
	
	
	
/*sample*/
body#sample .ctwr{
width:100%;
}	

body#sample .ctwr .saisyuryou-wr{
display:block;
}

body#sample .ctwr .saisyuryou{
width:100%;

}

body#sample .ctwr .konpou{
display:block;
}

body#sample .ctwr .konpou p.flL{
width:100%;
text-align:center;
}
body#sample .ctwr .konpou p.flL img{
width:60%;

}

body#sample .ctwr .konpou p.flR{
width:100%;
}	


/*company*/
body#company .ctwr{
width:100%;
}
	
	
	
	
	
	
/*faq*/
body#faq .ctwr{
width:98%;
margin:0 auto;
}	

body#faq .ctwr .faq-box{
padding:30px 10px;
}
	
body#faq .ctwr .faq-inr{
display:block;
	padding:0 1em;
}
body#faq .ctwr .faq-inr .faq-flR,
	body#faq .ctwr .faq-inr .faq-flL{
width:100%;
}

body#faq .ctwr .faq-inr .faq-flR img{
width:100%;
	margin-top:12px;
}

	
	
	
	
	
	
	
	
	
	

/*order*/
body#order .ctwr{
width:100%;
margin: 0 auto;
}
body#order .ctwr .order-box h3{
font-size:20px;
}
	
	
	
body#order .ctwr .order-box .order-mail{
font-size:18px;
padding:30px 15px;
}
body#order .ctwr .order-box .order-btn{
width:95%;
margin:0 auto 20px auto;
	
}
	
body#order .ctwr .order-box .order-atn{
width:90%;
margin:0 auto 20px auto;
}	
body#order .ctwr .order-box2{
padding-top:0px;
}
body#order .ctwr .order-box2 h3{
font-size:22px;
}
	
	
/*media*/
body#media .ctwr{
width:100%;
margin: 0 auto;
}

	
body#media .ctwr p.media-img img{
width:100%;
}	
	
	
	
/*caution*/
body#caution .ctwr{
width:100%;
margin: 0 auto;
}	
	
/*privacy*/
body#privacy .ctwr{
width:100%;
margin: 0 auto;
}	

	
/*inquiry*/
body#inquiry .ctwr{
width:100%;
margin: 0 auto;
}	
	
body#inquiry .form_tb th,
body#inquiry .form_tb td{
display:block;
width:100%;
}	

body#inquiry .submit-btn input {
background: ##ff8a00;
border-radius: 10px;
color: #ffffff;
font-size: 25px;
font-weight: bold;
padding: 20px 80px 20px 80px;
text-decoration: none;
cursor: pointer;
}

	
body#inquiry .submit-btn-kakunin .btn-sousin input{
margin-top:80px;
padding: 20px 20px 20px 20px;
}
	
	
body#inquiry .error-back-btn p a {
padding: 20px 20px 20px 20px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	

	
	
}