@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700&display=swap');


/*	RESET CSS
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a { text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}



/*	BASE
================================================== */
html{
	font-size:10px;
	overflow-y:scroll !important;
	overflow-x:hidden;
	}
	
body,input,select,textarea{
	font-family: 'Noto Sans JP', -apple-system, YuGothic, Hiragino Kaku Gothic ProN, "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	font-size:1.4rem;
	color:#111;
	}

body {
	background:#fcf7ed;
	overflow:hidden !important;
	}

a {
	color:#003f69;
	text-decoration:none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	opacity:0.7;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
*:last-child{
margin-bottom:0 !important;
}
*/

img{
	vertical-align:top;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height:auto;
	}

@media screen and (min-width: 481px) {

	.sp { display:none !important; }
	a.tel{ color:inherit; text-decoration:none; cursor:default; }
	a.tel:hover{ opacity:1; }

}

@media screen and (max-width: 480px) {

	.pc { display:none !important; }
	img { width:100%; }

}

@media screen and (max-width: 320px) {

	html{ font-size:9px; }

}



/*	SLIDEBARS
================================================== */
[canvas=container] {
	background-color: transparent !important; /* Basic background color, overwrite this in your own css. */
	}
[off-canvas] {
	background-color: #003f69 !important; /* Basic background color, overwrite this in your own css. */
	color: #fff !important; /* Basic colors, overwrite this in your own css. */
	}
@media screen and (max-width: 480px) {
	[canvas=container] {
	margin:60px 0 0 !important;
	overflow:hidden !important;
	}
	[canvas=header]{
	position:fixed;
	top:0;
	width:100%;
	height:60px;
	background:#003f69;
	z-index:999 !important;
	}
}



/*	SLIDER
================================================== */
.bx-wrapper{
	box-shadow: none !important;
	border: 0 !important;
	left: 0 !important;
	margin:0 !important;
	background:transparent !important;
	}

.bx-wrapper img{
	width:100%;
	height:auto;
	}



/*	COMMON
================================================== */

main{
	margin:0 auto 60px;
	max-width:1280px;
	}

section{
	margin:0 auto;
	overflow:hidden;
	}

section p{
	line-height:1.7;
	}

h2,h3,h4,h5{
	font-weight:700;
	letter-spacing:.3rem;
	}

.center{ text-align:center !important; }
.left{ text-align:left !important; }
.right{ text-align:right !important; }
.flex { display:flex; flex-wrap: wrap; }

	figure img {
	width:100%;
	height:auto;
	}

a.abox:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	border-bottom: 0px;
}



/*	HEADER & FOOTER
================================================== */

header{
	position:relative;
	width:100%;
	margin:0 auto;
	color:#fff;
	background:#003f69;
	}

header .inner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
	}

header h1{
	padding:20px;
	font-size:1.3rem;
	position: absolute;
	top: 0;
	left: 0;
	}

header .logo{
	padding:15px 0 20px;
    text-align: center;
	}

header .logo img{
    width:300px;
	height:auto;
	}

footer{
	background:#fcf7ed;
	}

footer .inner{
	position:relative;
	margin:0 auto;
	padding:40px 0;
	letter-spacing:0.1em;
	text-align:center;
	color:#fff;
	background:#003f69;
	}
footer .copy{
	margin:0 0 10px;
	}
footer .logo img{
	width:274px;
	padding:10px;
	}
footer .call img{
	width:292px;
	padding:10px;
	}
footer p{
	padding:20px 0;
	text-align:center;
	font-size:1.2rem;
	letter-spacing:.2rem;
	color:#003f69;
	}

footer a{
	color:#444;
	}

	#btn-open{
	position:absolute;
	top:0;
	right:0;
	margin:0;

	display:block;
	width:60px;
	height:60px;
	text-indent:-99999px;
	background:url(/common/img/open.png) no-repeat center center;
	background-size:38% auto;
	}

	#btn-close {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	max-width:60px;
	height:60px;
	margin:0;
	background:url(/common/img/close.png) no-repeat center center;
	background-size:38% auto;
	font-size:0;
	}

	#sidemenu{
	width:30%;
	}
	#sidemenu a{
	color:#fff;
	}
	#sidemenu a{
	display:block;
	padding:1.5em;
	}
	#sidemenu ul{
	margin:4em 0 0;
	}
	#sidemenu li{
	border-bottom:1px solid #fff;
	line-height:1.5;
	text-align:left;
	}

	#sidemenu li .icon{
	width:1.4rem;
	padding-right:3px;
	vertical-align:bottom;
	}

@media screen and (max-width: 480px) {

	header .logo{
	padding:15px 0;
	}

	header .logo img{
	width:auto;
	height:28px;
	}

	#sidemenu{
	width:70%;
	}

	footer{
	line-height:1.7;
	}

	footer .copy{
	margin:0 0 5px;
	font-size:1.3rem;
	}

	footer .logo img{
	width:60%;
	}

	footer .call img{
	width:70%;
	}

}



/*	TOP
================================================== */

section{
	position:relative;
	margin-bottom: 60px; /*  !important; */
}

.top_mainphoto{
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
}

.top_mainphoto_pin{
	width: 30% !important;
	max-width: 381px !important;
	position: absolute;
	top: 4%;
	right: 2%;
}

.top_points{
	width: 90%;
	max-width: 1152px;
	padding:50px;
	overflow:visible;
	text-align: center;
	background:url(/img/bg_stripe.png);
	background-size:94px auto;
}

.top_points h2{
	text-align:center;
	margin:0 0 50px;
}

