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

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


#salon,
#contents{
	display:none !important;
}

#carboxy {
	text-align:center;
}

#carboxy br.clear{
	clear:both;
}

#carboxy h2{
	font-size:40px;
	text-align:center;
	font-weight:300;
	letter-spacing:5px;
}

#carboxy h2 span{
	font-size:12px;
}

#carboxy h3{
	font-size:70px;
	text-align:center;
	font-weight:100;
	letter-spacing:5px;
}

#carboxy h3 span{
	font-size:15px;
	display:block;
	margin-top:20px;
}

.comm_contents{
	width:90%;
	max-width:1000px;
	margin:auto;
}

#carboxy #mediaarea{
	width:100%;
}

#carboxy #mediaarea iframe{
	width:100%;
}

@media only screen and (max-width: 560px) { 
	#carboxy h2{
		font-size:32px;
		letter-spacing:1px;
		margin-bottom:30px;
	}
	
	#carboxy h3{
		font-size:50px;
		letter-spacing:3px;
	}
	
}




#carboxy #intro{
	background:#ECDAD2;
	padding:80px 0;
	margin-top:40px;
}

#carboxy #intro h2 br:nth-of-type(2){
	display:none;
}



#carboxy #intro #inner{
	width:90%;
	max-width:800px;
	margin:0 auto 30px;
	text-align:left;
}

#carboxy #intro #trivia{
	width:90%;
	max-width:800px;
	background:#fff;
	padding:60px 0;
	margin:30px auto 0;
}

#carboxy #intro #trivia p{
	width:80%;
	margin:auto;
	text-align:left;
	line-height:1.8;
}

#carboxy #intro #trivia p:first-child{
	font-size:20px;
	margin-bottom:15px;
	text-align:center;
}



@media only screen and (max-width: 680px) { 
#carboxy #intro h2 br:nth-of-type(2){
	display:block;
}
}









/*
成分
-------------------------------------------------------------------------------------------*/
#component{
	margin:80px auto;
	max-width:850px;
}

#component h3{
	font-size:40px;
	font-weight:normal;
}

#component p{
	font-size:20px;
	margin:40px auto;
	line-height:1.8;
}


#component ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#component ul li{
	width:32%;
	margin-bottom:20px;
	background:#ECA29B;
	padding:12px 0;
	font-size:15px;
}

@media only screen and (max-width: 745px) { 
#component h3{
	font-size:28px;
}

#component p{
	font-size:18px;
	margin:20px auto 40px;
}


#component ul li{
	width:49%;
	font-size:11px;
}
}




/*
効果
-------------------------------------------------------------------------------------------*/

#kouka{
	position:relative;
}

#kouka img{
	object-fit:cover;
	height:845px;
}

#kouka #inner{
	width:95%;
	max-width:750px;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color:#fff;
}

#kouka #inner h2{
	font-weight:normal;
	margin-bottom:65px;
	line-height:1.8;
}

#kouka #inner h2 span{
	border-bottom:3px solid #F9BA00;
	padding-bottom:5px;
	font-size:40px;
	display:inline;
}

#kouka #inner ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	align-items:center;
}

#kouka #inner ul li{
	width:45%;
	font-size:25px;
	text-align:left;
	margin-bottom:15px;
}

#kouka #inner ul li:before{
	content:url(../../img/special/carboxy/icon.png);
	margin-right:10px;
	vertical-align:middle;
}



@media only screen and (max-width: 745px) { 
	
	#kouka img{
		object-fit:cover;
		height:555px;
		object-position:6% 0;
	}
	
	#kouka #inner h2{
		margin-bottom:45px;
	}
	
	#kouka #inner h2 span{
		border-bottom:2px solid #F9BA00;
		font-size:26px;
	}
	#kouka #inner ul li{
		font-size:20px;
	}

}


@media only screen and (max-width: 540px) { 
	#kouka #inner ul{
		justify-content:center;
	}
	
	#kouka #inner ul li{
		font-size:16px;
	}
	
	#kouka #inner ul li:nth-of-type(2n){
		width:35%;
	}
	
	#kouka #inner ul li:before{
		content:url(../../img/special/carboxy/icon_s.png);
		margin-right:5px;
	}
}







/*
ビフォーアフター
-------------------------------------------------------------------------------------------*/

#b_a{
	margin:80px auto 0;
}

