@charset "utf-8";
@media screen and (max-width:868px){

#wrapper{
	background:url(../common/images/bg.png) center top;
	background-size:150px auto;
}


/* header */
header{
	padding:60px 0 0;
}
header section{
	padding:15% 3% 20%;
}
header section h1{
	margin-bottom:12%;
}
header section h1 img{
	width:98%;
}
header section ul{
	padding:0 5%;
}
header section ul li{
	display:block;
	margin:2% 0;
}


/* article */
article{
}


/* section */
section{
}


/* .cont */
.cont{
	margin:20% 0 38%;
	padding:0 10% 15%;
	background:
		url(../images/products/cont_bg_after_s.png)no-repeat center bottom,
		url(../images/products/cont_bg_s.png)repeat-y center top;
	background-size:100% auto;
	position:relative;
}
.cont:before{
	content:'';
	display:block;
	width:100%;
	margin-bottom:-1px;
	padding-top:37%;
	background:url(../images/products/cont_bg_before_s.png)no-repeat center bottom;
	background-size:100% auto;
	position:absolute;
	bottom:100%;
	left:0;
}
.cont h2 img{
	margin-top:-3%;
	position:relative;
	z-index:1;
}
.cont h2 + p{
	margin:20px 0;
	display:inline-block;
	text-align:left;
}
.cont a{
	width:80%;
	max-width:340px;
	display:inline-block;
	background:url(../images/top/link_bg.png)repeat-y center top;
	background-size:100% auto;
	color:#fff;
	font-size:16px;
	font-family: 'Noto Serif JP', serif;
	line-height:45px;
	letter-spacing:0.2em;
}



/* #cont1 */
#cont1{
}
#cont1 h2{
}
#cont1 #coment {
	width:auto;
	margin: 10% auto;
}
#cont1 #coment p{
	padding-left: 0;
	text-align: left;
}
#cont1 ul li{
	padding:15% 0;
	background-image:none;
	position:relative;
}
#cont1 ul li:first-child{
	padding-top:5%;
}
#cont1 ul li:first-child:after{
	content:'';
	display:block;
	width:124%;
	padding-top:30%;
	background:url(../images/products/cont_leaf1.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-12%;
	bottom:-10%;
}
#cont1 ul li:nth-child(2):after{
	content:'';
	display:block;
	width:124%;
	padding-top:32%;
	background:url(../images/products/cont_leaf2.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-12%;
	bottom:-10%;
}
#cont1 ul li:last-child{
	background-image:none;
}
#cont1 ul li section{
	width:auto;
	margin:3% 0 0;
	display:block;
}
#cont1 ul li section h3{
	padding-bottom:2%;
	font-size:22px;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:left;
	line-height:1.3;
	background-image:none;
}
#cont1 ul li section p{
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont1 a{
}
#cont1 > section{
	padding:15% 0 0;
}
#cont1 > section h3{
	line-height:1;
	margin-bottom:30px;
	padding:10% 0;
	font-size:18px;
	font-family: 'Noto Serif JP', serif;
	color:#986c02;
	background:
		url(../images/products/cont1_h3_line2.png)no-repeat center top,
		url(../images/products/cont1_h3_line3.png)no-repeat center bottom;
	background-size:100% auto;
	letter-spacing:0.2em;
	position:relative;
}
#cont1 > section:first-of-type h3:before{
	content:'';
	display:block;
	width:124%;
	padding-top:32%;
	background:url(../images/products/cont_leaf3.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-13%;
	bottom:0;
	margin-bottom:5%;
}
#cont1 > section:last-of-type h3:before{
	content:'';
	display:block;
	width:124%;
	padding-top:32%;
	background:url(../images/products/cont_leaf4.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-12%;
	top:0;
	margin-top:5%;
}
#cont1 > section p{
	width:auto;
	margin:30px auto;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* #cont2 */
#cont2{
	padding-bottom:5%;
}
#cont2 h2{
}
#cont2 ul li{
	padding:10% 0 10%;
	position:relative;
}
#cont2 ul li:last-child:before{
	content:'';
	display:block;
	width:124%;
	padding-top:32%;
	background:url(../images/products/cont_leaf3.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-13%;
	bottom:85%;
}

#cont2 ul li section{
	width:auto;
	margin:5% 0 5%;
	display:block;
}
#cont2 ul li section h3{
	padding-bottom:2%;
	font-size:22px;
	font-family: 'Noto Serif JP', serif;
	text-align:center;
	line-height:1.3;
	background-image:none;
	color:#6e1d2e;
}
#cont2 ul li section p{
	padding:0;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont2 a{
	margin:8% 0 0;
}
#cont2 ul li:nth-child(2) > p{
	font-size:4vw;
	margin:20px 0 20px;
}
#cont2 ul li:nth-child(2) section{
	width:auto;
	height:auto;
	margin:0;
	padding:6% 3% 0;
	display:block;
}
#cont2 ul li:nth-child(2) section:first-of-type{
	background-image:none;
}
#cont2 ul li:nth-child(2) section:last-of-type{
	background-image:none;
}
#cont2 ul li:nth-child(2) section h4{
	margin:10px 0 10px;
	font-size:20px;
	font-family: 'Noto Serif JP', serif;
	color:#6e1d2e;
}


/* #cont3 */
#cont3{
	margin-bottom:0;
	padding-bottom:5%;
}
#cont3 h2{
}
#cont3 h2 + p{
	margin-top:20px;
	display:inline-block;
	text-align:left;
}
#cont3 ul{
	width:auto;
	margin:auto;
}
#cont3 ul li{
	width:auto;
	margin:0;
	padding:15% 0;
	display:block;
	position:relative;
}
#cont3 ul li:nth-child(-n+2){
	margin-bottom:0;
}
#cont3 ul li:first-child:after,
#cont3 ul li:nth-child(3):after{
	content:'';
	display:block;
	width:124%;
	padding-top:32%;
	background:url(../images/products/cont_leaf2.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-12%;
	bottom:-6%;
}
#cont3 ul li:nth-child(2):after{
	content:'';
	display:block;
	width:124%;
	padding-top:30%;
	background:url(../images/products/cont_leaf1.png)no-repeat center top;
	background-size:100% auto;
	position:absolute;
	left:-12%;
	bottom:-7%;
}
#cont3 ul li section{
	margin-top:10px;
}
#cont3 ul li section h3{
	display:inline-block;
	padding-bottom:2%;
	font-size:22px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.3;
	background-image:none;
	color:#ab040f;
	text-align:left;
}
#cont3 ul li section p{
	height:auto;
	padding:0 0 5%;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont3 ul li:nth-child(-n+2) section p{
	padding-bottom:5%;
	display:block;
}
#cont3 ul li:nth-child(n+3) section p{
}
#cont3 ul li section p span{
	font-size:13px;
}




}


@media screen and (max-width:480px){
.cont{
	font-size:16px;
}
#cont1 ul li section h3{
	font-size:5vw;
}

#cont2 ul li section h3{
	font-size:5vw;
}
#cont2 ul li:nth-child(2) section h4{
	font-size:4.5vw;
}

#cont3 ul li section h3{
	font-size:5vw;
}




}