.top_points h2 img{
	width:379px;
}

.question{
	display:inline-block;
	position:absolute;
	top:50px;
	left:50px;
	transform: rotate(-5deg);
	padding:0 30px;
	text-align:center;
	font-size:1.7rem;
	font-weight:700;
	letter-spacing:.1em;
	color:#003f69;
	background:url(/img/barl.png) left center no-repeat,
	url(/img/barr.png) right center no-repeat;
	background-size:auto 46px;
}

.question span{
	background:url(/img/under.png) left 20px repeat-x;
	background-size:auto 5px;
}

.points_list{
width:82%;
margin:0 auto;
overflow:hidden;
}

.points_list li{
position:relative;
float:left;
width:50%;
padding:20px 0 20px 120px;
margin:0 0 30px;
font-size:1.7rem;
font-weight:700;
line-height:1.7;
letter-spacing:.1rem;
text-align:left;
}

.points_list li img{
position:absolute;
top:0;
left:0;
width:22%;
}

.points_list strong{
	color:#003f69;
	background:url(/img/under_nami.png) left 25px repeat-x;
	background-size:auto 6px;
	padding:0 0 6px;
}

.points_illust1{
	position:absolute;
	top:150px;
	left: 4%;
	width:70px;
}
.points_illust2{
	position:absolute;
	top:150px;
	right:4%;
	width:100px;
}
.points_illust3{
	position:absolute;
	bottom:20px;
	left:6%;
	width:100px;
}

h2 span{
display:block;
	margin:10px auto 0;
	font-weight:700;
	font-size:1.4rem;
	letter-spacing:.2em;
	color:#003f69;
}

/*
.top_howto{
	width: 90%;
	max-width: 1152px;
	padding:50px;
	overflow: hidden;
	text-align: center;
	background:url(/img/bg_stripe.png);
	background-size:94px auto;
}

.top_howto h2{
	text-align:center;
	margin:0 0 50px;
}

.top_howto h2 img{
	width:379px;
}

.top_howto .question{
	top:50px;
	right:50px;
	left:auto;
	transform: rotate(5deg);
	font-size:1.6rem;
}

.howto_list{
	display:flex;
	flex-wrap: wrap;
	text-align:center;
	margin:0 auto 50px;
}

.howto_list li{
width:25%;
padding:0 20px;
	font-size:1.8rem;
	font-weight:700;
	color:#003f69;
	letter-spacing:.2rem;
}

.howto_list li span{
	display:block;
	margin:10px 0 0;
	font-size:1.3rem;
	line-height:1.5;
	letter-spacing:.1rem;
	color:#888;
}

.howto_list li img{
	display:block;
	margin:0 auto 25px;
	padding:0 0 0 30px;
	width:63%;
}

.howto_list li:nth-of-type(1){
background:url(/img/no1.png) left top no-repeat;
background-size:20% auto;
}

.howto_list li:nth-of-type(2){
background:url(/img/no2.png) left top no-repeat;
background-size:20% auto;
}

.howto_list li:nth-of-type(3){
background:url(/img/no3.png) left top no-repeat;
background-size:20% auto;
}

.howto_list li:nth-of-type(4){
background:url(/img/no4.png) left top no-repeat;
background-size:20% auto;
}

.top_howto h3{
	display: flex;
	align-items: center;
	margin:0 auto 30px;
}

.top_howto h3 span{
	display:inline-block;
	padding:8px 30px;
	text-align:center;
	font-size:2rem;
	color:#003f69;
	background:url(/img/barl.png) left center no-repeat,
	url(/img/barr.png) right center no-repeat;
	background-size:auto 46px;
}

.top_howto h3:before, .top_howto h3:after {
	content: "";
	flex-grow: 1;
	display: block;
	border-top: 2px dotted #003f69;
}

.top_howto h3:before {
	margin:0 20px 0 0;
}

.top_howto h3:after {
	margin:0 0 0 20px;
}

.top_howto article {
	overflow:hidden;
}

.top_howto article p{
	float:left;
	width:44%;
	margin:20px 5%;
	background:#dab15a;
	border-radius:5px;
	border:2px dashed #003f69;
	padding:20px;
	text-align:center;
	font-size:17px;
	font-weight:700;
	letter-spacing:.2rem;
	color:#fff;
}

.top_howto article p strong{
	color:#003f69;
	background:url(/img/under_nami_w.png) left bottom repeat-x;
	background-size:auto 5px;
	padding:0 0 2%;
}

.top_howto article figure{
	float:left;
	width:40%;
}
*/
/*
.top_indication{
	width:80%;
	text-align:center;
}
*/
.top_ranking h2,
.top_voice h2,
/*.top_indication h2,*/
.top_available h2{
	min-width:390px;
	display:inline-block;
	margin:0 auto 30px;
	text-align:center;
	font-size:2.1rem;
	font-weight:700;
	border-radius:20px;
	min-height:40px;
	padding:7px 50px 10px;
	line-height:1.3;
	color:#fff;
	background:url(/img/cclw.png) 5% center no-repeat,
	url(/img/cclw.png) 95% center no-repeat;
	background-size:auto 8px;
	background-color:#003f69;
}
/*
.top_indication .inner{
	padding:30px 0;
	border:3px solid #003f69;;
	border-radius:8px;
	background:#fff;
	flex-wrap: wrap;
}

.top_indication article{
	width:50%;
	padding:0 30px;
}

.top_indication article:nth-of-type(1){
	border-right:2px dotted #003f69;;
}

.top_indication article h3{
	text-align:center;
	font-size:2.2rem;
	font-weight:700;
	letter-spacing:.5rem;
	color:#003f69;
	background:url(/img/wash.png) left top no-repeat;
	background-size:13% auto;
	padding:20px 0 40px;
}

.top_indication article.indication_dry h3{
	background:url(/img/dry.png) left top no-repeat;
	background-size:13% auto;
}

.top_indication article table{
	width:100%;
	margin:0 auto 30px;
	text-align:left;
	font-size:1.5rem;
	letter-spacing:.2rem;
}

.top_indication article table caption{
	margin:0 auto 15px;
	padding:6px 0;
	text-align:center;
	font-size:1.7rem;
	font-weight:700;
	letter-spacing:.2rem;
	color:#003f69;
	border-radius:2rem;
	line-height:1.5;
}

.top_indication .indication_wash table caption{
background:#bce2e1;
}

.top_indication article table caption span{
font-size:smaller;
}

.top_indication article table tr{
border-bottom:1px solid #ccc;
}

.top_indication article table th,
.top_indication article table td{
padding:10px 0;
}

.top_indication article table td+th{
padding-left:30px;
}

.top_indication article table th{
width:70%;
}

.top_indication article table td{

}

.top_indication article table th span{
display:block;
margin:7px 0 0;
font-size:1.3rem;
color:#28b3ca;
}

.top_indication article table th span span{
display:inline;
color:#93d9e5;
}

.top_indication .indication_dry table caption{
background:#e9c57e;
}

.top_indication .indication_dry table th span{
color:#ff8c00;
}

.top_indication .indication_dry table th span span{
color:#ffc580;
}

.top_indication .indication_dry table th{
width:50%;
}

.top_indication .indication_dry table td{
text-align:left;
}

.top_indication .indication_dry table td+td{
padding-left:10px;
}

.top_indication .indication_dry .notice{
}

.top_indication .indication_dry .notice{
margin:0 auto 15px;
padding:8px 0;
text-align:center;
font-size:1.4rem;
font-weight:700;
letter-spacing:.2rem;
height:3.2rem;
border-radius:1.6rem;
line-height: 1;
background:#e9c57e;
}
*/