#b_a p{
	width:90%;
	font-size:20px;
	margin:20px auto 40px;
}


#b_a dt{
	font-size:50px;
  	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
}

#b_a dd{
	margin:20px auto 60px;
}



/*
ポイント
-------------------------------------------------------------------------------------------*/

#point{
	background:#ececec;
	padding:80px 0;
	margin-top:120px;
}

#point p{
	font-size:20px;
	margin:50px auto 60px
}

#point ul{
	width:90%;
	max-width:1000px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:auto;
}


#point ul li{
	background:#fff;
	border-radius:50%;
    position: relative;
    width: 22%;
    height: 50%;
    padding:12% 1%;
	font-size:22px;
	font-style:italic;
	margin-bottom:30px
}

#point ul li span {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#point #douga{
	width:80%;
	max-width:640px;
	margin:60px auto 0;
}


@media only screen and (max-width: 768px) { 
	#point ul li{
		font-size:18px;
	}
}

@media only screen and (max-width: 600px) { 
	#point ul{
		justify-content:space-around;
	}
	#point ul li{
	    width: 40%;
	    padding:21% 1%;
		font-size:18px;
	}
}








/*
使い方
------------------------------------------------------------------------------------*/

#carboxy #howto{
	/*background:#FBEFEF;*/
	padding:90px 0;
	margin:80px auto;
}

#carboxy #howto #beforeuse{
	background:#F0F0F0;
	width:90%;
	max-width:1000px;
	margin:50px auto;
	padding:50px 0;
}

#carboxy #howto #beforeuse p{
	font-size:25px;
	margin-bottom:30px;
}

#carboxy #howto #beforeuse ul{
	width:94%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

#carboxy #howto #beforeuse ul li{
	width:47%;
}

#carboxy #howto #beforeuse ul li span{
	display:block;
	margin-top:10px;
	font-size:14px;
}

#carboxy #howto .step{
	width:90%;
	max-width:1000px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
	margin:0 auto;
}

#carboxy #howto .box{
	width:31%;
	max-width:287px;
	margin-bottom:40px;
}

#carboxy #howto .box dl{
	text-align:left;
	margin-top:15px;
}

#carboxy #howto .box dt{
	font-size:24px;
	counter-increment: number;
}

#carboxy #howto .box dt:before{
	background:#666;
	color:#fff;
	display:inline-block;
	content:  counter(number);
	width:40px;
	/* height:40px; */
	font-size:26px;
	text-align:center;
	margin-right:5px;
	padding-top:0px;
}

#carboxy #howto .box dd{
	margin-top:15px;
}


#carboxy #howto #point_box{
	max-width:1000px;
	border:1px solid #666;
	margin:30px auto;
	padding:50px 0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

#carboxy #howto #point_box p{
	width:40%;
}

#carboxy #howto #point_box dl{
	width:55%;
	text-align:left;
}

#carboxy #howto #point_box dt{
	font-size:20px;
	margin-bottom:30px;
}

#carboxy #howto #point_box dt:before{
	content:"point";
	color:#fff;
	background:#BF1921;
	border-radius:50%;
	display:inline-block;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
}

#carboxy #howto #point_box dd{
	line-height:1.8;
}




@media only screen and (max-width:1000px) { 
	/*#carboxy #howto #point_box{
		width:80%;
		padding:25px 5%;
		justify-content: space-around;
	}
	#carboxy #howto #point_box dt:before{
		width:60px;
		height:60px;
		line-height:60px;
		text-align:center;
		font-size:20px;
	}
	
	#carboxy #howto #point_box dt{
		margin-bottom:15px;
	}
	#carboxy #howto #point_box dd{
		line-height:1.5;
	}
	*/
}






@media only screen and (max-width:750px) { 
	#carboxy #howto{
		padding:60px 0;
	}
	
	#carboxy #howto #beforeuse{
		padding:35px 0;
	}
	
	#carboxy #howto #beforeuse p{
		margin-bottom:20px;
	}
	
	#carboxy #howto #beforeuse ul li span{
		margin-top:5px;
		font-size:13px;
		text-align:left;
	}
	
	#carboxy #howto .box{
		width:48%;
		max-width:287px;
		margin-bottom:40px;
	}
	
	#carboxy #howto .box dt{
		font-size:18px;
	}
	
	#carboxy #howto .box dt:before{
		width:28px;
		font-size:18px;
		padding-top:0px;
	}
	
	#carboxy #howto .box dd{
		margin-top:10px;
		line-height:normal;
	}
	
	#carboxy #howto #point_box{
		display:block;
		margin-top:0;
	}
	
	#carboxy #howto #point_box p{
		width:100%;
	}
	
	#carboxy #howto #point_box dl{
		width:100%;
		margin-top:20px;
	}
}







