@charset "utf-8";

/*common
---------------------------------------------------------------------------*/
.phytos{
	/*font-family: "Noto Sans JP", sans-serif;
	font-family: "Sawarabi Gothic", sans-serif;*/
	font-family: "M PLUS 1", sans-serif;
	line-height: 1.8;
}

.phytos .contents{
	position: relative;
	width: 960px;
	margin: 0 auto;
	box-sizing: border-box;
}

.phytos img{
	width: 100%;
	height: auto;
	display: block;
}

/*.phytos h2,
.phytos h3{
	letter-spacing: 0.1em;
}*/

.phytos p{
	line-height: 2.0!important;
}


/*MV
---------------------------------------------------------------------------*/
.mv_main{background: url("images/product/phytos/img_mv_bg.jpg") no-repeat right top -30px / cover;}

.mv .contents{
	position: relative;
	width: 1150px;
	height: 90vh;
}

.mv .contents .ttl01{
	position: absolute;
	top: 180px;
	left: 0;
	width: 530px;
}

.mv .contents .ttl02{
	position: absolute;
	bottom: 90px;
	right: 460px;
	width: 130px;
	z-index: 1;
}

.mv .contents .ph{
	position: absolute;
	top: 170px;
	right: 0;
	width: 600px;
}

@media screen and (max-width: 1200px) {
.mv .contents{
	position: relative;
	width: 94%;
	height: 90vh;
}

.mv .contents .ttl01{
	width: 48%;
}

.mv .contents .ph{
	width: 50%;
}
}

.mv .contents p{
	position: relative;
	top: 350px;
	left: 20px;
	line-height: 2.4;
	font-size: 18px;
	color: #58910D;
	text-shadow: 
	#FFF 2px 0px 2px, #FFF -2px 0px 2px,
	#FFF 0px -2px 2px, #FFF -2px 0px 2px,
	#FFF 2px 2px 2px, #FFF -2px 2px 2px,
	#FFF 2px -2px 2px, #FFF -2px -2px 2px,
	#FFF 1px 2px 2px, #FFF -1px 2px 2px,
	#FFF 1px -2px 2px, #FFF -1px -2px 2px,
	#FFF 2px 1px 2px, #FFF -2px 1px 2px,
	#FFF 2px -1px 2px, #FFF -2px -1px 2px,
	#FFF 1px 1px 2px, #FFF -1px 1px 2px,
	#FFF 1px -1px 2px, #FFF -1px -1px 2px;
}

.mv .contents h2{
	position: relative;
	top: 300px;
	width: 400px;
	margin: 0 auto;
}


/*sec01
---------------------------------------------------------------------------*/
.phytos .sec01{
	padding: 80px 0;
	line-height: 2.4;
	font-size: 20px;
	/*background: #F8FDF9;*/
	color: #69BA00;
	text-align: center;
}