.top_available{
	width:80%;
	text-align:center;
}

.top_available .inner{
	margin:0 auto 30px;
}

.top_available .inner figure{
	width:50%;
}

.top_available .inner figure:nth-of-type(1){
	padding:0 1% 0 0;
}

.top_available .inner figure:nth-of-type(2){
	padding:0 0 0 1%;
}

.notice_list{
	line-height:1.7;
}

.notice_list li{
	position:relative;
	padding-left:1.5rem;
}

.notice_list li:before{
	content:"●";
	margin-right:5px;
	color:#003f69;
	position: absolute;
	top: 0;
	left: 0;
}

.top_available .notice_list li{
		display: inline-block;
}



.top_price{
	width:80%;
	text-align:center;
	padding:50px 0 20px;
		border:3px solid #003f69;;
	border-radius:8px;
	background:#fff;
	flex-wrap: wrap;

}

.top_price h2{
	margin:0 0 50px;
	font-size:2.4rem;
	font-weight:500;
	color:#003f69;
}

.top_price h2 span{
	margin-top:15px;
	color:#888;
}

.top_price article{
	width:50%;
	padding:0 20px;
}

.top_price article:nth-of-type(1){
	border-right:2px dotted #003f69;;
}

.top_price h3{
	display: flex;
	align-items: center;
	margin:0 auto 30px;
	font-size:2rem;
	font-weight:500;
	color:#003f69;
}

.top_price h3:before, .top_price h3:after {
	content: "";
	flex-grow: 1;
	display: block;
	border-top: 2px solid #003f69;
}

.top_price h3:before {
	margin:0 15px 0 0;
}

.top_price h3:after {
	margin:0 0 0 15px;
}

.top_price table {
	width:100%;
	margin:0 auto 30px;
	text-align:left;
	font-size:1.5rem;
	letter-spacing:.2rem;
}

.top_price table th,
.top_price table td {
padding:15px;
}

.top_price table th {

}

.top_price table td {
text-align:right;
}

.top_price table tr {
background:#fff5d2;
}

.top_price table tr:nth-of-type(odd) {
background:#fffae8;
}

.top_price table:last-child {
	margin-bottom:0;
}



.top_notice{
	width:80%;
	text-align:center;
}

.top_notice h2{
	margin:0 0 20px;
	font-size:2rem;
	font-weight:500;
	color:#003f69;
	text-align:center;
}

.top_notice .notice_list{
	display:inline-block;
	text-align:left;
}



.top_access{
	width: 90%;
	max-width: 1152px;
	padding:50px 7%;
	overflow: hidden;
	background:url(/img/bg_stripe.png);
	background-size:94px auto;
	text-align:center;
}

.top_access h2{
	text-align:center;
	margin:0 0 50px;
}

.top_access h2 img{
	width:379px;
}

.top_access article{
	display: inline-block;
	width:50%;
	margin:0 auto 45px;
	padding:0 30px;
}

.top_access h3{
	margin:0 0 15px;
	text-align:center;
	font-size:2rem;
	font-weight:500;
	color:#003f69;
}

.top_access figure{
	margin:0 auto 20px;
	text-align:left;
}

.top_access p{
	letter-spacing:.2rem;
	margin:0 auto 30px;
	text-align:center;
}