/*
MOVIE
------------------------------------------------------------------------------------*/

#carboxy #movie h3 span{
	font-size:16px;
	display:block;
}

#movie{
	background:#e3e3e3;
	padding:100px 0;
}

#movie iframe{
	width:90%;
	max-width:1000px;
	margin:0 auto 10px;
}

#movie #big{
	margin-top:50px;
}

#movie #big iframe{
	height:530px;
}

#movie li iframe{
	width:100%;
	height:265px;
}

#movie ul{
	max-width:1000px;
	width:90%;
	margin:50px auto 30px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#movie ul li{
	width:49%;
}



@media only screen and (max-width: 950px) { 
#movie #big iframe{
	height:400px;
}
#movie li iframe{
	height:180px;
}
}



@media only screen and (max-width: 760px) { 
#movie #big iframe{
	height:250px;
}
#movie ul li{
	width:100%;
	margin-bottom:30px;
}
#movie li iframe{
	height:250px;
}
}





/*
口コミ
------------------------------------------------------------------------------------*/
#voice{
	width:90%;
	max-width:1000px;
	margin:80px auto;
}

#voice p{
	margin:30px 0;
}


#voice ul{
	max-width:1000px;
	margin:60px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#voice ul li{
	width:32%;
	margin-bottom:30px;
}

#voice ul li iframe{
	border:none !important;  
	min-width:auto !important;
	/* max-width:310px; */
}

#voice ul li p{
	font-size:14px;
	margin:0 auto 10px;
	background: #ccc;
	padding:5px 0;
}

#voice ul li p span{
	display:block;
	font-size:11px;
}


@media only screen and (max-width:768px) { 
#voice ul{
	justify-content:space-around;
}

#voice ul li{
	width:45%;
}
 
}

@media only screen and (max-width: 540px){
#voice ul li{
	width:100%;
}

/* #voice ul li iframe{
	border:none !important;  
	min-width:auto !important;
	max-width:auto;
} */

}







/*
仮ページ
-------------------------------------------------------------------------------------------*/
#carboxy .tempo_box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:90px 0;
}

#carboxy .tempo_box p{
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:2.0;
}


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



#carboxy .tempo_box{
	max-width:90%;
	padding:30px 0;
}


}



/*
spec
------------------------------------------------------------------------------------*/


#carboxy #spec{
width: 100%;
background: #D1D1D1;
padding: 120px 0 90px;
}


#carboxy #spec .ttl2{
	margin-bottom:100px;
	font-size:20px;
}

#carboxy #spec dl{
	max-width:900px;
	margin:0 auto 100px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#carboxy #spec dt{
	width:35%;
    margin-right: 20px;
}

#carboxy #spec dd{
	width:60%;
}

#carboxy #spec table{
	text-align:left;
	line-height:1.6;
	width: 100%;
}

#carboxy #spec table tr td:first-child{
	width:23%;
}

#carboxy #spec table tr{
	border-bottom:2px dotted #000;

}

#carboxy #spec table tr td{
	padding:20px 0;
}



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

#carboxy #spec{
width: 100%;
background: #D1D1D1;
padding: auto 10% auto;
}


#carboxy #spec .ttl2{
	margin-top:0px;
	margin-bottom:20px;
	font-size:14px !important;
}

#carboxy #spec dl{
    width: 90%;
    margin: 0 auto 50px;
	display:block;
}

#carboxy #spec dt{
	width:80%;
	/*max-width:115px;*/
	margin:auto;
}



#carboxy #spec dd{
	width:100%;
}


}









/*
Q&A
------------------------------------------------------------------------------------*/
#faq{
	margin:120px auto 0;
}

#faq #inner{
	width:92%;
	max-width:1000px;
	margin:80px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#faq #inner dl{
	width:48%;
	max-width:460px;
	text-align:left;
}