.phytos .sec01 h2{
	position: relative;
	margin-bottom: 50px;
	padding: 50px 0 30px 0;
	background: linear-gradient(to right, #69BA00, #7AB22E);
	color: #FFF;	
}

.phytos .sec01 h2:before{
	position: absolute;
	top:-15px;
	left:0;
	right:0;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background: url("images/product/phytos/img_sec04_03.png") no-repeat center / contain;
	content: "";
	display: block;
}

.phytos .sec01 h2 img{
	width: 550px;
	margin: 0 auto 10px auto;
}

.phytos .sec01 p{
	line-height: 2.4;
}

.phytos .sec01 .contents img{
	width: 60%;
	margin: 40px auto;
}


/*sec02
---------------------------------------------------------------------------*/
.phytos .sec02{
	background: #F5EDDB url("images/product/phytos/bg_hatake.jpg") no-repeat center / cover;
}

.phytos .sec02 .bg{
	padding: 80px 0 120px 0;
	background: rgba(255, 255, 255, .8);	
}
.phytos .sec02 .contents{
	padding: 0 30px;
}

.phytos .sec02 h2{
	margin-bottom: 50px;
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	color: #69BA00;
}

.phytos .sec02 h2 span{
	font-size: 26px;
	display: block;
}

.phytos .sec02 .box_sec02 img{
	float: right;
	width: 53%;
	margin: -50px -100px 0 0;
}


/*sec03
---------------------------------------------------------------------------*/
.phytos .sec03{
	padding: 80px 0 120px 0;
}

.phytos .sec03 h2{
	position: relative;
	padding: 45px 0 40px 0;
	background: linear-gradient(to right, #69BA00, #7AB22E);
	
}

.phytos .sec03 h2:before{
	position: absolute;
	top:-15px;
	left:0;
	right:0;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background: url("images/product/phytos/img_sec04_03.png") no-repeat center / contain;
	content: "";
	display: block;
}

.phytos .sec03 h2 span{
	width: 960px;
	margin: 0 auto;
	font-size: 46px;
	font-weight: 500;
	text-align: center;
	color: #FFF;
	display: block;
}

.phytos .sec03 .box_sec03{
	display: grid;
	grid-template-columns: 1fr 350px;
	grid-gap: 0 30px;
	text-align: center;
}

.phytos .sec03 .box_sec03 div p{
	text-align: left;
}

.phytos .sec03 .box_sec03 div img{
	margin: 30px auto 8px auto;
}

.phytos .sec03 .box_sec03 div span{
	padding-right: 50px;
	display: block;
}

.phytos .sec03 h3{
	font-size: 28px;
	font-weight: bold;
	color: #69BA00;
	text-align: left;
}


/*sec04
---------------------------------------------------------------------------*/
.phytos .sec04 h2{
	position: relative;
	padding: 45px 0 40px 0;
	background: linear-gradient(to right, #69BA00, #7AB22E);
	
}

.phytos .sec04 h2:before{
	position: absolute;
	top:-15px;
	left:0;
	right:0;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background: url("images/product/phytos/img_sec04_03.png") no-repeat center / contain;
	content: "";
	display: block;
}

.phytos .sec04 h2 span{
	width: 960px;
	margin: 0 auto;
	font-size: 46px;
	font-weight: 500;
	text-align: center;
	color: #FFF;
	display: block;
}

.box_sec04{
	margin: 80px 0;
	display: grid;
	grid-template-columns: 1fr 0.7fr;
	grid-gap: 60px;
}

.phytos .sec04 .kakomi{
	position: relative;
	width: 100%;
	margin: 0 auto 100px auto;
	padding: 10px 30px 0 30px;
	border: 2px solid #69BA00;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: left;
}

.phytos .sec04 h3{
	margin-bottom: 50px;
	padding-top: 50px;
	background: url("images/product/phytos/img_sec04_08.png") no-repeat top center / 80px;
	font-size: 26px;
	font-weight: bold;
	color: #69BA00;
	text-align: center;
}

.phytos .sec04 h3 span{
	font-size: 50px;
	display: block;
}

.phytos .sec04 .kakomi h3{
	position: relative;
	top: -50px;
	width: 440px;
	margin: 0 auto;
	padding: 12px 0 15px 0;
	background: url("images/product/phytos/img_sec04_10_2.jpg") no-repeat center / contain;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #69BA00;
	display: block;
}

.phytos .sec04 .kakomi p{
	position: relative;
	top: -30px;
	width: 85%;
	margin: 0;
}

.phytos .sec04 .kakomi img{
	position: absolute;
	bottom: -30px;
	right: -35px;
	width: 200px;
}

.phytos .sec04 .bg_brown{
	padding: 50px 0 100px 0;
	background: #FBF7EF;
}

/*.phytos .sec04 .box_3col h3{
	position: relative;
	margin: 0;
	padding: 60px 0;
	background: url("images/product/phytos/bg_ttl_special2.png") no-repeat center / cover;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	line-height: 1.4;
	font-size: 56px;
	color: #FFF;
	z-index: 1;
}

.phytos .sec04 .box_3col h3 span{
	position: relative;
	width: 4em;
	margin: 0 auto;
	padding: 6px 2em 3px 2em;
	border: 2px solid #FFF;
	border-radius: 40px;
	background: #FFF;
	font-size: 26px;
	line-height: 1.0;
	color: #EB8412;
}*/

.phytos .sec04 h3{
	margin-bottom: 50px;
	padding-top: 50px;
	background: url("images/product/phytos/img_sec04_08.png") no-repeat top center / 80px;
	line-height: 1.4;
	font-size: 26px;
	font-weight: bold;
	color: #69BA00;
	text-align: center;
}

.phytos .sec04 h3 span{
	font-size: 50px;
	display: block;
}

.phytos .sec04 .box_3col dl{
	position: relative;
	margin: 40px 0;
	padding: 45px 40px 40px 40px;
	background: #FFF;
	border-radius: 30px;
}

.phytos .sec04 .box_3col dl:last-child{
	margin-bottom: 0;
}

/*.phytos .sec04 .box_3col dl:before{
	position: absolute;
	top: -15px;
	right: 10px;
	width: 231px;
	height: 40px;
	background: url("images/product/phytos/img_sec04_03.png") no-repeat center / contain;
	content: "";
	display: block;
}*/

.phytos .sec04 .box_3col dl dt{
	margin-bottom: 25px;
	padding-top: 25px;
	background: url("images/product/phytos/img_sec04_08.png") no-repeat top center / 60px;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	color: #69BA00;
}

.phytos .sec04 .box_3col dl dd{
	margin: 0;
	padding: 20px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 30px;	
}

.phytos .sec04 .box_3col dl dd p{
	margin: 0;
}

.phytos .sec04 .box_3col hr{
	height: 30px;
	margin: 20px 0;
	padding: 0;
	border: 0;
	background: url("images/product/phytos/img_sec04_03.png") no-repeat center / contain;
}


/*sec05
---------------------------------------------------------------------------*/
.phytos .sec05{
	margin-bottom: -20px;
}

.phytos .sec05.bg{
	background: linear-gradient(to right, #FFF, #F2F5F6);
}

.phytos .sec05 .contents{
	position: relative;
	/*display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 30px;*/
}

/*.phytos .sec05 .contents h2{
	padding: 10px 15px;
	border-radius: 10px;
	background: linear-gradient(to right, #E47A3A, #F0B459);
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
}*/

.phytos .sec05 h2{
	position: relative;
	margin: 0 auto;
	padding: 35px 0 30px 0;
	/*background: linear-gradient(to right, #E47A3A, #F0B459);*/
	background: linear-gradient(to right, #FDA544, #FABB45);
	font-size: 46px;
	font-weight: 500;
	text-align: center;
	color: #FFF;
}

.phytos .sec05 h2:after{
	position: absolute;
	top: -35px;
	left: 0;
	width: 100%;
	height: 30px;
	margin: 20px 0;
	padding: 0;
	border: 0;
	background: url("images/product/phytos/img_sec04_03.png") no-repeat center / contain;
	visibility: visible;
	content: "";
	display: block;
}

.phytos .sec05 .contents .inner{
	position: relative;
	margin-bottom: 150px;
}

.phytos .sec05 .contents .point1{
	padding: 80px 0 100px 0;
	display: grid;
	grid-template-columns: 1fr 350px;
}

.phytos .sec05 .contents .point1 .txt h3{
	margin: 0 0 0 150px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 40px;
	font-weight: 700;
}

.phytos .sec05 .contents .point1 .txt h3 span{
	font-size: 0.8em;
	display: block;
}

.phytos .sec05 .contents .point1 .txt h3 small{
	border-top: 1px solid #FFF;
	font-size: 0.5em;
	display: block;
}

.phytos .sec05 .contents .point1 .txt h4{
	margin: 40px 50px 0 0;
	color: #a4872b;
}

.phytos .sec05 .contents .point1 .txt p{
	margin-top: 0;
	padding: 0 50px 0 0;
}

.phytos .sec05 .contents .point1 .txt .kakomi{
	margin-right: 50px;
	padding: 10px 20px 0 20px;
	border: 1px solid #999;
	background: #FFF;
}

.phytos .sec05 .contents .point1 .txt .kakomi p{
	padding-right: 0;
}

.phytos .sec05 .contents .point1 .img{
	position: relative;
	display: grid;
	place-content: end;	
}

.phytos .sec05 .contents .point1 .img02{
	background: #000;
	border: 7px solid;
	border-image: linear-gradient(to bottom right, #b39855, #fff9e6, #b39855) 1;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.phytos .sec05 .contents .point1 .img01{
	position: absolute;
	width: 130px;
}

.phytos .sec05 .contents .point1 .name{
	position: relative;
	width: 70%;
	margin: -35px auto 0 auto;
	padding: 12px 0;
	border: 5px solid;
	border-image: linear-gradient(to bottom right, #b39855, #fff9e6, #b39855) 1;
	background: #11284E;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff9e6;
	text-align: center;
	z-index: 1;
}

.phytos .sec05 .contents .point1 .name small{
	padding-left: 0.5em;
	font-size: 0.8em;
}


.phytos .sec05 .contents .point2{
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: 500px 1fr;
	grid-gap: 0 50px;
}

.phytos .sec05 .contents .tokkyo_name{
	padding: 10px 10px;
	border: 1px solid #EB8412;
	line-height: 1.4!important;
	font-size: 14px;
}

.phytos .sec05 .contents .tokkyo_name span{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C8C8C8;
	font-size: 16px;
	font-weight: bold;
	color: #EB8412;
	text-align: center;
	display: block;
}

.phytos .sec05 .contents .box_point{
	margin-bottom: 80px;
	padding: 50px;
	background: #FBF7EF;
}

.phytos .sec05 .contents .box_point div{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9D9D9;
}

.phytos .sec05 .contents .box_point div:nth-of-type(3){
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.phytos .sec05 .contents .box_point dl{
	display: grid;
	grid-template-columns: 5em 1fr;
}

.phytos .sec05 .contents .box_point dl dt{
	padding: 10px;
	background: #FFF;
	border: 1px solid #69BA00;
	font-size: 14px;
	text-align: center;
	line-height: 1.1;
	color: #69BA00;
}

.phytos .sec05 .contents .box_point dl dt span{
	font-size: 36px;
	font-family: "Noto Sans JP", sans-serif;
	display: block;
}

.phytos .sec05 .contents .box_point dl dd{
	place-content: center;
}

.phytos .sec05 .contents .box_point dl dd h3{
	margin: 0;
	font-size: 26px;
	font-weight: normal!important;
	line-height: 1.4;
	color: #69BA00;
}


/*.phytos .sec05 .contents .point2 .txt{
	position: relative;
	top: 40px;
	width: 85%;
	margin-left: 15%;
	padding: 30px 50px 30px 90px;
	background: #EEF3D9;
	border-radius: 30px;
	box-sizing: border-box;
}

.phytos .sec05 .contents .point2 .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.phytos .sec05 .contents .point2 .img img{
	border-radius: 30px;
}

.phytos .sec05 .contents .point2 .tokkyo_name{
	margin: 0 auto;
	padding: 8px;
	border-radius: 5px;
	background: #FFF;
	text-align: center;
}

.phytos .sec05 .contents .point2 .tokkyo_name span{
	margin-bottom: 10px;
	padding: 3px 8px 4px 8px;
	background: #4F8800;
	border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	display: block;
}*/

.phytos .sec05 .contents .inner .img01{
	position: absolute;
	top:-100px;
	right:-10px;
	width: 120px;
}

.phytos .sec05 .contents .inner .img02{
	margin-top: 0;
	border-radius: 30px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.phytos .sec05 .contents .box_sec05_hikaku{
	margin-bottom: 100px;
}

.phytos .sec05 .contents .box_sec05_hikaku h2{
	position: relative;
	padding: 0;
	background: none;
	font-weight: normal;
	color: #68B900;
}

.phytos .sec05 .contents .box_sec05_hikaku h2:before{
	position: absolute;
	top: 0.8em;
	right: 0;
	width: 320px;
	height: 1px;
	background: #CCC;
	content: "";
	display: block;
}

.phytos .sec05 .contents .box_sec05_hikaku h2:after{
	position: absolute;
	top: 0.8em;
	left: 0;
	width: 320px;
	height: 1px;
	margin: 0;
	background: #CCC;
	content: "";
	display: block;
}

.phytos .sec05 .contents .box_sec05_hikaku h3{
	margin-top: 10px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

.phytos .sec05 .contents .box_sec05_hikaku img{
	padding: 70px 50px 80px 50px;
	background: #FBF7EF;
	border-radius: 10px;
	box-sizing: border-box;
}

.phytos .sec05 .contents .box_sec05_hikaku h4{
	position: relative;
	width: 70%;
	margin: -40px auto 40px auto;
	padding: 20px;
	background: #FFF;
	border: 1px solid #EB8412;
	border-radius: 10px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	font-size: 30px;
	font-weight: normal;
	color: #EB8412;
	text-align: center;
	z-index: 1;
}


/*sec06
---------------------------------------------------------------------------*/
.phytos .sec06{
	padding: 0 0 80px 0;
}

.phytos .sec06 h2{
	position: relative;
	margin: 0 0 80px 0;
	padding: 60px 0 50px 0;
	background: linear-gradient(to right, #69BA00, #69BA00/*#7AB22E*/);
	color: #FFF;
}

.phytos .sec06 h2 span{
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	display: block;
	z-index: 1;
}

.phytos .sec06 h2 em{
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	width: 200px;
	height: 115px;
	margin: 0 auto;
	background: #69BA00 url("images/product/phytos/img_sec06_03.png") no-repeat center / 46%;
	border-radius: 50%;
	content:"";
	display: block;
	z-index: 0;
}

.phytos .sec06 img{
	border-radius: 30px;
}

.phytos .sec06 .contents div{
	display: grid;
	grid-template-columns: 1fr 0.8fr;
	grid-gap: 0 30px;
}

.phytos .sec06 .contents div p{
	margin: 0;
	line-height: 2.2!important;
	/*text-align: center;*/
}

.phytos .sec06 .contents p img{
	width: 80%;
	margin: 50px auto 0 auto;
}

.phytos .sec06 .kakomi{
	position: relative;
	width: 960px;
	margin: 50px auto 0 auto;
	padding: 40px;
	border: 0;
	background: #FBF7EF;
	border-radius: 20px;
	box-sizing: border-box;
	text-align: left;
	display: grid;
	grid-template-columns: 0.3fr 1fr;
	grid-gap:0 50px;
}

.phytos .sec06 .kakomi:before{
	position: absolute;
	bottom: -40px;
	right: -70px;
	width: 140px;
	height: 260px;
	background: url("images/product/phytos/img_sec06_02.png") no-repeat center / contain;
	content: "";
	display: block;
}
.phytos .sec06 .kakomi h3{
	position: relative;
	margin: 0;
	padding: 12px 0 15px 0;
	background: #69BA00;
	border-radius: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	display: grid;
	place-content: center;
}

.phytos .sec06 .kakomi ul{
	padding: 10px 0;
	display: grid;
	grid-template-columns: 0.8fr 1fr;
	grid-gap: 15px 30px;
	text-align: left;
}

.phytos .sec06 .kakomi ul li{
	padding-left: 1.5em;
	background: url("images/product/phytos/img_sec01_01.png") no-repeat center left / 1.2em;
}



/*sec07
---------------------------------------------------------------------------*/
.phytos .sec07{
	margin-bottom: 80px;
}

.phytos .sec07 .box_sec07{
	padding: 50px 0;
	background: #EEF3D9;
}

.phytos .sec07 .box_sec07 .inner{
	width: 960px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 50px;
}

.phytos .sec07 .box_sec07 .inner .center{
	padding-left: 45px;
	font-size: 14px;
	color: #333;
}

.phytos .sec07 .box_sec07 h2{
	width: 450px;
	padding-top: 20px;
}

.phytos .sec07 .box_sec07 .price{
	width: 450px;
	font-weight: bold;
	color: #69BA00;
	text-align: center;
}

.phytos .sec07 .box_sec07 .price span{
	padding: 0 0 0 5px;
	font-size: 32px;
}

.phytos .sec07 h3 {
	margin-top: 50px;
	font-size: 32px;
	font-weight: normal;
	color: #69BA00;
	text-align: center;
}

.phytos .sec07 dl{
	margin: 0;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.phytos .sec07 dl dt,
.phytos .sec07 dl dd{
	padding: 12px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.phytos .sec07 dl dt{
	width: 20%;
	text-align: center;
	justify-content: center;
	line-height: 1.75;
}

.phytos .sec07 dl dd{
	width: 80%;
	margin: 0;
	flex-wrap: wrap;
}

.phytos .sec07 dl dd ul li{
	margin-left: 20px;
	list-style: disc;
}

.phytos .sec07 dl dd p{
	margin-bottom: 0;
}

.phytos .sec07 .box_sec07_table{
	margin-top: 30px;
	display: grid;
	grid-template-columns: 250px 1fr;
	grid-gap: 0 30px;
}

.phytos .sec07 .box_nutrition{
	padding: 10px;
	border: 1px solid #000;
}

.phytos .sec07 .box_nutrition table{
	width: 100%;
}

.phytos .sec07 .box_nutrition table td{
	padding: 0;
}

.phytos .sec07 .tag{
	padding: 3px 10px;
	border: 1px solid #737373;
	margin: 5px 0 10px 0;
	text-align: center;
	font-size: 12px;
	color: #333;
	display: inline;
}

.phytos .sec07 .tag_gray{
	width: 10em;
	margin: 30px auto 0 auto;
	padding: 3px 15px 4px 15px;
	border-radius: 20px;
	background: #666;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	display: block;
}

.phytos .sec07 .box_sec07_table .tag_gray{
	width: 10em;
	margin: 10px 10px 2em auto;
	padding: 0px 15px 1px 15px;
	border-radius: 20px;
	background: #666;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	display: inline-block;
}

.phytos .sec07 .box_sec07_table .font_l{
	font-size: 15px;
}

.phytos .sec07 .box_sec07_table .tag.font_l{
	padding: 3px 16.5px;
}






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

/*common
---------------------------------------------------------------------------*/
.phytos .contents{
	width: 94%;
	font-size: 3.7vw;
}


/*MV
---------------------------------------------------------------------------*/
.mv_main{background: url("images/product/phytos/img_mv_bg.jpg") no-repeat center / cover;}

.mv .contents{
	width: 94%;
	height: 100vh;
}

.mv .contents .ttl01{
	position: absolute;
	top: 34vw;
	width: 100%;
}

.mv .contents .ph{
	position: absolute;
	top: 66vw;
	left: 5%;
	width: 90%;
}

.mv .contents p{
	top: 120vw;
	left: 0;
	font-size: 4vw;
	text-align: center;
}

.mv .contents h2{
	top: 105vw;
	width: 60vw;
	margin: 0 auto;
}


/*sec01
---------------------------------------------------------------------------*/
.phytos .sec01{
	padding: 12vw 0;
	font-size: 4vw;
	text-align: center;
}

.phytos .sec01 h2{
	width: 100%;
	margin: 8vw auto;
	padding: 9vw 0 6vw 0;
	font-size: 5vw;
}

.phytos .sec01 h2 img {
  width: 90%;
  margin: 0 auto 1vw auto;
}


/*sec02
---------------------------------------------------------------------------*/
.phytos .sec02{
}

.phytos .sec02 .bg{
	padding: 12vw 0;
}

.phytos .sec02 .contents {
  padding: 0;
}

.phytos .sec02 h2{
	margin-bottom: 6vw;
	font-size: 6vw;
}

.phytos .sec02 h2 span{
	font-size: 3.4vw;
}

.phytos .sec02 .box_sec02 img{
	float: none;
	width: 100%;
	margin: 6vw auto 4vw auto;
}


/*sec03
---------------------------------------------------------------------------*/
.phytos .sec03{
	padding: 12vw 0 16vw 0;
}

.phytos .sec03 .box_sec03{
	display: block;
}

.phytos .sec03 h2{
  padding: 8vw 0;
	font-size: 5vw;
	text-align: center;
}

.phytos .sec03 h2 span {
  width: 100%;
  font-size: 6vw;
}

.phytos .sec03 p{
	margin-bottom: 8vw;
}

.phytos .sec03 .box_sec03 div span{
	padding-right: 10vw;
}


/*sec04
---------------------------------------------------------------------------*/
.phytos .sec04 h2{
	margin: 0;
	padding: 8vw 0;
	
}

.phytos .sec04 h2:before{
	top:-3vw;
	height: 6vw;
}

.phytos .sec04 h2 span{
	width: 94%;
	font-size: 6vw;
}

.box_sec04{
	margin: 8vw 0 10vw 0;
	display: block;
}

.box_sec04 img{
	margin: 10vw 0 16vw 0;
}

.phytos .sec04 .kakomi{
	margin: 0 auto 16vw auto;
	padding: 2vw 6vw 6vw 6vw;
	border-radius: 6vw;
}

.phytos .sec04 h3{
	margin-bottom: 10vw;
	padding-top: 8vw;
	background: url("images/product/phytos/img_sec04_08.png") no-repeat top center / 16vw;
	font-size: 5vw;
}

.phytos .sec04 h3 span{
	font-size: 10vw;
}

.phytos .sec04 .kakomi h3{
	top: -9vw;
	width: 76%;
	border-radius: 8vw;
	font-size: 5vw;
}

.phytos .sec04 .kakomi p{
	position: relative;
	top: -6vw;
	width: 100%;
	margin: 0;
}

.phytos .sec04 .kakomi img{
	position: relative;
	bottom: 0;
	right: 0;
	width: 100%;
	margin: 0 auto;
}

.phytos .sec04 .bg_brown{
	padding: 8vw 0 16vw 0;
}

.phytos .sec04 .box_3col dl{
	margin: 8vw 0;
	padding: 6vw;
	border-radius: 6vw;
}

.phytos .sec04 .box_3col dl dt{
	margin-bottom: 2vw;
	padding-top: 6vw;
	background: url("images/product/phytos/img_sec04_08.png") no-repeat top center / 12vw;
	font-size: 6vw;
	line-height: 1.4;
}

.phytos .sec04 .box_3col dl dd{
	margin: 0;
	padding: 4vw 0 0 0;
	display: block;
}

.phytos .sec04 .box_3col dl dd p,
.phytos .sec04 .box_3col dl dd img{
	margin: 0 auto 6vw auto;
}

.phytos .sec04 .box_3col hr{
	height: 6vw;
	margin: 4vw 0;
}


/*sec05
---------------------------------------------------------------------------*/
.phytos .sec05 h2{
	position: relative;
	margin: 0 auto;
	padding: 6vw 0 5vw 0;
	font-size: 7vw;
	font-weight: bold;
}

.phytos .sec05 h2:after{
	top: -7vw;
	height: 6vw;
	margin: 4vw 0;
}

.phytos .sec05 h2.mb40,
.phytos .sec05 h2.mb80{
	margin-bottom: 10vw!important;
}

.phytos .sec05 .contents .inner{
	margin-bottom: 26vw;
}

.phytos .sec05 .contents .point1{
	padding: 8vw 0 20vw 0;
	display: block;
}

.phytos .sec05 .contents .point1 .txt h3{
	margin: 0 0 0 26vw;
	font-size: 6.5vw;
}

.phytos .sec05 .contents .point1 .txt h4{
	margin: 6vw 0 0 0;
}

.phytos .sec05 .contents .point1 .txt p{
	padding: 0;
}

.phytos .sec05 .contents .point1 .txt .kakomi{
	margin-right: 0;
	padding: 4vw 6vw 0 6vw;
}

.phytos .sec05 .contents .point1 .img{
	width: 90%;
	margin: 8vw auto;
	display: block;
}

.phytos .sec05 .contents .point1 .img01{
	width: 22vw;
}

.phytos .sec05 .contents .point1 .name{
	position: relative;
	z-index: 1;
	margin: -7vw auto 0 auto;
	padding: 2vw 0;
	font-size: 6vw;
}

.phytos .sec05 .contents .inner .img01{
	position: absolute;
	top: auto;
	bottom: 0;
	right: 55%;
	width: 35%;
	z-index: 1;
}

.phytos .sec05 .contents .inner .img02{
	position: absolute;
	top: auto;
	bottom: 0;
	right: 0;
	width: 60%;
	border-radius: 6vw;
}

.phytos .sec05 .contents .point2{
	margin-bottom: 10vw;
	display: block;
}

/*.phytos .sec05 .contents .tokkyo_name{
	padding: 2vw;
	font-size: 3.0vw;
}

.phytos .sec05 .contents .tokkyo_name span{
	margin-bottom: 2vw;
	padding-bottom: 2vw;
	font-size: 3.7vw;
}*/

.phytos .sec05 .contents .point2 h2{
	text-align: center;
}

.phytos .sec05 .contents .point2 .txt{
	position: relative;
	top: 0;
	width: 100%;
	margin-left: 0;
	padding: 0;
	border-radius: 6vw;
}

.phytos .sec05 .contents .point2 p{
	margin-top: 0;
}

.phytos .sec05 .contents .point2 .img{
	position: relative;
	top: 0;
	left: 0;
	width: 80%;
	margin: 0 auto 6vw auto;
}

.phytos .sec05 .contents .point2 .tokkyo_name{
	width: 100%;
	margin: 4vw auto 4vw auto;
	padding: 3vw;
	display: block;
	box-sizing: border-box;
	text-align: left;
}

.phytos .sec05 .contents .point2 .tokkyo_name span{
	margin-bottom: 2vw;
	padding: 0 0 2vw 0;
	font-weight: bold;
	text-align: center;
}

.phytos .sec05 .contents .box_point{
	margin-bottom: 16vw;
	padding: 6vw;
}

.phytos .sec05 .contents .box_point div{
	margin-bottom: 6vw;
	padding-bottom: 6vw;
}

.phytos .sec05 .contents .box_point dl{
	display: grid;
	grid-template-columns: 4.5em 1fr;
}

.phytos .sec05 .contents .box_point dl dt{
	padding: 2vw;
	font-size: 3.0vw;
}

.phytos .sec05 .contents .box_point dl dt span{
	font-size: 8vw;
}

.phytos .sec05 .contents .box_point dl dd{
	margin-left: 1em;
}

.phytos .sec05 .contents .box_point dl dd h3{
	font-size: 6vw;
}

.phytos .sec05 .contents .box_point p{
	margin-bottom: 0;
}

.phytos .sec05 .contents .box_sec05_hikaku{
	margin-bottom: 20vw;
}

.phytos .sec05 .contents .box_sec05_hikaku h2:before{
	width: 24vw;
}

.phytos .sec05 .contents .box_sec05_hikaku h2:after{
	width: 24vw;
}

.phytos .sec05 .contents .box_sec05_hikaku h3{
	margin-top: 2vw;
	font-size: 5vw;
}

.phytos .sec05 .contents .box_sec05_hikaku img{
	padding: 8vw 4vw 12vw 4vw;
	border-radius: 2vw;
}

.phytos .sec05 .contents .box_sec05_hikaku h4{
	margin: -6vw auto 6vw auto;
	padding: 2vw 4vw;
	font-size: 4.4vw;
}

.phytos .sec05 .contents .box_sec05_hikaku .note{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.8em;
}



/*sec06
---------------------------------------------------------------------------*/
.phytos .sec06{
	padding: 0 0 12vw 0;
}

.phytos .sec06 h2{
	margin: 0 0 8vw 0;
	padding: 12vw 0 10vw 0;
}

.phytos .sec06 h2 span{
	width: 90%;
	font-size: 5vw;
}

.phytos .sec06 h2 em{
	top: -9vw;
	width: 36vw;
	height: 23vw;
	background: #69BA00 url("images/product/phytos/img_sec06_03.png") no-repeat center / 53%;
}

.phytos .sec06 img{
	border-radius: 6vw;
}

.phytos .sec06 .contents div{
	display: block;
}

.phytos .sec06 .contents div p{
	margin: 0 auto 6vw auto;
	text-align: center;
}

.phytos .sec06 .contents div p img{
	float: none;
	width: 90%;
	margin: 0 auto 4vw auto;
}

.phytos .sec06 .kakomi{
	width: 94%;
	margin: 10vw auto 0 auto;
	padding: 6vw;
	border-radius: 4vw;
	display: block;
}

.phytos .sec06 .kakomi:before{
	bottom: -8vw;
	right: -3vw;
	width: 28vw;
	height: 50vw;
}

.phytos .sec06 .kakomi h3{
	margin-bottom: 6vw;
	padding: 3vw 0;
	border-radius: 4vw;
	font-size: 6vw;
	text-align: center;
	display: block;
}

.phytos .sec06 .kakomi ul{
	padding: 0;
	display: block;
}

.phytos .sec06 .kakomi ul li{
	margin: 3vw 0;
	padding-left: 1.6em;
	background: url("images/product/phytos/img_sec01_01.png") no-repeat center left / 1.0em;
	font-size: 4vw;
}



/*sec07
---------------------------------------------------------------------------*/
.phytos .sec07{
	margin-bottom: 12vw;
}

.phytos .sec07 .box_sec07{
	padding: 10vw 0;
}

.phytos .sec07 .box_sec07 .inner{
	width: 94%;
	display: block;
}

.phytos .sec07 .box_sec07 .inner .center{
	margin-top: 0;
	padding-left: 6vw;
	font-size: 3.4vw;
}

.phytos .sec07 .box_sec07 h2{
	width: 90%;
	margin: 0 auto 4vw auto;
	padding-top: 4vw;
}

.phytos .sec07 .box_sec07 .price{
	width: 100%;
}

.phytos .sec07 .box_sec07 .price span{
	font-size: 7vw;
}

.phytos .sec07 h3 {
	margin-top: 10vw;
	font-size: 6vw;
}

.phytos .sec07 dl dt,
.phytos .sec07 dl dd{
	padding: 2vw;
}

.phytos .sec07 dl dt{
	width: 6em;
}

.phytos .sec07 dl dd{
	width: calc(100% - 6em);
	margin: 0;
	flex-wrap: wrap;
}

.phytos .sec07 dl dd ul li{
	margin-left: 4vw;
}

.phytos .sec07 .box_sec07_table{
	width: 100vw;
	margin-top: 6vw;
	display: block;
}

.phytos .sec07 .box_nutrition{
	width: 58vw;
	padding: 2vw;
}

.phytos .sec07 small{
	margin-bottom: 4vw;
	display: block;
}

.phytos .sec07 .tag{
	font-size: 3vw;
}

.phytos .sec07 .tag_gray{
	margin: 2vw auto 0 auto;
	padding: 3px 3vw 4px 3vw;
	border-radius: 4vw;
	font-size: 3.4vw;
}

.phytos .sec07 .box_sec07_table .tag_gray{
	width: 10em;
	margin: 2vw 2vw 2em auto;
	padding: 0px 3vw 1px 3vw;
	border-radius: 6vw;
	font-size: 3.4vw;
}

.phytos .sec07 .box_sec07_table .font_l{
	font-size: 3vw;
}

.phytos .sec07 .box_sec07_table .tag.font_l{
	padding: 3px 3vw;
}




}