.top_access article figure a span{
	display:inline-block;
	padding:15px 15px 15px 0;
	font-size:1.2rem;
	background:url(/img/dir_n.png) right 16px no-repeat;
	background-size:6px auto;
}

.top-sec__pick{
	width: 70%;
	max-width: 1152px;
	margin-bottom:40px;
}

.top-sec__pick__list{
	display:flex; flex-wrap: wrap;
	margin:0 auto;
}

.top-sec__pick__list li{
	width:50%;
	padding:0 10px;
	margin-bottom:20px;
}

.top-sec__pick__link{
	display:block;
	width:100%;
	margin:0 auto;
	padding:18px 20px 22px;
	border-radius:4px;
	text-align:center;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.3;
	color:#fff;
	background:#003f69 url(/img/icn_yaji_w.svg) no-repeat 97% center;
	background-size:auto 18px;
	height:80px;
}

.top-sec__pick__link.mid{
	line-height:40px;
}

.top_access .top-sec__pick__link{
	height:auto;
	line-height:1;
}

/* トップ追加ここから */
.top_benefit{
	width: 90%;
	/* max-width: 1152px; */
	padding:50px;
	overflow:visible;
	text-align: center;
	background:url(/img/bg_stripe.png);
	background-size:94px auto;
}
.top_benefit__ttl{
	text-align:center;
	margin:0 0 50px;
}
.top_benefit__ttl img{
	width:379px;
}
.top_benefit__list {
	display:flex; flex-wrap: wrap;
}
.top_benefit__list li{
	width:33%;
	padding:0 15px;
}
.top_benefit__list__ttl{
	margin-bottom:18px;
	text-align:left;
	font-size:2.2rem;
	font-weight:700;
	color:#003f69;
	letter-spacing:.1em;
	line-height:1.7;
	background:url(/img/benefit_mark.png) top left no-repeat;
	background-size:46px auto;
	padding-left:56px;
}
.top_benefit__list strong{
	color:#003f69;
	background:url(/img/under_nami.png) left 33px repeat-x;
	background-size:auto 6px;
	padding:0 0 7px;
}
.top_benefit__list__txt{
	padding-left:56px;
	text-align:left;
	font-size:1.6rem;
	letter-spacing:.05em;
}

.top_ranking{
	width:80%;
	text-align:center;
}
.top_ranking .inner{
	padding:40px 80px;
	border:3px solid #003f69;;
	border-radius:8px;
	background:#fffbcc;
	position:relative;
}
.top_ranking .inner:before,
.top_ranking .inner:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#003f69;
}
.top_ranking .inner:before{
	position:absolute;
	top:14px;
	left:14px;
}
.top_ranking .inner:after{
	position:absolute;
	top:14px;
	right:14px;
}
.top_ranking__list{
	width:100%;
	text-align:left;
}
.top_ranking__list li{
	display:flex; flex-wrap: wrap;
	padding:0 0 20px;
	letter-spacing:.07em;
}
.top_ranking__list li:last-child{
	padding-bottom:0;
}
.top_ranking__list__ttl{
	width:42%;
	padding-top: 10px;
	font-size:1.6rem;
	font-weight:700;
	line-height:2.7rem;
}
.top_ranking__list__ttl strong{
	font-size:2.4rem;
	color: #003f69;
    background: url(/img/under_nami.png) left 33px repeat-x;
    background-size: auto 6px;
    padding: 0 0 7px;
}
.top_ranking__list__ttl img{
	width:39px;
	padding-right:15px;
}
.top_ranking__list__txt{
	width:58%;
	font-size:1.6rem;
	background:url(/img/ranking_dot.png) center left no-repeat;
	background-size:52px auto;
	padding-left:90px;
}
.top_ranking__list__txt strong{
	font-weight:700;
	color: #003f69;
}

.top_voice{
	width:80%;
	text-align:center;
}
.top_voice__inner{
	padding:50px;
	/*
	padding-bottom:40px;
	*/
	overflow:hidden;
	position:relative;
	text-align:center;
	border:2px solid #003f69;
	border-right: 0;
    border-bottom: 0;
	background:#fff;
	background-image:url(/img/voice_bg.svg),url(/img/voice_bg_r.svg),url(/img/voice_bg_b.svg);
	background-position:right bottom,right,bottom;
	background-size: 50px,6px,50px;
	/*
	background-size: 40px,5px,40px;
	*/
	background-repeat:no-repeat,repeat-y,repeat-x;
	
}
.top_voice__ttl{
    margin: 0 0 40px;
    background-image: url(/img/voice_ttl_l.svg),url(/img/voice_ttl_r.svg);
	display: inline-block;
	padding: 10px 60px;
	font-size: 2.4rem;
	letter-spacing:.05em;
	background-position: left bottom,right bottom;
	background-repeat: no-repeat;
	background-size: 36px 60px;
	}
.top_voice__ttl strong{
	font-size: 2.8rem;
    color: #003f69;
    background: url(/img/under_nami.png) left 4rem repeat-x;
    background-size: auto 6px;
    padding: 0 0 7px;
	}