#faq #inner dt{
	font-size:20px;
	font-weight:bold;
	text-indent:-48px;
	padding-left:48px;
	margin-bottom:15px;
}

#faq #inner dt:before{
	content:"Q ";
	font-size:60px;
	vertical-align:middle;
	line-height:0.6;
}

#faq #inner dd{
	margin:0 0 30px 50px;
	line-height:1.6;
}



@media only screen and (max-width: 640px) { 
	#faq #inner dl{
		width:100%;
	}
	#faq #inner dt:before{
		font-size:36px;
	}
	#faq #inner dt{
		font-size:18px;
		text-indent:-30px;
		padding-left:30px;
	}
	#faq #inner dd{
		margin:0 0 30px 30px;
	}
}








#carboxy .comm_box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:90px 0;
}

#carboxy h3{
	font-size:60px;
	text-align:center;
	font-weight:300;
	letter-spacing:5px;
	margin-bottom:50px;
}

#carboxy h3 span{
	font-size:16px;
    display: block;
    margin-top: 15px;
    letter-spacing: 2px;
}

@media only screen and (max-width: 1000px) { 
#carboxy .comm_box{
	width:90%;
}
}

@media only screen and (max-width: 560px) { 
#carboxy .comm_box{
	padding:40px 0;
}

#carboxy h3{
	font-size:36px;
	letter-spacing:2px;
	line-height:1.5;
}
}
	


/*
ラインナップ
-------------------------------------------------------------------------------------------*/
#carboxy #lineup{
	background:#E2E2E2;
	padding:90px 0;
}


#carboxy #lineup #inner{
	width:90%;
	max-width:1000px;
	margin:50px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:end;
}

#carboxy #lineup #inner .box{
	width:32%;
	margin-bottom:100px;
}

#carboxy #lineup #inner .box img{
	max-width:100%;
	/*max-height:400px;
	max-width:60%;*/
}

#carboxy #lineup #inner .box dl{
	margin-top:20px;
}

#carboxy #lineup #inner .box dt{
	color:#C0665F;
	font-weight:bold;
}

#carboxy #lineup #inner .box dd span{
	font-size:14px;
	display:block;
	margin:5px 0;
}

#carboxy #lineup #inner .box dd{
	font-size:15px;
}

#carboxy #lineup #inner .box p{
	background:#333;
	width:90%;
	margin:15px auto 0;
}

#carboxy #lineup #inner .box p a{
	color:#fff;
	padding:15px 0;
	display:block;
	position:relative;
}

#carboxy #lineup #inner .box p a:after{
	content: "";
	width: 8px;
	height:8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:20px;
	margin-left:5px;
}


@media only screen and (max-width:480px) { 
	#carboxy #lineup h3 span{
		letter-spacing:normal;
	}
	#carboxy #lineup #inner .box{
		width:49%;
	}
	
	#carboxy #lineup #inner .box dt{
		font-size:13px;
	}
	
	#carboxy #lineup #inner .box dd span{
		font-size:14px;
	}
	
	#carboxy #lineup #inner .box p{
		font-size:14px;
	}
	
	#carboxy #lineup #inner .box p a{
		padding:12px 0;
	}
	#carboxy #lineup #inner .box p a:after{
		top:16px;
	}
}





/*
商品共通
-------------------------------------------------------------------------------------------*/
#carboxy .item_box .ttl{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top:50px;
	margin-bottom:50px;
	width:100%;
}

#carboxy .item_box .ttl h2{
	font-size:20px;
	color:#C0665F;
	margin-bottom:10px;
	font-weight:bold;
}

#carboxy .item_box .ttl h3{
	font-size:40px;
	font-weight:500;
}

#carboxy .item_box .ttl h3 span{
	font-size:20px;
	display:block;
	margin-top:10px;
}


#carboxy .item_box .box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	max-width:800px;
	margin:auto;
}
#carboxy .item_box .box p{
	width:35%;
}

#carboxy .item_box .box dl{
	width:60%;
	text-align:left;
    margin-left: 5%;
}

#carboxy .item_box .box dt{
	font-size:28px;
	font-weight:bold;
	line-height:1.5;
}

#carboxy .item_box .box dd span{
	background:#C16760;
	color:#fff;
	font-size:20px;
	line-height:2.2;
	padding:5px 15px;
}

#carboxy .item_box .box dd{
	margin-top:15px;
	line-height:1.8;
}