.voice__list{
	
}
.voice__list li{
	margin-bottom: 3.25rem;
	text-align: left;
	/*
	font-size:1.5rem;
	*/
    line-height: 2.5;
	background-color: transparent;
    background-image: linear-gradient(180deg, #ccc 1px, transparent 1px);
    background-size: 100% 2.5em;
	background-position: left -1px;
    padding-bottom: 1px;

	width: 47%;
	float: left;
	font-size:1.8rem;
}
.voice__list li p:before{
	content: "";
    display: block;
    width: 2.2rem;
    float: left;
    height: 3rem;
    margin-right: 8px;
    background: url(/img/voice_li.svg) 0 bottom no-repeat;
    background-size: 100% auto;
}
.voice__list li:nth-of-type(even){
	float: right;
}
.voice__list li p{
	font-size:1.8rem;
	line-height:inherit;
}
.voice__list li strong{
	font-weight:700;
	color:#ff9717;
}
.voice__list li p:before{
	width: 2.8rem;
	height: 3.6rem;
}

.top_faq{
	width:80%;
	padding:50px;
	border:3px solid #003f69;;
	border-radius:8px;
	background:#fff;
	flex-wrap: wrap;
}
.top_faq .inner:before,
.top_faq .inner:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#003f69;
	position:absolute;
	top:14px;
}
.top_faq .inner:before{
	left:14px;
}
.top_faq .inner:after{
	right:14px;
}
.top_faq h2{
	margin:0 0 50px;
	text-align:center;
	font-size:2.4rem;
	font-weight:500;
	color:#003f69;
}
.top_faq h2 span{
	margin-top:15px;
	color:#888;
}
.faq__list p a{
	text-decoration:underline;
}
.faq__list dt{
	cursor:pointer;
	margin-bottom:10px;
	padding:15px 10% 15px 3%;
	border-radius:40px;
	font-size:1.5rem;
	background-image: url(/common/img/ac_down.svg);
	background-position: 96% center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-color: #ffe5a0;
	overflow:hidden;
}
.faq__list dt:before{
	content:"Q";
	display: block;
	width:40px;
	float: left;
	padding-top: 2px;
	padding-right:8px;
	text-align:center;
	font-family: 'Jost', sans-serif;
	font-weight:500;
	font-size:3rem;
	color:#fff;
}
.faq__list dt:nth-of-type(even){
	background-color: #ffedbe;
}
.faq__list dt p{
	padding-left: 40px;
	font-size:1.8rem;
}
.faq__list dd{
	display:none;
	padding:10px 3% 20px;
	font-size:1.6rem;
	overflow:hidden;
}
.faq__list dd:before{
	content:"A";
	display: block;
	width:34px;
	float: left;
	padding-top: 2px;
	padding-right:10px;
	text-align:center;
	font-family: 'Jost', sans-serif;
	font-weight:500;
	font-size:3rem;
	color:#003f69;
}
.faq__list dd p{
	padding-left: 40px;
}
.faq__list dd:last-child{
	margin-bottom:0;
	padding-bottom:0;
}

.top_howtouse{
	width:80%;
	padding:50px;
	border:3px solid #003f69;;
	border-radius:8px;
	background:#fff;
	flex-wrap: wrap;
}
.top_howtouse .inner:before,
.top_howtouse .inner:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#003f69;
	position:absolute;
	top:14px;
}
.top_howtouse .inner:before{
	left:14px;
}
.top_howtouse .inner:after{
	right:14px;
}
.top_howtouse h2{
	margin:0 0 50px;
	text-align:center;
	font-size:2.4rem;
	font-weight:500;
	color:#003f69;
}
.top_howtouse h2 span{
	margin-top:15px;
	color:#888;
}
.howtouse__list li{
	padding:20px 4%;
	border-bottom:1px solid #ccc;
	text-align: left;
	overflow:hidden;
}
.howtouse__list li a{
	display:block;
	overflow:hidden;
}
.howtouse__list__img{
	display:block;
	width:33%;
	margin:0 15px 0 0;
	float:left;
	overflow:hidden;
}
.howtouse__list__img img{
	width:100%;
	height:auto;
	min-height:70px;
}
.howtouse__list__txt{
	display:block;
	letter-spacing:.05em;
	line-height:1.6;
}
/*PC*/
.howtouse__list li{
	padding:20px 0;
	width: 48%;
	font-size:1.6rem;
}
.howtouse__list li:nth-of-type(odd){
    margin-right:2%;
}
.howtouse__list li:nth-of-type(even){
    margin-left:2%;
}
.howtouse__list__img{
	width:150px;
	margin:0 30px 0 0;
}
.howtouse__list__date{
	padding:20px 0 10px;
}
/* トップ追加ここまで */



@media screen and (max-width: 1024px) {

	.question{
	display:none;
	}
	
	header h1{
	display:none;
	}
	
	.points_list {
    width: 100%;
	}

	.points_illust1{
	top:80px;
	}
	.points_illust2{
	top:60px;
	}
	.points_illust3{
	bottom: -20px;
	}
	/*
	.top_indication .indication_dry table th {
	width:auto;
	}
	*/

}


	
@media screen and (max-width: 768px) {

	.points_list {
    width: 100%;
	}
	
	.points_list li{
	padding: 1.3rem 0 20px 15%;
	margin-bottom:15px;
	text-align:left;
	font-size:1.6rem;
	}
	
	.points_list li img {
	width:22%;
	}

	.points_list strong{
	background-position:left 22px;
	background-size:auto 5px;
	padding:0 0 10px;
	}
	
	.howto_list{
	display:block;
	overflow:hidden;
	margin:0 auto 30px;
	}

	.howto_list li{
	width:50%;
	float:left;
	padding: 0 7%;
	font-size:1.5rem;
	}

	.howto_list li {
    background-size: 18% auto !important;
	}

	.top_howto article p{
	float:none;
	width:100%;
	margin:0 auto 20px;
	font-size:1.4rem;
	}

	.top_howto article figure{
	float:none;
	width:100%;
	max-width:400px;
	margin:0 auto;
	}

	.top_access {
    padding: 50px 10px;
	}

	.top_access article {
    padding: 0 20px;
	}

}


@media screen and (max-width: 480px) {

	.question{
	position:relative;
	display:inline-block;
	top:0;
	left:0;
	right:0;
	transform: rotate(0);
	font-size:1.5rem;
	margin:0 auto 12%;
	}

	.question span{
	background:url(/img/under.png) left 18px repeat-x;
	background-size:auto 8px;
	}

	.top_howto .question{
	position:relative;
	top:0;
	left:0;
	right:0;
	transform: rotate(0);
	font-size:1.4rem;
	margin:0 auto 12%;
	}
	
	.top_mainphoto{
	margin-bottom: 5% !important;
	}

	.top_mainphoto_pin_sp{
		display:block;
		width: 90%;
		margin:5% auto 20px;
	}

	.top_benefit,
	.top_points,
	/*.top_howto,*/
	.top_access{
	padding:10% 5%;
	text-align: center;
	}

	.top_benefit h2,
	.top_points h2,
	/*.top_howto h2,*/
	.top_access h2{
	margin: 0 0 40px;
	}

	.top_benefit h2 img,
	.top_points h2 img,
	/*.top_howto h2 img,*/
	.top_access h2 img{
	width:100%;
	}

	.top_points h2 span,
	/*.top_howto h2 span,*/
	.top_price h2 span,
	.top_access h2 span,
	.top_faq h2 span,
	.top_howtouse h2 span{
	display:block;
	font-size:1.3rem;
	}

	.top_access .top-sec__pick__link{
		padding: 13px 20px 17px;
	}

	.top_benefit__list{
	display:block;
	}
	.top_benefit__list li{
	width: 100%;
    padding: 0;
	margin-bottom:30px;
	}
	.top_benefit__list li:last-child{
	margin-bottom:0;
	}
	
	.points_list {
    width: 100%;
	}

	.points_list li{
    width: 100%;
	min-height:100px;
	padding: 1.3rem 0 20px 25%;
	}

	.points_list li:nth-of-type(2),
	.points_list li:nth-of-type(4){
	padding-top:0;
	}

	.points_illust1 {
	display:none;
	}

	.points_illust2 {
	top: 335px;
	right: -7px;
	width: 23%;
	}

	.points_illust3 {
    bottom: -40px;
    left: 10%;
    width: 25%;
	}
	/*
	.top_howto h3 {
	display:block;
	}

	.top_howto h3 span {
	font-size:1.8rem;
	}

	.top_howto h3:before,
	.top_howto h3:after{
	display:none;
	}
	
	.howto_list li{
	padding: 0 0;
	}

	.howto_list li:nth-of-type(2){
	margin-top:25%;
	}

	.howto_list li:nth-of-type(3){
	margin-top:-15%;
	}

	.howto_list li:nth-of-type(4){
	margin-top:15%;
	}

	.howto_list li {
    background-size: 25% auto !important;
	}
	*/

	/*.top_indication,*/
	.top_ranking,
	.top_voice,
	.top_available,
	.top_price,
	.top_notice,
	.top_faq,
	.top_howtouse {
    width: 90%;
	}
	
	/*.top_indication h2,*/
	.top_ranking h2,
	.top_voice h2,
	.top_available h2{
	min-width:100%;
	margin: 0 auto 20px;
	padding-right:30px;
	padding-left:30px;
	font-size:1.7rem;
	}
	/*
	.top_indication article{
	width:100%;
	padding: 0 5%;
	border-right:0 !important;
	}

	.top_indication article+article{
	margin-top:30px;
	}

	.top_indication article h3{
	padding:10px 0 30px;
	font-size:2rem;
	background-size: 15% auto !important;
	}

	.top_indication article table caption{
	font-size:1.5rem;
	}

	.top_indication article table caption span{
	display:block;
	}

	.top_indication article table{
	width:100%;
	margin:0 auto 30px;
	text-align:left;
	font-size:1.4rem;
	letter-spacing:.2rem;
	}

	.top_indication article table th,
	.top_indication article table td{
	}
	
	.top_indication .indication_dry table th{
	width:40%;
	}
	*/

	.top_available .inner figure {
    width: 100%;
	}
	
	.top_available .inner {
    margin-bottom:15px;
	}

	.notice_list {
    font-size:1.2rem;
	text-align:left;
	}
	
	.top_available .notice_list li {
    display:block !important;
	}
	
	.top_price {
    padding: 40px 0 0;
	}

	.top_price h2 {
	margin: 0 0 30px;
    font-size:1.8rem;
	letter-spacing:.2rem;
	}
	
	.top_price article {
    width: 100%;
    padding: 0 0;
	border-right:0 !important;
	}
	
	.top_price h3 {
	margin: 0 auto 20px;
	font-size:1.7rem;
	}
	
	.top_price table {
	margin-bottom: 30px !important;
    font-size: 1.4rem;
	line-height:1.5;
	}

	.top_notice h2{
	font-size:1.8rem;
	letter-spacing:.2rem;
	}
	
	.top_access article {
    display:block;
    width: 100%;
    padding: 0 0;
	}
	
	.top_access h3 {
	font-size:1.7rem;
	}
	
	.top_access figure {
    text-align:right;
	}
	
	.top_access p{
	margin: 0 auto 20px;
	}

	.top-sec__pick{
		width: 90%;
	}

	.top-sec__pick__list{
		display:block;
		margin:0 auto;
	}

	.top-sec__pick__list li{
		width:100%;
		padding:0;
		margin-bottom:10px;
	}

	.top-sec__pick__link{
		display:block;
		width:100%;
		height:auto;
		padding:18px 20px 22px;
		font-size:1.5rem;
	}

	.top-sec__pick__link.mid{
		line-height:1.3;
	}
	
	/* 追加 */
	.top_ranking .inner{
	padding:10%;
	}
	.top_ranking__list li{
	display: block;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #003f69;
	}
	.top_ranking__list li:last-child{
	margin-bottom:0;
	border-bottom:0;
	}
	.top_ranking__list__ttl{
	width: 100%;
	margin-bottom: 10px;
	padding-top: 0;
	padding-left: 50px;
	position: relative;
	}
	.top_ranking__list__ttl img{
	position: absolute;
	left: 0;
	top: 10px;
	}
	.top_ranking__list__txt{
	width:100%;
	background:none;
	padding-left:0;
	}

	.top_voice__inner{
		padding:10% 5%;
		background-size: 40px,5px,40px;
	}
	.top_voice__ttl{
		margin: 0 0 30px;
		padding: 10px 40px;
		font-size: 2.2rem;
		line-height: 1.5;
		background-position: left 70%,right 70%;
		background-repeat: no-repeat;
		/*
		background-size: 30px 40px;
		*/
	}
	.top_voice__ttl .marker{
		font-size: 2.6rem;
	}
	.voice__list li{
		width:90%;
		float:none;
		margin: 0 auto 3.25rem;
		font-size:1.5rem;
	}
	.voice__list li:nth-of-type(even) {
		float:none;
	}
	.voice__list li p{
		font-size:1.5rem;
	}
	
	.top_faq{
	padding:10% 5%;
	}
	.faq__list dt p{
	font-size:1.6rem;
	}
	.faq__list dd{
	font-size:1.5rem;
	}

	.top_howtouse{
	padding:10% 5%;
	}
	.top_howtouse h2{
	line-height:1.3;
	}
	.howtouse__list li{
	font-size:1.6rem;
	}
	
	.howtouse__list{
	display:block;
	}
	.howtouse__list li{
	width:100%;
	}
	.howtouse__list li:nth-of-type(even) {
    margin-left: 0;
	}
	.howtouse__list__img{
	margin-right:15px;
	}

}