#carboxy #wash{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}

#carboxy #wash .ttl{
	width:90%;
	margin:0 auto 50px;
}

#carboxy #wash .title{
	width:100%;
	border-bottom:1px dotted #000;
	padding-bottom:15px;
	margin-bottom:30px;
	color:#BF665F;
	font-weight:bold;
}

#carboxy #wash .title p{
	width:100%;
	color:#000;
	font-weight:normal;
	margin-top:5px;
	font-size:23px;
}

#carboxy #wash .title p span{
	display:block;
	margin-top:5px;
	font-size:16px;
}

#carboxy #wash.item_box .box{
	width:46%;
}

@media only screen and (max-width:980px) { 
	#carboxy #wash.item_box .box{
		width:90%;
		margin-bottom:50px;
	}
}


@media only screen and (max-width:680px) { 
	#carboxy .item_box .box p{
		width:18%;
	}
	#carboxy .item_box .box dl{
		width:75%;
	}
	#carboxy .item_box .box dt{
		font-size:22px;
	}
	#carboxy .item_box .box dd{
		margin-top:5px;
		font-size:14px;
	}
	#carboxy .item_box .box dd span{
		padding:5px 10px;
	}
	
}

@media only screen and (max-width:480px) { 
	#carboxy .item_box .ttl{
		padding-top:40px;
	}
	
	#carboxy .item_box .ttl h3{
		margin-bottom:30px;
	}
	
	#carboxy .item_box .box p{
		width:25%;
		margin:0 auto 30px;
	}
	#carboxy .item_box .box dl{
		width:100%;
	}
	#carboxy .item_box .box dd span{
		font-size:15px;
	}
}




.ex_btn{
	width:90%;
	max-width:650px;
	margin:50px auto 0;
	background:#000;
}

.ex_btn a{
	color:#fff;
	display:block;
	padding:20px 0;
}

@media only screen and (max-width:420px) { 
.ex_btn{
	font-size:14px;
}
 
}








/*
追加　シリーズTOP
-------------------------------------------------------------------------------------------*/
#series-intro {
	position:relative;
	margin-bottom:80px;
}

#series-intro img{
	object-fit:cover;
	height:550px;
}

#series-intro dl{
	width:90%;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height:1.8;
}

#series-intro dt{
	font-size:40px;
	font-weight:bold;
	margin-bottom:20px;
}

#series-intro dd{
	font-size:30px;
}

.bg-w1000{
	background:#fff;
	width:90%;
	max-width:1000px;
	padding:50px 0;
	margin:auto;
}

@media only screen and (max-width:500px) { 
#series-intro img{
	height:400px;
}

#series-intro dt{
	font-size:28px;
	margin-bottom:20px;
}

#series-intro dd{
	font-size:22px;
}

}




/*
追加アイテム
-------------------------------------------------------------------------------------------*/

.series_contents{
	background:#E2E2E2;
	padding:90px 0;
}

.series_contents #kouka p{
	font-size:30px;
	font-weight:bold;
}

.series_contents #kouka ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	width:90%;
	max-width:680px;
	margin:50px auto 30px;
}

.series_contents #kouka ul li:before{
	content:url(../../img/special/expertlotion/icon.png);
	vertical-align:middle;
	margin-right:5px;
}

.series_contents #kouka ul li{
	font-size:20px;
	font-weight:bold;
}

#item02 #kouka ul li{
	width:32%;
	text-align:left;
	margin-bottom:15px;
}

#maxbody_contents #kouka ul{
	justify-content:left;
	max-width:700px;
	align-items: start;
}

#maxbody_contents #kouka ul li{
	width:60%;
	text-align:left;
	margin-bottom:15px;
}

#maxbody_contents #kouka ul li:nth-of-type(odd){
	width: 38%;
	margin-left: 2%;
}

@media only screen and (max-width:740px) { 
	.series_contents{
		padding:60px 0;
	}
	
	.series_contents #kouka p{
		font-size:22px;
	}
	
	.series_contents #kouka ul{
		display:inline-flex;
		margin:35px auto 30px;
	}
	
	.series_contents #kouka ul li:before{
		content:url(../../img/special/expertlotion/icon.png);
		margin-right:5px;
	}
	
	.series_contents #kouka ul li{
		font-size:18px;
		margin-bottom:10px;
		width:80%;
		text-align:left;
	}
	#item02 #kouka ul li{
		width:45%;
		max-width:180px;
		display:inline-block;
	}
}