/*	下層ページ共通
================================================== */

.page {
	background:url(/img/bg_wood_pc.jpg);
	background-size:100% auto;
	text-align:center;
}

.page__ttl{
	display:inline-block;
	min-width:450px;
	height:38px;
	margin: 30px auto;
	padding:7px 30px 0;
	border-radius:19px;
	text-align:center;
	font-size:2.1rem;
	font-weight:700;
	letter-spacing: .2em;
	color:#fff;
	background:url(/img/cclw.png) 5% center no-repeat,
	url(/img/cclw.png) 95% center no-repeat;
	background-size:auto 8px;
	background-color:#003f69;
}

/*	BLOG
================================================== */

.page-pick{
	width: 60%;
	max-width: 750px;
	margin:0 auto 30px;
	overflow:visible;
	text-align: center;
	background:#fcf7ed;
}

.page-pick__list{
	display:flex;
	flex-wrap:wrap;
}

.page-pick__list li{
	width:25%;
}

.page-pick__list li:nth-of-type(odd){
	background:#eee;
}

.page-pick__list li a{
	display:block;
	padding:15px;
}

.page-atc {
	width: 60%;
	max-width: 750px;
	margin:0 auto;
	overflow:visible;
	text-align: center;
	margin-bottom:60px;
}

.page-atc__sec{
	background:#fcf7ed;
	}

.page-atc__sec--index{
	margin-bottom:20px;
	display:flex; flex-wrap: wrap;
	}

.page-atc__sec--index .page-atc__sec__img{
	width: 40%;
	padding: 20px;
}

.page-atc__sec__inn{
	padding:30px 20px;
	text-align:left;
}

.page-atc__sec--index .page-atc__sec__inn{
	width:60%;
	}

.page-atc__sec__ttl{
	margin-bottom:20px;
	font-size:2rem;
	font-weight:700;
	letter-spacing: 0;
	line-height: 1.4;
}

.page-atc__sec__time{
	display:block;
	margin-bottom:20px;
	padding-left:18px;
	line-height:1.1;
	font-size:1.4rem;
	color:#999;
	background:url("/blog/img/icn_time.svg") no-repeat left 1px;
	background-size: 14px auto;
}

.page-atc__sec__txt__ttl{
	margin-bottom:20px;
	font-size:1.8rem;
	font-weight:700;
	letter-spacing: 0;
	line-height: 1.4;
}

h2.page-atc__sec__txt__ttl{
	padding-left:1.1em;
	margin-left:-1.1em;
}

h2.page-atc__sec__txt__ttl:before{
	content:"●";
	padding-right: .2em;
	padding-left: .1em;
	font-size: .8em;
	color:#003f69;
}

h3.page-atc__sec__txt__ttl{
	font-size:1.2em;
	background:#eee;
	padding:3px 5px;
}

.page-atc__sec__txt{
	padding:0 0 30px;
	text-align:left;
}

.page-atc__sec__txt:last-child{
	padding-bottom:0;
}

.page-atc__sec__txt img{
	max-width:100%;
}

.page-atc__sec__txt strong{
	font-weight:bold;
}

.page-atc__sec__txt strong.strong_red{
	color:red;
}

.page-atc__sec__txt small{
	font-size:1.3rem;
	color:#666;
}

.page-atc__sec__txt a:link{
	text-decoration:underline;
}
.page-atc__sec__txt a:hover{
	text-decoration:none;
}

.page-atc__sec__link{
	width:90%;
	margin:20px auto 0;
	border:1px solid #003f69;
	border-radius:4px;
	padding:12px;
	text-align:center;
	display:block;
	margin-top:20px;
	background:#fff url("/img/icn_yaji.svg") no-repeat 97% center;
	background-size:auto 18px;
}

.page-atc__sec--index .page-atc__sec__link{
	width:100%;
	}

.page-atc__sec__link--back{
	width:90%;
	max-width:320px;
	margin:20px auto 0;
	background:#fff url("/img/icn_yaji_back.svg") no-repeat 3% center;
	background-size:auto 18px;
}

.page-rec{
	max-width: 750px;
	margin:0 auto 30px;
	overflow:visible;
	background:#fcf7ed;
	padding:30px;
	text-align:left;
}

.page-rec__ttl{
	padding:0 10px 10px;
	font-size:1.4rem;
	color:#003f69;
}

.page-rec__list{
	border-top:1px solid #ccc;
}

.page-rec__list li{
	padding:15px 10px;
	border-bottom:1px solid #ccc;
	position:relative;
	display:flex; flex-wrap: wrap;
	line-height:1.5;
}

.page-rec__list li:before{
	content:"●";
	color:#003f69;
	width:4%;
	font-size:1.1rem;
	padding-top:2px;
}

.page-rec__list li time{
	width:22%;
	color:#999;
	font-size:1.2rem;
}

.page-rec__list li a{
	width:74%;
}

.page-rec__list li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	border-bottom: 0px;
}

@media screen and (max-width: 480px) {

	.page__ttl{
	min-width:90%;
	margin: 30px 5%;
	padding-top: 9px;
	font-size:1.7rem;
	}

	.page-pick{
	width:90%;
	}

	.page-pick__list li{
		width:50%;
	}

	.page-pick__list li:nth-of-type(odd){
		background:transparent;
	}

	.page-pick__list li:nth-of-type(1),
	.page-pick__list li:nth-of-type(4){
		background:#eee;
	}

	.page-atc {
		width: 90%;
	}

	.page-atc__sec_ttl{
		font-size:1.6rem;
	}

	.page-atc__sec--index{
		display:block;
	}

	.page-atc__sec__ttl{
		font-size:1.8rem;
	}

	.page-atc__sec--index .page-atc__sec__img{
		width: 100%;
		padding: 0;
	}
		
	.page-atc__sec--index .page-atc__sec__inn{
		width:100%;
	}

	.page-rec{
		padding:30px 5%;
	}

	.page-atc__sec__link--back{
		max-width:240px;
	}

}


/*	FAQ
================================================== */

.page-atc__sec-faq{
	margin-bottom:20px;
	padding:25px 20px 30px;
	text-align:left;
}

.page-atc__sec-faq__ttl{
	padding:0 0 15px;
	font-size: 1.6rem;
	letter-spacing:0rem;
	line-height: 1.5;
	color:#003f69;
}

.page-atc__sec-faq__ttl:before{
	content:"Q";
	display:inline-block;
	width:7%;
	font-size:2rem;
	color:#003f69;
}

.page-atc__sec-faq__txt:before{
	content:"A";
	display:inline-block;
	width:7%;
	font-size:2rem;
	color:#003f69;
	font-weight:bold;
	padding-left:1.75px;
}

.page-atc__sec-faq__txt p{
	width:92%;
	float:right;
}

@media screen and (max-width: 480px) {

	.page-atc__sec-faq__ttl{
		font-size: 1.4rem;
	}

}

/*	SHOP
================================================== */

#shop h1.page__ttl {
	letter-spacing:0;
}

.shop-atc{
	width: 60%;
	max-width: 750px;
	margin:0 auto;
	overflow:visible;
	text-align: center;
	margin-bottom:60px;
}

.shop-atc__sec{
}

.shop-atc__sec:nth-of-type(1){
	background:#fcf7ed;	
}

.shop-atc__sec .page__ttl{
	margin:0 auto 30px;
}

.shop-atc__sec__info{
	text-align:left;
}

.shop-atc__sec__info dt{
	padding:15px;
	color:#003f69;
	background:#eee;
}

.shop-atc__sec__info dd{
	padding:20px;
	background:#fff;
}

.shop-atc__img{
	position:relative;
}

.shop-atc__img-list{
	display:flex; flex-wrap: wrap;
}

.shop-atc__img-list li{
	width:50%;
	padding:0 10px 20px;
}

.shop-atc__img-list li img{
	width:100%;
}

.shop-atc__sec__inn--acs{
	width: 70%;
	margin: 0 auto;
}

.shop-atc__sec__inn--acs .page-atc__sec__link{
	width:100%;
}

.shop-atc__price{
	width: 100%;
}

.page-atc__link--back{
	display:block;
	width:100%;
	margin:0 auto;
	padding:13px 20px 17px;
	border-radius:4px;
	text-align:center;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.3;
	color:#fff;
	background:#003f69 url(/img/icn_yaji_w_back.svg) no-repeat 3% center;
	background-size:auto 18px;
}

@media screen and (max-width: 480px) {

	.shop-atc{
		width: 90%;
		}

	.shop-atc__sec__inn--acs{
		width: 100%;
	}

	.shop-atc__img-list{
		display:block;
	}

	.shop-atc__img-list li{
		width:100%;
		padding:0 0 20px;
	}

}