@media only screen and (max-width:680px) { 
	#maxbody_contents #kouka ul{
		display: inline-block;
		max-width: 380px;
	}
	#maxbody_contents #kouka ul li{
		width: 100%;
	}
	#maxbody_contents #kouka ul li:nth-of-type(2n+1){
		width: 100%;
		margin: 0 auto 15px;
	}
}

@media only screen and (max-width:460px) { 
	#item02 #kouka ul li{
		width:90%;
	}
}



/*
アイテム２　特徴
-------------------------------------------------------------------------------------------*/





#item02_point{
margin-top: 50px;
}

#item02_point p{
    font-size:30px;
	font-weight:bold;
}

#item02_point_box{
    width: 90%;
    margin: 60px auto 0;
    display: flex;
    text-align: left;
}

#item02_point_box dl{
    max-width: 406px;
    width:20%;
    margin: 0 20px;
       flex-shrink: 0;

}

#item02_point_box dt{

}

#item02_point_box dd{
font-weight: normal;
    font-size: 16px;
}

#item02_point_box dd span{
    font-weight: bold;
    display: block;
    margin: 10px 0;
    font-size: 16px;
}


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

/*
#item02_point{
margin-top: 50px;
}
*/
#item02_point{
margin-top: 50px;
}


#item02_point p{
font-size: 23px;
}


#item02_point_box{
   flex-wrap: wrap;
    width:90%;
    padding: 0 20px;
    margin-top: 20px;

}

#item02_point_box dl{
   flex-shrink: 0;
/*max-width: 500px;*/
width: 46%;
    margin: 30px 0px 0;
    font-size: 16px;
}

#item02_point_box dl:nth-child(even){
margin-left: 20px;
}

/*
	#item02_point_box dt img{
		max-width:none;
		width:100%;
	}
*/


/*
#item02_point dd{
font-weight: normal;
    font-size: 16px;
}

#item02_point dd span{
    font-weight: bold;
    display: block;
    margin: 10px 0;
    font-size: 16px;
}
*/
}







/*
howto流れあり
-------------------------------------------------------------------------------------------*/
.howto_step{
	margin-top:50px;
}

.howto_step p{
	width:90%;
	margin:0 auto 50px;
	font-size:20px;
}

.howto_step p span{
	background:#666;
	color:#fff;
	display:block;
	padding:20px 0;
	font-size:23px;
	margin-bottom:15px;
}

.howto_step .step{
	width:90%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;

}

.howto_step .box{
	width:32%;
	margin-bottom:40px;
}

.howto_step .box dl{
	text-align:left;
	margin-bottom:15px;
}

.howto_step .box dt{
	font-size:22px;
	counter-increment: number;    
    margin-top: 10px;
}

.howto_step .box dt:before{
	background:#666;
	color:#fff;
	display:inline-block;
	content:  counter(number);
	width:36px;
	height:35px;
	font-size:26px;
	text-align:center;
	margin-right:5px;
	padding-top:2px;
}

.howto_step .box dd{
	margin-top:15px;
}

.howto_step #att{
	width:80%;
	border:1px solid #000;
	padding:3% 5%;
	margin:0 auto 80px;
	text-align:left
}

.howto_step #att p{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
}


@media only screen and (max-width:640px) { 
	.howto_step .step{
		width:92%;
		margin:auto;
	}
	
	.howto_step .box{
		width:48%;
		margin-bottom:40px;
	}
	
	.howto_step .box img{
		max-width:none;
		width:100%;
	}
	
	.howto_step .box dl{
		margin:15px auto 0;
		max-width:287px;
	}
	
	.howto_step .box dt{
		font-size:16px;
		font-weight:bold;
	}
	
	.howto_step .box dt:before{
		width:25px;
		height:25px;
		font-size:18px;
		margin-right:5px;
		padding-top:3px;
	}
	
	.howto_step .box dd{
		font-size:14px;
	}
}


@media only screen and (max-width:570px) { 
	.howto_step p{
		font-size:18px;
	}
	.howto_step p span{
		padding:12px 0; 
	}
}





















#carboxy  #special_bnr{
	background:#E6E6E6;
}