@charset "Shift_jis";


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

/*---------------------------------
	共通ページネーション
	お知らせ・商品紹介・レシピ
---------------------------------*/

.page_navi{
	margin-top: 20px;
	text-align: center;
}
.page_navi span,
.page_navi a{
	margin-top: 100px;
	padding: 0 8px;
}
.page_navi span{ font-weight: 700; }
.page_navi a{
	color: #302826;
	text-decoration: underline;
}
/*---------------------------------
	タイトル
---------------------------------*/

/*h2トップタイトル*/

.nextTitle{
	height: 120px;
	position: relative;
}
.nextTitle:before{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
}
.nextTitle div{
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
}
.nextTitle h2{
	max-width: 94%;
	margin: auto 0;
	padding: 20px 10px;
	display: inline-block;
	color: #fff;
	font-size: 2rem;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 3%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.nextTitle h2 span{
	margin-top: 10px;
	display: block;
	color: #fff;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-weight: 500;
}
.nextTitle.lifeTitle,
.nextTitle.contactTitle{
	background: url(../../img/life/title_life.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.childcareTitle{
	background: url(../../img/childcare/title_childcare.jpg)no-repeat 65%;
	background-size: cover;
}
.nextTitle.aboutTitle,
.nextTitle.howtoTitle{
	background: url(../../img/about/title_about.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.rewardsTitle{
	background: url(../../img/rewards/title_rewards.jpg)no-repeat 30%;
	background-size: cover;
}
.nextTitle.priceTitle{
	background: url(../../img/price/title_price.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.syokuzaiTitle{
	background: url(../../img/syokuzai/title_syokuzai.jpg)no-repeat 50%;
	background-size: cover;
}
.nextTitle.standardTitle,
.nextTitle.itemListTitle{
	background: url(../../img/item/title_itemlist.jpg)no-repeat 70%;
	background-size: cover;
}
.nextTitle.recipeListTitle{
	background: url(../../img/recipe/title_recipelist.jpg)no-repeat 70%;
	background-size: cover;
}
.nextTitle.hyoushiTitle{
	background: url(../../img/hyoushi/title_hyoushi.jpg)no-repeat 70%;
	background-size: cover;
}
.nextTitle.shinsaiTitle{
	background: url(../../img/shinsai/title_shinsai.jpg)no-repeat 70%;
	background-size: contain;
}
.nextTitle.otamesiTitle{
	background: url(../../img/otamesibox-entry/title_otamesibox.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.tyukaTitle{
	background: url(../../img/otamesityuka-entry/title_otamesityuka.jpg) center no-repeat;
	background-size: cover;
}

/*h3タイトル*/

.pageTitle{
	margin: 60px auto 0;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
}
.pageTitle:after{
	content: "";
	width: 30px;
	height: 3px;
	margin: 22px auto 0;
	display: block;
	background: #89d835;
}

/*h4タイトル*/

.subTitle,
.recipeMain h4{
	margin-top: 40px;
	padding: 10px;
	border-radius: 6px;
	font-size: 1.8rem;
	font-weight: 400;
	background: #faf8f6;
	position: relative;
}


/*---------------------------------
	アイチョイスのある暮らし
---------------------------------*/

.life .lifeVideos{
	width: 96%;
	margin: 40px auto 0;
}
.life .lifeVideos div{
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.life .lifeVideos div iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.life .lifeTop{
	width: 96%;
	margin: 0 auto;
}
.life .lifeTop h3{
	margin: 40px auto 0;
	line-height: 80px;
	text-align: center;
	font-size: 2rem;
	background: url(../../img/life/life-top.jpg) no-repeat center;
	background-size: contain;
}
.life .lifeTop div{
	margin: 0 auto;
	padding: 30px 15px;
	border: 2px solid #f15359;
	border-radius: 6px;
	box-sizing: border-box;
}
.life .lifeTop div dl + dl{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px dashed #f15359;
}
.life .lifeTop div dl dt{
	color: #f15359;
	font-size: 2rem;
}
.life .lifeTop div dl dd{
	margin-top: 15px;
}
.life .lifeList{
	width: 96%;
	margin: 60px auto 0;
}
.life .lifeList li{
	margin-top: 60px;
}
.life .lifeList li div h4{ text-align: center; }
.life .lifeList li div h4 img{
	width: 184px;
	margin: 0 auto;
}
.life .lifeList li div h4 > span{
	display: block;
	padding: 10px 0 5px;
	font-size: 2rem;
}
.life .lifeList li div h4 span span{
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	padding: 8px 10px 8px 4px;
	font-size: 2.4rem;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	background: #fff;
}
.life .lifeList li div h4 strong{
	margin-top: 10px;
	color: #fff;
	line-height: 5rem;
	font-size: 2.8rem;
	font-weight: 500;
}
.life .lifeList li div p{
	margin-top: 20px;
}
.life .lifeList li div p span{ background: #fff; }
.life .lifeList li div p small{
	padding-left: 1em;
	display: block;
	text-indent: -1em;
	line-height: 1.6rem;
	font-size: 1.2rem;
}
.life .lifeList li div p small:before{ content: "※"; }
.life .lifeList li div p a{ margin-top: 20px; display: block; color: #302826; }
.life .lifeList li div p a:after{
	content: "\e909";
	padding-left: 10px;
	color: #ff9000;
	vertical-align: middle;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-family: icomoon;
	position: relative;
	top: -1px;
}
.life .lifeList li > img{
	padding-top: 20px;
}
.life .lifeList li:nth-of-type(1) div h4 span{ color: #f15359; }
.life .lifeList li:nth-of-type(1) div h4 span span{ border: 2px solid #f15359; }
.life .lifeList li:nth-of-type(1) div h4 strong{ background: #f15359; }
.life .lifeList li:nth-of-type(2) div h4 span{ color: #83b112; }
.life .lifeList li:nth-of-type(2) div h4 span span{ border: 2px solid #83b112; }
.life .lifeList li:nth-of-type(2) div h4 strong{ background: #83b112; }
.life .lifeList li:nth-of-type(3) div h4 span{ color: #ba9462; }
.life .lifeList li:nth-of-type(3) div h4 span span{ border: 2px solid #ba9462; }
.life .lifeList li:nth-of-type(3) div h4 strong{ background: #ba9462; }
.life .lifeList li:nth-of-type(4) div h4 span{ color: #3790de; }
.life .lifeList li:nth-of-type(4) div h4 span span{ border: 2px solid #3790de; }
.life .lifeList li:nth-of-type(4) div h4 strong{ background: #3790de; }
.life .lifeList li:nth-of-type(5) div h4 span{ color: #f97d49; }
.life .lifeList li:nth-of-type(5) div h4 span span{ border: 2px solid #f97d49; }
.life .lifeList li:nth-of-type(5) div h4 strong{ background: #f97d49; }
.life .lifeList li:nth-of-type(6) div h4 span{ color: #ef7ea9; }
.life .lifeList li:nth-of-type(6) div h4 span span{ border: 2px solid #ef7ea9; }
.life .lifeList li:nth-of-type(6) div h4 strong{ background: #ef7ea9; }
.life .lifeList li:nth-of-type(7) div h4 span{ color: #f2cb31; }
.life .lifeList li:nth-of-type(7) div h4 span span{ border: 2px solid #f2cb31; }
.life .lifeList li:nth-of-type(7) div h4 strong{ background: #f2cb31; }
.life .lifeList li:nth-of-type(8) div h4 span{ color: #23b6ca; }
.life .lifeList li:nth-of-type(8) div h4 span span{ border: 2px solid #23b6ca; }
.life .lifeList li:nth-of-type(8) div h4 strong{ background: #23b6ca; }
.life .lifeList li:nth-of-type(9) div h4 span{ color: #e5bc6e; }
.life .lifeList li:nth-of-type(9) div h4 span span{ border: 2px solid #e5bc6e; }
.life .lifeList li:nth-of-type(9) div h4 strong{ background: #e5bc6e; }
.life .lifeList li:nth-of-type(10) div h4 span{ color: #a2cd0d; }
.life .lifeList li:nth-of-type(10) div h4 span span{ border: 2px solid #a2cd0d; }
.life .lifeList li:nth-of-type(10) div h4 strong{ background: #a2cd0d; }

.life .lifeLast{
	width: 96%;
	margin: 60px auto 140px;
}
.life .lifeLast h3{
	color: #f15359;
	line-height: 3rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
}
.life .lifeLast h3 img{ width: 115px; margin: 0 auto 20px; }
.life .lifeLast div{
	margin: 30px auto 0;
	padding: 30px 15px;
	border: 2px solid #f15359;
	border-radius: 6px;
	box-sizing: border-box;
}
.life .lifeLast div dl + dl{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px dashed #f15359;
}
.life .lifeLast div dl dt{
	color: #f15359;
	font-size: 2rem;
}
.life .lifeLast div dl dd{
	margin-top: 15px;
}

/*---------------------------------
	子育て支援
---------------------------------*/

.childcare .childcareTop{
	margin-bottom: 120px;
}
.childcare .childcareTop p{
	margin: 40px auto 0;
}
.childcare .childcareTop p:nth-of-type(1){ width: 96%; }
.childcare .childcareTop p + p img{ margin: 0 auto; }
.childcare .childcareBlock,
.childcare .childcareNet{
	padding: 70px 0;
	position: relative;
}
.childcare .childcareBlock h2,
.childcare .childcareNet h2{
	position: relative;
	padding: 0 3%;
	color: #fff;
	line-height: 3rem;
	font-size: 2.2rem;
}
.childcare .childcareBlock h2:before,
.childcare .childcareNet h2:before{
	content: "";
	width: 66px;
	height: 66px;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
}
.childcare .childcareBlock div{
	width: 96%;
	margin: 40px auto 0;
	padding: 40px 3%;
	border-radius: 6px;
	background: #fff;
	box-sizing: border-box;
}
.childcare .childcareBlock div h3{
	font-size: 2rem;
	font-weight: 500;
}
.childcare .childcareBlock div p{ margin-top: 35px; }
.childcare .childcareBlock div p img{ max-width: 320px; margin: 0 auto; }
.childcare .childcareBlock div .subTitle{
	margin-top: 40px;
	padding-left: 32px;
}
.childcare .childcareBlock div .subTitle:before{
	content: "";
	width: 14px;
	height: 14px;
	display: block;
	border-radius: 50%;
	position:absolute;
	top: 15px;
	left: 10px;
}
.childcare .childcareBlock div p,
.childcare .childcareBlock div ul{
	box-sizing: border-box;
}
.childcare .childcareBlock div ul{
	margin-top: 40px;
}
.childcare .childcareBlock div ul li + li{ margin-top: 40px; }
.childcare .childcareBlock div ul li dl dt{
	margin-top: 20px;
	font-size: 1.8rem;
	font-weight: 700;
}
.childcare .childcareBlock div ul li dl dd{ margin-top: 10px; }
.childcare .childcareBlock div p span,
.childcare .childcareBlock div ul li dl dd span{
	display: block;
	font-size: 1.2rem;
}
.childcare .childcareBlock div p span:before,
.childcare .childcareBlock div ul li dl dd span:before{ content: "※"; }

/*ピンク*/
.childcare .childcareBlock.pink{ background: #f7989b; }
.childcare .childcareBlock.pink h2:before{
	background: url(../../img/childcare/childcare-mark01.png)no-repeat;
	background-size: 66px;
}
.childcare .childcareBlock.pink div h3,
.childcare .childcareBlock.pink div dl dt{ color: #f15359; }
.childcare .childcareBlock.pink div h4:before{ background: #f15359; }

/*ブルー*/
.childcare .childcareBlock.blue{ background: #77d9ca; }
.childcare .childcareBlock.blue h2:before{
	background: url(../../img/childcare/childcare-mark02.png)no-repeat;
	background-size: 66px;
}
.childcare .childcareBlock.blue div h3,
.childcare .childcareBlock.blue div dl dt{ color: #1dc0a7; }
.childcare .childcareBlock.blue div h4:before{ background: #1dc0a7; }

/*オレンジ*/
.childcare .childcareBlock.orange{ background: #ffbc66; }
.childcare .childcareBlock.orange h2:before{
	background: url(../../img/childcare/childcare-mark03.png)no-repeat;
	background-size: 66px;
}
.childcare .childcareBlock.orange div h3,
.childcare .childcareBlock.orange div dl dt{ color: #ff9000; }
.childcare .childcareBlock.orange div h4:before{ background: #ff9000; }

/*ネット注文*/
.childcare .childcareNet{ padding-bottom: 140px; background: #a4ec57; }
.childcare .childcareNet h2{ text-align: center; }
.childcare .childcareNet h2:before{
	background: url(../../img/childcare/childcare-mark04.png)no-repeat;
	background-size: 66px;
}
.childcare .childcareNet p{
	width: 96%;
	margin: 60px auto 0;
}
/*---------------------------------
	アイチョイスの概要
---------------------------------*/

.about .aboutTop{
	margin: 0 auto;
}
.about .aboutTop h2{
	margin: 0 auto;
	padding: 60px 3% 0;
	color: #fff;
	line-height: 4.2rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	background: url(../../img/about/about_bg01.png) no-repeat top center;
	background-size: contain;
}
.about .aboutTop h2 span{
	background: #89d835;
}
.about .aboutTop h2 img{
	margin: 30px auto 0;
	width: 265px;
}
.about .aboutMessage{
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
.about .aboutMessage .pageTitle{ margin-top: 80px; }
.about .aboutMessage > div{ margin-top: 60px; }
.about .aboutMessage div div{ margin-top: 40px; }
.about .aboutMessage div div h4{
	color: #ff9000;
	line-height: 3.6rem;
	text-align: center;
	font-size: 2.4rem;
}
.about .aboutMessage div div p{ margin-top: 20px; }
.about .aboutMessage div div dl{ margin-top: 30px; }
.about .aboutMessage div div dl *{ display: block; }
.about .aboutMessage div div dl dt{ line-height: 1.6rem; font-size: 1.2rem; }
.about .aboutMessage div div dl dd{
	margin-top: 10px;
	font-size: 2.2rem;
	font-weight: 700;
}
.about .aboutGroup{
	margin: 60px auto 0;
}
.about .aboutGroup > h3{
	width: 96%;
	margin: 0 auto;
	color: #f36a6f;
	text-align: center;
	line-height: 2.8rem;
	font-size: 2rem;
}
.about .aboutGroup > h3:before{
	content: "";
	width: 140px;
	height: 85px;
	margin: 0 auto 20px;
	display: block;
	background: url(../../img/about/about-title02.png) no-repeat top center / 140px;
}
.about .aboutGroup > h3 + div{
	width: 96%;
	margin: 40px auto 0;
	box-sizing: border-box;
}
.about .aboutGroup > h3 + div div p + p{ margin-top: 20px }
.about .aboutGroup > h3 + div > p{
	width: 96%;
	max-width: 320px;
	margin: 20px auto;
}
.about .aboutGroup .about-vision {
	max-width: 450px;
	margin: 50px auto 0;
	padding: 0 10px;
}
.about .aboutGroup .kamei{
	margin-top: 60px;
	padding: 40px 0;
	background: #faf8f6;
}
.about .aboutGroup .kamei h3{
	color: #89d835;
	text-align: center;
	line-height: 3rem;
	font-size: 2rem;
	font-weight: 500;
}
.about .aboutGroup .kamei h3:before{
	content: "";
	width: 90px;
	height: 48px;
	margin: 0 auto 20px;
	display: block;
	background: url(../../img/about/about-title01.png) no-repeat top center / 90px;
}
.about .aboutGroup .kamei ul{
	width: 96%;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.about .aboutGroup .kamei ul li{
	width: calc(100% / 2 - 5px);
	border-radius: 6px;
	background: #fff;
}
.about .aboutGroup .kamei ul li:nth-child(2n){ margin-left: 10px; }
.about .aboutGroup .kamei ul li:nth-child(n + 3){ margin-top: 10px; }
.about .aboutGroup .kamei ul li img{
	max-width: 320px;
	margin: 0 auto;
}
.about .aboutGroup .groupList{
	width: 96%;
	margin: 0 auto;
}
.about .aboutGroup .groupList h4 + p{
	margin-top: 30px;
	line-height: 1.6rem;
	font-size: 1.2rem;
}
.about .aboutGroup .groupList h4 + p:before{ content: "※"; }
.about .aboutGroup .groupList > div{ margin-top: 30px; }
.about .aboutGroup .groupList > div > div + div{ margin-top: 30px; }
.about .aboutGroup .groupList > div > div h5{
	margin-bottom: 10px;
	font-size: 1.8rem;
}
.about .aboutGroup .groupList > div > div h5:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2rem;
	background: #89d835;
}
.about .aboutGroup .groupList > div > div dl{
	width: 100%;
	padding: 15px 0;
}
.about .aboutGroup .groupList > div > div dl + dl{ border-top: 2px dashed #dcdcdc; }
.about .aboutGroup .groupList > div > div dl dt{
	width: 4em;
	color: #89d835;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
.about .aboutGroup .groupList > div > div dl.textJust dt{ width: 5em; }
.about .aboutGroup .groupList > div > div dl dd{ margin-top: 5px; }
.about .aboutHistory{
	width: 96%;
	margin: 60px auto 0;
}
.about .aboutHistory > p{
	margin-top: 40px;
	text-align: center;
	font-size: 1.8rem;
}
.about .aboutHistory > ol{ margin-top: 60px; }
.about .aboutHistory > ol li{
	display: table;
	overflow: hidden;
	position: relative;
}
.about .aboutHistory > ol li:last-child dd{ padding-bottom: 150px; }
.about .aboutHistory > ol li dl dt,
.about .aboutHistory > ol li dl dd{ display: table-cell; }
.about .aboutHistory > ol li dl dt{
	width: 80px;
	padding: 30px 20px 0 0;
	border-right: 2px #dcdcdc solid;
	text-align: right;
	vertical-align: top;
	font-size: 3.6rem;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	position: relative;
}
.about .aboutHistory > ol li dl dt:after{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	color: #89d835;
	border-radius: 50%;
	background: #89d835;
	box-sizing: border-box;
	position: absolute;
	top: 40px;
	right: -7px;
}
.about .aboutHistory > ol li dl dt img{
	width: 65px;
	position: absolute;
	top: 70px;
	right: 20px;
}
.about .aboutHistory > ol li dl dd{
	width: 80%;
	padding: 32px 10px;
	box-sizing: border-box;
}
.about .aboutHistory > ol li dl dd > p{
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.about .aboutHistory > ol li dl dd > p:first-child{ margin-top: 0; }
.about .aboutHistory > ol li dl dd > p:before{
	content: "・";
	color: #89d835;
}
.about .aboutHistory > ol li dl dd > p span{ padding: 0 2px; }
.about .aboutHistory > ol li dl dd > p span.redLabel{ background: #fbcbcd; }
.about .aboutHistory > ol li dl dd > p span.blueLabel{ background: #bbece4; }
.about .aboutHistory > ol li dl dd > p span.yellowLabel{ background: #fffeb2; }
.about .aboutHistory > ol li dl dd > p strong{
	color: #ff9000;
	font-weight: 500;
}
.about .aboutHistory > ol li dl dd > p strong span{ font-size: 2.4rem; }
.about .aboutHistory > ol li dl dd > div{
	margin-top: 15px;
	padding: 15px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}
.about .aboutHistory > ol li dl dd > div p img{ max-width: 159px; margin-bottom: 10px; }

/*---------------------------------
	ご加入方法
---------------------------------*/

.howto .howtoTop > p{ margin-top: 40px; text-align: center; }
.howto .howtoTop > div{
	width: 96%;
	margin: 0 auto;
}
.howto .howtoTop > div div + div{ margin-top: 50px; }
.howto .howtoTop > div div div{
	box-sizing: border-box;
}
.howto .howtoTop > div div h4{
	margin-top: 40px;
	font-size: 2rem;
}
.howto .howtoTop > div div h4:before{
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #ff9000;
}
.howto .howtoTop > div div + div h4:before{ background: #89d835; }
.howto .howtoTop > div div p{ margin-top: 30px; }
.howto .howtoTop > div div p img{ margin-bottom: 20px; }

.howto .howtoTop > div div ol{ margin-top: 30px; }
.howto .howtoTop > div div ol li{
	padding: 10px;
	text-align: center;
	background: #dcdcdc;
	position: relative;
}
.howto .howtoTop > div div ol li + li:before{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	display: block;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #aaa transparent transparent transparent;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
}
.howto .howtoTop > div div ol li + li{ margin-top: 20px; }
.howto .howtoTop > div div ol li:last-child{
	color: #fff;
	background: #f15359;
}
.howto .howtoTop .howtoLink a{
	width: 80%;
	margin: 40px auto 0;
	padding: 20px;
	display: block;
	color: #2f230d;
	text-align: center;
	font-size: 1.8rem;
	background: #fef102;
	position: relative;
}
.howto .howtoTop > div div + div .howtoLink a{ color: #fff; background: #ff754a; }
.howto .howtoTop .howtoLink a:after{
	content: "\e909";
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.howto .howtoTop .howtoLink a:hover:after{ right: 25px; }
.howto .howtoUse{
	width: 96%;
	margin: 60px auto 0;
}
.howto .howtoUse ul li{
	margin-top: 40px;
	padding: 20px 3% 180px;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	position: relative;
}
.howto .howtoUse ul li + li{ margin-top: 30px; }
.howto .howtoUse ul li img{
	width: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.howto .howtoUse ul li h5{ font-size: 1.8rem; }
.howto .howtoUse ul li h5:before{
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #f15359;
}
.howto .howtoUse ul li p{ margin-top: 20px; }
.howto .howtoUse ul li p span{ display: block; }
.howto .howtoUse ul li p span:before{ content: "＊"; }
.howto .howtoUse ol li{
	padding: 40px 0;
	position: relative;
}
.howto .howtoUse ol li + li{ border-top: 2px dashed #dcdcdc; }
.howto .howtoUse ol li dl{ margin-top: 20px; }
.howto .howtoUse ol li dl dt{
	line-height: 2.8rem;
	font-size: 1.8rem;
	font-weight: 700;
}
.howto .howtoUse ol li dl dt span{
	margin-bottom: 5px;
	display: block;
	color: #f15359;
	letter-spacing: 0.05em;
	font-size: 2.2rem;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
}
.howto .howtoUse ol li dl dd{ margin-top: 10px; }
.howto .howtoUse ol li dl dd span{ display: block; font-size: 1.2rem; }
.howto .howtoUse ol li dl dd span:before{ content: "※"; }
.howto .howtoCatalog{
	width: 96%;
	margin: 20px auto 0;
}
.howto .howtoCatalog ul{ margin-top: 40px; }
.howto .howtoCatalog li{ position: relative; }
.howto .howtoCatalog li + li{ margin-top: 30px; }
.howto .howtoCatalog li dl dt{
	margin-top: 20px;
	color: #57a207;
	font-size: 1.8rem;
	font-weight: 700;
}
.howto .howtoCatalog li dl dd{ margin-top: 10px; }
.howto .howtoCatalog li:nth-child(1):before,
.howto .howtoCatalog li:nth-child(4):before{
	content: "";
	width: 170px;
	height: 187px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.howto .howtoNet{
	width: 96%;
	margin: 60px auto 140px;
}
.howto .howtoNet p img{ margin: 40px auto 0; }
.howto .howtoNet h4{
	margin-top: 40px;
	color: #5585d5;
	text-align: center;
	line-height: 2.6rem;
	font-size: 2rem;
}
.howto .howtoNet ul{
	margin: 30px auto 60px;
}
.howto .howtoNet ul li{
	padding: 20px 3%;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}
.howto .howtoNet ul li+ li{ margin-top: 20px; }
.howto .howtoNet ul li dl dt{
	padding-left: 24px;
	text-indent: -24px;
	font-size: 1.8rem;
	font-weight: 700;
}
.howto .howtoNet ul li dl dt:before{
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #5585d5;
}
.howto .howtoNet ul li dl dd{ margin-top: 15px; }
.howto .howtoNet ul li dd img{
	width: 80px;
	margin-top: -3%;
	padding: 0 0 20px 20px;
	float: right;
}

/*---------------------------------
	特典紹介
---------------------------------*/

.rewards .rewardsTop{ width: 96%; margin: 0 auto; }
.rewards .rewardsTop > p{
	margin-top: 40px;
}
.rewards .rewardsTop ul li{
	margin: 40px auto 0;
	padding: 30px 15px;
	border: 2px dashed #dcdcdc;
	border-radius: 6px;
	position: relative;
	box-sizing: border-box;
}
.rewards .rewardsTop ul li + li{ margin-top: 100px; }
.rewards .rewardsTop ul li dl dt{
	line-height: 3rem;
	font-size: 2.2rem;
	font-weight: 700;
}
.rewards .rewardsTop ul li dl dt span{
	display: block;
	color: #f15359;
	font-size: 1.8rem;
}
.rewards .rewardsTop ul li dl dd{
	margin-top: 10px;
	color: #f15359;
	line-height: 3rem;
	font-size: 1.8rem;
}
.rewards .rewardsTop ul li dl dd span{
	display: block;
	color: #302826;
	line-height: 1.6rem;
	font-size: 1.2rem;
}
.rewards .rewardsTop ul li:nth-of-type(2) dl dd span:before{ content: "※"; }
.rewards .rewardsTop ul li p{
	width: 80%;
	max-width: 320px;
	margin: 20px auto 0;
}
.rewards .rewardsTop ul li + li:before{
	content: "＋";
	width: 60px;
	height: 60px;
	margin: 0 auto;
	display: block;
	line-height: 55px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 5rem;
	background: #f15359;
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;
}
.rewards .rewardsTop ul li + li img{ max-width: 320px; margin: 0 auto; }
.rewards .rewardsTop ul li:nth-of-type(3) dl dd span{
	margin-top: 10px;
}
.rewards .rewardsTop p a{
	width: 80%;
	max-width: 320px;
	margin: 0 auto;
	padding: 15px 0;
	display: block;
	text-align: center;
	color: #fff;
	background: #f15359;
}
.rewards .rewardsTop p + .pageTitle{ margin-top: 100px; }

.rewardsFirst{
	width: 96%;
	margin: 100px auto 140px;
	box-sizing: border-box;
}
.rewardsFirst > p{ margin-top: 40px; }
.rewardsFirst > div{ margin-top: 60px; }
.rewardsFirst > div h4{
	margin-top: 40px;
	padding-left: 20px;
	text-indent: -20px;
	text-align: center;
	line-height: 2.8rem;
	font-size: 2.2rem;
}
.rewardsFirst > div h4:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 5px;
	display: inline-block;
	border-radius: 50%;
	background: #f15359;
}
.rewardsFirst > div dl dt{
	margin-top: 30px;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
}
.rewardsFirst > div dl dd{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.rewardsFirst > div dl dd ul li{
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.rewardsFirst > div dl dd ul li:before{ content: "・"; color: #f15359; }
.rewardsFirst > div dl dd > span{ line-height: 1.6rem; font-size: 1.2rem; }
.rewardsFirst > div dl dd ul + span:before{ content: "※"; }
.rewardsFirst > div dl + p{
	margin-top: 20px;
	color: #f15359;
	text-align: center;
	line-height: 3.6rem;
	font-size: 1.8rem;
	font-weight: 700;
}
.rewardsFirst > div dl + p span{ display: block; }
.rewardsFirst > div dl + p strong{ padding: 0 5px 0 10px;font-size: 4rem; }
.rewardsFirst > div.change{
	margin: 60px auto 0;
	padding: 30px 15px;
	display: block;
	border: 2px dashed #dcdcdc;
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
}
.rewardsFirst > div.change dl dt{ font-size: 2.2rem; }
.rewardsFirst > div.change dl dt:after{
	content: "";
	width: 30px;
	height: 3px;
	margin: 22px auto 0;
	display: block;
	background: #1dc0a7;
}
.rewardsFirst > div.change dl dd{ margin-top: 30px; line-height: 3.2rem; font-size: 2rem; }
.rewardsFirst > div.change dl dd span{
	color: #1dc0a7;
	line-height: 3rem;
	font-size: 2.2rem;
	font-weight: 700;
}
.rewardsFirst > div.change dl span:nth-of-type(2){ color: #f15359; }
.rewardsFirst > div.change p img{ margin: 40px auto 0; }

/*---------------------------------
	商品選びのお約束
---------------------------------*/

.standard > div{
	width: 96%;
	margin: 0 auto;
}

/*科学調味料100%排除*/

.standard .pageTitle + p{
	margin: 60px auto 0;
}
.standard .standardSeasoning ul{
	margin-top: 60px;
}
.standard .standardSeasoning ul li+ li{ margin-top: 30px; }
.standard .standardSeasoning ul li dl dt{
	margin-top: 20px;
	color: #f15359;
	font-size: 1.8rem;
	font-weight: 700;
}
.standard .standardSeasoning ul li dl dd{ margin-top: 10px; }

/*国より厳しい基準を設け、食品添加物を自主規制*/

.standard .standardAdditive{ margin-top: 80px; }
.standard .standardAdditive > div p{ margin-top: 40px; }
.standard .standardAdditive > div p img{ max-width: 320px; margin: 0 auto; }
.standard .standardAdditive > div table{
	margin-top: 40px;
	border: 1px solid #dcdcdc;
	line-height: 1.6rem;
	font-size: 1rem;
}
.standard .standardAdditive > div table tr th,
.standard .standardAdditive > div table tr td{
	padding: 10px 5px;
	vertical-align: middle;
	box-sizing: border-box;
}
.standard .standardAdditive > div table tr th:nth-of-type(1),
.standard .standardAdditive > div table tr th:nth-of-type(2){ width: 20%; }
.standard .standardAdditive > div table tr th:nth-of-type(3),
.standard .standardAdditive > div table tr th:nth-of-type(4){ width: 30%; }
.standard .standardAdditive > div table thead th{ background: #fffacc; }
.standard .standardAdditive > div table thead th.green{ background: #d4f1b5; }
.standard .standardAdditive > div table thead th,
.standard .standardAdditive > div table tr th:nth-of-type(1){ color: #ff824b; }
.standard .standardAdditive > div table tr{ border-top: 1px solid #dcdcdc; }
.standard .standardAdditive > div table th + td,
.standard .standardAdditive > div table th + th,
.standard .standardAdditive > div table td + td{ border-left: 1px solid #dcdcdc; }
.standard .standardAdditive > div table .green{ color: #57a207; }

.standard .standardAdditive p span{ color: #5585d5; }
.standard .standardAdditive .standardToggle{
	margin: 40px auto 0;
	padding: 15px;
	color: #fff;
	border-radius: 6px;
	background: #ff824b;
	position: relative;
	cursor: pointer;
	transition: 0.4s;
}
.standard .standardAdditive .standardToggle:after{
	content: "\e918";
	font-family: icomoon;
	position: absolute;
	right: 15px;
}
.standard .standardAdditive .standardToggle.active:after{ content: "\e919"; }
.standard .standardAdditive .standardToggle + ul li + li{ margin-top: 30px; }
.standard .standardAdditive .standardToggle + ul li > dl > dt{ font-size: 2rem; font-weight: 700; }
.standard .standardAdditive .standardToggle + ul li > dl > dt span{
	margin-top: 5px;
	display: block;
	color: #595351;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-weight: 500;
}
.standard .standardAdditive .standardToggle + ul li dl dl{
	margin-top: 20px;
}
.standard .standardAdditive .standardToggle + ul li dl dl dt{
	padding: 5px 10px;
	border-radius: 6px;
	color: #fff;
	background: #89d835;
}
.standard .standardAdditive .standardToggle + ul li dl dl dd{
	margin-top: 20px;
	padding:0 15px;
	box-sizing: border-box;
}
.standard .standardAdditive .standardToggle + ul li dl dl dd strong{
	margin-top: 5px;
	display: block;
	color: #f15359;
	font-size: 1.6rem;
	font-weight: 500;
}
.standard .standardAdditive .standardToggle + ul li dl dl dd span{ color: #5585d5; }
.standard .standardAdditive .standardToggle + ul li dl dl + dl{}
.standard .standardAdditive .standardToggle + ul li dl dl + dl dt{ background: #5585d5; }

/*原材料情報は全て公開*/

.standard .standardIngredient{ margin-top: 80px; }
.standard .standardIngredient > p + p{ margin-top: 60px; }
.standard .standardIngredient > p + p:after{
}
.standard .standardIngredient > p + p img,
.standard .standardIngredient div img{ max-width: 320px; margin: 0 auto 20px; }
.standard .standardIngredient > div{
	margin: 40px auto 0;
	border: 2px solid #89d835;
	border-radius: 6px;
	background: url(../../img/standard/standard-ingredient-bg.jpg) no-repeat top;
}
.standard .standardIngredient div h5{
	margin-top: 20px;
	color: #ff9000;
	text-align: center;
	line-height: 3.2rem;
	font-size: 2.2rem;
}
.standard .standardIngredient div ul li{ margin-top: 60px; }
.standard .standardIngredient div ul li{
	padding: 0 15px;
	box-sizing: border-box;
}
.standard .standardIngredient div ul li:nth-of-type(1) dl{
}
.standard .standardIngredient div ul li:nth-of-type(2) dl{
	margin: 0 auto;
}
.standard .standardIngredient div ul li dl dt{
	margin-top: 20px;
	color: #009944;
	font-size: 2rem;
	font-weight: 700;
}
.standard .standardIngredient div ul li dl dd{ margin-top: 10px; }
.standard .standardIngredient div ul li:nth-of-type(2) p{ margin: 40px auto; }

/*農・畜産物は産地直結です*/

.standard .standardDirectsale{ margin-top: 100px; }
.standard .standardDirectsale > p + p{ margin-top: 60px; }
.standard .standardDirectsale > p + p:after{
	content: "";
	display: table;
	clear: both;
}
.standard .standardDirectsale > p + p img{ max-width: 320px; margin: 0 auto 20px; }
.standard .standardDirectsale h4{ margin-top: 60px; }

/*農産物*/

.standard .standardDirectsale .nousan > div:nth-of-type(1) h5,
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5 + p{ margin-top: 40px; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5 + p{ font-size: 1.6rem; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5{
	color: #57a207;
	font-size: 2.4rem;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul{
	margin: 40px auto;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li+ li{ margin-top: 30px; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dt{
	padding: 5px 10px;
	border-radius: 6px;
	color: #fff;
	line-height: 2.8rem;
	font-size: 1.8rem;
	background: #57a207;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dt span{ padding-left: 1em; line-height: 1.6rem; font-size: 1.4rem; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dd{
	margin-top: 20px;
	padding:0 10px;
	box-sizing: border-box;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dt span:before,
.standard .standardDirectsale .nousan > div:nth-of-type(1) p span:before{ content: "※"; }

.standard .standardDirectsale .nousan > ul{
	margin-top: 40px;
}

.standard .standardDirectsale .nousan > ul li + li{ margin-top: 30px; }
.standard .standardDirectsale .nousan > ul li dl dt{
	margin-top: 20px;
	color: #57a207;
	font-size: 1.8rem;
	font-weight: 700;
}
.standard .standardDirectsale .nousan > ul li dl dd{ margin-top: 10px; }
.standard .standardDirectsale .nousan .lifeLast{
	margin: 60px auto 0;
}
.standard .standardDirectsale .nousan .lifeLast h4{
	color: #f15359;
	line-height: 3.4rem;
	font-size: 2.2rem;
	font-weight: 500;
}
.standard .standardDirectsale .nousan .lifeLast h4 img{
	width: 230px;
	margin: 0 auto;
}
.standard .standardDirectsale .nousan .lifeLast p{ margin-top: 40px; }
.standard .standardDirectsale .nousan .standardToggle{
	margin: 40px auto 0;
	padding: 15px 30px;
	color: #fff;
	border-radius: 6px;
	text-align: left;
	background: #57a207;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.4s;
}
.standard .standardDirectsale .nousan .standardToggle:after{
	content: "\e918";
	font-family: icomoon;
	position: absolute;
	right: 15px;
}
.standard .standardDirectsale .nousan .standardToggle.active:after{ content: "\e919"; }
.standard .standardDirectsale .nousan .standardToggle + ul{
	margin-top: 30px;
}
.standard .standardDirectsale .nousan .standardToggle + ul li{ max-width: 320px; margin: 0 auto 20px; }
.standard .standardDirectsale .nousan .standardToggle + ul li + li{ margin-top: 20px; }
.standard .standardDirectsale .nousan .standardToggle + ul li > dl > dt{
	margin-top: 20px;
	color: #57a207;
	font-size: 2rem;
	font-weight: 700;
}
.standard .standardDirectsale .nousan .standardToggle + ul li dl dd{
	margin-top: 10px;
	font-size: 1.4rem;
}

/*畜産物*/

.standard .standardDirectsale .chikusan div h5{
	margin: 60px auto 0;
	padding: 5px 10px;
	border-radius: 6px;
	color: #fff;
	font-size: 2rem;
	background: #796247;
	box-sizing: border-box;
}
.standard .standardDirectsale .chikusan div h5:before{
	padding-right: 10px;
	color: #fff;
	font-size: 2.4rem;
	font-family: icomoon;
}
.standard .standardDirectsale .chikusan .beef h5:before{ content: "\e91b"; }
.standard .standardDirectsale .chikusan .chikin h5:before{ content: "\e91a"; }
.standard .standardDirectsale .chikusan .pork h5:before{ content: "\e913"; }
.standard .standardDirectsale .chikusan ul{
	margin-top: 40px;
}
.standard .standardDirectsale .chikusan div ul li{ margin-top: 40px; }
.standard .standardDirectsale .chikusan div ul li strong{
	margin-bottom: 10px;
	display: block;
	font-size: 1.8rem;
}
.standard .standardDirectsale .chikusan div ul li strong:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2rem;
	background: #9c783a;
}
.standard .standardDirectsale .chikusan div ul li dl{
	width: 100%;
	padding: 15px 0;
	border-bottom: 2px dashed #dcdcdc;
}
.standard .standardDirectsale .chikusan div ul li dl dt{
	width: 80px;
	color: #9c783a;
}
.standard .standardDirectsale .chikusan ul li p{ margin-top: 5px; }
.standard .standardDirectsale .chikusan .beef ul li p{ text-align: right; }
.standard .standardDirectsale .chikusan .beef ul li p a{ color: #302826; }
.standard .standardDirectsale .chikusan .beef ul li p a:after{
	content: "\e90b";
	padding: 0 5px;
	color: #9c783a;
	vertical-align: middle;
	font-size: 1.2rem;
	font-family: icomoon;
	position: relative;
	top: -1px;
}
.standard .standardDirectsale .chikusan > ul li + li{ margin-top: 20px; }

/*水産物*/

.standard .standardDirectsale .suisan ul{
	margin-top: 40px;
}
.standard .standardDirectsale .suisan div ul li{
	padding-left: 1em;
	text-indent: -1em;
}
.standard .standardDirectsale .suisan div ul li:before{
	content: "・";
	color: #13b2cf;
}
.standard .standardDirectsale .suisan div ul li + li{ margin-top: 5px; }
.standard .standardDirectsale .suisan > ul li{ margin-top: 40px; }
.standard .standardDirectsale .suisan > ul li dl dt{ color: #13b2cf; font-size: 1.8rem; }
.standard .standardDirectsale .suisan > ul li dl dd{
	margin-top: 10px;
	padding-left: 1em;
	line-height: 1.6rem;
	font-size: 1.2rem;
	text-indent: -1em;
}
.standard .standardDirectsale .suisan > ul li dl dd:before{ content: "※"; }

/*遺伝子組み換え情報の公開*/

.standard .standardDna{ margin-top: 80px; }
.standard .standardDna > p img{ margin-bottom: 40px;}
.standard .standardDna div p{ margin-top: 30px; }
.standard .standardDna div p strong{
	margin-bottom: 10px;
	display: block;
	font-size: 2rem;
}
.standard .standardDna div ul{ margin-top: 40px; }
.standard .standardDna div:nth-of-type(1) ul li + li{ margin-top: 30px; }
.standard .standardDna div:nth-of-type(2) ul{ display: flex; flex-wrap: wrap; }
.standard .standardDna div:nth-of-type(2) ul li{ width: calc(100% / 2); text-align: center; }
.standard .standardDna div:nth-of-type(2) ul li:nth-child(n + 3){ margin-top: 20px; }
.standard .standardDna div:nth-of-type(2) ul li span{ display: block; }
.standard .standardDna div:nth-of-type(2) ul li span:before{ content: "※"; }
.standard .standardDna div:nth-of-type(2) ul li img{ max-width: 77px; margin: 0 auto; }
.standard .standardDna div dl dt{ color: #f15359; }
.standard .standardDna div dl dd{ margin-top: 10px; }
.standard .standardDna div img{ margin: 20px auto; }
.standard .standardDna div:nth-of-type(6){ margin-bottom: 140px; }
.standard .standardDna div:nth-of-type(6) ul{
	padding: 10px 0;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}
.standard .standardDna div:nth-of-type(6) ul li{ width: 96%; margin: 0 auto; padding: 20px 0; }
.standard .standardDna div:nth-of-type(6) ul li + li{
	border-top: 2px dashed #dcdcdc;
}
.standard .standardDna div:nth-of-type(6) ul li:nth-child(n + 3){ margin-top: 40px; }
.standard .standardDna div:nth-of-type(6) ul li img{ max-width: 145px; margin: 0 auto 20px; }
.standard .standardDna div:nth-of-type(6) ul li span{ margin-top: 10px; display: block; font-size: 1.4rem; }
.standard .standardDna div:nth-of-type(6) ul li span,
.standard .standardDna div:nth-of-type(6) ul + p{
	padding-left: 1em;
	text-indent: -1em;
}
.standard .standardDna div:nth-of-type(6) ul li span:before,
.standard .standardDna div:nth-of-type(6) ul + p:before{ content: "※"; }
.standard .standardDna div:nth-of-type(6) ul + p{
	margin: 20px auto 0;
	box-sizing: border-box;
}


/*---------------------------------
	商品紹介
---------------------------------*/

/*一覧*/
.itemList{
	width: 96%;
	margin: 0 auto 140px;
}
.itemList > h4{ padding-left: 40px; }
.itemList > h4:before{
	margin: auto 0;
	display: block;
	font-size: 2.6rem;
	font-family: icomoon;
	position:absolute;
	left: 5px;
}
.itemList h4.vegetable:before{ content: "\e915"; color: #abe26f; }
.itemList h4.meat:before{ content: "\e913"; color: #f48488;}
.itemList h4.fish:before{ content: "\e900"; color: #5fd1bf; }
.itemList h4.staple:before{ content: "\e928"; color: #f3966d; }
.itemList h4.seasoning:before{ content: "\e914"; color: #c18f59; }
.itemList h4.milk:before{ content: "\e926"; color: #48b2f0; }
.itemList h4.frozen:before{ content: "\e927"; color: #6c99ef; }
.itemList h4.lightmeal:before{ content: "\e925"; color: #fdb12c; }
.itemList h4.mealkit:before{ content: "\e923"; color: #8a8075; }
.itemList h4.shizenhastyle:before{ content: "\e924"; color: #24aa37; }
.itemList h4.baby:before{ content: "\e929"; color: #90c9cf; }
.itemList > ul{
	margin: 0 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.itemList > ul li{
	width: calc(100% / 2 - 5px);
	margin: 40px 10px 0 0;
	text-align: center;
}
.itemList > ul li:nth-child(2n){ margin-right: 0; }
.itemList > ul li a{
	width: 10em;
	margin: 0 auto;
	display: block;
	color: #302826;
}
.itemList > ul li img{
	margin: 0 auto 20px;
	display: block;
}
.itemList > ul li span{
	display: block;
	position: relative;
}
.itemList > ul li span::after{
	content: "\e909";
	color: #ff9000;
	vertical-align: middle;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	right: -20px;
	align-items: center;
}
.itemList p{
	margin: 30px auto 0;
	text-align: right;
}
.itemList p a{ color: #302826; }
.itemList p a:after{
	content: "\e909";
	padding-left: 10px;
	color: #ff9000;
	vertical-align: middle;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-family: icomoon;
	position: relative;
	top: -1px;
}
.itemList.taxonomyItem > ul{ margin-top: 20px; }

/*詳細*/

.itemDetail > div{
	width: 96%;
	margin: 0 auto;
}
.itemDetail .itemMain{
	margin: 80px auto 0;
}
.itemDetail .itemMain p{
}
.itemDetail .itemMain p img{
	max-width: 300px;
	margin: 0 auto;
	display: block;
}
.itemDetail .itemMain div{
}
.itemDetail .itemMain div h2{
	padding-left: 28px;
	text-indent: -28px;
	line-height: 3rem;
	font-size: 2.4rem;
}
.itemDetail .itemMain div h2:before{
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2.6rem;
	background: #89d835;
}
.itemDetail .itemMain div h3{ margin-top: 40px; text-align: center; font-size: 2rem; }
.itemDetail .itemMain div p{
	margin-top: 30px;
	line-height: 3.2rem;
	font-size: 1.8rem;
}
.itemDetail .itemInfo dl{
	margin: 0 auto;
	padding: 15px 0;
	border-bottom: 2px dashed #dcdcdc;
	box-sizing: border-box;
}
.itemDetail .itemInfo dl dt{
	color: #89d835;
}
.itemDetail .itemInfo dl dd{ margin-top: 5px; }
.itemDetail .itemInfo ul{ margin: 40px auto 0; }
.itemDetail .itemInfo ul li{
}
.itemDetail .itemInfo ul li + li{ margin-top: 20px; }
.itemDetail .itemInfo ul li img{ margin-bottom: 10px; }
.itemDetail .itemReview ul{
	margin: 30px auto 0;
}
.itemDetail .itemReview ul li{
	vertical-align: middle;
}
.itemDetail .itemReview ul li + li{ margin-top: 20px; }
.itemDetail .itemReview ul dl dt{
	font-size: 1.8rem;
	font-weight: 700;
}
.itemDetail .itemReview ul dl dd{
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px dashed #dcdcdc;
}
.itemDetail .itemReview ul dl dd span{
	margin-top: 15px;
	display: block;
	color: #6e6867;
	text-align: right;
}

.itemDetail .itemPageNav{
	width: 96%;
	margin: 60px auto 0;
	position: relative;
}
.itemDetail .itemPageNav li{
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
}
.itemDetail .itemPageNav li + li{ margin-top: 10px; }
.itemDetail .itemPageNav li a{
	height: 60px;
	padding: 0 5px;
	border: 1px solid #dcdcdc;
	display: block;
	color: #302826;
	text-align: center;
	font-weight: 700;
	box-sizing: border-box;
	position: relative;
}
.itemDetail .itemPageNav li img{ display: none; }
.itemDetail .itemPageNav a:before{
	color: #dcdcdc;
	font-weight: 500;
	font-family: icomoon;
	position: absolute;
}
.itemDetail .itemPageNav .prevItemNav{
}
.itemDetail .itemPageNav .prevItemNav a:before{
	content: "\e908";
	left: 10px;
}
.itemDetail .itemPageNav .nextItemNav{
}
.itemDetail .itemPageNav .nextItemNav a:before{
	content: "\e909";
	right: 10px;
}
.itemDetail .itemPageNav .backItemNav{ text-align: center; }
.itemDetail .itemPageNav .backItemNav a{ line-height: 60px; display: block; }
.itemDetail .itemPageNav .backItemNav a:before{
	content: "\e918";
	margin: 0 auto;
	line-height: 1.2rem;
	bottom: 2px;
	left: 0;
	right: 0;
}

/*サブナビゲーション*/

.itemSubNav{
	width: 96%;
	margin: 40px auto 140px;
	box-sizing: border-box;
}
.itemSubNav div{ }
.itemSubNav .itemNewList ul,
.itemSubNav .itemCategoryList ul{}
.itemSubNav .itemNewList li,
.itemSubNav .itemCategoryList li{
	border-bottom: 2px dashed #dcdcdc;
}
.itemSubNav .itemNewList li a,
.itemSubNav .itemCategoryList li a{
	height: 100px;
	color: #302826;
	font-weight: 700;
	position: relative;
	display: flex;
	align-items: center;
}
.itemSubNav .itemNewList li a span{ padding-left: 10px; }
.itemSubNav .itemNewList li img{
	width: 75px;
	height: 75px;
}

.itemSubNav .itemCategoryList li a{ padding-left: 82px; }
.itemSubNav .itemCategoryList li a:before{
	margin: auto 0;
	display: block;
	font-size: 6rem;
	font-weight: 500;
	font-family: icomoon;
	position: absolute;
	left: 10px;
}
.itemSubNav .itemCategoryList .vegetable a:before{ content: "\e915"; color: #abe26f; }
.itemSubNav .itemCategoryList .meat a:before{ content: "\e913"; color: #f48488;}
.itemSubNav .itemCategoryList .fish a:before{ content: "\e900"; color: #5fd1bf; }
.itemSubNav .itemCategoryList .staple a:before{ content: "\e928"; color: #ff9f75; }
.itemSubNav .itemCategoryList .seasoning a:before{ content: "\e914"; color: #c18f59; }
.itemSubNav .itemCategoryList .milk a:before{ content: "\e926"; color: #62b9ec; }
.itemSubNav .itemCategoryList .frozen a:before{ content: "\e927"; color: #6c99ef; }
.itemSubNav .itemCategoryList .lightmeal a:before{ content: "\e925"; color: #fdb12c; }
.itemSubNav .itemCategoryList .mealkit a:before{ content: "\e923"; color: #8a8075; }
.itemSubNav .itemCategoryList .shizenhastyle a:before{ content: "\e924"; color: #24aa37; }
.itemSubNav .itemCategoryList .baby a:before{ content: "\e929"; color: #90c9cf; }

/*---------------------------------
	レシピ
---------------------------------*/

.recipeList {
	width: 96%;
	margin: 0 auto 140px;
}
.recipeList > ul{
	margin: 0 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.recipeList > ul li{
	width: calc(100% / 2 - 5px);
	margin: 40px 10px 0 0;
	text-align: center;
}
.recipeList > ul li:nth-child(2n){ margin-right: 0; }
.recipeList > ul li a{
	width: 10em;
	margin: 0 auto;
	display: block;
	color: #302826;
}
.recipeList > ul li img{
	margin: 0 auto 20px;
	display: block;
}

/*詳細*/
.recipeMain{
	width: 96%;
	margin: 0 auto;
}
.recipeMain h2{
	margin: 60px auto 0;
	padding-left: 28px;
	text-indent: -28px;
	line-height: 3rem;
	font-size: 2.4rem;
}
.recipeMain h2:before{
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2.6rem;
	background: #89d835;
}
.recipeMain img{
	max-width: 300px;
	margin: 0 auto;
	display: block;
}
.recipeMain .marerial_tit,
.recipeMain .recipe_tit{
	margin: 40px auto 20px;
	padding: 10px;
	border-radius: 6px;
	font-size: 1.8rem;
	font-weight: 400;
	background: #faf8f6;
	position: relative;
}
.recipeMain ul li{ padding: 15px 0;display: block; border-bottom: 2px dashed #dcdcdc; }
.recipeMain ul li:first-child{ padding-top: 0; }
.recipeMain p{
	line-height: 2.2rem;
}

/*---------------------------------
	カタログ紹介
---------------------------------*/
.hyoushiList{ margin-bottom: 140px; }
.hyoushiList li{
	width: 96%;
	margin: 0 auto;
	text-align: center;
	line-height: 2.4rem;
}
.hyoushiList li + li .pageTitle{
	padding-top: 60px;
	border-top: 2px dashed #dcdcdc;
}
.hyoushiList img{
	width: 100%;
	max-width: 400px;
	margin: 40px auto 20px;
}
.hyoushiList .page_navi{ margin-top: 60px; }

.movie{
display: flex;
justify-content: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}

.movie iframe{
display: block;
width: 80vw;
height: 200px;
}

/*---------------------------------
	お知らせ
---------------------------------*/

/*一覧*/
.infoList{
	width: 96%;
	margin: 0 auto;
}
.infoList > dl{
	margin: 0 auto;
	padding: 15px 0;
	border-bottom: 2px dashed #dcdcdc;
}
.infoList > dl:nth-of-type(1){ margin-top: 60px;border-top: 2px dashed #dcdcdc; }
.infoList > dl *{ box-sizing: border-box; }
.infoList > dl dd{ margin-top: 5px; }
.infoList > dl dd a{ color: #302826; }
.infoList .page_navi{ margin-top: 60px; }

/*詳細*/

.infoDetail{
	width: 96%;
	margin: 0 auto;
}
.infoDetail .infoDetailTitle{
	margin: 60px auto 0;
	padding-left: 35px;
	line-height: 2.8rem;
	font-size: 2rem;
	font-weight: 500;
	position: relative;
}
.infoDetailTitle:before{
	content: "\e911";
	margin-right: 5px;
	display: inline-block;
	color: #89d835;
	font-size: 3rem;
	font-family: icomoon;
	position: absolute;
	left: 0;
}
.infoDetail .infoDetailDate{
	margin: 10px auto 0;
	padding-top: 20px;
	border-top: 2px dashed #dcdcdc;
	text-align: right;
}
.infoDetail .infoDetailMain{
	margin: 20px auto 0;
	line-height: 1.75;
}
.infoDetail .infoDetailMain p{ margin-bottom: 20px; }
.infoDetail .infoDetailMain img{
	width: 100%;
	margin: 20px auto 0;
}
.infoDetail .infoDetailMain a{
	color: #302826;
	text-decoration: underline;
}
.infoDetail .infoDetailMain h3 {
	padding-left: 1em;
	display: flex;
	align-items: center;
	text-indent: -1em;
}
.infoDetail .infoDetailMain h3 span::before{
    content: "";
    width: 2.133vw;
    height: 1.4em;
    margin-right: 2.667vw;
    display: inline-block;
    vertical-align: middle;
    border-radius: 1.867vw;
    background: var(--color_green);
}
.infoDetail .infoDetailMain h4{
	margin: 10px 0;
	padding: .5em 0 .4em;
	border-bottom: 2px solid var(--color_gray);
	position: relative;
}
.infoDetail .infoDetailMain h5{
	padding: .5em 1em;
	border: 2px dashed #fff;
	background-color: var(--color_green);
	box-shadow: 0 0 0 8px var(--color_green);
	color: #fff;
	border-radius: 3px;
}
.infoDetail .infoDetailMain h6{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}

.infoDetail .infoDetailMain h6::before,
.infoDetail .infoDetailMain h6::after {
	content: "";
	width: 0.533vw;
	height: 6.4vw;
	border-radius: 0.267vw;
	display: inline-block;
	background: var(--color_gray);
}
.infoDetail .infoDetailMain h6::before {
	margin-right: .8em;
	transform: rotate(-30deg);
}
.infoDetail .infoDetailMain h6::after{
	margin-left: .8em;
	transform: rotate(30deg);
}
.infoDetail > p{
	margin: 40px auto 0;
	text-align: center;
}

.infoDetail > p a{
	width: 80%;
	max-width: 320px;
	height: 60px;
	margin: 0 auto;
	padding: 0 30px;
	display: block;
	border: 1px solid #dcdcdc;
	color: #302826;
	line-height: 60px;
	font-weight: 700;
	box-sizing: border-box;
	position: relative;
}
.infoDetail > p a:before{
	content: "\e918";
	margin: 0 auto;
	color: #dcdcdc;
	line-height: 1.2rem;
	font-family: icomoon;
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
}
/*サブナビゲーション*/

.infoSubNav{
	margin: 60px auto 140px;
	box-sizing: border-box;
}
.infoSubNav .infoNewList li,
.infoSubNav .infoArciveList li{
	padding: 15px 0;
	border-bottom: 2px dashed #dcdcdc;
}
.infoSubNav .infoNewList li a,
.infoSubNav .infoArciveList li a{ color: #302826; }

.infoSubNav .infoArciveList select{
	width: 100%;
	margin: 20px auto 0;
	padding: 10px 5px;
	display: block;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
	cursor: pointer;
}


/*---------------------------------
	資料請求
---------------------------------*/

.contact{
	width: 96%;
	margin: 60px auto 140px;
}
.faq-text{
	color: #e84615;
	font-weight: bold;
}
.faq-button{
	max-width: 600px;
	margin: 30px auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.faq-button li:nth-of-type(1){ margin-bottom: 20px; }
.faq-button li a{
	display: block;
	padding: 12px 50px;
	border-radius: 12px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	background: #ff7d55;
}
.contact p{ text-align: center; }
.contact .caution{
	margin-left: 1em;
	padding: 1px 5px;
	color: #fff;
	line-height: 1.6rem;
	font-size: 1.2rem;
	background: #f15359;
}
.contact .form{ margin-top: 40px; }
.contact .form a{ color: #f15359; }
.contact.confirm .form dd a{ display: none; }
.contact .form a:hover{ text-decoration: underline; }
.contact .form dl a[target="_blank"]:after{
	content: "\e90b";
	padding: 0 5px;
	font-family: icomoon;
}
.contact .form input,
.contact .form select,
.contact .form textarea{
	padding: 10px 5px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	box-sizing: border-box;
	background: #fff;
}
.contact .form input[type="text"],
.contact .form textarea{ max-width: 100%; }
.contact .form label{ cursor: pointer; }
.contact .form input[type="radio"]{ vertical-align: baseline; }
.contact .form > dl{
	padding: 20px 0;
	border-top: 2px dashed #dcdcdc;
}
.contact .form > dl:last-of-type{ border-bottom: 2px dashed #dcdcdc; }

.contact .form > dl dd .cautionText{
	display: block;
	color: #f15359;
	font-size: 1.2rem;
}
.contact .form > dl dd,
.contact .form > dl dl + dl{ margin-top: 10px; }
.contact .form > dl dl dt,
.contact .form > dl dl dd{ display: block; }
.contact .form > dl dl dt span{ padding-left: 1em; }
.contact .form > dl dl dt span:before,
.contact .form > dl dd .cautionText:before{ content: "※"; }
.contact .form > dl dl dd a{ margin-top: 10px; display: block; }
.contact .form .mwform-radio-field + .mwform-radio-field{ margin-top: 10px; }
.contact .form .mwform-checkbox-field,
.contact .form .mwform-checkbox-field + .mwform-checkbox-field{ margin: 10px 0 0 0; display: block; }
.contact .form .submitBtn{ text-align: center; }
.contact .form .submitBtn a{
	margin: 40px auto 0;
	display: block;
}
.contact .form .submitBtn a:after{
	content: "\e916";
	padding: 0 5px;
	font-family: icomoon;
}
.contact .form .submitBtn input{
	width: 90%;
	margin: 30px auto 0;
	padding: 15px;
	display: block;
	color: #fff;
	font-size: 1.7rem;
	background: #302826;
}


/*---------------------------------
	料金&割引制度
---------------------------------*/

/*入力フォームページ*/

.priceLp > h2,
.priceLp > p{
	width: 96%;
	margin: 0 auto;
}

.priceLp > h2{
	margin-top: 40px;
	color: #f15359;
	line-height: 2.8rem;
	font-size: 2rem;
}
.priceLp > p{
	margin-top: 20px;
}
.selectZip{
	width: 96%;
	margin: 20px auto 0;
	padding: 30px 3%;
	border: 2px dashed #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}

.selectZip dl dt{
	color: #f15359;
	font-size: 1.6rem;
}
.selectZip dl dd{
	margin-top: 20px;
}
.selectZip dl dd input[type="text"]{
	width: 100%;
	padding: 5px;
	margin: 0 auto;
	display: block;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	font-size: 2rem;
	background: #fff;
	box-sizing: border-box;
}
.selectZip input[type="submit"]{
	width: 200px;
	margin: 20px auto 0;
	padding: 10px;
	display: block;
	color: #fff;
	text-align: center;
	border: none;
	background: #ff754a;
	position: relative;
	cursor: pointer;
	transition: 0.4s;
}
.selectZip input[type="submit"]:hover{ opacity: 0.7; }
.selectZip input[type="submit"]:after{
	content: "\e909";
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.selectZip input[type="submit"]:hover:after{ right: 25px; }
.selectZip dl dd span{
	margin: 20px auto 0;
	display: block;
	color: #ff0000;
	font-weight: 700;
}
.selectZip dl dd span:before{
	content: "\e91c";
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	font-size: 1.8rem;
	font-family: icomoon;
}
.priceArea{
	margin-top: 60px;
	padding: 70px 0 140px;
	background: url(../../img/price/bg_05.jpg) repeat;
}
.priceArea > p{
	max-width: 231px;
	padding-left: 3%;
}
.priceArea > div{
	width: 96%;
	margin: 10px auto;
	padding: 20px 3% 40px;
	border-radius: 6px;
	background: #fff;
	box-sizing: border-box;
}
.priceArea > div > p,
.priceArea > div > div > p{
	display: none;
}
.priceArea > div > div div{ line-height: 1.75; }
.priceArea > div > div div h3{
	margin: 25px 0 10px;
	font-size: 1.8rem;
}
.priceArea > div > div div h3 + p{ margin-bottom: 10px; }
.priceArea > div > div div img{
	max-width: 220px;
	margin: 0 auto;
}

/*各単協*/

.nextContents .price {
	width: 96%;
	margin: 0 auto;
}
.nextContents .price p{ margin-top: 30px; }
.nextContents .price h4 + p{ margin-top: 20px; }
.nextContents .price img{ margin: 20px auto 0; }
.nextContents .price p span{
	margin-top: 10px;
	display: block;
	line-height: 1.6rem;
	font-size: 1.2rem;
}
.nextContents .price p span:before{ content: "※"; }
.nextContents .price .priceTop,
.nextContents .price .priceFee{ margin-top: 10px; }
.nextContents .price .priceTop h2{
	margin-top: 40px;
	color: #f15359;
	font-size: 1.6rem;
}
.nextContents .price .priceTop h4{
	margin-top: 40px;
	color: #f15359;
	font-size: 2rem;
}
.price .priceCapital .pageTitle,
.price .priceFee .pageTitle,
.price .priceDiscount .pageTitle{ margin-top: 80px; }
.price .priceFee h4,
.price .priceFee h4 + p{ text-align: left; }
.price .priceDiscount ul li{ margin-top: 20px; }
.price .priceDiscount p strong{ display: block; }
.price .priceDiscount table{
	width: 100%;
	margin: 20px auto 0;
	border: 1px solid #dcdcdc;
}
.price .priceDiscount table tr th,
.price .priceDiscount table tr td{
	padding: 10px 5px;
	vertical-align: middle;
	box-sizing: border-box;
}
.price .priceDiscount table tr th{ width: 50%; font-size: 1.4rem; }
.price .priceDiscount table thead th{ background: #fffacc; }
.price .priceDiscount table tbody{ font-size: 1.2rem; }
.price .priceDiscount table tr{ border-top: 1px solid #dcdcdc; }
.price .priceDiscount table th + td,
.price .priceDiscount table th + th,
.price .priceDiscount table td + td{ border-left: 1px solid #dcdcdc; }
.price .priceDiscount table + p{ margin-top: 10px; }
.price .priceBtnBlock{ margin: 60px auto 140px; }
.price .priceBtnBlock p{ margin-top: 20px; }
.price .priceBtnBlock a{
	width: 80%;
	margin: 0 auto;
	padding: 20px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 2rem;
	background: #ff754a;
	position: relative;
}
.price .priceBtnBlock .seikyuBtn a{ color: #2f230d; background: #fef102; }
.price .priceBtnBlock .backBtn{ margin-top: 40px; }
.price .priceBtnBlock .backBtn a{
	width: 40%;
	padding: 10px;
	color: #302826;
	font-size: 1.6rem;
	background: #dcdcdc;
}
.price .priceBtnBlock .confirmBtn a:after,
.price .priceBtnBlock .seikyuBtn a:after{
	content: "\e909";
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.price .priceBtnBlock .confirmBtn a:hover:after,
.price .priceBtnBlock .seikyuBtn a:hover:after{ right: 25px; }


/*---------------------------------
	動画でわかるアイチョイス
---------------------------------*/
.videos{
	width: 96%;
	margin: 0 auto 140px;
	text-align: center;
}
.videos .life{ display: none; }
.videos h3{
	margin: 60px auto 0;
	text-align: center;
	line-height: 4rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.9rem;
}
.videos h3 img{
	width: 60px;
	margin: 0 auto 10px;
}
.videos ul + h3{ margin-top: 80px; }

.videos ul{ margin-top: 40px; }
.videos ul li + li{ margin-top: 60px; }
.videos ul li h4{
	padding: 0 20px 10px 20px;
	display: inline-block;
	border-bottom: 2px dashed #dcdcdc;
	text-align: center;
	font-size: 2.2rem;
}
.videos ul li div{
	width: 100%;
	height: 0;
	margin-top: 30px;
	padding-top: 56.25%;
	position: relative;
}
.videos ul li div iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*20220622 おためしボックス申込フォーム*/
.caution{
	width: 96%;
	margin: 60px auto;
}
.caution p{
	margin-bottom: 15px;
	color: #f15359;
}
.caution dl,
.caution dl dt{
	margin-top: 10px;
}
.caution dl dd{
	font-size: 12px;
	line-height: 1.5;
}
.caution dl dd span{ color: #f15359; }
.contact .form #time{ display:none; }

/*---------------------------------
	こだわり中華3選おためしセット申込フォーム
---------------------------------*/
.otamesityuka > section{
	width:96%;
	margin:60px auto 0;
	box-sizing:border-box;
}
.otamesityuka details summary{
	width:96%;
	margin:0px auto;
	color:#f15359;
	cursor:pointer;
}
.otamesityuka details summary h3{
	display:inline-block;
	color:#000;
}
.otamesityuka strong{ font-weight:500; }
.otamesityuka .red{ color:#f15359; }
.otamesityuka h3{ 
	margin: 15px 0 10px;
	font-size: 16px;
	font-weight: 700;
}
.otamesityuka .note{ font-size:15px; }
.otamesityuka ul + .note{ margin-top:1em; }

/*---------------------------------
	2023ビジョン
---------------------------------*/
.vision{
	color: #595757;
	line-height: 1.5;
}
.vision .mainvisual{
	width: 600px;
	margin: 30px auto;
}

.vision .top-contetns{
	width: 890px;
	margin: 20px auto 0;
}
.vision .top-contetns h3{
	width: 478px;
	margin: 0 auto;
	padding-right: 9px;
	position: relative;
}
.vision .top-contetns h3 img{
	width: 335px;
	margin: 0 auto;
}
.vision .top-contetns h3:before{
	content: '';
	width: 68px;
	height: 72px;
	background: url(../../img/vision/boy.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.vision .top-contetns h3:after{
	content: '';
	width: 81px;
	height: 70px;
	background: url(../../img/vision/girl.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
}
.vision .top-contetns ul{
	margin-top: 30px;
	padding: 30px 15px 0 15px;
	position: relative;
}
.vision .top-contetns ul:before{
	content: '';
	width: 890px;
	height: 5px;
	background: url(../../img/vision/sdgs_line.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.vision .top-contetns li{
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.vision .top-contetns li:first-of-type{ margin: 0; }
.vision .top-contetns dl{
	display: flex;
	align-items: center;
}
.vision .top-contetns dt {
	width: 220px;
	display: flex;
	font-size: 2.6rem;
	font-weight: bold;
	align-items: center;
}
.vision .top-contetns dt img {
	width: 60px;
	margin-right: 10px;
}
.vision .top-contetns dd{ width: calc(100% - 80px); }


.vision .main-contents{
	width: 100%;
	margin-top: 50px;
	padding: 70px 0;
	background-image: url(../../img/vision/background_green01.jpg);
	background-repeat: repeat;
}
.vision .main-contents .message{
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.vision .main-contents .message:before{
	content: '';
	width: 100px;
	height: 60px;
	background: url(../../img/vision/vision_logo.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: -40px;
	left: 0;
}
.vision .main-contents .message h3{
	width: 610px;
	margin: 0 auto;
}
.vision .main-contents .message p{
	width: 660px;
	margin: 10px auto 0;
}
.vision .main-contents .vision{
	width: 860px;
	margin: 0 auto;
}
.vision .main-contents .block{
	margin-top: 140px;
	display: flex;
	align-items: center;
	position: relative;
}
.vision .main-contents .list-01{ margin-top: 50px; }
.vision .main-contents .block:before{
	content: '';
	position: absolute;
	z-index: 1;
}
.vision .main-contents .block:after{
	content: '';
	position: absolute;
	z-index: 1;
}
.vision .main-contents .block.list-01:after{
	width: 80px;
	height: 80px;
	background: url(../../img/vision/visionillust_06.png) no-repeat;
	background-size: contain;
	top: -100px;
	left: -80px;
}

.vision .main-contents .block.list-02:after{
	width: 80px;
	height: 60px;
	background: url(../../img/vision/visionillust_07.png) no-repeat;
	background-size: contain;
	top: -30px;
	right: -40px;
}

.vision .main-contents .block.list-03:after{
	width: 160px;
	height: 80px;
	background: url(../../img/vision/visionillust_08.png) no-repeat;
	background-size: contain;
	bottom: -100px;
	left: -90px;
}
.vision .main-contents .block.list-04:after{
	width: 100px;
	height: 50px;
	background: url(../../img/vision/visionillust_09.png) no-repeat;
	background-size: contain;
	top: -30px;
	right: -30px;
}
.vision .main-contents .block.list-05:after{
	width: 60px;
	height: 70px;
	background: url(../../img/vision/visionillust_10.png) no-repeat;
	background-size: contain;
	bottom: -60px;
	left: -80px;
}
.vision .main-contents .text{
	width: 430px;
	position:relative;
	z-index: 2;
}
.vision .main-contents .text h4{
	display: flex;
	align-items: center;
}
.vision .main-contents .list-02 .text,
.vision .main-contents .list-04 .text{
	margin-left: 50%;
}
.vision .main-contents .text h4 img{
	width: 40px;
	height: auto;
	margin-right: 5px;
	display: inline-block;
}
.vision .main-contents .text h4 span{
	margin-top: 10px;
	display: inline-block;
	font-size: 3.4rem;
	font-weight: bold;
	letter-spacing: 3px;
}
.vision .main-contents .list-02 .text h4 span,
.vision .main-contents .list-05 .text h4 span{
	letter-spacing: 5px;
}
.vision .main-contents .text .img{
	margin-top: 15px;
	width: 100px;
	height: auto;
}
.vision .main-contents .text .inner { margin-top: 10px; }
.vision .main-contents .text .inner li{
	padding-left: 1em;
	text-indent: -1em;
}
.vision .main-contents .text .inner .kome{
	margin-right: 1em;
	font-size: 1rem;
	position: relative;
}
.vision .main-contents .text .inner .kome:before{
	content:'＊';
	position:absolute;
	top: -4px;
	left: 16px;
}
.vision .main-contents .text .icon{
	margin-top: 15px;
	height: auto;
}
.vision .main-contents .list-01 .text .icon{ width: 418px; }
.vision .main-contents .list-02 .text .icon{ width: 284px; }
.vision .main-contents .list-03 .text .icon{ width: 334px; }
.vision .main-contents .list-04 .text .icon{ width: 201px; }
.vision .main-contents .list-05 .text .icon{ width: 244px; }
.vision .main-contents .block .illust { position: absolute; }
.vision .main-contents .block .illust.smt { display: none; }
.vision .main-contents .list-01 .illust {
	width: 490px;
	top: 1px;
	right: -30px;
}
.vision .main-contents .list-02 .illust {
	width: 490px;
	top: -15px;
	left: -50px;
}
.vision .main-contents .list-03 .illust {
	width: 510px;
	top: -50px;
	right: -50px;
}
.vision .main-contents .list-04 .illust {
	width: 430px;
	top: -5px;
	left: -50px;
}
.vision .main-contents .list-05 .illust {
	width: 500px;
	top: -5px;
	right: -44px;
}

.vision .main-contents .description{
	width: 850px;
	margin: 100px auto 0;
}
.vision .main-contents .description dl{
	margin-bottom: 10px;
	display: flex;
	align-items: baseline;
}
.vision .main-contents .description dt{ position: relative; }
.vision .main-contents .description .text-01 dt,
.vision .main-contents .description .text-03 dt{
	width: 220px;
}
.vision .main-contents .description .text-01 dd,
.vision .main-contents .description .text-03 dd{
	width: 660px;
}
.vision .main-contents .description .text-02 dt{ width: 100px; }
.vision .main-contents .description .text-02 dd{ width: 100%; }
.vision .main-contents .description .text-02 li{ display: flex; }
.vision .main-contents .description .text-02 dd span{ display: inline-block; }
.vision .main-contents .description .text-02 dd .inner-01{
	width: 225px;
	margin-right: 10px;
	text-align: justify;
	text-align-last: justify;
	letter-spacing: 1px;
}
.vision .main-contents .description .text-02 dd .dot{letter-spacing: -5px;}
.vision .main-contents .description .mark{
	padding-left: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
}
.vision .main-contents .description .mark:before{
	content:'＊';
	position:absolute;
	top: -1px;
	left: 0;
}
.vision .main-contents .description .orange{
	color: #f08437;
	font-weight: bold;
}


.vision .bottom-contents {
	width: 890px;
	margin: 50px auto;
}
.vision .bottom-contents h3{
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #46b035;
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
}
.vision .bottom-contents h3:before{
	content: '';
	width: 890px;
	height: 5px;
	background: url(../../img/vision/sdgs_line.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.vision .bottom-contents h3 br{ display: none; }

}

@media screen and (max-width: 900px) {
	.vision .mainvisual{ width: 80%; }
	.vision .top-contetns{
		width: 100%;
		margin: 20px auto 0;
	}
	.vision .top-contetns h3{
		width: 350px;
		padding-right: 10px;
		font-size: 2.2rem;
	}
	.vision .top-contetns h3 img{
		width: 235px;
		padding-right: 7px;
	}
	.vision .top-contetns h3:before{
		width: 47px;
		height: 52px;
	}
	.vision .top-contetns h3:after{
		width: 67px;
		height: 53px;
	}
	.vision .top-contetns ul{
		max-width: 690px;
		margin: 20px auto 0;
		padding: 20px 10px 0 10px;
	}
	.vision .top-contetns ul:before{
		width: 100%;
		max-width: 690px;
	}
	.vision .top-contetns li{ margin-top: 20px; }
	.vision .top-contetns dt img{ width: 50px; }
	.vision .top-contetns dt{
		width: 175px;
		font-size: 1.8rem;
	}
	.vision .top-contetns dd{ width: calc(100% - 85px); }


	.vision .main-contents{
		width: 100%;
		margin-top: 50px;
		padding: 80px 0 40px 0;
		background-image: url(../../img/vision/background_green01.jpg);
		background-repeat: repeat;
	}
	.vision .main-contents .message{
		max-width: 650px;
		width: 100%;
	}
	.vision .main-contents .message:before{
		width: 70px;
		height: 50px;
		top: -60px;
		left: 10px;
	}
	.vision .main-contents .message h3{
		width: 80%;
		font-size: 2rem;
	}
	.vision .main-contents .message p{
		width: calc(100% - 30px);
		margin: 10px auto 0;
		font-size: 1.4rem;
	}
	.vision .main-contents .vision{
		width: calc(100% - 30px);
		max-width: 480px;
	}
	.vision .main-contents .block{
		display: block;
		margin-top: 50px;
	}
	.vision .main-contents .list-04{ margin-top: 60px; }
	.vision .main-contents .block:before{ content: none; }
	.vision .main-contents .block.list-01:after{
		width: 60px;
		height: 60px;
		top: 250px;
		left: -20px;
	}
	.vision .main-contents .block.list-02:after{
		width: 60px;
		height: 40px;
		top: 260px;
		right: -10px;
	}
	.vision .main-contents .block.list-03:after{
		width: 130px;
		height: 70px;
		bottom: -15px;
		left: 0;
	}
	.vision .main-contents .block.list-04:after{
		width: 80px;
		height: 40px;
		top: 220px;
		right: -10px;
	}
	.vision .main-contents .block.list-05:after{
		width: 50px;
		height: 60px;
		bottom: -20px;
		left: -10px;
	}
	.vision .main-contents .text{ width: 100%; }
	.vision .main-contents .list-02 .text,
	.vision .main-contents .list-04 .text{
		margin-left: 0;
	}
	.vision .main-contents .text h4 span{
		margin-top: 13px;
		font-size: 3rem;
	}
	.vision .main-contents .text .img{ width: 110px; }
	.vision .main-contents .text .inner li{ font-size: 1.3rem; }
	.vision .main-contents .list-01 .text .icon{ width: 317px; }
	.vision .main-contents .list-02 .text .icon{ width: 215px; }
	.vision .main-contents .list-03 .text .icon{ width: 253px; }
	.vision .main-contents .list-04 .text .icon{ width: 153px; }
	.vision .main-contents .list-05 .text .icon{ width: 184px; }
	.vision .main-contents .block .illust {
		position: initial;
		width: calc(100% - 10px);
		margin: 0 auto;
	}
	.vision .main-contents .block .illust.smt { display: block; }
	.vision .main-contents .block .illust.pc { display: none; }
	.vision .main-contents .list-01 .illust {
		top: initial;
		right: initial;
		margin-top: 50px;
	}
	.vision .main-contents .list-02 .illust {
		top: initial;
		left: initial;
		margin-top: 10px;
	}
	.vision .main-contents .list-03 .illust {
		top: initial;
		right: initial;
		margin-top: 10px;
	}
	.vision .main-contents .list-04 .illust {
		top: initial;
		left: initial;
		margin-top: -10px;
	}
	.vision .main-contents .list-05 .illust {
		top: initial;
		right: initial;
		margin-top: 10px;
	}

	.vision .main-contents .description{
		max-width: 480px;
		width: calc(100% - 30px);
		margin: 80px auto 0;
		font-size: 1rem;
	}
	.vision .main-contents .description .text-01 dt,
	.vision .main-contents .description .text-03 dt{
		width: 155px;
	}
	.vision .main-contents .description .text-01 dd,
	.vision .main-contents .description .text-03 dd{
		width: calc(100% - 155px);
	}
	.vision .main-contents .description .text-02 dt{ width: 65px; }
	.vision .main-contents .description .text-02 dd{ width: calc(100% - 80px); }
	.vision .main-contents .description .text-02 dd .inner-01{
		width: 120px;
		letter-spacing: 0;
	}
	.vision .main-contents .description .text-02 dd .inner-02{ width: calc(100% - 130px); }
	.vision .main-contents .description .orange{ font-size: 1.2rem; }
	.vision .main-contents .description .text-02 dd .orange{ font-size: 1rem; }
	.vision .main-contents .description .mark{ font-size: 1rem; }
	.vision .main-contents .description .mark:before{ top: -1px; }


	.vision .bottom-contents {
		max-width: 480px;
		width: calc(100% - 30px);
		margin: 50px auto 100px;
	}
	.vision .bottom-contents h3{
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 2rem;
	}
	.vision .bottom-contents h3:before{
		max-width: 480px;
		width: 100%;
	}
	.vision .bottom-contents h3 br{ display: block; }
}



/*---------------------------------
	おためしボックス用モーダル
---------------------------------*/

.otameshi-modal{ display: none; }
.otameshi-modal.is-open{ display: block; }

@keyframes mmfadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes mmfadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes mmslideIn {
	from { transform: translateY(15%); }
	to { transform: translateY(0); }
}
@keyframes mmslideOut {
	from { transform: translateY(0); }
	to { transform: translateY(-10%); }
}
.micromodal-slide[aria-hidden="false"] .otameshi-modal-overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); }
.micromodal-slide[aria-hidden="false"] .otameshi-modal-container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);	}
.micromodal-slide[aria-hidden="true"] .otameshi-modal-overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); }
.micromodal-slide[aria-hidden="true"] .otameshi-modal-container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); }
.micromodal-slide .otameshi-modal-container,
.micromodal-slide .otameshi-modal-overlay { will-change: transform; }

.otameshi-modal-open{
	width: 350px;
	max-width: 80%;
	margin: 20px auto;
	padding: 10px;
	color: #fff;
	border: 2px solid #ff694c;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 2.4rem;
	font-size: 1.7rem;
	font-weight: bold;
	background: #ff694c;
	cursor: pointer;
}
.otameshi-modal-close{
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	color: #666;
	background: #fff;
	position: absolute;
	top: 5%;
	right: 5%;
	z-index: 1;
	cursor: pointer;
}
.otameshi-modal-close:hover{ opacity: .7; }
.otameshi-modal-close::before,
.otameshi-modal-close::after{
	content: "";
	width: 30px;
	height: 3px;
	margin: 0 auto;
	display: block;
	background: #666;
	border-radius: 10px;
	position: absolute;
	left: 0;
	right: 0;
}
.otameshi-modal-close::before{ transform: rotate(45deg); }
.otameshi-modal-close::after{ transform: rotate(-45deg); }
.otameshi-modal-overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	z-index: 1;
}
.otameshi-modal-container{
	width: 100%;
	max-width: 92%;
	margin: auto;
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
}
.otameshi-modal-content{
	padding: 5%;
	max-height: 70vh;
	background: #fff;
	overflow-y: scroll;
}

.form-group .mulclas,
.form-group .mulclas > p{ width: 100% !important; }


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


/*---------------------------------
	共通ページネーション
	お知らせ・商品紹介・レシピ
---------------------------------*/

.page_navi{
	margin-top: 20px;
	text-align: center;
}
.page_navi span,
.page_navi a{
	margin-top: 100px;
	padding: 0 8px;
}
.page_navi span{ font-weight: 700; }
.page_navi a{
	color: #302826;
	text-decoration: underline;
}
/*---------------------------------
	タイトル
---------------------------------*/

/*h2トップタイトル*/

.nextTitle{
	height: 180px;
	position: relative;
}
.nextTitle:before{
	content: "";
	display: block;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
}
.nextTitle div{
	width: 1024px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
}
.nextTitle h2{
	margin: auto 0;
	padding: 30px;
	display: inline-block;
	color: #fff;
	font-size: 3.2rem;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.nextTitle h2 span{
	margin-top: 20px;
	display: block;
	line-height: 1.6rem;
	font-size: 1.4rem;
	font-weight: 500;
}
.nextTitle.lifeTitle,
.nextTitle.contactTitle{
	background: url(../../img/life/title_life.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.contactTitle{
	background: url(../../img/life/title_life.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.childcareTitle{
	background: url(../../img/childcare/title_childcare.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.aboutTitle,
.nextTitle.howtoTitle{
	background: url(../../img/about/title_about.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.rewardsTitle{
	background: url(../../img/rewards/title_rewards.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.priceTitle{
	background: url(../../img/price/title_price.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.syokuzaiTitle{
	background: url(../../img/syokuzai/title_syokuzai.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.standardTitle,
.nextTitle.itemListTitle{
	background: url(../../img/item/title_itemlist.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.recipeListTitle{
	background: url(../../img/recipe/title_recipelist.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.hyoushiTitle{
	background: url(../../img/hyoushi/title_hyoushi.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.shinsaiTitle{
	background: url(../../img/shinsai/title_shinsai.jpg)no-repeat;
	background-size: contain;
}
.nextTitle.otamesiTitle{
	background: url(../../img/otamesibox-entry/title_otamesibox.jpg)no-repeat;
	background-size: cover;
}
.nextTitle.tyukaTitle{
	background: url(../../img/otamesityuka-entry/title_otamesityuka.jpg)no-repeat;
	background-size: cover;
}

/*h3タイトル*/

.pageTitle{
	margin: 60px auto 0;
	text-align: center;
	font-size: 3rem;
	font-weight: 500;
}
.pageTitle:after{
	content: "";
	width: 30px;
	height: 3px;
	margin: 22px auto 0;
	display: block;
	background: #89d835;
}

/*h4タイトル*/

.subTitle,
.recipeMain h4{
	margin-top: 60px;
	padding-left: 30px;
	border-radius: 6px;
	line-height: 50px;
	font-size: 2.2rem;
	font-weight: 400;
	background: #faf8f6;
	position: relative;
}

/*---------------------------------
	アイチョイスのある暮らし
---------------------------------*/

.life .lifeVideos{
	width: 1024px;
	margin: 60px auto 40px;
	padding: 0 30px;
	box-sizing: border-box;
}
.life .lifeVideos div{
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.life .lifeVideos div iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.life .lifeTop{
	width: 1024px;
	margin: 0 auto;
	text-align: center;
}
.life .lifeTop h3{
	margin: 60px auto 0;
	line-height: 143px;
	font-size: 2.8rem;
	background: url(../../img/life/life-top.jpg) no-repeat center;
	background-size: 550px;
}
.life .lifeTop div{
	width: 784px;
	margin: 0 auto;
	padding: 40px 30px;
	border: 2px solid #f15359;
	border-radius: 6px;
	box-sizing: border-box;
}
.life .lifeTop div dl + dl{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 2px dashed #f15359;
}
.life .lifeTop div dl dt{
	color: #f15359;
	font-size: 2.2rem;
}
.life .lifeTop div dl dd{
	margin-top: 25px;
	padding: 0 30px;
	line-height: 2.6rem;
}
.life .lifeList{
	width: 1024px;
	margin: 100px auto 0;
}
.life .lifeList li{
	margin-top: 120px;
	padding: 0 30px;
	position: relative;
	box-sizing: border-box;
}
.life .lifeList li div{
	position: absolute;
	top: -50px;
	left: 640px;
}
.life .lifeList li:nth-child(even) div{
	left: 0;
}
.life .lifeList li div h4{
}
.life .lifeList li div h4 img{
	width: 184px;
}
.life .lifeList li div h4 > span{
	display: block;
	padding: 10px 0;
	font-size: 2.2rem;
	position: relative;
}
.life .lifeList li div h4 span span{
	display: inline-block;
	border-radius: 50%;
	padding: 12px 12px 12px 6px;
	font-size: 2.8rem;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	background: #fff;
}
.life .lifeList li div h4 strong{
	margin-top: 10px;
	color: #fff;
	line-height: 6.4rem;
	font-size: 3.8rem;
	font-weight: 500;
}
.life .lifeList li div p{
	margin-top: 20px;
	line-height: 3.2rem;
	font-size: 1.8rem;
}
.life .lifeList li div p span{ background: #fff; }
.life .lifeList li div p small{
	padding-left: 1em;
	display: block;
	text-indent: -1em;
	font-size: 1.4rem;
}
.life .lifeList li div p small:before{ content: "※"; }
.life .lifeList li div p a{ margin-top: 20px; display: block; color: #302826; }
.life .lifeList li div p a:after{
	content: "\e909";
	padding-left: 10px;
	color: #ff9000;
	vertical-align: middle;
	font-size: 1.2rem;
	font-family: icomoon;
	position: relative;
	top: -1px;
}
.life .lifeList li > img{
	width: 650px;
	padding-top: 40px;
}
.life .lifeList li:nth-child(even) > img{
	margin-left: auto;
}
.life .lifeList li:nth-of-type(1) div h4 span{ color: #f15359; }
.life .lifeList li:nth-of-type(1) div h4 span span{ border: 2px solid #f15359; }
.life .lifeList li:nth-of-type(1) div h4 strong{ background: #f15359; }
.life .lifeList li:nth-of-type(2) div h4 span{ color: #83b112; }
.life .lifeList li:nth-of-type(2) div h4 span span{ border: 2px solid #83b112; }
.life .lifeList li:nth-of-type(2) div h4 strong{ background: #83b112; }
.life .lifeList li:nth-of-type(3) div h4 span{ color: #ba9462; }
.life .lifeList li:nth-of-type(3) div h4 span span{ border: 2px solid #ba9462; }
.life .lifeList li:nth-of-type(3) div h4 strong{ background: #ba9462; }
.life .lifeList li:nth-of-type(4) div h4 span{ color: #3790de; }
.life .lifeList li:nth-of-type(4) div h4 span span{ border: 2px solid #3790de; }
.life .lifeList li:nth-of-type(4) div h4 strong{ background: #3790de; }
.life .lifeList li:nth-of-type(5) div h4 span{ color: #f97d49; }
.life .lifeList li:nth-of-type(5) div h4 span span{ border: 2px solid #f97d49; }
.life .lifeList li:nth-of-type(5) div h4 strong{ background: #f97d49; }
.life .lifeList li:nth-of-type(6) div h4 span{ color: #ef7ea9; }
.life .lifeList li:nth-of-type(6) div h4 span span{ border: 2px solid #ef7ea9; }
.life .lifeList li:nth-of-type(6) div h4 strong{ background: #ef7ea9; }
.life .lifeList li:nth-of-type(7) div h4 span{ color: #f2cb31; }
.life .lifeList li:nth-of-type(7) div h4 span span{ border: 2px solid #f2cb31; }
.life .lifeList li:nth-of-type(7) div h4 strong{ background: #f2cb31; }
.life .lifeList li:nth-of-type(8) div h4 span{ color: #23b6ca; }
.life .lifeList li:nth-of-type(8) div h4 span span{ border: 2px solid #23b6ca; }
.life .lifeList li:nth-of-type(8) div h4 strong{ background: #23b6ca; }
.life .lifeList li:nth-of-type(9) div h4 span{ color: #e5bc6e; }
.life .lifeList li:nth-of-type(9) div h4 span span{ border: 2px solid #e5bc6e; }
.life .lifeList li:nth-of-type(9) div h4 strong{ background: #e5bc6e; }
.life .lifeList li:nth-of-type(10) div h4 span{ color: #a2cd0d; }
.life .lifeList li:nth-of-type(10) div h4 span span{ border: 2px solid #a2cd0d; }
.life .lifeList li:nth-of-type(10) div h4 strong{ background: #a2cd0d; }

.life .lifeLast{
	margin: 60px auto 140px;
	text-align: center;
}
.life .lifeLast h3{
	color: #f15359;
	line-height: 3.6rem;
	font-size: 2.6rem;
	font-weight: 500;
}
.life .lifeLast h3 img{ width: 230px; margin: 0 auto 20px; }
.life .lifeLast div{
	width: 784px;
	margin: 60px auto 0;
	padding: 40px 30px;
	border: 2px solid #f15359;
	border-radius: 6px;
	box-sizing: border-box;
}
.life .lifeLast div dl + dl{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 2px dashed #f15359;
}
.life .lifeLast div dl dt{
	color: #f15359;
	font-size: 2.2rem;
}
.life .lifeLast div dl dd{
	margin-top: 25px;
	padding: 0 30px;
	line-height: 2.6rem;
}

/*---------------------------------
	子育て支援
---------------------------------*/

.childcare .childcareTop{ margin-bottom: 120px; }
.childcare .childcareTop p{
	margin: 60px auto 0;
	line-height: 3rem;
}
.childcare .childcareTop .pageTitle+ div p:nth-of-type(1){ width: 960px; }
.childcare .childcareTop p + p{
	margin: 40px auto 0;
	position: relative;
	z-index: 1;
}
.childcare .childcareTop p + p:after{
	content: "";
	width: 100%;
	height: 250px;
	display: block;
	background: #fffaca;
	top: 50px;
	position: absolute;
	z-index: -1;
}
.childcare .childcareTop p + p img{
	width: 820px;
	margin: 0 auto;
}
.childcare .childcareBlock,
.childcare .childcareNet{
	padding: 110px 0;
	position: relative;
}
.childcare .childcareBlock h2,
.childcare .childcareNet h2{
	position: relative;
	color: #fff;
	line-height: 4.4rem;
	text-align: center;
	font-size: 2.8rem;
}
.childcare .childcareBlock h2:before,
.childcare .childcareNet h2:before{
	content: "";
	width: 132px;
	height: 132px;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: -175px;
	left: 0;
	right: 0;
}
.childcare .childcareBlock div{
	width: 904px;
	margin: 60px auto 0;
	padding: 40px 30px 60px;
	border-radius: 6px;
	background: #fff;
	box-sizing: border-box;
}
.childcare .childcareBlock div h3{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
}
.childcare .childcareBlock div p{ margin-top: 35px; }
.childcare .childcareBlock div p img{ width: 368px; margin: 0 auto; }
.childcare .childcareBlock div h3 + p{ text-align: center; }
.childcare .childcareBlock div .subTitle{
	margin-top: 40px;
	padding-left: 32px;
	font-size: 1.8rem;
}
.childcare .childcareBlock div .subTitle:before{
	content: "";
	width: 16px;
	height: 16px;
	margin: auto 0;
	display: block;
	border-radius: 50%;
	position:absolute;
	top: 0;
	bottom: 0;
	left: 10px;
}
.childcare .childcareBlock div p,
.childcare .childcareBlock div ul{
	padding: 0 30px;
	box-sizing: border-box;
}
.childcare .childcareBlock div ul{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.childcare .childcareBlock div ul li{ width: 357px; }
.childcare .childcareBlock div ul li:nth-child(n + 3){ margin-top: 50px; }
.childcare .childcareBlock div ul li:nth-child(2n){ margin-left: 60px; }
.childcare .childcareBlock div ul li dl dt{
	margin-top: 20px;
	font-weight: 700;
}
.childcare .childcareBlock div ul li dl dd{ margin-top: 10px; }
.childcare .childcareBlock div p span,
.childcare .childcareBlock div ul li dl dd span{
	display: block;
	font-size: 1.4rem;
}
.childcare .childcareBlock div p span:before,
.childcare .childcareBlock div ul li dl dd span:before{ content: "※"; }

/*ピンク*/
.childcare .childcareBlock.pink{ background: #f7989b; }
.childcare .childcareBlock.pink h2:before{
	background: url(../../img/childcare/childcare-mark01.png)no-repeat;
}
.childcare .childcareBlock.pink div h3,
.childcare .childcareBlock.pink div dl dt{ color: #f15359; }
.childcare .childcareBlock.pink div h4:before{ background: #f15359; }

/*ブルー*/
.childcare .childcareBlock.blue{ background: #77d9ca; }
.childcare .childcareBlock.blue h2:before{
	background: url(../../img/childcare/childcare-mark02.png)no-repeat;
}
.childcare .childcareBlock.blue div h3,
.childcare .childcareBlock.blue div dl dt{ color: #1dc0a7; }
.childcare .childcareBlock.blue div h4:before{ background: #1dc0a7; }

/*オレンジ*/
.childcare .childcareBlock.orange{ background: #ffbc66; }
.childcare .childcareBlock.orange h2:before{
	background: url(../../img/childcare/childcare-mark03.png)no-repeat;
}
.childcare .childcareBlock.orange div h3,
.childcare .childcareBlock.orange div dl dt{ color: #ff9000; }
.childcare .childcareBlock.orange div h4:before{ background: #ff9000; }

/*ネット注文*/
.childcare .childcareNet{ padding-bottom: 140px; background: #a4ec57; }
.childcare .childcareNet h2:before{
	background: url(../../img/childcare/childcare-mark04.png)no-repeat;
}
.childcare .childcareNet p{
	width: 923px;
	margin: 60px auto 0;
}
/*---------------------------------
	アイチョイスの概要
---------------------------------*/

.about .aboutTop{
	margin: 0 auto;
}
.about .aboutTop h2{
	width: 1024px;
	margin: 0 auto;
	padding: 90px 0;
	color: #fff;
	line-height: 6rem;
	font-size: 3rem;
	font-weight: 500;
	position: relative;
	background: url(../../img/about/about_bg01.png) no-repeat top right;
}
.about .aboutTop h2 span{
	margin-left: 40px;
	padding: 0 15px;
	display: block;
	position: relative;
	z-index: 1;
}
.about .aboutTop h2 span:after{
	content: "";
	height: 48px;
	margin: auto 0;
	display: block;
	background: #89d835;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.about .aboutTop h2 span:nth-of-type(1):after{ width: 12.5em; }
.about .aboutTop h2 span:nth-of-type(2):after{ width: 21em; }
.about .aboutTop h2 span:nth-of-type(3):after{ width: 14em; }
.about .aboutTop h2 span:nth-of-type(4):after{ width: 11.5em; }
.about .aboutTop h2 img{
	width: 265px;
	position: absolute;
	top: 130px;
	right: 75px;
}
.about .aboutMessage{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.about .aboutMessage .pageTitle{ margin-top: 80px; }
.about .aboutMessage > div{ margin-top: 60px; }
.about .aboutMessage div div h4{
	color: #ff9000;
	line-height: 4.6rem;
	text-align: center;
	font-size: 3rem;
}
.about .aboutMessage div div p{ margin-top: 20px; line-height: 3rem; }
.about .aboutMessage div div p:nth-of-type(1){ margin-top: 30px; }
.about .aboutMessage div div dl{ margin-top: 40px; }
.about .aboutMessage div div dl *{ display: block; }
.about .aboutMessage div div dl dt{ font-size: 1.4rem; }
.about .aboutMessage div div dl dd{
	margin-top: 12px;
	font-size: 2.6rem;
	font-weight: 700;
}
.about .aboutGroup{
	margin: 100px auto 0;
}
.about .aboutGroup > h3{
	color: #f36a6f;
	text-align: center;
	font-size: 2.4rem;
}
.about .aboutGroup > h3:before{
	content: "";
	width: 140px;
	height: 85px;
	margin: 0 auto 20px;
	display: block;
	background: url(../../img/about/about-title02.png) no-repeat top center / 140px;
}
.about .aboutGroup > h3 + div{
	width: 1024px;
	margin: 60px auto 0;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.about .aboutGroup > h3 + div div{
	width: 640px;
	line-height: 3rem;
}
.about .aboutGroup > h3 + div div p + p{ margin-top: 20px }
.about .aboutGroup > h3 + div > p{
	width: 262px;
	margin-left: 65px;
}
.about .aboutGroup .about-vision {
	width: 500px;
	margin: 80px auto 0;
}
.about .aboutGroup .kamei:before{
	content: "";
	height: 140px;
	margin-top: -140px;
	display: block;
}
.about .aboutGroup .kamei{
	margin-top: 90px;
	padding: 40px 0;
	background: #faf8f6;
}
.about .aboutGroup .kamei h3{
	color: #89d835;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
}
.about .aboutGroup .kamei h3:before{
	content: "";
	width: 90px;
	height: 48px;
	margin: 0 auto 20px;
	display: block;
	background: url(../../img/about/about-title01.png) no-repeat top center / 90px;
}
.about .aboutGroup .kamei ul{
	width: 1024px;
	margin: 40px auto 0;
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.about .aboutGroup .kamei ul li{
	width: 300px;
	margin-right: 30px;
	height: 75px;
	border-radius: 6px;
	line-height: 75px;
	background: #fff;
}
.about .aboutGroup .kamei ul li:nth-child(3n){ margin-right: 0; }
.about .aboutGroup .kamei ul li:nth-child(n + 4){ margin-top: 30px; }
.about .aboutGroup .groupList{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.about .aboutGroup .groupList h4 + p{
	margin-top: 40px;
	padding-right: 30px;
	text-align: right;
	font-size: 1.4rem;
}
.about .aboutGroup .groupList h4 + p:before{ content: "※"; }
.about .aboutGroup .groupList > div{
	margin-top: 40px;
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.about .aboutGroup .groupList > div:nth-of-type(1){ margin-top: 30px; }
.about .aboutGroup .groupList > div > div{ width: 422px; }
.about .aboutGroup .groupList > div > div + div{ margin-left: 60px; }
.about .aboutGroup .groupList > div > div h5{
	margin-bottom: 10px;
	font-size: 1.8rem;
}
.about .aboutGroup .groupList > div > div h5:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2rem;
	background: #89d835;
}
.about .aboutGroup .groupList > div > div dl{
	width: 100%;
	padding: 15px 0;
	display: flex;
}
.about .aboutGroup .groupList > div > div dl + dl{ border-top: 2px dashed #dcdcdc; }
.about .aboutGroup .groupList > div > div dl dt{
	width: 4em;
	color: #89d835;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
.about .aboutGroup .groupList > div > div dl.textJust dt{ width: 5em; }
.about .aboutGroup .groupList > div > div dl dd{ width: 20em; margin-left: 2em; }
.about .aboutGroup .groupList > div > div dl.textJust dd{ margin-left: 1em; }
.about .aboutHistory{
	width: 1024px;
	margin: 90px auto 0;
}
.about .aboutHistory > p{
	margin-top: 60px;
	text-align: center;
	font-size: 1.8rem;
}
.about .aboutHistory > ol{ margin-top: 60px; }
.about .aboutHistory > ol li{
	width: 1024px;
	margin: 0 auto;
	display: table;
	overflow: hidden;
	position: relative;
}
.about .aboutHistory > ol li:last-child dd{ padding-bottom: 150px; }
.about .aboutHistory > ol li dl dt,
.about .aboutHistory > ol li dl dd{ display: table-cell; }
.about .aboutHistory > ol li dl dt{
	width: 230px;
	padding: 30px 25px 0 0;
	border-right: 2px #dcdcdc solid;
	text-align: right;
	vertical-align: top;
	font-size: 3.6rem;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	position: relative;
}
.about .aboutHistory > ol li dl dt:after{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	color: #89d835;
	border-radius: 50%;
	background: #89d835;
	box-sizing: border-box;
	position: absolute;
	top: 40px;
	right: -7px;
}
.about .aboutHistory > ol li dl dt img{
	width: 65px;
	margin: 20px 0 0 auto;
}
.about .aboutHistory > ol li dl dd{
	padding: 32px 0 0 55px;
}
.about .aboutHistory > ol li dl dd > p{
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2.8rem;
}
.about .aboutHistory > ol li dl dd > p:first-child{ margin-top: 0; }
.about .aboutHistory > ol li dl dd > p:before{
	content: "・";
	color: #89d835;
}
.about .aboutHistory > ol li dl dd > p span{ padding: 0 2px; }
.about .aboutHistory > ol li dl dd > p span.redLabel{ background: #fbcbcd; }
.about .aboutHistory > ol li dl dd > p span.blueLabel{ background: #bbece4; }
.about .aboutHistory > ol li dl dd > p span.yellowLabel{ background: #fffeb2; }
.about .aboutHistory > ol li dl dd > p strong{
	color: #ff9000;
	font-weight: 500;
}
.about .aboutHistory > ol li dl dd > p strong span{ font-size: 2.4rem; }
.about .aboutHistory > ol li dl dd > div{
	width: 415px;
	margin-top: 15px;
	padding: 15px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}
.about .aboutHistory > ol li dl dd > div p{ font-size: 1.4rem; }
.about .aboutHistory > ol li dl dd > div p img{ width: auto; margin-bottom: 15px; }

/*---------------------------------
	ご加入方法
---------------------------------*/

.howto .howtoTop > p{ margin-top: 60px; text-align: center; }
.howto .howtoTop > div{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.howto .howtoTop > div div{ width: 452px; }
.howto .howtoTop > div div + div{ margin-left: 60px; }
.howto .howtoTop > div div div{
	padding: 0 30px;
	box-sizing: border-box;
}
.howto .howtoTop > div div h4{
	margin-top: 60px;
	padding-left: 30px;
	font-size: 2.2rem;
}
.howto .howtoTop > div div h4:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #ff9000;
}
.howto .howtoTop > div div + div h4:before{ background: #89d835; }
.howto .howtoTop > div div p{ margin-top: 30px; }
.howto .howtoTop > div div p img{ margin-bottom: 20px; }

.howto .howtoTop > div div ol{ margin-top: 30px; }
.howto .howtoTop > div div ol li{
	padding: 10px;
	text-align: center;
	background: #dcdcdc;
	position: relative;
}
.howto .howtoTop > div div ol li + li:before{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	display: block;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #aaa transparent transparent transparent;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
}
.howto .howtoTop > div div ol li + li{ margin-top: 20px; }
.howto .howtoTop > div div ol li:last-child{
	color: #fff;
	background: #f15359;
}
.howto .howtoTop .howtoLink a{
	width: 300px;
	margin: 40px auto 0;
	padding: 25px;
	display: block;
	color: #2f230d;
	text-align: center;
	font-size: 2rem;
	background: #fef102;
	position: relative;
}
.howto .howtoTop > div div + div .howtoLink a{ color: #fff; background: #ff754a; }
.howto .howtoTop .howtoLink a:after{
	content: "\e909";
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.howto .howtoTop .howtoLink a:hover:after{ right: 25px; }
.howto .howtoUse{
	width: 1024px;
	margin: 100px auto 0;
}
.howto .howtoUse ul{
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.howto .howtoUse ul li{
	width: 452px;
	margin-top: 40px;
	padding:  30px 30px 180px;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	position: relative;
}
.howto .howtoUse ul li + li{ margin-left: 60px; }
.howto .howtoUse ul li img{
	width: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.howto .howtoUse ul li h5{ font-size: 2.2rem; }
.howto .howtoUse ul li h5:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #f15359;
}
.howto .howtoUse ul li p{ margin-top: 30px; }
.howto .howtoUse ul li p span{ display: block; }
.howto .howtoUse ul li p span:before{ content: "＊"; }
.howto .howtoUse ol{
	margin-top: 60px;
	padding: 0 30px;
	box-sizing: border-box;
}
.howto .howtoUse ol li{
	padding: 40px 0;
	display: flex;
	align-items: center;
	position: relative;
}
.howto .howtoUse ol li + li{ border-top: 2px dashed #dcdcdc; }
.howto .howtoUse ol li:nth-child(odd){ flex-flow: row-reverse }
.howto .howtoUse ol li img{ width: 400px; }
.howto .howtoUse ol li dl{
	width: 504px;
}
.howto .howtoUse ol li:nth-child(odd) dl{ margin-right: 60px; }
.howto .howtoUse ol li:nth-child(even) dl{ margin-left: 60px; }
.howto .howtoUse ol li dl dt{
	line-height: 3.2rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.howto .howtoUse ol li dl dt span{
	margin-bottom: 20px;
	display: block;
	color: #f15359;
	letter-spacing: 0.05em;
	font-size: 3.2rem;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
}
.howto .howtoUse ol li dl dd{ margin-top: 20px; }
.howto .howtoUse ol li dl dd span{ display: block; font-size: 1.4rem; }
.howto .howtoUse ol li dl dd span:before{ content: "※"; }
.howto .howtoCatalog{
	width: 1024px;
	margin: 100px auto 0;
	padding: 0 30px;
	box-sizing: border-box;
}
.howto .howtoCatalog ul{
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
}
.howto .howtoCatalog li{ width: 452px; position: relative; }
.howto .howtoCatalog li:nth-child(n + 3){ margin-top: 50px; }
.howto .howtoCatalog li:nth-child(2n){ margin-left: 60px; }
.howto .howtoCatalog li dl dt{
	margin-top: 20px;
	color: #57a207;
	font-size: 1.8rem;
	font-weight: 700;
}
.howto .howtoCatalog li dl dd{ margin-top: 10px; }
.howto .howtoCatalog li:nth-child(1):before,
.howto .howtoCatalog li:nth-child(4):before{
	content: "";
	width: 170px;
	height: 187px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.howto .howtoNet{
	width: 1024px;
	margin: 100px auto 140px;
	padding: 0 30px;
}
.howto .howtoNet p img{
	width: auto;
	margin: 60px auto 0;
}
.howto .howtoNet h4{
	margin-top: 40px;
	color: #5585d5;
	text-align: center;
	line-height: 3.6rem;
	font-size: 2.6rem;
}
.howto .howtoNet ul{
	margin: 60px auto 100px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.howto .howtoNet ul li{
	width: 452px;
	padding: 30px;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}
.howto .howtoNet ul li{ width: 452px; }
.howto .howtoNet ul li:nth-child(n + 3){ margin-top: 50px; }
.howto .howtoNet ul li:nth-child(2n){ margin-left: 60px; }
.howto .howtoNet ul li dl dt{
	font-size: 2rem;
	font-weight: 700;
}
.howto .howtoNet ul li dl dt:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #5585d5;
}
.howto .howtoNet ul li dl dd{ margin-top: 25px; }
.howto .howtoNet ul li dd img{
	width: 80px;
	padding: 0 0 20px 20px;
	float: right;
}

/*---------------------------------
	特典紹介
---------------------------------*/

.rewards .rewardsTop{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.rewards .rewardsTop > p{ margin-top: 60px; }
.rewards .rewardsTop ul li{
	width: 904px;
	margin: 100px auto 0;
	padding: 30px;
	border: 2px dashed #dcdcdc;
	border-radius: 6px;
	position: relative;
	box-sizing: border-box;
}
.rewards .rewardsTop ul li:nth-of-type(2){ padding-bottom: 50px; }
.rewards .rewardsTop ul li:nth-of-type(1) dl,
.rewards .rewardsTop ul li:nth-of-type(2) dl,
.rewards .rewardsTop ul li:nth-of-type(3) dt{
	width: 404px;
	margin-left: 20px;
}
.rewards .rewardsTop ul li dl dt{
	line-height: 3.6rem;
	font-size: 3.2rem;
	font-weight: 700;
}
.rewards .rewardsTop ul li dl dt span{
	display: block;
	color: #f15359;
	font-size: 2rem;
}
.rewards .rewardsTop ul li:nth-of-type(1) dl dd,
.rewards .rewardsTop ul li:nth-of-type(2) dl dd{
	margin-top: 20px;
	color: #f15359;
	line-height: 3rem;
	font-size: 1.8rem;
}
.rewards .rewardsTop ul li:nth-of-type(1) dl dd span,
.rewards .rewardsTop ul li:nth-of-type(2) dl dd span{
	display: block;
	color: #302826;
	font-size: 1.4rem;
}
.rewards .rewardsTop ul li:nth-of-type(2) dl dd span:before{ content: "※"; }
.rewards .rewardsTop ul li:nth-of-type(1) p{
	width: 360px;
	position: absolute;
	top: -60px;
	right: 60px;
}
.rewards .rewardsTop ul li:nth-of-type(2) dl dd{
	width: 400px;
	position: absolute;
	top: 20px;
	right: 60px;
}
.rewards .rewardsTop ul li:nth-of-type(3) dl{ display: flex; }
.rewards .rewardsTop ul li:nth-of-type(3) dl dd{
	width: 400px;
	top: 20px;
	right: 60px;
}
.rewards .rewardsTop ul li:nth-of-type(3) dl dd span{
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	display: block;
	line-height: 1.8rem;
	font-size: 1.4rem;
}

.rewards .rewardsTop ul li + li:before{
	content: "＋";
	width: 60px;
	height: 60px;
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	color: #fff;
	line-height: 55px;
	text-align: center;
	font-size: 5rem;
	background: #f15359;
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;
}
.rewards .rewardsTop ul li + li p img{  margin: 0 auto; }
.rewards .rewardsTop p a{
	width: 320px;
	margin: 0 auto;
	padding: 15px 0;
	display: block;
	text-align: center;
	color: #fff;
	background: #f15359;
}
.rewards .rewardsTop p + .pageTitle{ margin-top: 120px; }

.rewardsFirst{
	width: 1024px;
	margin: 120px auto 140px;
	padding: 0 30px;
	box-sizing: border-box;
}
.rewardsFirst > p{ margin-top: 60px; }
.rewardsFirst > div{
	margin-top: 80px;
	display: flex;
	align-items: center;
}
.rewardsFirst > div:nth-of-type(odd){ flex-flow: row-reverse }
.rewardsFirst > div > p{ width: 404px; }
.rewardsFirst > div div{
	width: 520px;
}
.rewardsFirst > div:nth-of-type(even) div{ margin-left: 60px; }
.rewardsFirst > div:nth-of-type(odd) div{ margin-right: 60px; }
.rewardsFirst > div h4{
	padding-left: 32px;
	text-indent: -32px;
	line-height: 3.4rem;
	font-size: 2.8rem;
}
.rewardsFirst > div h4:before{
	content: "";
	width: 22px;
	height: 22px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #f15359;
}
.rewardsFirst > div dl{
	padding-left: 30px;
}
.rewardsFirst > div dl dt{
	margin-top:30px;
	font-size: 2.2rem;
	font-weight: 700;
}
.rewardsFirst > div dl dd{ margin-top: 20px; }
.rewardsFirst > div dl dd ul li{ margin-bottom: 5px; }
.rewardsFirst > div dl dd ul li:before{ content: "・"; color: #f15359; }
.rewardsFirst > div dl dd > span{ font-size: 1.4rem; }
.rewardsFirst > div dl dd dd ul + span:before{ content: "※"; }
.rewardsFirst > div dl + p{
	margin-top: 20px;
	padding-left: 30px;
	color: #f15359;
	font-size: 2.2rem;
	font-weight: 700;
}
.rewardsFirst > div dl + p strong{ padding: 0 5px 0 10px;font-size: 4rem; }
.rewardsFirst > div.change{
	width: 904px;
	margin: 80px auto 0;
	padding: 30px;
	display: block;
	border: 2px dashed #dcdcdc;
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
}
.rewardsFirst > div.change dl dt{ font-size: 3rem; }
.rewardsFirst > div.change dl dt:after{
	content: "";
	width: 30px;
	height: 3px;
	margin: 22px auto 0;
	display: block;
	background: #1dc0a7;
}
.rewardsFirst > div.change dl dd{ margin-top: 30px; line-height: 4rem; font-size: 2.4rem; }
.rewardsFirst > div.change dl dd span{
	color: #1dc0a7;
	font-size: 2.8rem;
	font-weight: 700;
}
.rewardsFirst > div.change dl span:nth-of-type(2){ color: #f15359; }
.rewardsFirst > div.change p{ width: auto; }
.rewardsFirst > div.change p img{ width: auto; margin: 40px auto 0; }

/*---------------------------------
	商品選びのお約束
---------------------------------*/

.standard > div{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

/*科学調味料100%排除*/

.standard .pageTitle + p{
	margin: 60px auto 0;
	text-align: center;
}
.standard .standardSeasoning ul{
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
}
.standard .standardSeasoning ul li{ width: 452px; }

.standard .standardSeasoning ul li:nth-child(n + 3){ margin-top: 50px; }
.standard .standardSeasoning ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardSeasoning ul li dl dt{
	margin-top: 20px;
	color: #f15359;
	font-size: 1.8rem;
	font-weight: 700;
}
.standard .standardSeasoning ul li dl dd{ margin-top: 10px; }

/*国より厳しい基準を設け、食品添加物を自主規制*/

.standard .standardAdditive{ margin-top: 100px; }
.standard .standardAdditive > div{
	padding: 0 30px;
	box-sizing: border-box;
}
.standard .standardAdditive > div p{ margin-top: 40px; }
.standard .standardAdditive > div p img{ width: auto; margin: 0 auto; }
.standard .standardAdditive > div table{
	margin-top: 40px;
	border: 1px solid #dcdcdc;
}
.standard .standardAdditive > div table tr th,
.standard .standardAdditive > div table tr td{
	padding: 12px 5px;
	vertical-align: middle;
	box-sizing: border-box;
}
.standard .standardAdditive > div table tr th:nth-of-type(1){ width: 100px; }
.standard .standardAdditive > div table tr th:nth-of-type(2){ width: 250px; }
.standard .standardAdditive > div table tr th:nth-of-type(3){ width: 354px; }
.standard .standardAdditive > div table tr th:nth-of-type(4){ width: 200px; }
.standard .standardAdditive > div table thead th{ background: #fffacc; }
.standard .standardAdditive > div table thead th.green{ background: #d4f1b5; }
.standard .standardAdditive > div table thead th,
.standard .standardAdditive > div table tr th:nth-of-type(1){ color: #ff824b; }
.standard .standardAdditive > div table tbody{ font-size: 1.4rem; }
.standard .standardAdditive > div table tr{ border-top: 1px solid #dcdcdc; }
.standard .standardAdditive > div table th + td,
.standard .standardAdditive > div table th + th,
.standard .standardAdditive > div table td + td{ border-left: 1px solid #dcdcdc; }
.standard .standardAdditive > div table .green{ color: #57a207; }

.standard .standardAdditive p span{ color: #5585d5; }
.standard .standardAdditive .standardToggle{
	margin: 40px auto 0;
	padding: 15px;
	color: #fff;
	border-radius: 6px;
	background: #ff824b;
	position: relative;
	cursor: pointer;
	transition: 0.4s;
}
.standard .standardAdditive .standardToggle:hover{ opacity: 0.7; }
.standard .standardAdditive .standardToggle:after{
	content: "\e918";
	font-family: icomoon;
	position: absolute;
	right: 15px;
}
.standard .standardAdditive .standardToggle.active:after{ content: "\e919"; }
.standard .standardAdditive .standardToggle + ul{
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.standard .standardAdditive .standardToggle + ul li{ width: 392px; }

.standard .standardAdditive .standardToggle + ul li:nth-child(n + 3){ margin-top: 50px; }
.standard .standardAdditive .standardToggle + ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardAdditive .standardToggle + ul li > dl > dt{ font-size: 2rem; font-weight: 700; }
.standard .standardAdditive .standardToggle + ul li > dl > dt span{
	margin-top: 5px;
	display: block;
	color: #595351;
	line-height: 1.8rem;
	font-size: 1.4rem;
	font-weight: 500;
}
.standard .standardAdditive .standardToggle + ul li dl dl{
	margin-top: 20px;
}
.standard .standardAdditive .standardToggle + ul li dl dl dt{
	padding: 10px 15px;
	border-radius: 6px;
	color: #fff;
	background: #89d835;
}
.standard .standardAdditive .standardToggle + ul li dl dl dd{
	margin-top: 10px;
	padding:0 15px;
	line-height: 2.2rem;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.standard .standardAdditive .standardToggle + ul li dl dl dd strong{
	margin-top: 5px;
	display: block;
	color: #f15359;
	font-size: 1.6rem;
	font-weight: 500;
}
.standard .standardAdditive .standardToggle + ul li dl dl dd span{ color: #5585d5; }
.standard .standardAdditive .standardToggle + ul li dl dl + dl{}
.standard .standardAdditive .standardToggle + ul li dl dl + dl dt{ background: #5585d5; }

/*原材料情報は全て公開*/

.standard .standardIngredient{ margin-top: 100px; }
.standard .standardIngredient > p + p{ margin-top: 60px; }
.standard .standardIngredient > p + p:after{
	content: "";
	display: table;
	clear: both;
}
.standard .standardIngredient > p + p img{
	width: auto;
	margin: -20px 30px 0 0;
	float: left;
}
.standard .standardIngredient > div{
	width: 904px;
	margin: 40px auto 100px;
	border: 2px solid #89d835;
	border-radius: 6px;
	background: url(../../img/standard/standard-ingredient-bg.jpg) no-repeat top;
}
.standard .standardIngredient div img{ width: 400px; margin: 0 auto; }

.standard .standardIngredient div h5{
	margin-top: 20px;
	color: #ff9000;
	text-align: center;
	line-height: 3.2rem;
	font-size: 2.2rem;
}
.standard .standardIngredient div ul li{ margin-top: 60px; }
.standard .standardIngredient div ul li:nth-of-type(1){
	padding: 0 30px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.standard .standardIngredient div ul li:nth-of-type(1) dl{
	width: 440px;
	margin-left: 30px;
}
.standard .standardIngredient div ul li:nth-of-type(2) dl{
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
.standard .standardIngredient div ul li dl dt{
	color: #009944;
	font-size: 2.6rem;
	font-weight: 700;
}
.standard .standardIngredient div ul li dl dd{ margin-top: 20px; }
.standard .standardIngredient div ul li:nth-of-type(2) p{ margin: 40px auto; }

/*農・畜産物は産地直結です*/

.standard .standardDirectsale{ margin-top: 100px; }
.standard .standardDirectsale > p + p{ margin-top: 60px; }
.standard .standardDirectsale > p + p:after{
	content: "";
	display: table;
	clear: both;
}
.standard .standardDirectsale > p + p img{
	width: auto;
	margin: -20px 30px 0 0;
	float: left;
}
.standard .standardDirectsale h4{ margin-top: 80px; }

/*農産物*/

.standard .standardDirectsale .nousan > div:nth-of-type(1){
	padding: 0 30px;
	box-sizing: border-box;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5,
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5 + p{ margin-top: 40px; text-align: center; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5 + p{ font-size: 1.6rem; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) h5{
	color: #57a207;
	font-size: 2.4rem;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul{
	margin: 60px auto 40px;
	display: flex;
	flex-wrap: wrap;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li{ width: 422px; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li:nth-child(n + 3){ margin-top: 50px; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dt{
	padding: 10px 15px;
	border-radius: 6px;
	color: #fff;
	font-size: 1.8rem;
	background: #57a207;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dt span,
.standard .standardDirectsale .nousan > div:nth-of-type(1) p{ padding-left: 1em; font-size: 1.4rem; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dd{
	margin-top: 20px;
	padding:0 15px;
	box-sizing: border-box;
}
.standard .standardDirectsale .nousan > div:nth-of-type(1) p{ text-indent: -1em; }
.standard .standardDirectsale .nousan > div:nth-of-type(1) ul li dl dt span:before,
.standard .standardDirectsale .nousan > div:nth-of-type(1) p span:before{ content: "※"; }

.standard .standardDirectsale .nousan > ul{
	margin-top: 60px;
	padding: 0 30px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.standard .standardDirectsale .nousan > ul li{ width: 422px; }

.standard .standardDirectsale .nousan > ul li:nth-child(n + 3){ margin-top: 50px; }
.standard .standardDirectsale .nousan > ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardDirectsale .nousan > ul li dl dt{
	margin-top: 20px;
	color: #57a207;
	font-size: 1.8rem;
	font-weight: 700;
}
.standard .standardDirectsale .nousan > ul li dl dd{ margin-top: 10px; }
.standard .standardDirectsale .nousan .lifeLast{ margin: 60px auto 0; }
.standard .standardDirectsale .nousan .lifeLast h4{
	color: #f15359;
	line-height: 3.6rem;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 500;
}
.standard .standardDirectsale .nousan .lifeLast h4 img{ width: 230px; margin: 0 auto 20px; }
.standard .standardDirectsale .nousan .lifeLast p{
	width: 904px;
	margin: 40px auto 0;
}
.standard .standardDirectsale .nousan .standardToggle{
	width: 904px;
	margin: 40px auto 0;
	padding: 15px 30px;
	color: #fff;
	border-radius: 6px;
	background: #57a207;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.4s;
}
.standard .standardDirectsale .nousan .standardToggle:hover{ opacity: 0.7; }
.standard .standardDirectsale .nousan .standardToggle:after{
	content: "\e918";
	font-family: icomoon;
	position: absolute;
	right: 15px;
}
.standard .standardDirectsale .nousan .standardToggle.active:after{ content: "\e919"; }
.standard .standardDirectsale .nousan .standardToggle + ul{
	padding: 0 60px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.standard .standardDirectsale .nousan .standardToggle + ul li{ width: 392px; margin-top: 40px; }
.standard .standardDirectsale .nousan .standardToggle + ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardDirectsale .nousan .standardToggle + ul li > dl > dt{
	margin-top: 20px;
	color: #57a207;
	font-size: 2rem;
	font-weight: 700;
}
.standard .standardDirectsale .nousan .standardToggle + ul li dl dd{
	margin-top: 10px;
	font-size: 1.4rem;
}

/*畜産物*/

.standard .standardDirectsale .chikusan div h5{
	width: 904px;
	margin: 60px auto 0;
	padding: 10px 15px;
	border-radius: 6px;
	color: #fff;
	font-size: 2rem;
	background: #796247;
	box-sizing: border-box;
}
.standard .standardDirectsale .chikusan div h5:before{
	padding-right: 10px;
	color: #fff;
	font-size: 2.4rem;
	font-family: icomoon;
}
.standard .standardDirectsale .chikusan .beef h5:before{ content: "\e91b"; }
.standard .standardDirectsale .chikusan .chikin h5:before{ content: "\e91a"; }
.standard .standardDirectsale .chikusan .pork h5:before{ content: "\e913"; }
.standard .standardDirectsale .chikusan ul{
	padding: 0 60px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.standard .standardDirectsale .chikusan ul li{ margin-top: 40px; }
.standard .standardDirectsale .chikusan .beef ul li{ width: 392px; }
.standard .standardDirectsale .chikusan .chikin ul li,
.standard .standardDirectsale .chikusan .pork ul li,
.standard .standardDirectsale .chikusan > ul li{ width: 392px; }
.standard .standardDirectsale .chikusan ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardDirectsale .chikusan div ul li strong{
	margin-bottom: 10px;
	display: block;
	font-size: 1.8rem;
}
.standard .standardDirectsale .chikusan div ul li strong:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2rem;
	background: #9c783a;
}
.standard .standardDirectsale .chikusan div ul li dl{
	width: 100%;
	padding: 15px 0;
	display: flex;
	border-bottom: 2px dashed #dcdcdc;
}
.standard .standardDirectsale .chikusan div ul li dl dt{
	width: 80px;
	color: #9c783a;
}
.standard .standardDirectsale .chikusan div ul li dl dd{ width: 342px; }
.standard .standardDirectsale .chikusan div ul li p{ margin-top: 10px; font-size: 1.4rem; }
.standard .standardDirectsale .chikusan .beef ul li dl dd{ width: 342px; }

.standard .standardDirectsale .chikusan .beef ul li p a{ color: #302826; }
.standard .standardDirectsale .chikusan .beef ul li p a:after{
	content: "\e90b";
	padding: 0 5px;
	color: #9c783a;
	vertical-align: middle;
	font-size: 1.2rem;
	font-family: icomoon;
	position: relative;
	top: -1px;
}

/*水産物*/

.standard .standardDirectsale .suisan ul{
	margin-top: 40px;
	padding: 0 30px;
	box-sizing: border-box;
}
.standard .standardDirectsale .suisan div ul li:before{
	content: "・";
	color: #13b2cf;
}
.standard .standardDirectsale .suisan div ul li + li{ margin-top: 15px; }
.standard .standardDirectsale .suisan > ul{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.standard .standardDirectsale .suisan > ul li{ margin-top: 40px; }
.standard .standardDirectsale .suisan > ul li{ width: 422px; }
.standard .standardDirectsale .suisan > ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardDirectsale .suisan > ul li dl dt{ color: #13b2cf; font-size: 1.8rem; }
.standard .standardDirectsale .suisan > ul li dl dd{
	margin-top: 10px;
	padding-left: 1em;
	font-size: 1.4rem;
	text-indent: -1em;
}
.standard .standardDirectsale .suisan > ul li dl dd:before{ content: "※"; }

/*遺伝子組み換え情報の公開*/

.standard .standardDna{ margin-top: 100px; }
.standard .standardDna > p img{ margin-bottom: 40px;}
.standard .standardDna div p,
.standard .standardDna div ul{
	width: 904px;
	margin: 0 auto;
}
.standard .standardDna div p{ margin-top: 30px; }
.standard .standardDna div p strong{
	margin-bottom: 10px;
	display: block;
	font-size: 2rem;
}
.standard .standardDna div ul{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.standard .standardDna div:nth-of-type(1) ul li{ width: 422px; }
.standard .standardDna div:nth-of-type(1) ul li:nth-child(2n){ margin-left: 60px; }
.standard .standardDna div:nth-of-type(2) ul li{ width: 226px; text-align: center; }
.standard .standardDna div:nth-of-type(2) ul li span{ display: block; }
.standard .standardDna div:nth-of-type(2) ul li span:before{ content: "※"; }
.standard .standardDna div dl dt{ color: #f15359; font-size: 1.8rem; }
.standard .standardDna div dl dd{ margin-top: 10px; }
.standard .standardDna div img{ width: auto; margin: 20px auto; }
.standard .standardDna div:nth-of-type(6){ margin-bottom: 140px; }
.standard .standardDna div:nth-of-type(6) ul{
	padding: 50px 30px;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	box-sizing: border-box;
}
.standard .standardDna div:nth-of-type(6) ul li{ width: 382px; }
.standard .standardDna div:nth-of-type(6) ul li:nth-child(2n){
	margin-left: 30px;
	padding-left: 30px;
	border-left: 2px dashed #dcdcdc;
}
.standard .standardDna div:nth-of-type(6) ul li:nth-child(n + 3){
	margin-top: 40px;
}
.standard .standardDna div:nth-of-type(6) ul li span{ display: block; font-size: 1.4rem; }
.standard .standardDna div:nth-of-type(6) ul li span,
.standard .standardDna div:nth-of-type(6) ul + p{
	padding-left: 1em;
	text-indent: -1em;
}
.standard .standardDna div:nth-of-type(6) ul li span:before,
.standard .standardDna div:nth-of-type(6) ul + p:before{ content: "※"; }
.standard .standardDna div:nth-of-type(6) ul + p{
	margin: 20px auto 0;
	box-sizing: border-box;
}

/*---------------------------------
	食材セット
---------------------------------*/

.syokuzai .syokuzaiTop{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.syokuzai .syokuzaiTop div{ margin-top: 60px; display: flex; }
.syokuzai .syokuzaiTop p{
	width: 462px;
	line-height: 3rem;
}
.syokuzai .syokuzaiTop p + p{ width: 474px; margin-left: 30px; }
.syokuzai .syokuzaiTop p strong{ display: block; color: #ff9000; }
.syokuzai .syokuzaiTop p span{
	display: block;
	font-size: 1.4rem;
}
.syokuzai .syokuzaiTop p span:before{ content: "※"; }

.syokuzai .syokuzaiAnshin h3{
	width: 997px;
	margin: 100px auto 30px;
}
.syokuzai .syokuzaiAnshin > div:nth-child(even){ background: #faf8f6; }
.syokuzai .syokuzaiAnshin > div > div{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.syokuzai .syokuzaiAnshin > div:nth-child(odd) > div{ flex-flow: row-reverse }
.syokuzai .syokuzaiAnshin > div > div div,
.syokuzai .syokuzaiAnshin > div > div > p{ width: 467px; }
.syokuzai .syokuzaiAnshin > div > div div h4{ margin-top: 40px;font-size: 2.2rem; }
.syokuzai .syokuzaiAnshin > div > div div h4:before{
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
}
.syokuzai .syokuzaiAnshin > div > div div dl { margin-top: 30px; }
.syokuzai .syokuzaiAnshin > div > div div dl dt{ font-size: 2rem; font-weight: 700; }
.syokuzai .syokuzaiAnshin > div > div div dl dd{ margin: 15px 0 25px; }
.syokuzai .syokuzaiAnshin > div > div div dl dd span{ display: block; font-size: 1.4rem; }
.syokuzai .syokuzaiAnshin > div > div div dl dd span:before{ content: "※"; }

/*野菜*/
.syokuzai .syokuzaiAnshin .yasai h4:before{ background: #89d835; }
.syokuzai .syokuzaiAnshin .yasai dl dt{ color: #89d835; }
/*肉*/
.syokuzai .syokuzaiAnshin .niku h4:before{ background: #f15359; }
.syokuzai .syokuzaiAnshin .niku dl dt{ color: #f15359; }
/*魚介*/
.syokuzai .syokuzaiAnshin .gyokai h4:before{ background: #1dc0a7; }
.syokuzai .syokuzaiAnshin .gyokai dl dt{ color: #1dc0a7; }
/*タレ*/
.syokuzai .syokuzaiAnshin .choumiryou h4:before{ background: #ff9000; }
.syokuzai .syokuzaiAnshin .choumiryou dl dt{ color: #ff9000; }

.syokuzai .syokuzaiRecipe > p{ width: 778px; margin: 60px auto 0; }
.syokuzai .syokuzaiRecipe h3{
	margin: 50px auto 0;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
}
.syokuzai .syokuzaiRecipe ol{
	width: 1024px;
	margin: 40px auto 0;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.syokuzai .syokuzaiRecipe ol li{ width: 300px; }
.syokuzai .syokuzaiRecipe ol li + li{ margin-left: 30px; }
.syokuzai .syokuzaiRecipe ol li h4{ margin-bottom: 15px; position: relative; z-index: 1;}
.syokuzai .syokuzaiRecipe ol li h4:after{
	content: "";
	width: 100%;
	height: 2px;
	margin: auto;
	display: block;
	background: #302826;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.syokuzai .syokuzaiRecipe ol li h4 img{
	width: auto;
	margin: 0 auto;
	padding: 0 15px;
	background: #fff;
}
.syokuzai .syokuzaiRecipe ol li p img{ width: 240px; margin: 0 auto; }
.syokuzai .syokuzaiRecipe ol li p + p{
	margin-top: 30px;
	padding: 0 10px;
	box-sizing: border-box;
}
.syokuzai .syokuzaiSample .pageTitle{ margin-top: 80px; }
.syokuzai .syokuzaiSample ul{
	width: 964px;
	margin: 60px auto 0;
	padding: 25px 30px;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.syokuzai .syokuzaiSample ul li{
	width: calc(100% / 3);
	line-height: 3rem;
}
.syokuzai .syokuzaiSample ul li:before{
	content: "・";
	color: #89d835;
}
.syokuzai .syokuzaiSample p{
	width: 800px;
	margin: 60px auto 140px;
}
.syokuzai .syokuzaiMealkit h3{
	margin: 100px auto 60px;
	font-size: 3rem;
	font-weight: 600;
}
.syokuzai .syokuzaiMealkit h3 + p{
	text-align: center;
	font-size: 1.8rem;
}
.syokuzai .syokuzaiMealkit h3 + p picture{
	width: 960px;
	margin: 0 auto;
	display: block;
}
.syokuzai .syokuzaiMealkit .meal-list{
	width: 1024px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.syokuzai .syokuzaiMealkit .meal-list picture{
	width: 450px;
	margin-top: 60px;
}
.syokuzai .syokuzaiMealkit .meal-list picture:nth-child(even){ margin-left: 60px; }
.syokuzai .syokuzaiMealkit .meal-list picture img{
	display: block;
}
.syokuzai .syokuzaiMealkit .meal-list + p{ width: 550px;
	margin: 80px auto 120px; }
.syokuzai .syokuzaiMealkit .meal-list + p img{
	display: block;
}
/*---------------------------------
	商品紹介
---------------------------------*/

/*一覧*/
.itemList{
	width: 1024px;
	margin: 0 auto 140px;
	padding: 0 30px;
	box-sizing: border-box;
}
.itemList > h4{ padding-left: 50px; }
.itemList > h4:before{
	margin: auto 0;
	display: block;
	font-size: 3rem;
	font-family: icomoon;
	position:absolute;
	top: 0;
	bottom: 0;
	left: 10px;
}
.itemList h4.vegetable:before{ content: "\e915"; color: #abe26f; }
.itemList h4.meat:before{ content: "\e913"; color: #f48488;}
.itemList h4.fish:before{ content: "\e900"; color: #5fd1bf; }
.itemList h4.staple:before{ content: "\e928"; color: #f3966d; }
.itemList h4.seasoning:before{ content: "\e914"; color: #c18f59; }
.itemList h4.milk:before{ content: "\e926"; color: #48b2f0; }
.itemList h4.frozen:before{ content: "\e927"; color: #6c99ef; }
.itemList h4.lightmeal:before{ content: "\e925"; color: #fdb12c; }
.itemList h4.mealkit:before{ content: "\e923"; color: #8a8075; }
.itemList h4.shizenhastyle:before{ content: "\e924"; color: #24aa37; }
.itemList h4.baby:before{ content: "\e929"; color: #90c9cf; }
.itemList > ul{
	margin: 0 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.itemList > ul li{
	width: calc(100% / 4);
	margin-top: 60px;
	text-align: center;
}
.itemList > ul li a{
	width: 10em;
	margin: 0 auto;
	display: block;
	color: #302826;
}
.itemList > ul li img{
	width: auto;
	height: 150px;
	margin: 0 auto 25px;
	display: block;
}
.itemList > ul li span{
	display: block;
	position: relative;
}
.itemList > ul li span::after{
	content: "\e909";
	color: #ff9000;
	vertical-align: middle;
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	right: -20px;
	align-items: center;
}
.itemList p{
	margin: 30px 30px 0 0;
	text-align: right;
}
.itemList p a{ color: #302826; }
.itemList p a:after{
	content: "\e909";
	padding-left: 10px;
	color: #ff9000;
	vertical-align: middle;
	font-size: 1.2rem;
	font-family: icomoon;
	position: relative;
	top: -1px;
}
.itemList.taxonomyItem > ul{ margin-top: 20px; }

/*詳細*/

.itemDetail > div{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.itemDetail .itemMain{
	margin: 90px auto 0;
	display: flex;
	flex-flow: row-reverse;
}
.itemDetail .itemMain p{
	width: 410px;
}
.itemDetail .itemMain p img{
	width: 300px;
	margin: 0 auto;
	display: block;
}
.itemDetail .itemMain div{
	width: 554px;
}
.itemDetail .itemMain div h2{ font-size: 3rem; }
.itemDetail .itemMain div h2:before{
	content: "";
	width: 22px;
	height: 22px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2.6rem;
	background: #89d835;
}
.itemDetail .itemMain div h3{ margin-top: 40px; font-size: 2.4rem; }
.itemDetail .itemMain div p{
	margin-top: 30px;
	line-height: 3.2rem;
	font-size: 1.8rem;
}
.itemDetail .itemInfo dl{
	margin: 0 30px;
	padding: 20px 0;
	display: flex;
	border-bottom: 2px dashed #dcdcdc;
	box-sizing: border-box;
}
.itemDetail .itemInfo dl dt{
	width: 100px;
	color: #89d835;
}
.itemDetail .itemInfo ul{ margin: 40px 30px 0; display: flex; }
.itemDetail .itemInfo ul li{
	width: 290px;
}
.itemDetail .itemInfo ul li + li{ margin-left: 17px; }
.itemDetail .itemInfo ul li img{ margin-bottom: 10px; }
.itemDetail .itemReview ul{
	margin: 40px 30px 0;
	display: flex;
	flex-wrap: wrap;
}
.itemDetail .itemReview ul li{
	width: 290px;
	margin-right: 17px;
	vertical-align: middle;
}
.itemDetail .itemReview ul li:nth-child(3n){ margin-right: 0; }
.itemDetail .itemReview ul li:nth-child(n + 4){ margin-top: 30px; }
.itemDetail .itemReview ul dl dt{
	font-size: 1.8rem;
	font-weight: 700;
}
.itemDetail .itemReview ul dl dd{
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px dashed #dcdcdc;
}
.itemDetail .itemReview ul dl dd span{
	margin-top: 15px;
	display: block;
	color: #6e6867;
	text-align: right;
}

.itemDetail .itemPageNav{
	width: 1024px;
	margin: 80px auto 0;
	position: relative;
}
.itemDetail .itemPageNav:after{
	content: "";
	display: table;
	clear: both;
}
.itemDetail .itemPageNav li{
	width: 320px;
	height: 90px;
	line-height: 90px;
}
.itemDetail .itemPageNav li a{
	height: 90px;
	padding: 0 30px;
	display: flex;
	align-items: center;
	border: 1px solid #dcdcdc;
	color: #302826;
	font-weight: 700;
	box-sizing: border-box;
	position: relative;
}
.itemDetail .itemPageNav li img{
	width: 75px;
	height: 75px;
}
.itemDetail .itemPageNav a:before{
	color: #dcdcdc;
	font-weight: 500;
	font-family: icomoon;
	position: absolute;
}
.itemDetail .itemPageNav .prevItemNav{
	margin-left: 30px;
	float: left;
}
.itemDetail .itemPageNav .prevItemNav a:before{
	content: "\e908";
	left: 10px;
}
.itemDetail .itemPageNav .prevItemNav a span{ padding-left: 10px; line-height: 2rem; }
.itemDetail .itemPageNav .nextItemNav{
	margin-right: 30px;
	float: right;
}
.itemDetail .itemPageNav .nextItemNav a:before{
	content: "\e909";
	right: 10px;
}
.itemDetail .itemPageNav .nextItemNav a img{ margin-left: auto; }
.itemDetail .itemPageNav .nextItemNav a span{ padding-right: 10px; line-height: 2rem; }
.itemDetail .itemPageNav .backItemNav{
	width: 294px;
	margin: 0 auto;
	text-align: center;
}
.itemDetail .itemPageNav .backItemNav a{ line-height: 90px; display: block; }
.itemDetail .itemPageNav .backItemNav a:before{
	content: "\e918";
	margin: 0 auto;
	line-height: 1.4rem;
	bottom: 8px;
	left: 0;
	right: 0;
}

/*サブナビゲーション*/

.itemSubNav{
	width: 1024px;
	margin: 20px auto 140px;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.itemSubNav div{ width: 472px; }
.itemSubNav .itemNewList ul,
.itemSubNav .itemCategoryList ul{ padding: 0 30px; }
.itemSubNav .itemNewList li,
.itemSubNav .itemCategoryList li{
	border-bottom: 2px dashed #dcdcdc;
	line-height: 100px;
}
.itemSubNav .itemNewList li a,
.itemSubNav .itemCategoryList li a{
	height: 100px;
	color: #302826;
	font-weight: 700;
	position: relative;
	display: flex;
	align-items: center;
}
.itemSubNav .itemNewList li a span{ padding-left: 10px; line-height: 2rem; }
.itemSubNav .itemNewList li img{
	width: 75px;
	height: 75px;
}

.itemSubNav .itemCategoryList{ margin-left: 30px; }
.itemSubNav .itemCategoryList li a{ padding-left: 82px; }
.itemSubNav .itemCategoryList li a:before{
	margin: auto 0;
	display: block;
	font-size: 6rem;
	font-weight: 500;
	font-family: icomoon;
	position: absolute;
	left: 10px;
}
.itemSubNav .itemCategoryList .vegetable a:before{ content: "\e915"; color: #abe26f; }
.itemSubNav .itemCategoryList .meat a:before{ content: "\e913"; color: #f48488;}
.itemSubNav .itemCategoryList .fish a:before{ content: "\e900"; color: #5fd1bf; }
.itemSubNav .itemCategoryList .staple a:before{ content: "\e928"; color: #ff9f75; }
.itemSubNav .itemCategoryList .seasoning a:before{ content: "\e914"; color: #c18f59; }
.itemSubNav .itemCategoryList .milk a:before{ content: "\e926"; color: #62b9ec; }
.itemSubNav .itemCategoryList .frozen a:before{ content: "\e927"; color: #6c99ef; }
.itemSubNav .itemCategoryList .lightmeal a:before{ content: "\e925"; color: #fdb12c; }
.itemSubNav .itemCategoryList .mealkit a:before{ content: "\e923"; color: #8a8075; }
.itemSubNav .itemCategoryList .shizenhastyle a:before{ content: "\e924"; color: #24aa37; }
.itemSubNav .itemCategoryList .baby a:before{ content: "\e929"; color: #90c9cf; }

/*---------------------------------
	レシピ
---------------------------------*/

.recipeList {
	width: 1024px;
	margin: 0 auto;
}
.recipeList > ul{
	margin: 20px 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.recipeList > ul li{
	width: calc(100% / 4 - 15px);
	margin: 40px 15px 0 0;
	text-align: center;
}
.recipeList > ul li:nth-child(4n){ margin-right: 0; }
.recipeList > ul li a{
	width: 10em;
	margin: 0 auto;
	display: block;
	color: #302826;
}
.recipeList > ul li img{
	width: auto;
	height: 150px;
	margin: 0 auto 25px;
	display: block;
}

/*詳細*/

.recipeMain h2{ margin: 90px auto 30px; font-size: 3rem; }
.recipeMain h2:before{
	content: "";
	width: 22px;
	height: 22px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 2.6rem;
	background: #89d835;
}
.recipeMain img{
	width: 480px;
	margin: 0 auto;
}
.recipeMain .marerial_tit,
.recipeMain .recipe_tit{
	margin: 60px auto 40px;
	padding-left: 30px;
	border-radius: 6px;
	line-height: 50px;
	font-size: 2.2rem;
	font-weight: 400;
	background: #faf8f6;
	position: relative;
}
.recipeMain ul li{ padding: 20px 0;display: block; border-bottom: 2px dashed #dcdcdc; }
.recipeMain ul li:first-child{ padding-top: 0; }
.recipeMain ul{ margin: 0 30px; }
.recipeMain p{
	padding: 0 30px;
}
.recipeMain p{
	line-height: 2.2rem;
}

/*---------------------------------
	カタログ紹介
---------------------------------*/
.hyoushiList{ margin-bottom: 140px; }
.hyoushiList li{
	width: 964px;
	margin: 0 auto;
	text-align: center;
	line-height: 3rem;
	font-size: 1.8rem;
}
.hyoushiList li + li .pageTitle{
	margin-top: 80px;
	padding-top: 80px;
	border-top: 2px dashed #dcdcdc;
}
.hyoushiList img{
	width: auto;
	max-width: 800px;
	margin: 60px auto 40px;
}
.hyoushiList .page_navi{ margin-top: 80px; }

.movie{
display: flex;
justify-content: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}

.movie iframe{
display: block;
width: 80vw;
height: 350px;
}


/*---------------------------------
	お知らせ
---------------------------------*/

/*一覧*/
.infoList{
	width: 1024px;
	margin: 0 auto;
}
.infoList > dl{
	width: 964px;
	margin: 0 auto;
	padding: 20px 0;
	border-bottom: 2px dashed #dcdcdc;
	display: flex;
}
.infoList > dl:nth-of-type(1){ margin-top: 60px;border-top: 2px dashed #dcdcdc; }
.infoList > dl *{ line-height: 2.6rem; box-sizing: border-box; }
.infoList > dl dt{ width: 160px; padding-left: 10px; }
.infoList > dl dd{
	width: 794px;
	margin-left: 15px;
}
.infoList > dl dd a{ color: #302826; }
.infoList > dl dd a:hover{ text-decoration: underline; }
.infoList .page_navi{ margin-top: 60px; }

/*詳細*/

.infoDetail{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.infoDetail .infoDetailTitle{
	margin: 60px auto 0;
	padding-left: 35px;
	line-height: 3.2rem;
	font-size: 2.6rem;
	font-weight: 500;
	position: relative;
}
.infoDetailTitle:before{
	content: "\e911";
	margin-right: 5px;
	display: inline-block;
	color: #89d835;
	font-size: 3rem;
	font-family: icomoon;
	position: absolute;
	left: 0;
}
.infoDetail .infoDetailDate{
	margin: 10px auto 0;
	padding-top: 20px;
	border-top: 2px dashed #dcdcdc;
	text-align: right;
}
.infoDetail .infoDetailMain{
	margin: 60px auto 0;
	line-height: 2.6rem;
}
.infoDetail .infoDetailMain p{ margin-bottom: 20px; }
.infoDetail .infoDetailMain img{
	width: auto;
	max-width: 964px;
	margin: 20px auto 0;
}
.infoDetail .infoDetailMain a{
	color: #302826;
	text-decoration: underline;
}
.infoDetail .infoDetailMain h3 span > *{ vertical-align: middle; }
.infoDetail .infoDetailMain h3 span::before{
    content: "";
	width: 8px;
    height: 1.4em;
        margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
        border-radius: 7px;
    background: var(--color_green);
}
.infoDetail .infoDetailMain h4{
    margin: 10px 0;
    padding: 10px 0;
    color: var(--color_green);
    border-bottom: 2px dotted var(--color_green);
}
.infoDetail .infoDetailMain h6{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}
.infoDetail .infoDetailMain h6::before,
.infoDetail .infoDetailMain h6::after {
	content: "";
        width: 2px;
        height: 24px;
        border-radius: 1px;
	display: inline-block;
	background: var(--color_gray);
}
.infoDetail .infoDetailMain h6::before {
	margin-right: .8em;
	transform: rotate(-30deg);
}
.infoDetail .infoDetailMain h6::after{
	margin-left: .8em;
	transform: rotate(30deg);
}
.infoDetail .infoDetailMain h5 {
	border: 2px dashed #fff;;
	background-color: var(--color_green);
	box-shadow: 0 0 0 8px var(--color_green);
	color: #fff;
	border-radius: 3px;
}
.infoDetail > p{
	margin: 60px auto 0;
	text-align: center;
}

.infoDetail > p a{
	width: 320px;
	height: 90px;
	margin: 0 auto;
	padding: 0 30px;
	display: block;
	border: 1px solid #dcdcdc;
	color: #302826;
	line-height: 90px;
	font-weight: 700;
	box-sizing: border-box;
	position: relative;
}
.infoDetail > p a:before{
	content: "\e918";
	margin: 0 auto;
	color: #dcdcdc;
	line-height: 1.4rem;
	font-family: icomoon;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
}
/*サブナビゲーション*/

.infoSubNav{
	width: 1024px;
	margin: 20px auto 140px;
	padding: 0 30px;
	display: flex;
	box-sizing: border-box;
}
.infoSubNav div{ width: 472px; }
.infoSubNav a{ color: #302826; }
.infoSubNav .infoArciveList{ margin-left: 30px; }
.infoSubNav .infoNewList ul,
.infoSubNav .infoArciveList ul{ padding: 0 30px; }
.infoSubNav .infoNewList li a,
.infoSubNav .infoArciveList li a{
	padding: 20px 0;
	display: block;
	border-bottom: 2px dashed #dcdcdc;
}
.infoSubNav .infoArciveList select{
	width: 412px;
	margin: 20px auto 0;
	padding: 5px 10px;
	display: block;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	cursor: pointer;
}

/*---------------------------------
	資料請求
---------------------------------*/

.contact{
	width: 1024px;
	margin: 60px auto 140px;
	padding: 0 30px;
	box-sizing: border-box;
}
.faq-text{
	color: #e84615;
	font-weight: bold;
}
.faq-button{
	margin: 30px auto 60px;
	display: flex;
	justify-content: center;
}
.faq-button li + li{ margin-left: 40px; }
.faq-button li a{
	display: block;
	padding: 12px 50px;
	border-radius: 12px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	background: #ff7d55;
}
.contact p{ text-align: center; }
.contact .caution{
	margin-left: 1em;
	padding: 1px 5px;
	color: #fff;
	font-size: 1.4rem;
	background: #f15359;
}
.contact .form{ margin-top: 60px; }
.contact .form a{ color: #f15359; }
.contact.confirm .form dd a{ display: none; }
.contact .form a:hover{ text-decoration: underline; }
.contact .form dl a[target="_blank"]:after{
	content: "\e90b";
	padding: 0 5px;
	font-family: icomoon;
}
.contact .form input,
.contact .form select,
.contact .form textarea{
	padding: 5px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}
.contact .form label{ cursor: pointer; }
.contact .form input[type="radio"]{ vertical-align: baseline; }
.contact .form > dl{
	padding: 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-top: 2px dashed #dcdcdc;
}
.contact .form > dl:last-of-type{ border-bottom: 2px dashed #dcdcdc; }
.contact .form > dl dd .cautionText{
	display: block;
	color: #f15359;
	font-size: 1.4rem;
}
.contact .form > dl > dt{ width: 300px; }
.contact .form > dl > dd{
	width: 634px;
	padding-left: 30px;
}
.contact .form > dl dl + dl{ margin-top: 20px; }
.contact .form > dl dl dt,
.contact .form > dl dl dd{ display: block; }
.contact .form > dl dl dt span{ padding-left: 1em; }
.contact .form > dl dl dt span:before,
.contact .form > dl dl dt span:before{ content: "※"; }
.contact .form > dl dl dd{ margin-top: 10px; }
.contact .form > dl dl dd a{ margin-left: 10px; }
.contact .form .mwform-radio-field + .mwform-radio-field{ margin-top: 10px; }
.contact .form .mwform-checkbox-field,
.contact .form .mwform-checkbox-field + .mwform-checkbox-field{ margin: 10px 0 0 0; display: block; }
.contact .form .submitBtn{ text-align: center; }
.contact .form .submitBtn a{
	margin: 40px auto 0;
	display: block;
}
.contact .form .submitBtn a:after{
	content: "\e916";
	padding: 0 5px;
	font-family: icomoon;
}
.contact .form .submitBtn input{
	width: 400px;
	margin: 20px auto 0;
	padding: 20px;
	display: block;
	color: #fff;
	font-size: 1.8rem;
	background: #302826;
	cursor: pointer;
	transition: 0.4s;
}
.contact .form .submitBtn input:hover{ opacity: 0.7; }


/*---------------------------------
	料金&割引制度
---------------------------------*/

.price > div{
	width: 1024px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.price p{ margin-top: 40px; padding: 0 30px; }
.price .pageTitle + p{ margin: 60px auto 0; }
.price img{ width: auto; margin: 0 auto; }
.price p span{ margin-top: 5px; display: block; font-size: 1.4rem; }
.price p span:before{ content: "※"; }

/*入力フォームページ*/

.priceLp > h2,
.priceLp > p{
	width: 964px;
	margin: 0 auto;
	text-align: center;
}

.priceLp > h2{
	margin-top: 40px;
	color: #f15359;
	line-height: 4.6rem;
	font-size: 2.8rem;
}
.priceLp > p{
	margin-top: 20px;
}
.selectZip{
	width: 764px;
	margin: 40px auto 0;
	padding: 40px 30px;
	border: 2px dashed #dcdcdc;
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
}

.selectZip dl dt{
	color: #f15359;
	line-height: 2.8rem;
	font-size: 1.8rem;
}
.selectZip dl dd{
	margin-top: 20px;
}
.selectZip dl dd input[type="text"]{
	margin: 0 auto;
	padding: 5px;
	display: block;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	font-size: 2rem;
	background: #fff;
}
.selectZip input[type="submit"]{
	width: 200px;
	margin: 20px auto 0;
	padding: 10px;
	display: block;
	color: #fff;
	text-align: center;
	border: none;
	background: #ff754a;
	position: relative;
	cursor: pointer;
	transition: 0.4s;
}
.selectZip input[type="submit"]:hover{ opacity: 0.7; }
.selectZip input[type="submit"]:after{
	content: "\e909";
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.selectZip input[type="submit"]:hover:after{ right: 25px; }
.selectZip dl dd span{
	margin: 20px auto 0;
	display: block;
	color: #ff0000;
	font-weight: 700;
}
.selectZip dl dd span:before{
	content: "\e91c";
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	font-size: 2rem;
	font-family: icomoon;
}
.priceArea{
	margin-top: 60px;
	padding: 70px 0 140px;
	background: url(../../img/price/bg_05.jpg) repeat;
}
.priceArea img{ width: auto; }
.priceArea > p{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	clear: both;
}
.priceArea > div{
	width: 975px;
	margin: 0px auto;
	background: url(../../img/price/area_bg.png) repeat-y;
}
.priceArea > div > p{
	margin-bottom: 40px;
}
.priceArea > div > div{
	width: 910px;
}
.priceArea > div > div div{
	margin-left: 60px;
	padding-bottom: 40px;
	line-height: 2.4rem;
}
.priceArea > div > div div h3{
	margin: 25px 0 10px;
	font-size: 120%;
}
.priceArea > div > div div h3 + p{ margin-bottom: 10px; }
.priceArea > div > div div img{
	margin: 0 auto;
}

/*各単協*/

.price .priceTop,
.price .priceFee{ margin-top: 10px; text-align: center;  }
.price .priceTop h2{
	margin-top: 60px;
	color: #f15359;
	line-height: 3.4rem;
	font-size: 2.4rem;
}
.price .priceTop h4{
	margin-top: 80px;
	color: #f15359;
	font-size: 2.4rem;
}
.price .priceCapital .pageTitle,
.price .priceFee .pageTitle,
.price .priceDiscount .pageTitle{ margin-top: 100px; }
.price .priceFee h4,
.price .priceFee h4 + p{ text-align: left; }
.price .priceDiscount ul li{ margin-top: 40px; }
.price .priceDiscount p strong{ display: block; }
.price .priceDiscount table{
	width: 904px;
	margin: 40px auto 0;
	border: 1px solid #dcdcdc;
}
.price .priceDiscount table tr th,
.price .priceDiscount table tr td{
	padding: 12px 5px;
	vertical-align: middle;
	box-sizing: border-box;
}
.price .priceDiscount table tr th:nth-of-type(1){ width: 100px; }
.price .priceDiscount table tr th:nth-of-type(2){ width: 250px; }
.price .priceDiscount table tr th:nth-of-type(3){ width: 354px; }
.price .priceDiscount table tr th:nth-of-type(4){ width: 200px; }
.price .priceDiscount table thead th{ background: #fffacc; }
.price .priceDiscount table tbody{ font-size: 1.4rem; }
.price .priceDiscount table tr{ border-top: 1px solid #dcdcdc; }
.price .priceDiscount table th + td,
.price .priceDiscount table th + th,
.price .priceDiscount table td + td{ border-left: 1px solid #dcdcdc; }
.price .priceDiscount table + p{ margin-top: 20px; }
.price .priceBtnBlock{ margin: 60px auto 140px; }
.price .priceBtnBlock p{ margin-top: 20px; }
.price .priceBtnBlock a{
	width: 340px;
	margin: 0 auto;
	padding: 25px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 2.2rem;
	background: #ff754a;
	position: relative;
}
.price .priceBtnBlock .seikyuBtn a{ color: #2f230d; background: #fef102; }
.price .priceBtnBlock .backBtn{ margin-top: 40px; }
.price .priceBtnBlock .backBtn a{
	width: 200px;
	padding: 15px;
	color: #302826;
	font-size: 1.8rem;
	background: #dcdcdc;
}
.price .priceBtnBlock .confirmBtn a:after,
.price .priceBtnBlock .seikyuBtn a:after{
	content: "\e909";
	font-size: 1.2rem;
	font-family: icomoon;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.price .priceBtnBlock .confirmBtn a:hover:after,
.price .priceBtnBlock .seikyuBtn a:hover:after{ right: 25px; }


/*---------------------------------
	動画でわかるアイチョイス
---------------------------------*/

.videos{
	width: 1024px;
	margin: 0 auto 120px;
	padding: 0 30px;
	box-sizing: border-box;
}
.videos .life{ display: none; }
.videos h3{
	margin: 80px auto 0;
	padding-bottom: 15px;
	line-height: 5.8rem;
	display: flex;
	border-bottom: 2px dashed #dcdcdc;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 3.8rem;
}
.videos h3 img{
	width: 120px;
	margin-right: 20px;
}
.videos ul + h3{ margin-top: 120px; }
.videos ul{
	display: flex;
	flex-wrap: wrap;
}
.videos li{
	width: calc(100% / 2 - 25px);
	margin-top: 60px;
}
.videos ul li:nth-of-type(even){ margin-left: 50px; }
.videos ul li h4{
	text-align: center;
	font-size: 2.2rem;
}
.videos ul li div{
	width: 100%;
	height: 0;
	margin-top: 30px;
	padding-top: 56.25%;
	position: relative;
}
.videos ul li div iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*---------------------------------
	おためしボックス申込フォーム
---------------------------------*/
.caution{
	width: 1024px;
	margin: 60px auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.caution p{
	margin-bottom: 15px;
	color: #f15359;
}
.caution dl,
.caution dl dt{
	margin-top: 10px;
}
.caution dl dd{ font-size: 14px; }
.caution dl dd span{ color: #f15359; }
.contact .form #time{ display:none; }


/*---------------------------------
	こだわり中華3選おためしセット申込フォーム
---------------------------------*/
.otamesityuka > section{
	width:1024px;
	margin:60px auto 0;
	padding: 0 30px;
	box-sizing:border-box;
}

.otamesityuka details summary{
	width:1024px;
	margin:0 auto;
	padding:0 30px;
	color:#f15359;
	box-sizing: border-box;
	cursor:pointer;
}
.otamesityuka details summary h3{
	display:inline-block;
	color:#000;
}
.otamesityuka strong{ font-weight:500; }
.otamesityuka .red{ color:#f15359; }
.otamesityuka h3{ 
	margin: 15px 0 10px;
	font-size: 16px;
	font-weight: 700;
}
.otamesityuka .note{ font-size:15px; }
.otamesityuka ul + .note{ margin-top:1em; }

/*---------------------------------
	2023ビジョン
---------------------------------*/
.vision{
	color: #595757;
	line-height: 1.5;
}
.vision .mainvisual{
	width: 600px;
	margin: 30px auto;
}

.vision .top-contetns{
	width: 890px;
	margin: 20px auto 0;
}
.vision .top-contetns h3{
	width: 478px;
	margin: 0 auto;
	padding-right: 9px;
	position: relative;
}
.vision .top-contetns h3 img{
	width: 335px;
	margin: 0 auto;
}
.vision .top-contetns h3:before{
	content: '';
	width: 68px;
	height: 72px;
	background: url(../../img/vision/boy.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.vision .top-contetns h3:after{
	content: '';
	width: 81px;
	height: 70px;
	background: url(../../img/vision/girl.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
}
.vision .top-contetns ul{
	margin-top: 30px;
	padding: 30px 15px 0 15px;
	position: relative;
}
.vision .top-contetns ul:before{
	content: '';
	width: 890px;
	height: 5px;
	background: url(../../img/vision/sdgs_line.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.vision .top-contetns li{
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.vision .top-contetns li:first-of-type{ margin: 0; }
.vision .top-contetns dl{
	display: flex;
	align-items: center;
}
.vision .top-contetns dt {
	width: 220px;
	display: flex;
	font-size: 2.6rem;
	font-weight: bold;
	align-items: center;
}
.vision .top-contetns dt img {
	width: 60px;
	margin-right: 10px;
}
.vision .top-contetns dd{ width: calc(100% - 80px); }


.vision .main-contents{
	width: 100%;
	margin-top: 50px;
	padding: 70px 0;
	background-image: url(../../img/vision/background_green01.jpg);
	background-repeat: repeat;
}
.vision .main-contents .message{
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.vision .main-contents .message:before{
	content: '';
	width: 100px;
	height: 60px;
	background: url(../../img/vision/vision_logo.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: -40px;
	left: 0;
}
.vision .main-contents .message h3{
	width: 610px;
	margin: 0 auto;
}
.vision .main-contents .message p{
	width: 660px;
	margin: 10px auto 0;
}
.vision .main-contents .vision{
	width: 860px;
	margin: 0 auto;
}
.vision .main-contents .block{
	margin-top: 140px;
	display: flex;
	align-items: center;
	position: relative;
}
.vision .main-contents .list-01{ margin-top: 50px; }
.vision .main-contents .block:before{
	content: '';
	position: absolute;
	z-index: 1;
}
.vision .main-contents .block:after{
	content: '';
	position: absolute;
	z-index: 1;
}
.vision .main-contents .block.list-01:after{
	width: 80px;
	height: 80px;
	background: url(../../img/vision/visionillust_06.png) no-repeat;
	background-size: contain;
	top: -100px;
	left: -80px;
}

.vision .main-contents .block.list-02:after{
	width: 80px;
	height: 60px;
	background: url(../../img/vision/visionillust_07.png) no-repeat;
	background-size: contain;
	top: -30px;
	right: -40px;
}

.vision .main-contents .block.list-03:after{
	width: 160px;
	height: 80px;
	background: url(../../img/vision/visionillust_08.png) no-repeat;
	background-size: contain;
	bottom: -100px;
	left: -90px;
}
.vision .main-contents .block.list-04:after{
	width: 100px;
	height: 50px;
	background: url(../../img/vision/visionillust_09.png) no-repeat;
	background-size: contain;
	top: -30px;
	right: -30px;
}
.vision .main-contents .block.list-05:after{
	width: 60px;
	height: 70px;
	background: url(../../img/vision/visionillust_10.png) no-repeat;
	background-size: contain;
	bottom: -60px;
	left: -80px;
}
.vision .main-contents .text{
	width: 430px;
	position:relative;
	z-index: 2;
}
.vision .main-contents .text h4{
	display: flex;
	align-items: center;
}
.vision .main-contents .list-02 .text,
.vision .main-contents .list-04 .text{
	margin-left: 50%;
}
.vision .main-contents .text h4 img{
	width: 40px;
	height: auto;
	margin-right: 5px;
	display: inline-block;
}
.vision .main-contents .text h4 span{
	margin-top: 10px;
	display: inline-block;
	font-size: 3.4rem;
	font-weight: bold;
	letter-spacing: 3px;
}
.vision .main-contents .list-02 .text h4 span,
.vision .main-contents .list-05 .text h4 span{
	letter-spacing: 5px;
}
.vision .main-contents .text .img{
	margin-top: 15px;
	width: 100px;
	height: auto;
}
.vision .main-contents .text .inner { margin-top: 10px; }
.vision .main-contents .text .inner li{
	padding-left: 1em;
	text-indent: -1em;
}
.vision .main-contents .text .inner .kome{
	margin-right: 1em;
	font-size: 1rem;
	position: relative;
}
.vision .main-contents .text .inner .kome:before{
	content:'＊';
	position:absolute;
	top: -4px;
	left: 16px;
}
.vision .main-contents .text .icon{
	margin-top: 15px;
	height: auto;
}
.vision .main-contents .list-01 .text .icon{ width: 418px; }
.vision .main-contents .list-02 .text .icon{ width: 284px; }
.vision .main-contents .list-03 .text .icon{ width: 334px; }
.vision .main-contents .list-04 .text .icon{ width: 201px; }
.vision .main-contents .list-05 .text .icon{ width: 244px; }
.vision .main-contents .block .illust { position: absolute; }
.vision .main-contents .block .illust.smt { display: none; }
.vision .main-contents .list-01 .illust {
	width: 490px;
	top: 1px;
	right: -30px;
}
.vision .main-contents .list-02 .illust {
	width: 490px;
	top: -15px;
	left: -50px;
}
.vision .main-contents .list-03 .illust {
	width: 510px;
	top: -50px;
	right: -50px;
}
.vision .main-contents .list-04 .illust {
	width: 430px;
	top: -5px;
	left: -50px;
}
.vision .main-contents .list-05 .illust {
	width: 500px;
	top: -5px;
	right: -44px;
}

.vision .main-contents .description{
	width: 850px;
	margin: 80px auto 0;
}
.vision .main-contents .description dl{
	margin-bottom: 10px;
	display: flex;
	align-items: baseline;
}
.vision .main-contents .description dt{ position: relative; }
.vision .main-contents .description .text-01 dt,
.vision .main-contents .description .text-03 dt{
	width: 220px;
}
.vision .main-contents .description .text-01 dd,
.vision .main-contents .description .text-03 dd{
	width: 660px;
}
.vision .main-contents .description .text-02 dt{ width: 100px; }
.vision .main-contents .description .text-02 dd{ width: 100%; }
.vision .main-contents .description .text-02 li{ display: flex; }
.vision .main-contents .description .text-02 dd span{ display: inline-block; }
.vision .main-contents .description .text-02 dd .inner-01{
	width: 225px;
	margin-right: 10px;
	text-align: justify;
	text-align-last: justify;
	letter-spacing: 1px;
}
.vision .main-contents .description .text-02 dd .dot{letter-spacing: -5px;}
.vision .main-contents .description .mark{
	padding-left: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
}
.vision .main-contents .description .mark:before{
	content:'＊';
	position:absolute;
	top: -1px;
	left: 0;
}
.vision .main-contents .description .orange{
	color: #f08437;
	font-weight: bold;
}


.vision .bottom-contents {
	width: 890px;
	margin: 50px auto;
}
.vision .bottom-contents h3{
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #46b035;
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
}
.vision .bottom-contents h3:before{
	content: '';
	width: 890px;
	height: 5px;
	background: url(../../img/vision/sdgs_line.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.vision .bottom-contents h3 br{ display: none; }


/*---------------------------------
	おためしボックス用モーダル
---------------------------------*/

.otameshi-modal{ display: none; }
.otameshi-modal.is-open{ display: block; }

@keyframes mmfadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes mmfadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes mmslideIn {
	from { transform: translateY(15%); }
	to { transform: translateY(0); }
}
@keyframes mmslideOut {
	from { transform: translateY(0); }
	to { transform: translateY(-10%); }
}
.micromodal-slide[aria-hidden="false"] .otameshi-modal-overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); }
.micromodal-slide[aria-hidden="false"] .otameshi-modal-container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);	}
.micromodal-slide[aria-hidden="true"] .otameshi-modal-overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); }
.micromodal-slide[aria-hidden="true"] .otameshi-modal-container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); }
.micromodal-slide .otameshi-modal-container,
.micromodal-slide .otameshi-modal-overlay { will-change: transform; }

.otameshi-modal-open{
	width: 350px;
	max-width: 80%;
	margin: 20px auto;
	padding: 10px;
	color: #fff;
	border: 2px solid #ff694c;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 2.4rem;
	font-size: 1.8rem;
	font-weight: bold;
	background: #ff694c;
	cursor: pointer;
}
.otameshi-modal-open:hover{ opacity: .7; }
.otameshi-modal-close{
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	color: #666;
	background: #fff;
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 1;
	cursor: pointer;
}
.otameshi-modal-close:hover{ opacity: .7; }
.otameshi-modal-close::before,
.otameshi-modal-close::after{
	content: "";
	width: 35px;
	height: 3px;
	margin: 0 auto;
	display: block;
	background: #666;
	border-radius: 10px;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
}
.otameshi-modal-close::before{ transform: rotate(45deg); }
.otameshi-modal-close::after{ transform: rotate(-45deg); }
.otameshi-modal-overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	z-index: 1;
}
.otameshi-modal-container{
	width: 800px;
	max-width: 92%;
	margin: auto;
	position: fixed;
	top: 200px;
	left: 0;
	right: 0;
}
.otameshi-modal-content{
	height: 650px;
	padding: 60px;
	background: #fff;
	overflow-y: scroll;
}

}

/* リニューアル後下層ページ */

/*---------------------------------
	下層ヒーローイメージ
---------------------------------*/
.hero-img{
	width: calc(100% - 5.333vw);
	height: 46.667vw;
	margin: 2.667vw auto 0;
	display: flex;
	align-items: center;
	border-radius: 5.333vw;
	color: #fff;
}
.hero-img h1{
	padding-left: 5.333vw;
	line-height: 5.867vw;
	font-size: 5.867vw;
}
.hero-img h1 span{
	margin-bottom: 2.667vw;
	display: block;
	line-height: 3.733vw;
	font-family: var(--font_eng);
	font-size: 3.733vw;
}
.service .hero-img,
.news-important .hero-img{
	background: url(../../img/service/hero-sp.webp) no-repeat center center / cover;
}
.guide .hero-img{
	background: url(../../img/guide/hero-sp.webp) no-repeat center center / cover;
}
.product .hero-img,
.item-renew .hero-img{
	background: url(../../img/product/hero-sp.webp) no-repeat center center / cover;
}
.signup .hero-img,
.error404 .hero-img{
	color: var(--color_gray);
	background: url(../../img/signup/hero-sp.webp) no-repeat center center / cover;
}
.faq .hero-img{
	color: var(--color_gray);
	background: url(../../img/faq/hero-sp.webp) no-repeat center center / cover;
}

@media screen and (min-width: 768px) {
	.hero-img{
		width: 95.703vw;
		height: 35.156vw;
		margin: 0.977vw auto 0;
		border-radius: 1.953vw;
	}
	.hero-img h1{
		padding-left: 10.742vw;
		line-height: 3.32vw;
		font-size: 3.32vw;
	}
	.hero-img h1 span{
		margin-bottom: 1.953vw;
		line-height: 1.953vw;
		font-size: 1.953vw;
	}
}
@media screen and (min-width: 1025px) {
	.hero-img{
		width: calc(100% - 80px);
		height: 360px;
		margin-top: 0;
		border-radius: 40px;
	}
	.hero-img h1{
		padding-left: 110px;
		line-height: 3.4rem;
		font-size: 3.4rem;
	}
	.hero-img h1 span{
		margin-bottom: 20px;
		line-height: 2rem;
		font-size: 2rem;
	}
	.service .hero-img,
	.news-important .hero-img{
		background: url(../../img/service/hero.webp) no-repeat center center / cover;
	}
	.guide .hero-img{
		background: url(../../img/guide/hero.webp) no-repeat center center / cover;
	}
	.product .hero-img,
	.item-renew .hero-img{
		background: url(../../img/product/hero.webp) no-repeat center center / cover;
	}
	.signup .hero-img,
	.error404 .hero-img{
		background: url(../../img/signup/hero.webp) no-repeat center center / cover;
	}
	.faq .hero-img{
		background: url(../../img/faq/hero.webp) no-repeat center center / cover;
	}
}

/*---------------------------------
	下層タイトル
---------------------------------*/

.next-title{
	text-align: center;
	line-height: 7.733vw;
	letter-spacing: .08em;
	font-size: 5.333vw;
}
.next-title::after{
	content: "";
	width: 8vw;
	height: 0.8vw;
	margin: 20px auto 0;
	display: block;
	background: var(--color_green);
}
@media screen and (min-width: 768px) {
	.next-title{
		letter-spacing: .15em;
		line-height: 1.5;
		font-size: 2.93vw;
	}
	.next-title::after{
		width: 2.93vw;
		height: 3px;
		margin: 2.441vw auto 0;
	}
}
@media screen and (min-width: 1025px) {
	.next-title{
		letter-spacing: .15em;
		font-size: 3rem;
	}
	.next-title::after{
		width: 30px;
		margin: 25px auto 0;
	}
}

/*---------------------------------
	重要なお知らせ
---------------------------------*/
.news-important .news-important-main{
	width: calc(100% - 60px );
	margin: 16vw auto 0;
}
.news-important .news-important-main > h3{
	text-align: center;
	font-size: 22px;
}
.news-important .news-important-main > p{
	margin-top: 5px;
	color: var(--color_green);
	text-align: center;
	font-size: 13px;
}
.news-important .news-important-main > div{ margin-top: 40px; }
.news-important .news-important-main > div h3{
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 0.533vw solid var(--color_gray);
}
.news-important .news-important-main > div h4{
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 0.533vw dotted var(--color_gray);
}
.news-important .news-important-main > div h5{
	margin-top: 40px;
	display: flex;
	align-items: center;
}
.news-important .news-important-main > div h5::before{
	content: "";
	width: 10px;
	height: 10px;
	margin-right: 7px;
	display: block;
	border-radius: 100vmax;
	background: var(--color_orange);
}
.news-important .news-important-main > div h6{
	margin-top: 40px;
	display: inline-block;
	background: linear-gradient(transparent 50%, var(--color_yellow) 50%);
}
.news-important .news-important-main > div a{
	color: var(--color_gray);
	text-decoration: underline;
}
.news-important .news-important-main .primary-btn{
	width: 89.333vw;
	margin: 21.333vw auto 32vw;
}
@media screen and (min-width: 768px) {
	.news-important .news-important-main{
		width: 95.703vw;
		margin: 5.859vw auto 0;
	}
	.news-important .news-important-main > h3{
		text-align: center;
		font-size: 2.93vw;
	}
	.news-important .news-important-main > p{
		margin-top: 0.488vw;
		font-size: 1.465vw;
	}
	.news-important .news-important-main > div{ margin-top: 3.906vw; }
	.news-important .news-important-main > div h3{
		margin-top: 3.906vw;
		padding-bottom: 0.977vw;
		border-bottom: 0.195vw solid var(--color_gray);
	}
	.news-important .news-important-main > div h4{
		margin-top: 3.906vw;
		padding-bottom: 0.977vw;
		border-bottom: 0.195vw dotted var(--color_gray);
	}
	.news-important .news-important-main > div h5{ margin-top: 3.906vw; }
	.news-important .news-important-main > div h5::before{
		width: 0.977vw;
		height: 0.977vw;
		margin-right: 0.684vw;
	}
	.news-important .news-important-main > div h6{ margin-top: 3.906vw; }
	.news-important .news-important-main .primary-btn{
		width: 35.156vw;
		margin: 9.766vw auto 13.672vw;
	}
}
@media screen and (min-width: 1025px) {
	.news-important .news-important-main{
		width: 1024px;
		margin: 60px auto 0;
		padding-bottom: 80px;
	}
	.news-important .news-important-main > h3{
		text-align: center;
		font-size: 3rem;
	}
	.news-important .news-important-main > p{
		margin-top: 5px;
		font-size: 1.5rem;
	}
	.news-important .news-important-main > div{ margin-top: 40px; }
	.news-important .news-important-main > div h3{
		margin-top: 40px;
		padding-bottom: 10px;
		border-bottom: 2px solid var(--color_gray);
	}
	.news-important .news-important-main > div h4{
		margin-top: 40px;
		padding-bottom: 10px;
		border-bottom: 2px dotted var(--color_gray);
	}
	.news-important .news-important-main > div h5{
		margin-top: 40px;
	}
	.news-important .news-important-main > div h5::before{
		width: 10px;
		height: 10px;
		margin-right: 7px;
	}
	.news-important .news-important-main > div h6{ margin-top: 40px; }
	.news-important .news-important-main .primary-btn{
		width: 360px;
		margin: 100px auto 140px;
	}
}
@media (any-hover: hover) {
	.news-important .news-important-main > div a:hover{ color: var(--color_green); }
}

/*---------------------------------
	アイチョイスとは
---------------------------------*/
.service .service-life{
	margin: 16vw auto 0;
	padding-bottom: 26.667vw;
	position: relative;
}
.service .service-life ul{
	width: calc(100% - 10.667vw);
	margin: 10.667vw auto 0;
}
.service .service-life ul li{
	padding: 8vw;
	border-radius: 4vw;
	background: var(--color_bg02);
	position: relative;
}
.service .service-life ul li:first-child::before{
	content: "";
	width: 18.133vw;
	height: 28.533vw;
	display: block;
	background: url(../../img/service/service-lifeimg01.webp)no-repeat top center / 100%;
	position: absolute;
	top: -9.333vw;
	left: -2.667vw;
	z-index: 1;
}
.service .service-life ul li:last-child::before{
	content: "";
	width: 32vw;
	height: 28.533vw;
	display: block;
	background: url(../../img/service/service-lifeimg02.webp)no-repeat top center / 100%;
	position: absolute;
	bottom: -18.667vw;
	right: 2.667vw;
	z-index: 1;
}
.service .service-life ul li + li{ margin-top: 2.667vw; }
.service .service-life ul li h3{
	text-align: center;
	letter-spacing: 0.12em;
	font-size: 4.8vw;
}
.service .service-life ul li h3 strong{ color: var(--color_green); }
.service .service-life ul li h3 strong sup{
	font-size: 2.667vw;
	top: .3em;
}
.service .service-life ul li h3 span{
	padding-bottom: 4vw;
	display: inline-block;
	background: linear-gradient(transparent 96%, var(--color_gray) 60%);
}
.service .service-life ul li p{
	padding-top: 6.667vw;
	letter-spacing: 0;
	font-size: 4vw;
}
.service .service-life .primary-btn{
	width: 89.333vw;
	margin: 24vw auto 0;
}
.service .service-life .bg-wave{
	width: 100%;
	height: 13.333vw;
	display: block;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.service .service-safe{
	padding: 13.333vw 0 24vw;
	background: var(--color_bg01);
	position: relative;
}
.service .service-safe ul{
	width: calc(100% - 10.667vw);
	margin: 10.667vw auto 0;
}
.service .service-safe ul li{
	display: flex;
	flex-wrap: wrap;
}
.service .service-safe ul li + li{ margin-top: 13.333vw; }
.service .service-safe ul li img{
	width: 100%;
	display: block;
}
.service .service-safe ul li div{ margin: 0 5.333vw; }
.service .service-safe ul li h3{
	margin-top: 8vw;
	color: var(--color_green);
	line-height: 7.2vw;
	font-size: 4.8vw;
}
.service .service-safe ul li a{
	color: var(--color_gray);
	text-decoration: underline;
}
.service .service-safe ul li p{ margin-top: 4vw; }
.service .service-safe .primary-btn{
	width: 89.333vw;
	margin: 10.667vw auto 0;
}
.service .service-child{
	padding-top: 18.667vw;
	text-align: center;
	position: relative;
}
.service .service-child .bg-wave{
	width: 100%;
	height: 16vw;
	display: block;
	position: absolute;
	top: -16vw;
	transform: scale(-1, 1);
}
.service .service-child ul{
	width: calc(100% - 21.333vw);
	margin: 20px auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6.667vw;
	font-size: 4vw;
}
.service .service-child ul li img{ width: 100%; }
.service .service-child ul li h3{
	color: var(--color_green);
	font-size: 4.8vw;
}
.service .service-child ul li a{
	color: var(--color_gray);
	text-decoration: underline;
}
.service .service-child ul li p{ margin-top: 4vw; }
.service .service-child ul li sup{ top: .4em; }
.service .service-child ul li small{
	margin-top: 5.333vw;
	display: block;
	letter-spacing: 0;
	text-align: left;
	font-size: 3.467vw;
	font-weight: 400;
}
.service .service-child .primary-btn{
	width: 89.333vw;
	margin: 21.333vw auto 0;
}
.service .service-child .service-child-support{
	width: 89.333vw;
	margin: 26.667vw auto 0;
	padding: 2.667vw;
	border-radius: 8vw;
	background: #ffe5e3;
	position: relative;
}
.service .service-child .service-child-support::before{
	content: "";
	width: 42.667vw;
	height: 42.667vw;
	margin: 0 auto;
	display: block;
	border-radius: 100vmax;
	background: #ffe5e3;
	position: absolute;
	top: -14.667vw;
	left: 0;
	right: 0;
	z-index: -1;
}
.service .service-child .service-child-support::after{
	content: "";
	width: 37.333vw;
	height: 37.333vw;
	margin: 0 auto;
	display: block;
	border-radius: 100vmax;
	border: 2px dotted #fc6866;
	position: absolute;
	top: -12vw;
	left: 0;
	right: 0;
}
.service .service-child .service-child-support div{
	padding: 10.667vw;
	border: 2px dotted #fb6866;
	border-radius: 6.667vw;
	background: #ffe5e3;
	position: relative;
	z-index: 1;
}
.service .service-child .service-child-support h4 span{
	width: 39vw;
	height: 37.333vw;
	margin: 0 auto;
	display: block;
	border-radius: 100vmax;
	color: #fc6866;
	letter-spacing: 0;
	font-size: 4.8vw;
	font-family: var(--font_eng);
	background: #ffe5e3;
	position: absolute;
	top: -12vw;
	left: 0;
	right: 0;
	z-index: -1;
}
.service .service-child .service-child-support h4 span::before{
	content: "";
	width: 7.467vw;
	height: 5.867vw;
	margin: 2.667vw auto 1.867vw;
	display: block;
	background: url(../../img/service/service-child-support-mark.webp)no-repeat center center / 100%;
}
.service .service-child .service-child-support h4 img{
	width: 100%;
	margin: 4vw auto 0;
	display: block;
}
.service .service-child .service-child-support p{
	margin: 6.667vw auto 0;
	font-size: 3.733vw;
}
.service .service-child .service-child-support p + p{
	width: 62.667vw;
	height: 20.267vw;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4vw;
	color: #fff;
	font-size: 4.267vw;
	border-radius: 2.667vw;
	background: #fc6866;
}
.service .service-child .service-child-support p + p strong{
	color: #fffa9f;
	letter-spacing: .09em;
	font-size: 9.067vw;
}
.service-history{
	margin-top: 16vw;
	padding: 10.667vw 0;
	background: var(--color_bg02);
}
.service-history ul{
	width: calc(100% - 10.667vw);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 1.6vw;
}
.service-history ul li{ width:100%; }
.service-history ul a{
	padding: 5.333vw 8vw 8vw;
	border-radius: 4vw;
	display: block;
	background: #fff;
}
.service .foot-media,
.service .foot-mixnuts{ margin-top: 16vw; }
.service .foot-cvparts{ margin-top: 26.667vw; }

@media screen and (min-width: 768px) {
	.service .service-life{
		margin: 6.836vw auto 0;
		padding-bottom: 18.555vw;
		position: relative;
	}
	.service .service-life ul{
		width: 95.703vw;
		margin: 3.906vw auto 0;
	}
	.service .service-life ul li{
		padding: 0;
		display: flex;
		align-items: center;
		border-radius: 1.465vw;
		background: var(--color_bg02);
		position: relative;
	}
	.service .service-life ul li:first-child::before{
		content: "";
		width: 11.914vw;
		height: 18.945vw;
		display: block;
		background: url(../../img/service/service-lifeimg01.webp)no-repeat top center / 100%;
		position: absolute;
		top: -10.937vw;
		left: 0;
		z-index: 1;
	}
	.service .service-life ul li:last-child::before{
		content: "";
		width: 17.09vw;
		height: 15.332vw;
		display: block;
		background: url(../../img/service/service-lifeimg02.webp)no-repeat top center / 100%;
		position: absolute;
		bottom: -100px;
		right: 0;
		z-index: 1;
	}
	.service .service-life ul li + li{ margin-top: 0.977vw; }
	.service .service-life ul li h3{
		width: 51.27vw;
		text-align: center;
		letter-spacing: 0.12em;
		font-size: 2.4rem;
	}
	.service .service-life ul li h3 strong{ color: var(--color_green); }
	.service .service-life ul li h3 strong sup{
		font-size: 1.563vw;
		top: .21em;
	}
	.service .service-life ul li h3 span{
		padding: 0 0.488vw 1.172vw;
		display: inline-block;
		background: linear-gradient(transparent 96%, var(--color_gray) 60%);
	}
	.service .service-life ul li p{
		width: calc(100% - 51.27vw);
		padding: 4.395vw 4.395vw 4.395vw 0;
		font-size: 1.563vw;
	}
	.service .service-life .primary-btn{
		width: 41.016vw;
		margin: 7.813vw auto 0;
	}
	.service .service-life .bg-wave{
		width: 100%;
		height: 11.719vw;
		display: block;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	
	.service .service-safe{
		padding: 7.813vw 0 17.578vw;
		background: var(--color_bg01);
		position: relative;
	}
	.service .service-safe ul{
		width: 95.703vw;
		margin: 9.766vw auto 0;
	}
	.service .service-safe ul li{
		padding: 0 12.695vw 0 7.813vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.service .service-safe ul li + li{
		margin-top: 4.883vw;
		padding: 0 9.766vw 0 12.695vw;
		flex-direction: row-reverse;
	}
	.service .service-safe ul li img{
		width: 39.258vw;
		display: block;
	}
	.service .service-safe ul li + li img{ width: 33.887vw; }
	.service .service-safe ul li div{
		width: 31.25vw;
		margin: 0;
	}
	.service .service-safe ul li h3{
		color: var(--color_green);
		line-height: 3.516vw;
		font-size: 2.344vw;
	}
	.service .service-safe ul li p{ margin-top: 2.93vw; }
	.service .service-safe .primary-btn{
		width: 50.781vw;
		margin: 7.813vw auto 0;
	}
	.service .service-child{
		padding-top: 7.813vw;
		text-align: center;
		position: relative;
	}
	.service .service-child .bg-wave{
		width: 100%;
		height: 10.742vw;
		display: block;
		position: absolute;
		top: -10.742vw;
		transform: scale(-1, 1);
	}
	.service .service-child ul{
		width: 95.703vw;
		margin: 50px auto 0;
		display: flex;
		flex-wrap: nowrap;
		gap: 6.348vw;
	}
	.service .service-child ul li{ width: calc(100% / 3 - 1.953vw); }
	.service .service-child ul li img{ width: 100%; }
	.service .service-child ul li h3{
		color: var(--color_green);
		font-size: 2.344vw;
	}
	.service .service-child ul li p{
		margin-top: 2.93vw;
		font-size: 1.953vw;
	}
	.service .service-child ul li sup{ top: .4em; }
	.service .service-child ul li small{
		margin-top: 2.441vw;
		display: block;
		letter-spacing: 0;
		text-align: left;
		font-size: 1.27vw;
	}
	.service .service-child .primary-btn{
		width: 50.781vw;
		margin: 7.813vw auto 0;
	}
	.service .service-child .service-child-support{
		width: 66.895vw;
		margin: 12.695vw auto 0;
		padding: 1.465vw;
		border-radius: 2.93vw;
		background: #ffe5e3;
		position: relative;
	}
	.service .service-child .service-child-support::before{
		content: "";
		width: 21.484vw;
		height: 21.484vw;
		margin: 0 auto;
		display: block;
		border-radius: 100vmax;
		background: #ffe5e3;
		position: absolute;
		top: -8.789vw;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.service .service-child .service-child-support::after{
		content: "";
		width: 19.531vw;
		height: 19.531vw;
		margin: 0 auto;
		display: block;
		border-radius: 100vmax;
		border: 2px dotted #fc6866;
		position: absolute;
		top: -7.812vw;
		left: 0;
		right: 0;
	}
	.service .service-child .service-child-support div{
		padding: 3.906vw;
		border: 2px dotted #fb6866;
		border-radius: 2.441vw;
		background: #ffe5e3;
		position: relative;
		z-index: 1;
	}
	.service .service-child .service-child-support h4 span{
		width: 19.531vw;
		height: 19.531vw;
		margin: 0 auto;
		display: block;
		border-radius: 100vmax;
		color: #fc6866;
		font-size: 2.148vw;
		font-family: var(--font_eng);
		background: #ffe5e3;
		position: absolute;
		top: -9.277vw;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.service .service-child .service-child-support h4 span::before{
		content: "";
		width: 4.004vw;
		height: 3.125vw;
		margin: 3.906vw auto 0.684vw;
		display: block;
		background: url(../../img/service/service-child-support-mark.webp)no-repeat center center / 100%;
	}
	.service .service-child .service-child-support h4 img{
		width: 31.055vw;
		margin: 1.465vw auto 0;
		display: block;
	}
	.service .service-child .service-child-support p{
		margin: 3.418vw auto 0;
		font-size: 1.953vw;
	}
	.service .service-child .service-child-support p + p{
		width: 32.422vw;
		height: 7.422vw;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2.441vw;
		color: #fff;
		font-size: 1.953vw;
		border-radius: 0.977vw;
		background: #fc6866;
	}
	.service .service-child .service-child-support p + p strong{
		color: #fffa9f;
		letter-spacing: .34em;
		font-size: 3.32vw;
	}
	.service-history{
		margin-top: 13.672vw;
		padding: 4.883vw 0;
		background: var(--color_bg02);
	}
	.service-history ul{
		width: 95.703vw;
		margin: 0 auto;
		display: flex;
		gap: 2.93vw;
	}
	.service-history ul li{ width: calc(50% - 1.465vw); }
	.service-history ul a{
		padding: 2.441vw 2.93vw 3.906vw;
		border-radius: 1.465vw;
		display: block;
		background: #fff;
	}
	.service .foot-media,
	.service .foot-mixnuts{ margin-top: 11.719vw; }
	.service .foot-cvparts{ margin-top: 22.461vw; }
}
@media screen and (min-width: 1025px) {
	.service .service-life{
		margin: 70px auto 0;
		padding-bottom: 190px;
		position: relative;
	}
	.service .service-life ul{
		width: 1024px;
		margin: 40px auto 0;
	}
	.service .service-life ul li{
		display: flex;
		align-items: center;
		border-radius: 15px;
		background: var(--color_bg02);
		position: relative;
	}
	.service .service-life ul li:first-child::before{
		content: "";
		width: 122px;
		height: 194px;
		display: block;
		background: url(../../img/service/service-lifeimg01.webp)no-repeat top center / 100%;
		position: absolute;
		top: -112px;
		left: -60px;
		z-index: 1;
	}
	.service .service-life ul li:last-child::before{
		content: "";
		width: 175px;
		height: 157px;
		display: block;
		background: url(../../img/service/service-lifeimg02.webp)no-repeat top center / 100%;
		position: absolute;
		bottom: -50px;
		right: -90px;
		z-index: 1;
	}
	.service .service-life ul li + li{ margin-top: 10px; }
	.service .service-life ul li h3{
		width: 525px;
		text-align: center;
		letter-spacing: 0.12em;
		font-size: 2.4rem;
	}
	.service .service-life ul li h3 strong{ color: var(--color_green); }
	.service .service-life ul li h3 strong sup{
		font-size: 1.6rem;
		top: .21em;
	}
	.service .service-life ul li h3 span{
		padding: 0 5px 12px;
	}
	.service .service-life ul li p{
		width: calc(100% - 525px);
		padding: 45px 45px 45px 0;
		font-size: 1.6rem;
	}
	.service .service-life .primary-btn{
		width: 360px;
		margin: 80px auto 0;
	}
	.service .service-life .bg-wave{
		height: 120px;
	}
	
	.service .service-safe{
		padding: 80px 0 180px;
	}
	.service .service-safe ul{
		width: 1024px;
		margin: 100px auto 0;
	}
	.service .service-safe ul li{
		padding: 0 130px 0 80px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.service .service-safe ul li + li{
		margin-top: 50px;
		padding: 0 100px 0 130px;
		flex-direction: row-reverse;
	}
	.service .service-safe ul li img{
		width: 402px;
	}
	.service .service-safe ul li + li img{ width: 347px; }
	.service .service-safe ul li div{ width: 330px; }
	.service .service-safe ul li h3{
		margin-top: 0;
		line-height: 3.6rem;
		font-size: 2.4rem;
	}
	.service .service-safe ul li p{ margin-top: 30px; }
	.service .service-safe .primary-btn{
		width: 520px;
		margin: 80px auto 0;
	}
	.service .service-child{
		padding-top: 80px;
	}
	.service .service-child .bg-wave{
		width: 100%;
		height: 110px;
		top: -110px;
	}
	.service .service-child ul{
		width: 1024px;
		margin: 50px auto 0;
		display: flex;
		gap: 65px;
		font-size: 1.6rem;
	}
	.service .service-child ul li{ width: calc(100% / 3 - 20px); }
	.service .service-child ul li img{ width: 100%; }
	.service .service-child ul li h3{
		font-size: 2.4rem;
	}
	.service .service-child ul li p{
		margin-top: 25px;
		font-size: 1.6rem;
	}
	.service .service-child ul li sup{ top: .4em; }
	.service .service-child ul li small{
		margin-top: 25px;
		font-size: 1.3rem;
	}
	.service .service-child .primary-btn{
		width: 520px;
		margin: 80px auto 0;
	}
	.service .service-child .service-child-support{
		width: 685px;
		margin: 130px auto 0;
		padding: 15px;
		border-radius: 30px;
	}
	.service .service-child .service-child-support::before{
		width: 220px;
		height: 110px;
		border-radius: 50% / 100% 100% 0 0;
		top: -75px;
	}
	.service .service-child .service-child-support::after{
		width: 200px;
		height: 100px;
		border-radius: 50% / 100% 100% 0 0;
		border: 2px dotted #fc6866;
		top: -65px;
	}
	.service .service-child .service-child-support div{
		padding: 40px;
		border: 2px dotted #fb6866;
		border-radius: 25px;
	}
	.service .service-child .service-child-support h4 span{
		width: 200px;
		height: 200px;
		font-size: 2.2rem;
		top: -75px;
	}
	.service .service-child .service-child-support h4 span::before{
		content: "";
		width: 41px;
		height: 32px;
		margin: 25px auto 3px;
		display: block;
		background: url(../../img/service/service-child-support-mark.webp)no-repeat center center / 100%;
	}
	.service .service-child .service-child-support h4 img{
		width: 318px;
		margin: 15px auto 0;
		display: block;
	}
	.service .service-child .service-child-support p{
		margin: 35px auto 0;
		font-size: 1.6rem;
	}
	.service .service-child .service-child-support p + p{
		width: 332px;
		height: 76px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 25px;
		font-size: 2rem;
		border-radius: 10px;
	}
	.service .service-child .service-child-support p + p strong{
		letter-spacing: .34em;
		font-size: 3.4rem;
	}
	.service-history{
		margin-top: 140px;
		padding: 50px 0;
	}
	.service-history ul{
		width: 1024px;
		margin: 0 auto;
		display: flex;
		gap: 30px;
	}
	.service-history ul li{
		width: calc(50% - 15px);
	}
	.service-history ul a{
		padding: 25px 30px 40px;
		border-radius: 15px;
		display: block;
		background: #fff;
	}
	.service .foot-media,
	.service .foot-mixnuts{ margin-top: 120px; }
	.service .foot-cvparts{ margin-top: 230px; }
}
@media (any-hover: hover) {
	.service .service-safe ul li a:hover{ color: var(--color_green); }
}

/*---------------------------------
	ご利用ガイド
---------------------------------*/
.guide .guide-area{
	padding-bottom: 26.667vw;
	position: relative;
}
.guide .guide-area > div{
	width: calc(100% - 10.667vw);
	margin: 16vw auto 0;
}
.guide .guide-area h2{ margin-bottom: 8vw; }
.guide .guide-area img{ width: 100%; }
.guide .guide-area h3{
	margin-top: 8vw;
	color: var(--color_green);
	line-height: 7.2vw;
	font-size: 4.8vw;
}
.guide .guide-area h3 + p{
	margin-top: 4vw;
	font-weight: 400;
	font-size: 3.467vw;
}
.guide .guide-area .guide-area-detail{
	margin-top: 8vw;
	border: 0.533vw solid var(--color_gray);
	border-radius: 4vw;
	background: #fff;
}
.guide .guide-area .guide-area-detail button{
	width: 100%;
	height: 18.667vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4vw;
	font-weight: bold;
	position: relative;
}
.guide .guide-area .guide-area-detail button::after{
	content: "";
	width: 6.667vw;
	height: 6.667vw;
	display: block;
	margin: auto 0;
	mask: url(../img/icon-open.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-open.svg) no-repeat center center / contain;
	background: var(--color_gray);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5.333vw;
}
.guide .guide-area .guide-area-detail button.open::after{
	mask: url(../img/icon-close.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-close.svg) no-repeat center center / contain;
}
.guide .guide-area .guide-area-detail div{
	width: calc(100% - 5.333vw);
	margin: 0 auto;
	padding: 5.333vw 0 10.667vw;
	display: none;
	border-top: 0.267vw solid #dcdcdc;
	font-size: 4vw;
}
.guide .guide-area .guide-area-detail div p{ font-weight: 400; }
.guide .guide-area .guide-area-detail div h4{margin-top: 5.333vw; }
.guide .guide-area .guide-area-detail div h4::before{
	content: "■";
	speak: none;
}
.guide .guide-area .guide-area-detail div ul + h4{ margin-top: 8vw; }
.guide .guide-area .guide-area-detail div ul{ margin-top: 0.8vw; }
.guide .guide-area .guide-area-detail div ul li{
	display: inline;
	font-weight: 400;
}
.guide .guide-area .guide-area-detail div ul li::before{
	content: "・";
	speak: none;
}
.guide .guide-area .bg-wave{
	width: 100%;
	height: 13.333vw;
	display: block;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.guide .guide-price{
	padding: 13.333vw 0 29.333vw;
	background: var(--color_bg01);
	position: relative;
}
.guide .guide-price > div{
	width: calc(100% - 10.667vw);
	margin: 10.667vw auto 0;
}
.guide .guide-price .price-top{
	height: 26.667vw;
	border: 0.533vw solid var(--color_green);
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	position: relative;
}
.guide .guide-price .price-top::after{
	content: "";
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-right: 6.667vw solid transparent;
	border-left: 6.667vw solid transparent;
	border-top: 5.333vw solid var(--color_green);
	border-bottom: 0;
	position: absolute;
	bottom: -5.334vw;
}
.guide .guide-price .price-top dl{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5.333vw;
}
.guide .guide-price .price-top dl dt{
	width: 42.667vw;
	height: 11.467vw;
	border-radius: 100vmax;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color_green);
}
.guide .guide-price .price-top dl dd{
	color: var(--color_green);
	font-size: 9.067vw;
	font-weight: 700;
}
.guide .guide-price .price-middle{
	margin-top: 9.333vw;
}
.guide .guide-price .price-middle > div{
	display: flex;
	flex-wrap: wrap;
	gap: 4vw;
}
.guide .guide-price .price-middle > div *{ flex-grow: 1; }
.guide .guide-price .price-middle .price-middle-box{
	width: 100%;
	padding-bottom: 9.333vw;
	border: 0.533vw solid var(--color_green);
	border-radius: 4vw;
	background: #fff;
	overflow: hidden;
}
.guide .guide-price .price-middle .price-middle-box div{
	padding: 0 5.333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.guide .guide-price .price-middle .price-middle-box div p{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4.8vw;
}
.guide .guide-price .price-middle .price-middle-box div p::after{
	content: "＋";
	padding: 0px 2.667vw;
	font-size: 8vw;
}
.guide .guide-price .price-middle .price-middle-box + p{
	margin-top: 3.2vw;
	letter-spacing: 0;
	font-size: 3.467vw;
	font-weight: 400;
}
.guide .guide-price .price-middle .price-middle-box h3{
	height: 14.667vw;
	margin-bottom: 5.333vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: auto auto;
	background-color: var(--color_yellow);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.8vw, #fffa9f 0.8vw, #fffa9f 1.6vw );
}
.guide .guide-price .price-middle .price-middle-box h3::before,
.guide .guide-price .price-middle .price-middle-box h3::after{
	padding: 0 0.8vw;
	speak: none;
}
.guide .guide-price .price-middle .price-middle-box h3::before{ content: "＼"; }
.guide .guide-price .price-middle .price-middle-box h3::after{ content: "／"; }
.guide .guide-price .price-middle .price-middle-box dl{ font-weight: 700; }
.guide .guide-price .price-middle .price-middle-box:not(:nth-of-type(2)) dl{ text-align: center; }
.guide .guide-price .price-middle .price-middle-box dd{
	margin-top: 4vw;
	color: var(--color_green);
	line-height: 6.4vw;
	font-size: 6.4vw;
}
.guide .guide-price .price-middle .price-middle-box dd span{
	margin-right: 2.667vw;
	letter-spacing: -.05em;
	font-family: var(--font_eng);
	font-size: 12.267vw;
}
.guide .guide-price .price-middle .price-middle-box dd sup{
	font-size: 3.467vw;
	top: auto;
	bottom: -3.2vw;
	left: 0.533vw;
}
.guide .guide-price .price-middle .price-middle-box dd small{ font-size: 3.467vw; }
.guide .guide-price .price-middle ul{
	margin-top: 8vw;
	padding: 8vw 4vw 6.667vw;
	border-radius: 4vw;
	font-size: 3.733vw;
	background: var(--color_green);
	position: relative;
}
.guide .guide-price .price-middle ul::before{
	content: "";
	width: 0;
	height: 0;
	margin-left: 48vw;
	border-style: solid;
	border-right: 4.533vw solid transparent;
	border-left: 4.533vw solid transparent;
	border-bottom: 18.667vw solid var(--color_green);
	border-top: 0;
	position: absolute;
	top: -16.7vw;
}
.guide .guide-price .price-middle ul li h3{
	color: #fff;
	display: flex;
	font-size: 3.733vw;
}
.guide .guide-price .price-middle ul li h3 .price-middle-label{
	width: 46.667vw;
	height: 10.4vw;
	border-radius: 100vmax;
	color: var(--color_green);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 9.067vw;
	font-size: 4.267vw;
	background: #fff;
}
.guide .guide-price .price-middle ul li:nth-of-type(1){
	display: flex;
	gap: 2.667vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) h3{
	width: 50.667vw;
	flex-wrap: wrap;
	text-indent: 2.667vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) h3 > span{
	margin-top: 2.667vw;
	display: flex;
	align-items: center;
	gap: 1.333vw;
	text-indent: 0;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) dl{
	color: #fffa9f;
	font-size: 3.733vw;
	font-weight: 700;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd{
	margin-top: 2.667vw;
	display: flex;
	align-items: end;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd span{
	margin-right: 2.133vw;
	letter-spacing: -.05em;
	line-height: 9.067vw;
	font-family: var(--font_eng);
	font-size: 12vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd small{
	display: flex;
	flex-direction: column-reverse;
	text-align: center;
	line-height: 1;
	font-size: 4.8vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd small small{ font-size: 2.133vw; }
.guide .guide-price .price-middle ul li:nth-of-type(2){
	margin-top: 5.333vw;
	padding-top: 4vw;
	border-top: 0.267vw dotted #fff;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) div{
	display: flex;
	align-items: center;
	gap: 2.133vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) h3{
	align-items: center;
	gap: 1.333vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) h3 .price-middle-label{
	width: 37.333vw;
	background: #e4f7ce;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) p{
	color: #fffa9f;
	display: flex;
	align-items: end;
	line-height: 1;
	font-size: 4.8vw;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) p span{
	margin-right: 2.133vw;
	letter-spacing: -.05em;
	line-height: 8vw;
	font-size: 12vw;
	font-weight: 700;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(1) p span{ font-family: var(--font_eng); }
.guide .guide-price .price-middle ul li:nth-of-type(2) p small{ font-size: 3.467vw; }
.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(2){
	margin-top: 2.667vw;
	align-items: flex-start;
}
.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(2) p span{
	letter-spacing: 0;
	font-size: 8.533vw;
}
.guide .guide-price .price-bottom ul{
	margin-bottom: 2.667vw;
	text-align: center;
}
.guide .guide-price .price-bottom ul li{
	margin-top: 2.667vw;
	padding: 5.333vw 0 8vw;
	border-radius: 4vw;
	border: 0.533vw dotted var(--color_green);
	font-size: 3.733vw;
	font-weight: 700;
	background: #fff;
}
.guide .guide-price .price-bottom ul li + li{
	border: 0.533vw dotted var(--color_orange);
	background: #fffdd0;
}
.guide .guide-price .price-bottom ul li h3{
	width: 61.333vw;
	height: 10.667vw;
	margin: 0 auto;
	color: #fff;
	letter-spacing: 0;
	line-height: 10.667vw;
	font-size: 4.8vw;
	background: var(--color_green);
	position: relative;
}
.guide .guide-price .price-bottom ul li + li h3{ background: var(--color_orange); }
.guide .guide-price .price-bottom ul li h3::before,
.guide .guide-price .price-bottom ul li h3::after {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	z-index: 1;
}
.guide .guide-price .price-bottom ul li h3::before {
	border-width: 5.333vw 0px 5.333vw 4vw;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	top: 0;
	left: 0;
}
.guide .guide-price .price-bottom ul li h3::after {
	border-width: 5.333vw 4vw 5.333vw 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	top: 0;
	right: 0;
}
.guide .guide-price .price-bottom ul li + li h3::before{ border-color: transparent transparent transparent #fffdd0; }
.guide .guide-price .price-bottom ul li + li h3::after{ border-color: transparent #fffdd0 transparent transparent; }
.guide .guide-price .price-bottom ul li dl dt{
	margin-top: 5.333vw;
	font-size: 3.733vw;
}
.guide .guide-price .price-bottom ul li + li dl dt{
	display: inline-block;
	padding: 0 1.333vw;
	font-size: 4.267vw;
	background: linear-gradient(transparent 60%, var(--color_yellow) 60%);
}
.guide .guide-price .price-bottom ul li dl dd{
	margin-top: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.667vw;
	line-height: 7.467vw;
	color: var(--color_green);
	font-size: 8vw;
}
.guide .guide-price .price-bottom ul li + li dl dd{ color: var(--color_orange); }
.guide .guide-price .price-bottom ul li dl dd span{
	width: 26.667vw;
	height: 7.2vw;
	border-radius: 100vmax;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4vw;
	background: var(--color_green);
}
.guide .guide-price .price-bottom ul li + li dl dd span{ background: var(--color_orange); }
.guide .guide-price .price-bottom > p{
	line-height: 6.067vw;
	font-size: 3.467vw;
	font-weight: 400;
}
.guide .guide-price > p span{
	margin: 10.667vw auto 0;
	display: block;
	text-align: center;
	font-size: 3.733vw;
	font-weight: 700;
}
.guide .guide-price .price-bottom > p a{
	color: var(--color_gray);
	text-decoration: underline;
}
.guide .guide-price > p span::before,
.guide .guide-price > p span::after{
	padding: 0 1.333vw;
	speak: none;
}
.guide .guide-price > p span::before{ content: "＼"; }
.guide .guide-price > p span::after{ content: "／"; }
.guide .guide-price > p .primary-btn{
	width: 89.333vw;
	margin: 2.667vw auto 0;
}
.guide .guide-price .bg-wave{
	width: 100%;
	height: 16vw;
	display: block;
	position: absolute;
	bottom: 0;
}
.guide .guide-join{
	width: calc(100% - 10.667vw);
	margin: 16vw auto 0;
	padding-bottom: 26.667vw;
	position: relative;
}
.guide .guide-join ol{ margin-top: 9.333vw; }
.guide .guide-join ol li{
	display: flex;
	gap: 4vw;
	letter-spacing: 0;
	font-size: 4vw;
}
.guide .guide-join ol li + li{ margin-top: 8vw;}
.guide .guide-join ol li > p{
	width: 32vw;
	text-align: center;
	position: relative;
}
.guide .guide-join ol li:not(:last-child) > p::after{
	content: "";
	width: 9.067vw;
	height: 3.2vw;
	margin: 8vw auto 0;
	display: block;
	background: url(../../img/guide/guide-joinarrow.webp) no-repeat center center / 100%;
	rotate: 90deg;
}
.guide .guide-join ol li p img{ width: 18.133vw; }
.guide .guide-join ol li:nth-of-type(2) p img{ width: 21.6vw; }
.guide .guide-join ol li:nth-of-type(3) p img{ width: 16.533vw; }
.guide .guide-join ol li:nth-of-type(4) p img{ width: 32.267vw; }
.guide .guide-join ol li div h3 img,
.guide .guide-join ol li:nth-of-type(4) div h3 img{ width: 14.4vw; }
.guide .guide-join ol li:nth-of-type(2) div h3 img{ width: 15.2vw; }
.guide .guide-join ol li:nth-of-type(3) div h3 img{ width: 14.667vw; }
.guide .guide-join ol li div p{ margin-top: 3.2vw; }
.guide .guide-join ol li div small{
	margin-top: 5.333vw;
	display: block;
	font-size: 3.467vw;
	font-weight: 400;
}
.guide .guide-join .primary-btn{
	width: 89.333vw;
	margin-top: 12vw;
}
.guide .guide-order{
	padding: 16vw 0 24vw;
	background: var(--color_bg01);
	position: relative;
}
.guide .guide-order .bg-wave{
	width: 100%;
	height: 10.667vw;
	display: block;
	position: absolute;
	top: -10.667vw;
}
.guide .guide-order div{
	width: calc(100% - 10.667vw);
	margin: 13.333vw auto 0;
}
.guide .guide-order ol{
	margin-top: 13.333vw;
	counter-reset: guide-order-listnum;
}
.guide .guide-order ol li + li{ margin-top: 12vw; }
.guide .guide-order ol li h3{
	height: 10.667vw;
	margin: 0 0 5.333vw 13.333vw;
	border-bottom: 0.533vw dotted var(--color_green);
	display: flex;
	color: var(--color_green);
	font-size: 4.8vw;
	position: relative;
}
.guide .guide-order ol li h3::before{
	content: "";
	width: 10.667vw;
	height: 10.667vw;
	counter-increment: guide-order-listnum;
	content: counter(guide-order-listnum);
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 5.333vw;
	font-family: var(--font_eng);
	background: var(--color_green);
	position: absolute;
	left: -13.333vw;
}
.guide .guide-order ol li p{
	margin-top: 4vw;
	letter-spacing: 0;
	font-size: 4vw;
}
.guide .guide-order ol li p small{
	font-size: 3.467vw;
	font-weight: 400;
}
.guide .guide-order ul{
	width: calc(100% - 10.667vw);
	margin: 13.333vw auto 0;
	display: flex;
	gap: 5.333vw;
}
.guide .guide-order ul li{
	width: calc(100% - 2.667vw);
	height: 42.667vw;
	padding: 4vw;
	border: 0.533vw solid #f0dfca;
	border-radius: 4vw;
	text-align: center;
	font-weight: 700;
	background: #fff url(../../img/guide/guide-orderimg01.webp)no-repeat center bottom -0.533vw / 14.667vw;
}
.guide .guide-order ul li + li{ background: #fff url(../../img/guide/guide-orderimg02.webp)no-repeat center bottom -0.533vw / 32.8vw; }
.guide .guide-order ul li small{
	display: block;
	line-height: 1.4;
	font-size: 3.2vw;
	font-weight: 400;
}
.guide .guide-order ul + p{
	margin: 5.333vw auto 0;
	text-align: center;
	font-size: 4.8vw;
	font-weight: 700;
}
.guide .guide-order ul + p span{
	padding: 0 1.333vw 4vw;
	display: inline-block;
	background: linear-gradient(transparent 97%, var(--color_gray) 60%);
}
.guide .guide-order .primary-btn{
	width: 89.333vw;
	margin: 16vw auto 0;
}
@media screen and (min-width: 768px) {
	.guide .guide-area{ padding-bottom: 19.531vw; }
	.guide .guide-area > div{
		width: 95.703vw;
		margin: 9.766vw auto 0;
	}
	.guide .guide-area h2{ margin-bottom: 7.813vw; }
	.guide .guide-area h2 sup{
		font-size: 1.465vw;
		top: .4em;
	}
	.guide .guide-area h2 + div{
		width: 89.844vw;
		margin: 0 auto;
		display: flex;
		align-items: center;
		gap: 5.859vw;
	}
	.guide .guide-area h2 + div > p{ width: 37.891vw; }
	.guide .guide-area h2 + div div{ width: calc(100% - 42.285vw); }
	.guide .guide-area h3{
		margin-top: 0;
		line-height: 1.5;
		font-size: 2.344vw;
	}
	.guide .guide-area h3 sup{
		font-size: 1.172vw;
		top: .3em;
	}
	.guide .guide-area h3 + p{
		margin-top: 3.418vw;
		letter-spacing: 0;
		font-size: 1.367vw;
	}
	.guide .guide-area .guide-area-detail{
		margin-top: 5.859vw;
		border-radius: 1.465vw;
		border: 0.195vw solid var(--color_gray);
	}
	.guide .guide-area .guide-area-detail button{
		height: 8.594vw;
		font-size: 1.758vw;
	}
	.guide .guide-area .guide-area-detail button::after{
		width: 3.906vw;
		height: 3.906vw;
		right: 4.395vw;
	}
	.guide .guide-area .guide-area-detail div{
		width: 91.797vw;
		padding: 3.906vw 1.953vw 5.371vw;
		border-top: 0.098vw solid #dcdcdc;
		font-size: 1.563vw;
	}
	.guide .guide-area .guide-area-detail div h4{ margin-top: 4.883vw; }
	.guide .guide-area .guide-area-detail div ul + h4{ margin-top: 3.418vw; }
	.guide .guide-area .guide-area-detail div ul{
		margin-top: 0.293vw;
		line-height: 1.5;
	}
	.guide .guide-area .bg-wave{ height: 12.695vw; }
	.guide .guide-price{ padding: 4.883vw 0 16.602vw; }
	.guide .guide-price > div{
		width: 95.703vw;
		margin: 4.883vw auto 0;
	}
	.guide .guide-price .price-top{
		width: 42.578vw;
		height: 11.23vw;
		margin: 0 auto;
		padding: 0 3.906vw;
		border: 0.195vw solid var(--color_green);
		justify-content: start;
	}
	.guide .guide-price .price-top::after{
		border-right: 2.734vw solid transparent;
		border-left: 2.734vw solid transparent;
		border-top: 2.148vw solid var(--color_green);
		bottom: -2.344vw;
		left: 0;
		right: 0;
	}
	.guide .guide-price .price-top dl{ gap: 4.883vw; }
	.guide .guide-price .price-top dl dt{
		width: 17.188vw;
		height: 4.492vw;
		font-size: 1.758vw;
	}
	.guide .guide-price .price-top dl dd{ font-size: 3.906vw; }
	.guide .guide-price .price-middle{
		width: 77.148vw;
		margin: 6.836vw auto 0;
	}
	.guide .guide-price .price-middle > div{
		flex-wrap: nowrap;
		gap: 1.953vw;
	}
	.guide .guide-price .price-middle > div *{ flex-grow: unset; }
	.guide .guide-price .price-middle > div > div:nth-of-type(1) .price-middle-box,
	.guide .guide-price .price-middle > div > div:nth-of-type(2){ height: 19.434vw; }
	.guide .guide-price .price-middle > div > div:nth-of-type(1){ width: 30.664vw; }
	.guide .guide-price .price-middle > div > div:nth-of-type(2){ width: 44.922vw; }
	.guide .guide-price .price-middle .price-middle-box{
		padding-bottom: 3.906vw;
		border: 0.195vw solid var(--color_green);
		border-radius: 1.465vw;
	}
	.guide .guide-price .price-middle .price-middle-box div{ padding: 0; }
	.guide .guide-price .price-middle .price-middle-box div p{
		font-size: 2.148vw;
	}
	.guide .guide-price .price-middle .price-middle-box div p::after{
		padding: 0px 2.93vw 0 3.906vw;
		font-size: 2.93vw;
	}
	.guide .guide-price .price-middle .price-middle-box + p{
		margin-top: 1.465vw;
		letter-spacing: -0.015em;
		font-size: 1.23vw;
	}
	.guide .guide-price .price-middle .price-middle-box h3{
		height: 5.371vw;
		margin-bottom: 1.953vw;
		font-size: 1.758vw;
		background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.293vw, #fffa9f 0.293vw, #fffa9f 0.586vw );
	}
	.guide .guide-price .price-middle .price-middle-box h3::before,
	.guide .guide-price .price-middle .price-middle-box h3::after{ padding: 0 0.586vw; }
	.guide .guide-price .price-middle .price-middle-box:not(:nth-of-type(2)) dl{ text-align: center; }
	.guide .guide-price .price-middle .price-middle-box dd{
		margin-top: 1.465vw;
		line-height: 2.93vw;
		font-size: 2.344vw;
	}
	.guide .guide-price .price-middle .price-middle-box dd span{
		margin-right: 1.172vw;
		font-size: 4.883vw;
	}
	.guide .guide-price .price-middle .price-middle-box dd sup{
		font-size: 1.27vw;
		top: auto;
		bottom: -1.172vw;
		left: 0.195vw;
	}
	.guide .guide-price .price-middle .price-middle-box dd small{ font-size: 1.27vw; }
	.guide .guide-price .price-middle ul{
		height: 16.602vw;
		margin-top: 2.441vw;
		padding: 2.441vw 2.93vw;
		border-radius: 1.465vw;
		border: 0.195vw solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.563vw;
	}
	.guide .guide-price .price-middle ul::before{
		margin-left: 44.922vw;
		border-right: 2.148vw solid transparent;
		border-left: 2.148vw solid transparent;
		border-bottom: 8.789vw solid var(--color_green);
		top: -8.789vw;
		z-index: 1;
	}
	.guide .guide-price .price-middle ul::after{
		margin-left: 44.922vw;
		border-right: 2.344vw solid transparent;
		border-left: 2.344vw solid transparent;
		border-bottom: 8.984vw solid #fff;
		position: absolute;
		top: -8.984vw;
	}
	.guide .guide-price .price-middle ul li h3{ font-size: 1.563vw; }
	.guide .guide-price .price-middle ul li h3 .price-middle-label{
		width: 17.09vw;
		height: 3.809vw;
		line-height: 3.711vw;
		font-size: 1.563vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1){
		align-items: center;
		gap: 0.977vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) h3{
		width: 19.043vw;
		text-indent: 0.977vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) h3 > span{
		margin-top: 0.977vw;
		gap: 0.977vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl{ font-size: 1.66vw; }
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd{
		margin-top: 0.977vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd span{
		margin-right: 0.684vw;
		line-height: 4.883vw;
		font-size: 5.859vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd small{
		line-height: 1.172vw;
		font-size: 2.344vw;
		position: relative;
		top: -0.879vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd small small{ font-size: 1.074vw; }
	.guide .guide-price .price-middle ul li:nth-of-type(2){
		width: 35.156vw;
		height: 100%;
		margin: 0 0 0 2.93vw;
		padding: 0 0 0 2.93vw;
		border-top: none;
		border-left: 0.195vw dotted #fff;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(2) div{
		gap: 0.781vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(2) h3{
		gap: 0.488vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(2) h3 .price-middle-label{ width: 13.672vw; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) p{ font-size: 2.344vw; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) p span{
		margin-right: 0.781vw;
		line-height: 2.93vw;
		font-size: 4.883vw;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(2) p small{ font-size: 1.367vw; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(2){ margin-top: 1.465vw; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(2) p span{ font-size: 3.906vw; }
	.guide .guide-price .price-bottom{
		width: 77.148vw;
		margin: 0 auto;
	}
	.guide .guide-price .price-bottom ul{
		margin: 1.465vw 0;
		display: flex;
	}
	.guide .guide-price .price-bottom ul li{
		width: 37.793vw;
		height: 17.188vw;
		margin-top: 0;
		padding: 1.953vw 0 2.441vw;
		border-radius: 1.465vw;
		border: 0.195vw dotted var(--color_green);
		font-size: 1.367vw;
	}
	.guide .guide-price .price-bottom ul li + li{
		margin-left: 1.465vw;
		border: 0.195vw dotted var(--color_orange);
	}
	.guide .guide-price .price-bottom ul li h3{
		width: 27.832vw;
		height: 3.906vw;
		line-height: 3.906vw;
		font-size: 1.758vw;
	}
	.guide .guide-price .price-bottom ul li h3::before { border-width: 1.953vw 0px 1.953vw 1.465vw; }
	.guide .guide-price .price-bottom ul li h3::after { border-width: 1.953vw 1.465vw 1.953vw 0px; }
	.guide .guide-price .price-bottom ul li dl dt{
		margin-top: 1.465vw;
		font-size: 1.367vw;
		font-weight: 500;
	}
	.guide .guide-price .price-bottom ul li + li dl dt{
		margin-top: 0.977vw;
		padding: 0 0.488vw;
		font-size: 1.563vw;
		background: linear-gradient(transparent 50%, var(--color_yellow) 50%);
	}
	.guide .guide-price .price-bottom ul li dl dd{
		margin-top: 0.977vw;
		gap: 0.977vw;
		line-height: 2.93vw;
		font-size: 2.93vw;
	}
	.guide .guide-price .price-bottom ul li + li dl dd{ margin-top: 1.27vw; }
	.guide .guide-price .price-bottom ul li dl dd span{
		width: 9.766vw;
		height: 2.637vw;
		font-size: 1.465vw;
	}
	.guide .guide-price .price-bottom > p{
		margin-left: 23.926vw;
		letter-spacing: 0;
		line-height: 1.7;
		font-size: 1.27vw;
		font-weight: 400;
	}
	.guide .guide-price > p span{
		margin: 6.836vw auto 0;
		font-size: 1.563vw;
	}
	.guide .guide-price > p span::before,
	.guide .guide-price > p span::after{ padding: 0 0.488vw; }
	.guide .guide-price > p .primary-btn{
		width: 41.016vw;
		margin: 1.465vw auto 0;
	}
	.guide .guide-price .bg-wave{ height: 11.719vw; }
	.guide .guide-join{
		width: 95.703vw;
		margin: 6.836vw auto 0;
		padding-bottom: 19.531vw;
	}
	.guide .guide-join ol{
		margin-top: 6.836vw;
		display: flex;
		gap: 3.906vw;
	}
	.guide .guide-join ol li{
		width: calc(100% / 4 - 1.953vw);
		display: block;
		text-align: center;
		font-size: 1.563vw;
		position: relative;
	}
	.guide .guide-join ol li + li{ margin-top: 0;}
	.guide .guide-join ol li > p{
		width: 11.719vw;
		height: 13.184vw;
		margin: 4.883vw auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.guide .guide-join ol li div h3{
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.guide .guide-join ol li:not(:last-child) > p::after{
		content: "";
		width: 3.809vw;
		height: 1.172vw;
		margin: auto 0;
		position: absolute;
		top: 4.883vw;
		right: -8.301vw;
		rotate: none;
	}
	.guide .guide-join ol li p img{ width: 8.887vw; }
	.guide .guide-join ol li:nth-of-type(2) p img{ width: 10.645vw; }
	.guide .guide-join ol li:nth-of-type(3) p img{ width: 8.203vw; }
	.guide .guide-join ol li:nth-of-type(4) p img{ width: 15.82vw; }
	.guide .guide-join ol li div h3 img{ margin: 0 auto; }
	.guide .guide-join ol li div h3 img,
	.guide .guide-join ol li:nth-of-type(3) div h3 img{ width: 7.227vw; }
	.guide .guide-join ol li:nth-of-type(2) div h3 img,
	.guide .guide-join ol li:nth-of-type(4) div h3 img{ width: 7.324vw; }
	.guide .guide-join ol li div p{ margin-top: 2.441vw; }
	.guide .guide-join ol li div small{
		margin-top: 1.465vw;
		font-size: 1.367vw;
	}
	.guide .guide-join .primary-btn{
		width: 41.016vw;
		margin: 3.906vw auto 0;
	}
	.guide .guide-order{ padding: 6.836vw 0 21.484vw; }
	.guide .guide-order .bg-wave{
		height: 14.648vw;
		top: -14.648vw;
	}
	.guide .guide-order div{
		width: 95.703vw;
		margin: 7.813vw auto 0;
		display: flex;
		justify-content: center;
		gap: 11.719vw;
	}
	.guide .guide-order div > h3{ width: 36.133vw; }
	.guide .guide-order ol{
		width: 50vw; 
		margin-top: 0;
	}
	.guide .guide-order ol li + li{ margin-top: 4.883vw; }
	.guide .guide-order ol li h3{
		height: 4.883vw;
		margin: 0 0 1.953vw 6.836vw;
		border-bottom: 0.195vw dotted var(--color_green);
		font-size: 1.953vw;
	}
	.guide .guide-order ol li h3::before{
		width: 4.883vw;
		height: 4.883vw;
		font-size: 2.344vw;
		left: -6.836vw;
	}
	.guide .guide-order ol li p{
		margin-top: 3.418vw;
		font-size: 1.563vw;
	}
	.guide .guide-order ol li p + p{ margin-top: 0.977vw; }
	.guide .guide-order ol li p small{ font-size: 1.367vw; }
	.guide .guide-order ol li p img{
		width: 36.816vw;
		margin: 2.93vw auto 0;
	}
	.guide .guide-order ul{
		width: 44.922vw;
		margin: 7.813vw auto 0;
		gap: 1.953vw;
	}
	.guide .guide-order ul li{
		width: calc(100% - 0.977vw);
		height: 19.531vw;
		padding: 1.953vw;
		border: 0.195vw solid #f0dfca;
		border-radius: 1.465vw;
		font-size: 1.953vw;
		background: #fff url(../../img/guide/guide-orderimg01.webp)no-repeat center bottom -0.195vw / 7.324vw;
	}
	.guide .guide-order ul li + li{ background: #fff url(../../img/guide/guide-orderimg02.webp)no-repeat center bottom -0.195vw / 16.406vw; }
	.guide .guide-order ul li small{
		line-height: 1.4;
		font-size: 1.367vw;
	}
	.guide .guide-order ul + p{
		margin: 2.93vw auto 0;
		font-size: 2.344vw;
	}
	.guide .guide-order ul + p span{ padding: 0 0.488vw 1.465vw; }
	.guide .guide-order .primary-btn{
		width: 41.016vw;
		margin: 7.813vw auto 0;
	}
}
@media screen and (min-width: 1025px) {
	.guide .guide-area{ padding-bottom: 200px; }
	.guide .guide-area > div{
		width: 1024px;
		margin: 100px auto 0;
	}
	.guide .guide-area h2{ margin-bottom: 80px; }
	.guide .guide-area h2 sup{ font-size: 15px; }
	.guide .guide-area h2 + div{
		width: 920px;
		gap: 60px;
	}
	.guide .guide-area h2 + div > p{ width: 388px; }
	.guide .guide-area h2 + div div{ width: calc(100% - 433px); }
	.guide .guide-area h3{ font-size: 2.4rem; }
	.guide .guide-area h3 sup{ font-size: 1.2rem; }
	.guide .guide-area h3 + p{
		margin-top: 35px;
		font-size: 1.4rem;
	}
	.guide .guide-area .guide-area-detail{
		margin-top: 60px;
		border: 2px solid var(--color_gray);
		border-radius: 15px;
	}
	.guide .guide-area .guide-area-detail button{
		height: 88px;
		font-size: 1.8rem;
	}
	.guide .guide-area .guide-area-detail button::after{
		width: 40px;
		height: 40px;
		right: 45px;
	}
	.guide .guide-area .guide-area-detail div{
		width: 940px;
		padding: 40px 20px 55px;
		border-top: 1px solid #dcdcdc;
		font-size: 1.6rem;
	}
	.guide .guide-area .guide-area-detail div h4{ margin-top: 50px; }
	.guide .guide-area .guide-area-detail div ul + h4{ margin-top: 35px; }
	.guide .guide-area .guide-area-detail div ul{ margin-top: 3px; }
	.guide .guide-area .bg-wave{ height: 130px; }
	.guide .guide-price{ padding: 50px 0 170px; }
	.guide .guide-price > div{
		width: 1024px;
		margin: 50px auto 0;
	}
	.guide .guide-price .price-top{
		width: 436px;
		height: 115px;
		margin: 0 auto;
		padding: 0 40px;
		border: 2px solid var(--color_green);
	}
	.guide .guide-price .price-top::after{
		border-right: 28px solid transparent;
		border-left: 28px solid transparent;
		border-top: 22px solid var(--color_green);
		bottom: -24px;
	}
	.guide .guide-price .price-top dl{ gap: 50px; }
	.guide .guide-price .price-top dl dt{
		width: 176px;
		height: 46px;
		font-size: 1.8rem;
	}
	.guide .guide-price .price-top dl dd{ font-size: 4rem; }
	.guide .guide-price .price-middle{
		width: 790px;
		margin: 70px auto 0;
	}
	.guide .guide-price .price-middle > div{ gap: 15px; }
	.guide .guide-price .price-middle > div > div:nth-of-type(1) .price-middle-box,
	.guide .guide-price .price-middle > div > div:nth-of-type(2){ height: 199px; }
	.guide .guide-price .price-middle > div > div:nth-of-type(1){ width: 314px; }
	.guide .guide-price .price-middle > div > div:nth-of-type(2){ width: 460px; }
	.guide .guide-price .price-middle .price-middle-box{
		padding-bottom: 40px;
		border: 2px solid var(--color_green);
		border-radius: 15px;
	}
	.guide .guide-price .price-middle .price-middle-box div p{ font-size: 2.2rem; }
	.guide .guide-price .price-middle .price-middle-box div p::after{
		padding: 0px 30px 0 40px;
		font-size: 3rem;
	}
	.guide .guide-price .price-middle .price-middle-box + p{
		margin-top: 15px;
		letter-spacing: -0.015em;
		font-size: 1.3rem;
	}
	.guide .guide-price .price-middle .price-middle-box h3{
		height: 55px;
		margin-bottom: 20px;
		font-size: 1.8rem;
		background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #fffa9f 3px, #fffa9f 6px );
	}
	
	.guide .guide-price .price-middle .price-middle-box h3::before,
	.guide .guide-price .price-middle .price-middle-box h3::after{ padding: 0 6px; }
	.guide .guide-price .price-middle .price-middle-box dd{
		margin-top: 15px;
		line-height: 30px;
		font-size: 2.4rem;
	}
	.guide .guide-price .price-middle .price-middle-box dd span{
		margin-right: 12px;
		font-size: 5rem;
	}
	.guide .guide-price .price-middle .price-middle-box dd sup{
		font-size: 1.3rem;
		bottom: -12px;
		left: 2px;
	}
	.guide .guide-price .price-middle .price-middle-box dd small{ font-size: 1.3rem; }
	.guide .guide-price .price-middle ul{
		height: 170px;
		margin-top: 25px;
		padding: 25px 30px;
		border-radius: 15px;
		border: 2px solid #fff;
		font-size: 1.6rem;
	}
	.guide .guide-price .price-middle ul::before{
		margin-left: 460px;
		border-right: 22px solid transparent;
		border-left: 22px solid transparent;
		border-bottom: 90px solid var(--color_green);
		top: -90px;
	}
	.guide .guide-price .price-middle ul::after{
		margin-left: 460px;
		border-right: 24px solid transparent;
		border-left: 24px solid transparent;
		border-bottom: 92px solid #fff;
		top: -92px;
	}
	.guide .guide-price .price-middle ul li h3{ font-size: 1.6rem; }
	.guide .guide-price .price-middle ul li h3 .price-middle-label{
		width: 175px;
		height: 39px;
		line-height: 38px;
		font-size: 1.6rem;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1){ gap: 10px; }
	.guide .guide-price .price-middle ul li:nth-of-type(1) h3{
		width: 195px;
		text-indent: 10px;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) h3 > span{
		margin-top: 10px;
		gap: 10px;
		text-indent: 0;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl{ font-size: 1.7rem }
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd{ margin-top: 10px; }
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd span{
		margin-right: 7px;
		line-height: 50px;
		font-size: 6rem;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd small{
		line-height: 12px;
		font-size: 2.4rem;
		top: -9px;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(1) dl dd small small{ font-size: 1.1rem; }
	.guide .guide-price .price-middle ul li:nth-of-type(2){
		width: 360px;
		margin: 0 0 0 30px;
		padding: 10px 0 10px 30px;
		border-left: 2px dotted #fff;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(2) div{ gap: 8px; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) h3{ gap: 5px; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) h3 .price-middle-label{ width: 140px; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) p{ font-size: 2.4rem; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) p span{
		margin-right: 8px;
		line-height: 30px;
		font-size: 5rem;
	}
	.guide .guide-price .price-middle ul li:nth-of-type(2) p small{ font-size: 1.4rem; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(2){ margin-top: 15px; }
	.guide .guide-price .price-middle ul li:nth-of-type(2) div:nth-of-type(2) p span{ font-size: 4rem; }
	.guide .guide-price .price-bottom{ width: 790px; }
	.guide .guide-price .price-bottom ul{ margin: 15px 0; }
	.guide .guide-price .price-bottom ul li{
		width: 387px;
		height: 176px;
		padding: 20px 0 25px;
		border-radius: 15px;
		border: 2px dotted var(--color_green);
		font-size: 1.4rem;
	}
	.guide .guide-price .price-bottom ul li + li{
		margin-left: 15px;
		border: 2px dotted var(--color_orange);
	}
	.guide .guide-price .price-bottom ul li h3{
		width: 285px;
		height: 40px;
		line-height: 40px;
		font-size: 1.8rem;
	}
	.guide .guide-price .price-bottom ul li h3::before { border-width: 20px 0px 20px 15px; }
	.guide .guide-price .price-bottom ul li h3::after { border-width: 20px 15px 20px 0px; }
	.guide .guide-price .price-bottom ul li dl dt{
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.guide .guide-price .price-bottom ul li + li dl dt{
		margin-top: 10px;
		padding: 0 5px;
		font-size: 1.6rem;
		background: linear-gradient(transparent 50%, var(--color_yellow) 50%);
	}
	.guide .guide-price .price-bottom ul li dl dd{
		margin-top: 10px;
		gap: 10px;
		line-height: 30px;
		font-size: 3rem;
	}
	.guide .guide-price .price-bottom ul li + li dl dd{ margin-top: 13px; }
	.guide .guide-price .price-bottom ul li dl dd span{
		width: 100px;
		height: 27px;
		font-size: 1.5rem;
	}
	.guide .guide-price .price-bottom > p{
		margin-left: 245px;
		font-size: 1.3rem;
		font-weight: 400;
	}
	.guide .guide-price > p span{
		margin: 70px auto 0;
		font-size: 1.6rem;
	}
	.guide .guide-price > p span::before,
	.guide .guide-price > p span::after{ padding: 0 5px; }
	.guide .guide-price > p .primary-btn{
		width: 360px;
		margin: 15px auto 0;
	}
	.guide .guide-price .bg-wave{ height: 120px; }
	.guide .guide-join{
		width: 1024px;
		margin: 70px auto 0;
		padding-bottom: 200px;
	}
	.guide .guide-join ol{
		margin-top: 70px;
		display: flex;
		gap: 40px;
	}
	.guide .guide-join ol li{
		width: calc(100% / 4 - 20px);
		font-size: 1.6rem;
	}
	.guide .guide-join ol li > p{
		width: 120px;
		height: 135px;
		margin: 50px auto 0;
	}
	.guide .guide-join ol li:not(:last-child) > p::after{
		width: 39px;
		height: 12px;
		top: 50px;
		right: -85px;
	}
	.guide .guide-join ol li p img{ width: 91px; }
	.guide .guide-join ol li:nth-of-type(2) p img{ width: 109px; }
	.guide .guide-join ol li:nth-of-type(3) p img{ width: 84px; }
	.guide .guide-join ol li:nth-of-type(4) p img{ width: 162px; }
	.guide .guide-join ol li div h3 img,
	.guide .guide-join ol li:nth-of-type(3) div h3 img{ width: 74px; }
	.guide .guide-join ol li:nth-of-type(2) div h3 img,
	.guide .guide-join ol li:nth-of-type(4) div h3 img{ width: 75px; }
	.guide .guide-join ol li div p{ margin-top: 25px; }
	.guide .guide-join ol li div small{
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.guide .guide-join .primary-btn{
		width: 360px;
		margin: 40px auto 0;
	}
	.guide .guide-order{ padding: 70px 0 220px; }
	.guide .guide-order .bg-wave{
		height: 150px;
		top: -150px;
	}
	.guide .guide-order div{
		width: 1024px;
		margin: 80px auto 0;
		gap: 120px;
	}
	.guide .guide-order div > h3{ width: 370px; }
	.guide .guide-order ol{ width: 512px; }
	.guide .guide-order ol li + li{ margin-top: 50px; }
	.guide .guide-order ol li h3{
		height: 50px;
		margin: 0 0 20px 70px;
		border-bottom: 2px dotted var(--color_green);
		font-size: 2rem;
	}
	.guide .guide-order ol li h3::before{
		width: 50px;
		height: 50px;
		font-size: 2.4rem;
		left: -70px;
	}
	.guide .guide-order ol li p{
		margin-top: 35px;
		font-size: 1.6rem;
	}
	.guide .guide-order ol li p + p{ margin-top: 10px; }
	.guide .guide-order ol li p small{ font-size: 1.4rem; }
	.guide .guide-order ol li p img{
		width: 377px;
		margin: 30px auto 0;
	}
	.guide .guide-order ul{
		width: 460px;
		margin: 80px auto 0;
		gap: 20px;
	}
	.guide .guide-order ul li{
		width: calc(100% - 10px);
		height: 200px;
		padding: 20px;
		border: 2px solid #f0dfca;
		border-radius: 15px;
		font-size: 2rem;
		background: #fff url(../../img/guide/guide-orderimg01.webp)no-repeat center bottom -2px / 75px;
	}
	.guide .guide-order ul li + li{ background: #fff url(../../img/guide/guide-orderimg02.webp)no-repeat center bottom -2px / 168px; }
	.guide .guide-order ul li small{ font-size: 1.4rem; }
	.guide .guide-order ul + p{
		margin: 30px auto 0;
		font-size: 2.4rem;
	}
	.guide .guide-order ul + p span{ padding: 0 5px 15px; }
	.guide .guide-order .primary-btn{
		width: 360px;
		margin: 80px auto 0;
	}
}
@media (any-hover: hover) {
	.guide .guide-area .guide-area-detail button:hover{ color: var(--color_green); }
	.guide .guide-area .guide-area-detail button:hover::after{ background: var(--color_green); }
	.guide .guide-price .price-bottom > p a:hover{ color: var(--color_green); }
}

/*---------------------------------
	商品一覧
---------------------------------*/

.item-renew .item-renew-main{
	width: calc(100% - 10.667vw);
	margin: 16vw auto 0;
}
.item-renew .item-renew-main > div a{
	color: var(--color_gray);
	text-decoration: underline;
}
.item-renew .item-renew-main{
	width: calc(100% - 10.667vw );
	margin: 16vw auto 0;
}
.item-renew .item-renew-main > p{
	margin: 10.667vw auto 0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.item-renew .item-renew-main > p span{
	display: inline-block;
	padding: .5em .7em;
	border-radius: 13.333vw 4vw 4vw 13.333vw;
	color: #fff;
	font-size: 3.2vw;
	position: relative;
}
.item-renew .item-renew-main > p span::before {
	content: "";
	width: 2.667vw;
	height: 2.667vw;
	margin-right: 3.467vw;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
}
.item-renew .item-renew-main > p .vegetable{ background: #abe26f; }
.item-renew .item-renew-main > p .meat{ background: #f48488; }
.item-renew .item-renew-main > p .fish{ background: #5fd1bf; }
.item-renew .item-renew-main > p .staple{ background: #f3966d; }
.item-renew .item-renew-main > p .seasoning{ background: #c18f59; }
.item-renew .item-renew-main > p .milk{ background: #48b2f0; }
.item-renew .item-renew-main > p .frozen{ background: #6c99ef; }
.item-renew .item-renew-main > p .lightmeal{ background: #fdb12c; }
.item-renew .item-renew-main > p .mealkit{ background: #8a8075; }
.item-renew .item-renew-main > p .shizenhastyle{ background: #24aa37; }
.item-renew .item-renew-main > p .baby{ background: #90c9cf; }
.item-renew .item-renew-main > div { display: flow-root; }
.item-renew .item-renew-main > div > *{ margin-top: 30px; }
.item-renew .item-renew-main > div img{
	width: auto;
	max-width: 100%;
	display: inline;
}
.item-renew .item-renew-main > div
.item-renew .item-renew-main > div table{ width: 100% !important; }
.item-renew .item-renew-main > div table br{ display: none; }
.item-renew .item-renew-main > div table th,
.item-renew .item-renew-main > div table td{ padding: 8px 15px; }
.item-renew .item-renew-main > div .aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.item-renew .item-renew-main > div .alignright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.item-renew .item-renew-main > div .alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.item-renew .item-renew-main > div{ margin-top: 10.667vw; }
.item-renew .item-renew-main > div h3{
	padding-left: 1em;
	display: flex;
	align-items: center;
	text-indent: -1em;
}
.item-renew .item-renew-main > div h3 span::before{
	content: "";
	width: 2.133vw;
	height: 1.4em;
	margin-right: 2.667vw;
	display: inline-block;
	vertical-align: middle;
	border-radius: 1.867vw;
	background: var(--color_green);
}
.item-renew .item-renew-main > div h4{
	padding: .5em 1em .4em;
	border-bottom: 2px solid var(--color_gray);
	position: relative;
}
.item-renew .item-renew-main > div h4::before,
.item-renew .item-renew-main > div h4::after{
	content: "";
	width: 30px;
	height: 15px;
	position: absolute;
	left: 30px;
	bottom: -15px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.item-renew .item-renew-main > div h4::before{ background-color: var(--color_gray); }
.item-renew .item-renew-main > div h4::after{
	background-color: #fff;
	bottom: -12px;
}
.item-renew .item-renew-main > div h5{
	padding: .5em 1em;
	border: 0.533vw dashed #fff;
	background-color: var(--color_green);
	box-shadow: 0 0 0 2.133vw var(--color_green);
	color: #fff;
	border-radius: 0.8vw;
}
.item-renew .item-renew-main > div h6{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}
.item-renew .item-renew-main > div h6::before,
.item-renew .item-renew-main > div h6::after {
	content: "";
	width: 0.533vw;
	height: 6.4vw;
	border-radius: 0.267vw;
	display: inline-block;
	background: var(--color_gray);
}
.item-renew .item-renew-main > div h6::before {
	margin-right: .8em;
	transform: rotate(-30deg);
}
.item-renew .item-renew-main > div h6::after{
	margin-left: .8em;
	transform: rotate(30deg);
}
.item-renew .item-renew-main > div a{
	color: var(--color_gray);
	text-decoration: underline;
}
.item-renew .item-renew-main > div ul,
.item-renew .item-renew-main > div ol{
	padding: 4vw 6.667vw;
	border-radius: 4vw;
	border: 2px dotted var(--color_gray)
}
.item-renew .item-renew-main > div ol{ counter-reset: item-main-listnum; }
.item-renew .item-renew-main > div ul li,
.item-renew .item-renew-main > div ol li{
	padding-left: 12vw;
	position: relative;
}
.item-renew .item-renew-main > div ul li + li,
.item-renew .item-renew-main > div ol li + li{ margin-top: 5.333vw; }
.item-renew .item-renew-main > div ul li::before,
.item-renew .item-renew-main > div ol li::before{
	content: "";
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background: var(--color_green);
}
.item-renew .item-renew-main > div ul li::before{
	width: 2.667vw;
	height: 2.667vw;
	top: .5em;
	left: 2.667vw;
}
.item-renew .item-renew-main > div ol li::before{
	content: "";
	width: 8vw;
	height: 8vw;
	counter-increment: item-main-listnum;
	content: counter(item-main-listnum);
	color: #fff;
	font-size: 4.8vw;
	font-family: var(--font_eng);
	left: 0;
}
.item-renew .item-renew-main .primary-btn{
	width: 89.333vw;
	margin: 21.333vw auto 32vw;
}
@media screen and (min-width: 768px) {
	.item-renew .item-renew-main{
		width: 95.703vw;
		margin: 5.859vw auto 0;
	}
	.item-renew .item-renew-main > p{
		margin: 3.906vw auto 0;
	}
	.item-renew .item-renew-main > p span{
		border-radius: 4.883vw 1.465vw 1.465vw 4.883vw;
		font-size: 1.367vw;
	}
	.item-renew .item-renew-main > p span::before{
		width: 0.977vw;
		height: 0.977vw;
		margin-right: 1.465vw;
	}
	.item-renew .item-renew-main > div{
		margin: 5.859vw auto;
	}
	.item-renew .item-renew-main > div h3 span::before{
		width: 0.781vw;
		margin-right: 0.977vw;
		border-radius: 0.684vw;
	}
	.item-renew .item-renew-main > div h4{ border-bottom: 2px solid var(--color_gray); }
	.item-renew .item-renew-main > div h5{
		border: 0.195vw dashed #fff;
		box-shadow: 0 0 0 0.781vw var(--color_green);
		border-radius: 0.293vw;
	}
	.item-renew .item-renew-main > div h6::before,
	.item-renew .item-renew-main > div h6::after {
		width: 0.195vw;
		height: 2.344vw;
		border-radius: 0.098vw;
	}
	.item-renew .item-renew-main > div ul,
	.item-renew .item-renew-main > div ol{
		padding: 1.465vw 3.418vw;
		border-radius: 1.465vw;
		border: 0.195vw dotted var(--color_gray);
	}
	.item-renew .item-renew-main > div ul li,
	.item-renew .item-renew-main > div ol li{
		padding-left: 4.395vw;
	}
	.item-renew .item-renew-main > div ul li + li,
	.item-renew .item-renew-main > div ol li + li{ margin-top: 1.953vw; }
	.item-renew .item-renew-main > div ul li::before{
		width: 0.977vw;
		height: 0.977vw;
		left: 0.977vw;
	}
	.item-renew .item-renew-main > div ol li::before{
		width: 2.93vw;
		height: 2.93vw;
		color: #fff;
		font-size: 1.758vw;
	}
	.item-renew .item-renew-main .primary-btn{
		width: 35.156vw;
		margin: 100px auto 140px;
	}
}
@media screen and (min-width: 1025px) {
	.item-renew .item-renew-main{
		width: 1024px;
		margin: 60px auto 0;
	}
	.item-renew .item-renew-main > p{
		width: 790px;
		margin: 40px auto 0;
	}
	.item-renew .item-renew-main > p span{
		border-radius: 50px 15px 15px 50px;
		font-size: 1.4rem;
	}
	.item-renew .item-renew-main > p span::before{
		width: 10px;
		height: 10px;
		margin-right: 15px;
	}
	.item-renew .item-renew-main > div{
		width: 790px;
		margin: 60px auto;
	}
	.item-renew .item-renew-main > div h3 span::before{
		width: 8px;
		margin-right: 10px;
		border-radius: 7px;
	}
	.item-renew .item-renew-main > div h5{
		border: 2px dashed #fff;
		box-shadow: 0 0 0 8px var(--color_green);
		border-radius: 3px;
	}
	.item-renew .item-renew-main > div h6::before,
	.item-renew .item-renew-main > div h6::after {
		width: 2px;
		height: 24px;
		border-radius: 1px;
	}
	.item-renew .item-renew-main > div ul,
	.item-renew .item-renew-main > div ol{
		padding: 15px 35px;
		border-radius: 15px;
		border: 2px dotted var(--color_gray);
	}
	.item-renew .item-renew-main > div ul li,
	.item-renew .item-renew-main > div ol li{
		padding-left: 45px;
	}
	.item-renew .item-renew-main > div ul li + li,
	.item-renew .item-renew-main > div ol li + li{ margin-top: 20px; }
	.item-renew .item-renew-main > div ul li::before{
		width: 10px;
		height: 10px;
		left: 10px;
	}
	.item-renew .item-renew-main > div ol li::before{
		width: 30px;
		height: 30px;
		color: #fff;
		font-size: 1.8rem;
	}
	.item-renew .item-renew-main .primary-btn{
		width: 360px;
		margin: 100px auto 140px;
	}
}
@media (any-hover: hover) {
	.item-renew .item-renew-main > div a:hover{ color: var(--color_green); }
}


/*---------------------------------
	商品について
---------------------------------*/
.product-lineup{
	width: calc(100% - 10.667vw);
	margin: 16vw auto 0;
}
.product-lineup > div{
	margin-top: 10.667vw;
	padding: 10.667vw 5.333vw;
	border-radius: 8vw;
	background: var(--color_bg02);
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.product-lineup > div + div{ margin-top: 2.667vw; }
.product-lineup > div::before{
	content: "";
	width: 56vw;
	height: 36vw;
	display: block;
	background: url(../../img/product/product-bg.svg)no-repeat center top / 100%;
	position: absolute;
	top: 0;
	z-index: -1;
}
.product-lineup > div:nth-child(even)::before{ left: 0; }
.product-lineup > div:nth-child(odd)::before{
	right: 0;
	transform: scale(-1, 1);
}
.product-lineup > div:nth-of-type(1)::before{ filter: invert(94%) sepia(5%) saturate(2897%) hue-rotate(26deg) brightness(100%) contrast(85%); }
.product-lineup > div:nth-of-type(2)::before{ filter: invert(82%) sepia(25%) saturate(490%) hue-rotate(339deg) brightness(105%) contrast(94%); }
.product-lineup > div:nth-of-type(3)::before{ filter: invert(85%) sepia(91%) saturate(400%) hue-rotate(337deg) brightness(106%) contrast(94%); }
.product-lineup > div:nth-of-type(4)::before{ filter: invert(82%) sepia(19%) saturate(1152%) hue-rotate(311deg) brightness(110%) contrast(98%); }
.product-lineup > div .lineup-title{
	padding-bottom: 4vw;
	border-bottom: 2px solid var(--color_gray);
	font-weight: 700;
}
.product-lineup > div .lineup-title,
.product-lineup > div .lineup-title + p{ margin: 0 2.667vw; }
.product-lineup > div:not(.babyfood) .lineup-title{ margin-top: 6.667vw; }
.product-lineup > div .lineup-title p{
	color: var(--color_green);
	font-size: 3.733vw;
}
.product-lineup > div .lineup-title h3{
	margin-top: 1.333vw;
	font-size: 5.333vw;
}
.product-lineup > div .lineup-title + p{
	margin-top: 6.667vw;
	font-size: 4vw;
}
.product-lineup > div:not(.babyfood) div ul{
	margin-top: 6.667vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.product-lineup > div:not(.babyfood) div ul li{ width: calc(100% / 3); }
.product-lineup .babyfood ul{
	margin-top: 6.667vw;
}
.product-lineup .babyfood ul li{
	padding: 5.333vw 4vw 8vw;
	border: 2px solid #f0dfca;
	border-radius: 4vw;
	background: #fff;
}
.product-lineup .babyfood ul li + li{ margin-top: 2.667vw; }
.product-lineup .babyfood ul li hgroup{
	margin-top: 6.667vw;
	text-align: center;
	font-weight: 700;
}
.product-lineup .babyfood ul li hgroup p{
	font-size: 3.467vw;
}
.product-lineup .babyfood ul li hgroup h4{
	margin-top: 1.333vw;
	color: #f76559;
}
.product-lineup > div .primary-btn{ margin-top: 8vw; }
.product-lineup > div p + p{
	margin-top: 6.667vw;
	text-align: center;
}
.product-lineup > div p + p a{
	color: var(--color_green);
	padding: 0 2.133vw 0.8vw;
	font-size: 3.467vw;
	font-weight: 700;
	background-image: linear-gradient(to right, var(--color_green), var(--color_green));
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.product-other {
	margin-top: 18.667vw;
	padding-bottom: 32vw;
	position: relative;
}
.product-other .bg-wave{
	width: 100%;
	height: 16vw;
	display: block;
	position: absolute;
	bottom: 0;
}
.product-other ul{
	width: 89.333vw;
	margin: 9.333vw auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8vw 3.9vw;
	justify-content: space-between;
}
.product-other ul li{ width: 42.667vw; }
.product-other ul li h3{ font-weight: 500; }
.product-other ul li img{ width: 100%; }
.product-other ul li .secondary-btn span{
	width: calc(100% - 5.333vw);
	margin: 0 auto;
	padding: 4vw 0 2.667vw;
	font-size: 3.733vw;
}
.product-other ul li .secondary-btn span:after{
	width: 4.267vw;
	height: 4.267vw;
}
.product-other .primary-btn{
	width: 89.333vw;
	margin: 10.667vw auto 0;
}
.product-other > div{
	width: 89.333vw;
	margin: 16vw auto 0;
	padding: 8vw 4vw;
	border-radius: 8vw;
	text-align: center;
	background: #E1F8C9;
}
.product-other > div div{ margin-top: 4vw; }
.product-other > div h4 img{
	width: 54.4vw;
	margin: 0 auto;
}
.product-other > div .secondary-btn{
	width: 56vw;
	margin: 0 auto;
	display: block;
}
.product-other > div .secondary-btn span{ padding: 4vw 0 4vw 4vw; }
.product-other > div .secondary-btn img{ width: 40.267vw; }
.product-safe{
	padding: 13.333vw 0 32vw;
	background: var(--color_bg01);
	position: relative;
}
.product-safe .bg-wave{
	width: 100%;
	height: 16vw;
	display: block;
	position: absolute;
	bottom: 0;
	transform: scale(-1, 1);
}
.product-safe > div{
	width: calc(100% - 10.667vw);
	margin: 0 auto;
}
.product-safe h2{
	margin-left: 4vw;
	line-height: 11.733vw;
	font-size: 4.8vw;
	position: relative;
}
.product-safe h2::before{
	content: "";
	width: 30.4vw;
	height: 41.333vw;
	background: url(../../img/product/product-safebg-sp.webp)no-repeat left top / 30.4vw;
	position: absolute;
	top: 12vw;
	right: 0;
	z-index: 1;
}
.product-safe h2 span{
	display: inline-block;
	background-image: linear-gradient(to right, var(--color_gray), var(--color_gray));
	background-size: 100% 2px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.product-safe h2 span span{ color: var(--color_orange); }

.product-safe div div{
	margin: 6.667vw auto 0;
	padding: 1.867vw;
	border-radius: 8vw;
	background: #fff;
	position: relative;
	box-shadow: 0px 0px 5.333vw 0px rgba(48, 40, 38, 0.2);
}
.product-safe div div ol{
	height: 100%;
	padding: 10.667vw 5.333vw;
	border: 0.533vw dotted #000;
	border-radius: 6.667vw;
}
.product-safe div div ol li{
	padding-left: 10.667vw;
	font-size: 4vw;
	font-weight: 700;
	position: relative;
}
.product-safe div div ol li + li{ margin-top: 9.333vw; }
.product-safe div div ol li span{ background: linear-gradient(transparent 30%, var(--color_yellow) 30%); }
.product-safe div div ol li::before{
	content: "";
	width: 6.933vw;
	height: 12.8vw;
	display: block;
	background: url(../img/number01.webp) no-repeat 10px top / 1.867vw;
	position: absolute;
	left: 0;
}
.product-safe div div ol li:nth-of-type(2)::before{
	background: url(../img/number02.webp) no-repeat 6px top / 4vw;
}
.product-safe div div ol li:nth-of-type(3)::before{
	background: url(../img/number03.webp) no-repeat 6px top / 4vw;
}
.product-safe div div ol li:nth-of-type(4)::before{
	background: url(../img/number04.webp) no-repeat 5px top / 4.533vw;
}
.product-safe div div ol li:nth-of-type(5)::before{
	background: url(../img/number05.webp) no-repeat 6px top / 4vw;
}
.product-safe div div ol li sup{ top: 0.3em; }
.product-safe div div + p{
	margin-top: 5.333vw;
	font-size: 3.467vw;
	font-weight: 400;
}
.product-safe .primary-btn{
	width: 89.333vw;
	margin: 10.667vw auto 0;
}
.product-otamesi{
	width: 89.333vw;
	margin: 0 auto;
	padding: 13.333vw 0 37.333vw;
	text-align: center;
}
.product-otamesi hgroup p{
	padding: 4vw 10.667vw;
	border-radius: 100vmax;
	border: 0.533vw solid var(--color_green);
	color: var(--color_green);
	font-size: 3.733vw;
	font-weight: bold;
	position: relative;
}
.product-otamesi hgroup p::before,
.product-otamesi hgroup p::after {
	content: "";
	width: 3.733vw;
	height: 3.2vw;
	margin: 0 auto;
	display: block;
	position: absolute;
	bottom: -3.2vw;
	left: 0;
	right: 0;
	background: var(--color_green);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.product-otamesi hgroup p::after {
	background: #fff;
	bottom: -2.4vw;
}
.product-otamesi hgroup h2{
	margin-top: 10.667vw;
	padding-left: 16vw;
	font-size: 3.467vw;
}
.product-otamesi hgroup h2 span{
	display: inline-block;
	font-size: 4.267vw;
	background: linear-gradient(transparent 60%, var(--color_yellow) 60%);
}
.product-otamesi hgroup + p{
	margin-top: 6.667vw;
	position: relative;
}
.product-otamesi hgroup + p::before{
	content: "";
	width: 15.2vw;
	height: 24vw;
	background: url(../../img/product/product-otamesibg.webp)no-repeat left top / 15.2vw;
	position: absolute;
	top: -24vw;
	left: 2.667vw;
}
.product-otamesi img{ width: 100%; }
@media screen and (min-width: 768px) {
	.product-lineup{
		width: 95.703vw;
		margin-top: 7.813vw;
	}
	.product-lineup > div{
		margin-top: 5.859vw;
		border-radius: 2.93vw;
	}
	.product-lineup > div:not(.babyfood){
		padding: 6.836vw 0 7.813vw;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 6.836vw;
	}
	.product-lineup > div:nth-of-type(2){ gap: 0 3.906vw; }
	.product-lineup > div:nth-of-type(3){
		padding: 9.766vw 0 7.813vw;
		gap: 0 7.813vw;
	}
	.product-lineup > div:nth-child(odd):not(.babyfood){ flex-direction: row-reverse; }
	.product-lineup > div:nth-of-type(1) > img{
		width: 42.383vw;
		margin-top: 6.836vw;
	}
	.product-lineup > div:nth-of-type(2) img{ width: 45.215vw; }
	.product-lineup > div:nth-of-type(3) img{ width: 35.156vw; }
	.product-lineup > div:nth-of-type(4) img{
		width: 31.836vw;
		margin: 0 auto;
	}
	.product-lineup > div::before{
		width: 36.23vw;
		height: 23.242vw;
	}
	.product-lineup>div + div{ margin-top: 1.953vw; }
	.product-lineup > div div{ width: 40.723vw; }
	.product-lineup>div .lineup-title,
	.product-lineup>div .lineup-title + p{
		margin-left: 0;
		margin-right: 0;
	}
	.product-lineup>div .lineup-title{ padding-bottom: 0.977vw; }
	.product-lineup>div:not(.babyfood) .lineup-title{ margin-top: 0; }
	.product-lineup > div .lineup-title p{ font-size: 1.563vw; }
	.product-lineup > div .lineup-title + p{
		margin-top: 2.93vw;
		font-size: 1.563vw;
	}
	.product-lineup > div .lineup-title h3{
		margin-top: 0;
		font-size: 2.93vw;
	}
	.product-lineup>div:not(.babyfood) div ul{ margin-top: 2.93vw; }
	.product-lineup > div:not(.babyfood) div ul li img{ width: 100%; }
	.product-lineup .babyfood{ padding: 8.789vw 5.859vw 7.813vw; }
	.product-lineup .babyfood div,
	.product-lineup .babyfood ul{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 0 5.859vw;
	}
	.product-lineup .babyfood ul{
		margin-top: 3.906vw;
		gap: 0 2.93vw;
	}
	.product-lineup .babyfood > div > hgroup,
	.product-lineup .babyfood > div > hgroup + p{ width: 38.625vw; }
	.product-lineup .babyfood hgroup + p{ font-size: 1.563vw; }
	.product-lineup .babyfood ul li{
		width: 40.188vw;
		padding: 1.953vw 4.883vw 2.93vw;
		border: 0.195vw solid #f0dfca;
		border-radius: 1.465vw;
	}
	.product-lineup .babyfood ul li + li{ margin-top: 0; }
	.product-lineup .babyfood ul li hgroup{ margin-top: 1.953vw; }
	.product-lineup .babyfood ul li hgroup p{ font-size: 1.367vw; }
	.product-lineup .babyfood ul li hgroup h4{
		margin-top: 0;
		font-size: 1.953vw;
	}
	.product-lineup > div .primary-btn{
		width: 33.203vw;
		margin: 5.859vw auto 0;
	}
	.product-lineup .babyfood .primary-btn{ margin-top: 3.906vw; }
	.product-lineup>div p + p{ margin-top: 1.465vw; }
	.product-lineup > div p + p a{
		padding: 0 0.781vw 0.488vw;
		font-size: 1.27vw;
		background-size: 100% 1px;
	}
	.product-other{
		margin-top: 12.695vw;
		padding-bottom: 24.414vw;
	}
	.product-other .bg-wave{ height: 13.672vw; }
	.product-other ul{
		width: 95.703vw;
		margin: 9.766vw auto 0;
		gap: 0;
	}
	.product-other ul li{ width: 22.07vw; }
	.product-other ul li .secondary-btn span{
		width: 19.531vw;
		margin: 0 auto;
		padding: 1.465vw 0;
		font-size: 1.6rem;
	}
	.product-other ul li .secondary-btn span::after{
		width: 3.125vw;
		height: 3.125vw;
	}
	.product-other .primary-btn{
		width: 27.344vw;
		margin: 7.813vw auto 0;
	}
	.product-other > div{
		width: 70.117vw;
		margin-top: 7.813vw;
		padding: 3.906vw 2.93vw;
		border-radius: 2.93vw;
		display: flex;
		align-items: center;
		gap: 3.906vw;
	}
	.product-other > div img{
		width: 31.152vw;
	}
	.product-other > div div,
	.product-other > div .secondary-btn{ width: 22.266vw; }
	.product-other > div div{ margin-top: 0; }
	.product-other > div h4 img{ width: 21.68vw; }
	.product-other > div .secondary-btn img{ width: 16.016vw; }
	.product-other > div .secondary-btn span{ padding: 2.441vw 0 1.465vw 1.465vw; }
	.product-safe{ padding: 7.813vw 0 16.602vw; }
	.product-safe .bg-wave{ height: 11.719vw; }
	.product-safe > div{
		width: 95.703vw;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.product-safe h2{
		width: 41.992vw;
		margin: 1.953vw 0 0 0;
		line-height: 5.371vw;
		font-size: 2.93vw;
	}
	.product-safe h2::before{
		width: 30.371vw;
		height: 18.262vw;
		background: url(../../img/product/product-safebg.webp)no-repeat left top / 100%;
		top: 20.508vw;
		right: 7.813vw;
	}
	.product-safe h2 span{ background-size: 100% 0.195vw; }
	.product-safe div div{
		margin: 2.441vw 0 0 auto;
		padding: 1.465vw;
		border-radius: 2.93vw;
		box-shadow: 0px 0px 1.953vw 0px rgba(48, 40, 38, 0.2);
	}
	.product-safe div div ol{
		height: 100%;
		padding: 4.883vw 6.348vw;
		border: 0.195vw dotted #000;
		border-radius: 2.441vw;
	}
	.product-safe div div ol li{
		padding-left: 3.906vw;
		font-size: 1.563vw;
	}
	.product-safe div div ol li + li{ margin-top: 4.883vw; }
	.product-safe div div ol li::before{
		width: 1.953vw;
		height: 2.734vw;
		background: url(../img/number01.webp) no-repeat 0.293vw top / 0.781vw;
	}
	.product-safe div div ol li:nth-of-type(2)::before{
		background: url(../img/number02.webp) no-repeat 0px top / 1.66vw;
	}
	.product-safe div div ol li:nth-of-type(3)::before{
		background: url(../img/number03.webp) no-repeat 0px top / 1.758vw;
	}
	.product-safe div div ol li:nth-of-type(4)::before{
		background: url(../img/number04.webp) no-repeat 0px top / 1.855vw;
	}
	.product-safe div div ol li:nth-of-type(5)::before{
		background: url(../img/number05.webp) no-repeat 0px top / 1.758vw;
	}
	.product-safe div div + p{
		width: 30.762vw;
		margin: 1.953vw 0 0 auto;
		font-size: 1.27vw;
	}
	.product-safe .primary-btn{
		width: 27.344vw;
		margin: 5.859vw auto 0;
	}
	.product-otamesi{
		width: 87.5vw;
		padding: 6.836vw 0 26.367vw;
	}
	.product-otamesi hgroup p{
		width: 45.605vw;
		margin: 0 auto;
		padding: 0.977vw 3.906vw;
		border: 0.195vw solid var(--color_green);
		font-size: 1.758vw;
	}
	.product-otamesi hgroup p::before,
	.product-otamesi hgroup p::after {
		content: "";
		width: 1.758vw;
		height: 1.172vw;
		bottom: -1.172vw;
	}
	.product-otamesi hgroup p::after {
		bottom: -0.879vw;
	}
	.product-otamesi hgroup h2{
		width: 55.664vw;
		margin: 2.441vw auto 0;
		padding-left: 0;
		font-size: 1.953vw;
		position: relative;
	}
	.product-otamesi hgroup h2::before,
	.product-otamesi hgroup h2::after{
		content: "";
		width: 3.906vw;
		height: 7.324vw;
		display: inline-block;
		background: url(../../img/product/product-otamesititlebg.webp)no-repeat left bottom / 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.product-otamesi hgroup h2::after{
		left: auto;
		right: 0;
		transform: scale(-1, 1);
	}
	.product-otamesi hgroup h2 span{
		font-size: 2.93vw;
	}
	.product-otamesi hgroup + p{
		margin-top: 4.883vw;
	}
	.product-otamesi hgroup + p::before{
		width: 9.766vw;
		height: 15.625vw;
		background: url(../../img/product/product-otamesibg.webp)no-repeat left top / 9.766vw;
		top: -15.625vw;
		left: 1.953vw;
	}
}
@media screen and (min-width: 1025px) {
	.product-lineup{
		width: 1024px;
		margin-top: 80px;
	}
	.product-lineup > div{
		margin-top: 60px;
		border-radius: 30px;
	}
	.product-lineup > div:not(.babyfood){
		padding: 70px 0 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0 70px;
	}
	.product-lineup > div:nth-of-type(2){ gap: 0 40px; }
	.product-lineup > div:nth-of-type(3){
		padding: 100px 0 80px;
		gap: 0 80px;
	}
	.product-lineup > div:nth-child(odd):not(.babyfood){ flex-direction: row-reverse; }
	.product-lineup > div:nth-of-type(1) > img{
		width: 434px;
		margin-top: 70px;
	}
	.product-lineup > div:nth-of-type(2) img{ width: 463px; }
	.product-lineup > div:nth-of-type(3) img{ width: 360px; }
	.product-lineup > div:nth-of-type(4) img{
		width: 326px;
		margin: 0 auto;
	}
	.product-lineup > div::before{
		width: 371px;
		height: 238px;
	}
	.product-lineup>div + div{ margin-top: 20px; }
	.product-lineup > div div{ width: 417px; }
	.product-lineup>div .lineup-title,
	.product-lineup>div .lineup-title + p{
		margin-left: 0;
		margin-right: 0;
	}
	.product-lineup>div .lineup-title{ padding-bottom: 10px; }
	.product-lineup>div:not(.babyfood) .lineup-title{ margin-top: 0; }
	.product-lineup > div .lineup-title p{ font-size: 1.6rem; }
	.product-lineup > div .lineup-title + p{
		margin-top: 30px;
		font-size: 1.6rem;
	}
	.product-lineup > div .lineup-title h3{
		margin-top: 0;
		font-size: 3rem;
	}
	.product-lineup>div:not(.babyfood) div ul{ margin-top: 30px; }
	.product-lineup > div:not(.babyfood) div ul li img{ width: 100%; }
	.product-lineup .babyfood{ padding: 90px 60px 80px; }
	.product-lineup .babyfood div,
	.product-lineup .babyfood ul{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 0 60px;
	}
	.product-lineup .babyfood ul{
		margin-top: 40px;
		gap: 0 30px;
	}
	.product-lineup .babyfood > div > hgroup,
	.product-lineup .babyfood > div > hgroup + p{
		width: 416px;
	}
	.product-lineup .babyfood hgroup + p{ font-size: 1.6rem; }
	.product-lineup .babyfood ul li{
		width: 432px;
		padding: 20px 50px 30px;
		border: 2px solid #f0dfca;
		border-radius: 15px;
	}
	.product-lineup .babyfood ul li + li{ margin-top: 0; }
	.product-lineup .babyfood ul li hgroup{ margin-top: 20px; }
	.product-lineup .babyfood ul li hgroup p{ font-size: 1.4rem; }
	.product-lineup .babyfood ul li hgroup h4{
		margin-top: 0;
		font-size: 2rem;
	}
	.product-lineup > div .primary-btn{
		width: 340px;
		margin: 60px auto 0;
	}
	.product-lineup .babyfood .primary-btn{ margin-top: 40px; }
	.product-lineup > div p + p{ margin-top: 15px; }
	.product-lineup > div p + p a{
		padding: 0 8px 5px;
		font-size: 13px;
		background-size: 100% 1px;
	}
	.product-other{
		margin-top: 130px;
		padding-bottom: 250px;
	}
	.product-other .bg-wave{ height: 140px; }
	.product-other ul{
		width: 1024px;
		margin: 100px auto 0;
		gap: 0;
	}
	.product-other ul li{ width: 226px; }
	.product-other ul li .secondary-btn span{
		width: 200px;
		margin: 0 auto;
		padding: 15px 0;
		font-size: 1.6rem;
	}
	.product-other ul li .secondary-btn span::after{
		width: 32px;
		height: 32px;
	}
	.product-other .primary-btn{
		width: 280px;
		margin: 80px auto 0;
	}
	.product-other > div{
		width: 718px;
		margin-top: 80px;
		padding: 40px 30px;
		border-radius: 30px;
		display: flex;
		align-items: center;
		gap: 40px;
	}
	.product-other > div img{
		width: 319px;
	}
	.product-other > div div,
	.product-other > div .secondary-btn{ width: 228px; }
	.product-other > div div{ margin-top: 0; }
	.product-other > div h4 img{ width: 222px; }
	.product-other > div .secondary-btn img{ width: 164px; }
	.product-other > div .secondary-btn span{ padding: 25px 0 15px 15px; }
	.product-safe{ padding: 80px 0 170px; }
	.product-safe .bg-wave{ height: 120px; }
	.product-safe > div{
		width: 1024px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		gap: 0 80px;
	}
	.product-safe h2{
		width: 430px;
		margin: 20px 0 0 0;
		line-height: 55px;
		font-size: 3rem;
	}
	.product-safe h2::before{
		width: 311px;
		height: 187px;
		background: url(../../img/product/product-safebg.webp)no-repeat left top / 100%;
		top: 210px;
		right: 80px;
	}
	.product-safe h2 span{ background-size: 100% 2px; }
	.product-safe div div{
		margin: 25px auto 0;
		padding: 15px;
		border-radius: 30px;
		box-shadow: 0px 0px 20px 0px rgba(48, 40, 38, 0.2);
	}
	.product-safe div div ol{
		height: 100%;
		padding: 50px 65px;
		border: 2px dotted #000;
		border-radius: 25px;
	}
	.product-safe div div ol li{
		padding-left: 40px;
		font-size: 1.6rem;
	}
	.product-safe div div ol li + li{ margin-top: 50px; }
	.product-safe div div ol li::before{
		width: 20px;
		height: 28px;
		background: url(../img/number01.webp) no-repeat 3px top / 8px;
	}
	.product-safe div div ol li:nth-of-type(2)::before{
		background: url(../img/number02.webp) no-repeat 0px top / 17px;
	}
	.product-safe div div ol li:nth-of-type(3)::before{
		background: url(../img/number03.webp) no-repeat 0px top / 18px;
	}
	.product-safe div div ol li:nth-of-type(4)::before{
		background: url(../img/number04.webp) no-repeat 0px top / 19px;
	}
	.product-safe div div ol li:nth-of-type(5)::before{
		background: url(../img/number05.webp) no-repeat 0px top / 18px;
	}
	.product-safe div div ol li sup{ top: 0.5em; }
	.product-safe div div + p{
		width: 315px;
		margin: 20px 0 0 auto;
		font-size: 13px;
	}
	.product-safe .primary-btn{
		width: 280px;
		margin: 60px auto 0;
	}
	.product-otamesi{
		width: 896px;
		padding: 70px 0 270px;
	}
	.product-otamesi hgroup p{
		width: 467px;
		margin: 0 auto;
		padding: 10px 40px;
		border: 2px solid var(--color_green);
		font-size: 1.8rem;
	}
	.product-otamesi hgroup p::before,
	.product-otamesi hgroup p::after {
		content: "";
		width: 18px;
		height: 12px;
		bottom: -12px;
	}
	.product-otamesi hgroup p::after {
		bottom: -9px;
	}
	.product-otamesi hgroup h2{
		width: 570px;
		margin: 25px auto 0;
		padding-left: 0;
		font-size: 2rem;
		position: relative;
	}
	.product-otamesi hgroup h2::before,
	.product-otamesi hgroup h2::after{
		content: "";
		width: 40px;
		height: 75px;
		display: inline-block;
		background: url(../../img/product/product-otamesititlebg.webp)no-repeat left bottom / 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.product-otamesi hgroup h2::after{
		left: auto;
		right: 0;
		transform: scale(-1, 1);
	}
	.product-otamesi hgroup h2 span{
		font-size: 3rem;
	}
	.product-otamesi hgroup + p{
		margin-top: 50px;
	}
	.product-otamesi hgroup + p::before{
		width: 100px;
		height: 160px;
		background: url(../../img/product/product-otamesibg.webp)no-repeat left top / 100px;
		top: -160px;
		left: 20px;
	}
}
@media (any-hover: hover) {
	.product-lineup > div p + p a:hover{ background-size: 0 1px; }
}

/*---------------------------------
	資料請求・ご加入
---------------------------------*/
.signup-btn{
	height: 17.067vw;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
	border-radius: 100vmax;
	text-align: center;
	font-weight: 700;
	position: relative;
}
.signup-btn::after{
	content: "";
	width: 8.533vw;
	height: 8.533vw;
	margin: auto 0;
	display: block;
	mask: url(../img/icon-arrowcircle.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-arrowcircle.svg) no-repeat center center / contain;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4vw;
}
.signup-btn-green{
	background: var(--color_green);
	box-shadow: 0 1.6vw #248c45;
}
.signup-btn-orange{
	background: var(--color_orange);
	box-shadow: 0 1.6vw #db7c00;
}
.signup-btn-lightorange{
	background: var(--color_lightorange);
	box-shadow: 0 1.6vw #cc6545;
}
.signup-application{
	margin: 22.667vw auto 0;
	padding-bottom: 26.667vw;
	text-align: center;
	position: relative;
}
.signup-application .bg-wave{
	width: 100%;
	height: 16vw;
	display: block;
	position: absolute;
	bottom: 0;
}
.signup-application > ul,
.signup-application > div{
	width: calc(100% - 10.667vw);
	margin: 0 auto;
}
.signup-application ul li div,
.signup-application > div div{
	border-radius: 4vw;
	background: var(--color_bg01);
	position: relative;
}
.signup-application ul {
	margin-top: 10.667vw;
	display: flex;
	gap: 4vw;
	text-align: center;
}
.signup-application ul li{
	width: calc(50% - 2vw);
	position: relative;
}
.signup-application ul li div{
	margin-top: 29.333vw;
	padding: 14.667vw 2.667vw 5.333vw;
}
.signup-application ul li div .signup-btn{
	height: 15.467vw;
	margin-top: 4vw;
	font-size: 3.733vw;
}
.signup-application ul li div .signup-btn::after{ display: none; }
.signup-application h3{
	padding: 0 0.8vw 0.533vw;
	display: inline-block;
	font-size: 3.733vw;
	background: linear-gradient(transparent 40%,var(--color_yellow) 30%);
	position: relative;
}
.signup-application h3::before,
.signup-application h3::after{
	position: absolute;
	speak: none;
}
.signup-application h3::before{
	content: "＼";
	left: calc((1em + 0.8vw)* -1);
}
.signup-application h3::after{
	content: "／";
	right: calc((1em + 0.8vw)* -1);
}
.signup-application ul li img{
	position: absolute;
	margin: 0 auto;
	top: -21.333vw;
	left: 0;
	right: 0;
}
.signup-application ul li + li img{
	top: -24vw;
}
.signup-application ul li h4 + p{
	margin-top: 2.667vw;
	font-size: 3.733vw;
}
.signup-application > div{
	margin-top: 10.667vw;
}
.signup-application > div > div{
	margin-top: 5.333vw;
	padding-bottom: 8vw;
}
.signup-application > div div div{
	padding: 5.333vw 6.667vw;
	border: 2px solid var(--color_lightorange);
	border-radius: 4vw;
	background: #ffdcd1;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.signup-application div div div::before,
.signup-application div div div::after{
	content: "";
	width: 67.467vw;
	height: 43.2vw;
	display: block;
	background: url(../../img/signup/coupon-bg.svg) no-repeat center center / contain;
	position: absolute;
	z-index: -2;
}
.signup-application div div div::before{
	top: 0;
	left: 0;
}
.signup-application div div div::after{
	bottom: 0;
	right: 0;
	transform: scale(-1, -1);
}
.signup-application > div div div h4{
	width: 62.933vw;
	height: 8.533vw;
	margin: 0 auto 5.333vw;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 4vw;
	font-weight: 700;
	background: var(--color_gray);
}
.signup-application div div div h4::before,
.signup-application div div div h4::after{
	content: "";
	width: 25.333vw;
	height: 25.333vw;
	display: block;
	background: url(../../img/signup/ribon.webp) no-repeat center center / 46.4vw;
	position: absolute;
	z-index: -1;
}
.signup-application div div div h4::before{
	top: -5.333vw;
	left: -5.333vw;
}
.signup-application div div div h4::after{
	bottom: -5.333vw;
	right: -5.333vw;
	transform: scale(-1, -1);
}
.signup-application div div div p span{
	margin: 0 auto;
	padding: 13.333vw 1.333vw 4vw 2.667vw;
	display: block;
	text-align: left;
	position: relative;
}
.signup-application div div div p span strong{
	color: #f76559;
	letter-spacing: -.0264em;
	font-size: 23.467vw;
	position: absolute;
	line-height: 23.467vw;
	top: 1.333vw;
	left: 0;
	text-shadow: 2px 3px 0px #fff;
	/* 金額が3桁の場合は下記のleftを適用 */
	/* 4桁の場合はコメントアウト */
	
}
.signup-application div div .signup-btn{
	width: calc(100% - 10.667vw);
	margin: 6.667vw auto 0;
	padding-left: 9.333vw;
	justify-content: flex-start;
}
.signup-reward{
	padding: 16vw 0 32vw;
	background: #fffdd0;
	position: relative;
}
.signup-reward .bg-wave{
	width: 100%;
	height: 16vw;
	display: block;
	position: absolute;
	bottom: 0;
	transform: scale(-1, 1);
}
.signup-reward ol{
	width: calc(100% - 10.667vw);
	margin: 18.667vw auto 0;
}
.signup-reward ol li{
	padding-bottom: 45.333vw;
	border-radius: 4vw;
	border: 2px dotted var(--color_gray);
	text-align: center;
	background: var(--color_bg02) url(../../img/signup/signup-reward-bg01.webp) no-repeat center bottom  8vw / 20.533vw;
	position: relative;
}
.signup-reward ol li:nth-of-type(2){
	background: var(--color_bg02) url(../../img/signup/signup-reward-bg02.webp) no-repeat center bottom 6.667vw / 40.533vw;
}
.signup-reward ol li:nth-of-type(3){
	padding-bottom: 48vw;
	background: var(--color_bg02) url(../../img/signup/signup-reward-bg03-sp.webp) no-repeat center bottom 12vw / 55.733vw;
}
.signup-reward ol li + li{ margin-top: 13.333vw; }
.signup-reward ol li h3{
	width: 16.267vw;
	height: 16.533vw;
	margin: 0 auto;
	position: absolute;
	top: -8vw;
	left: 0;
	right: 0;
}
.signup-reward ol li img{ width: 100%; }
.signup-reward ol li dl{ margin-top: 13.333vw; }
.signup-reward ol li dt img{
	width: 53.333vw;
	margin: 0 auto;
}
.signup-reward ol li dd{ margin-top: 0.8vw; }
.signup-reward ol li dd img{ width: 70.4vw; }
.signup-reward ol li:nth-of-type(3) dd:not(.coupon-limit){
	margin-top: 4vw;
	font-size: 7.467vw;
}
.signup-reward ol li:nth-of-type(3) dd span{
	color: var(--color_lightorange);
	line-height: 14.667vw;
	letter-spacing: -0.0165em;
	font-size: 14.667vw;
	font-weight: 700;
}
.signup-reward ol li:nth-of-type(3) dd img{
	width: 45.333vw;
	margin: 1.333vw auto 0;
}
.signup-reward ol li:nth-of-type(3) .coupon-limit{
	width: 62.933vw;
	height: 8.533vw;
	margin: 4vw auto 0;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 4vw;
	font-weight: 700;
	background: var(--color_gray);
}
.signup-reward ol li p{
	margin-top: 5.333vw;
	font-size: 3.733vw;
}
.signup .signup-join{
	width: calc(100% - 10.667vw);
	margin: 16vw auto 0;
	padding-bottom: 26.667vw;
	position: relative;
}
.signup .signup-join hgroup{ text-align: center; }
.signup .signup-join hgroup p{
	padding: 0 0.267vw;
	font-size: 4vw;
	display: inline-block;
	background: linear-gradient(transparent 60%,var(--color_yellow) 30%);
	position: relative;
}
.signup .signup-join hgroup h2{ margin-top: 2.93vw; }
.signup .signup-join ol{ margin-top: 9.333vw; }
.signup .signup-join ol li{
	display: flex;
	gap: 4vw;
	letter-spacing: 0;
	font-size: 4vw;
}
.signup .signup-join ol li + li{ margin-top: 8vw;}
.signup .signup-join ol li > p{
	width: 32vw;
	text-align: center;
	position: relative;
}
.signup .signup-join ol li:not(:last-child) > p::after{
	content: "";
	width: 9.067vw;
	height: 3.2vw;
	margin: 8vw auto 0;
	display: block;
	background: url(../../img/guide/guide-joinarrow.webp) no-repeat center center / 100%;
	rotate: 90deg;
}
.signup .signup-join ol li p img{ width: 18.133vw; }
.signup .signup-join ol li:nth-of-type(2) p img{ width: 21.6vw; }
.signup .signup-join ol li:nth-of-type(3) p img{ width: 16.533vw; }
.signup .signup-join ol li:nth-of-type(4) p img{ width: 32.267vw; }
.signup .signup-join ol li div h3 img,
.signup .signup-join ol li:nth-of-type(4) div h3 img{ width: 14.4vw; }
.signup .signup-join ol li:nth-of-type(2) div h3 img{ width: 15.2vw; }
.signup .signup-join ol li:nth-of-type(3) div h3 img{ width: 14.667vw; }
.signup .signup-join ol li div p{ margin-top: 3.2vw; }
.signup .signup-join ol li div small{
	margin-top: 5.333vw;
	display: block;
	font-size: 3.467vw;
	font-weight: 400;
}
.signup-info{
	margin-top: 16vw;
	padding-top: 16vw;
	border-top: 2px dotted var(--color_gray);
}
.signup-info > p{
	padding: 4vw 8vw;
	border-radius: 100vmax;
	border: 2px solid var(--color_green);
	color: var(--color_green);
	text-align: center;
	font-size: 4vw;
	font-weight: 700;
	position: relative;
}
.signup-info > p::before,
.signup-info > p::after{
	content: "";
	width: 3.733vw;
	height: 3.2vw;
	margin: 0 auto;
	display: block;
	position: absolute;
	bottom: -3.2vw;
	left: 0;
	right: 0;
	background: var(--color_green);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.signup-info > p::after{
	background: #fff;
	bottom: -2.4vw;
}
.signup-info > div{
	margin-top: 29.333vw;
	padding: 14.667vw 5.333vw 33.333vw;
	border-radius: 4vw;
	background: var(--color_bg02);
	position: relative;
}
.signup-info > div::before{
	content: "";
	width: 25.333vw;
	height: 28.8vw;
	margin: 0 auto;
	display: block;
	background: url(../../img/signup/signup-info-bg.webp) no-repeat center center / 100%;
	position: absolute;
	top: -21.333vw;
	left: 0;
	right: 0;
}
.signup-info > div h3{
	text-align: center;
	font-size: 4.8vw;
}
.signup-info > div h3 + p{
	margin-top: 5.333vw;
	font-size: 4vw;
}
.signup-info > div div + p{
	margin-top: 5.333vw;
	padding: 8vw;
	border-radius: 4vw;
	text-align: center;
	font-size: 3.733vw;
	background: #fff;
}
.signup-info > div div + p .tel-num{
	margin-bottom: 0.8vw;
	letter-spacing: 0.0125em;
	font-size: 6.933vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.signup-info > div div + p .tel-num a{ color: var(--color_gray); }
.signup-info > div div + p .tel-num::before{
	content: "";
	width: 10.933vw;
	height: 6.133vw;
	margin: 0 1.333vw -2.133vw 0;
	display: inline-block;
	background: url(../../img/signup/icon-tel.webp) no-repeat center center / 100%;
}
.signup-info > div .primary-btn{
	width: 80vw;
	height: 20vw;
	margin: 0 auto;
	position: absolute;
	bottom: 8vw;
	left: 0;
	right: 0;
}
.signup-info ul{ margin-top: 10.667vw; }
.signup-info ul li + li{ margin-top: 4vw; }
.signup-info ul li a{
	height: 34.133vw;
	padding: 0 18.667vw 0 40vw;
	border-radius: 4vw;
	font-size: 4.8vw;
}
.signup-info ul li .signup-btn-lightorange{ background: var(--color_lightorange) url(../../img/signup/icon-webkanyu.webp) no-repeat left 10.667vw center / 21.333vw; }
.signup-info ul li .signup-btn-orange{ background: var(--color_orange) url(../../img/signup/icon-form.webp) no-repeat left 5.333vw center / 32.267vw; }
.signup-info ul li .signup-btn-green{ background: var(--color_green) url(../../img/signup/icon-otamesi.webp) no-repeat left 8vw center / 26.667vw; }
.signup-info ul li .signup-btn::after{ right: 5.333vw; }

@media screen and (min-width: 768px) {
	.signup-btn{ height: 7.227vw; }
	.signup-btn::after{
		width: 3.125vw;
		height: 3.125vw;
		right: 1.465vw;
	}
	.signup-btn-green{ box-shadow: 0 0.488vw #248c45; }
	.signup-btn-orange{ box-shadow: 0 0.488vw #db7c00; }
	.signup-btn-lightorange{ box-shadow: 0 0.488vw #cc6545; }
	
	.signup-application{
		margin-top: 5.859vw;
		padding-bottom: 19.531vw;
	}
	.signup-application .bg-wave{ height: 12.695vw; }
	.signup-application > ul,
	.signup-application > div{ width: 95.703vw; }
	.signup-application ul li div,
	.signup-application > div div{ border-radius: 1.465vw; }
	.signup-application ul {
		margin-top: 5.859vw;
		gap: 7.324vw;
	}
	.signup-application ul li{
		width: calc(50% - 3.174vw);
	}
	.signup-application ul li div{
		margin-top: 12.207vw;
		padding: 13.672vw 4.883vw 2.93vw;
	}
	.signup-application ul li div .signup-btn{
		height: 6.25vw;
		margin-top: 2.441vw;
		font-size: 1.758vw;
	}
	.signup-application ul li div .signup-btn::after{ display: block; }
	.signup-application h3{
		padding: 0 0.293vw;
		line-height: 1.5;
		font-size: 1.563vw;
	}
	.signup-application h3::before{ left: calc((1em + 0.293vw)* -1); }
	.signup-application h3::after{ right: calc((1em + 0.293vw)* -1); }
	.signup-application ul li img{
		width: 25.586vw;
		top: -7.324vw;
	}
	.signup-application ul li + li img{
		width: 25.098vw;
		top: -9.277vw;
	}
	.signup-application ul li h4 {
		font-size: 1.953vw;
	}
	.signup-application ul li h4 span{ display: inline !important; }
	.signup-application ul li h4 + p{
		margin-top: 0.488vw;
		font-size: 1.563vw;
	}
	.signup-application > div{ margin-top: 5.859vw; }
	.signup-application > div > div{
		margin-top: 1.465vw;
		padding: 2.441vw 2.441vw 3.906vw;
	}
	.signup-application > div div div{
		padding: 2.93vw 6.348vw 2.93vw 3.418vw;
		border: 2px solid var(--color_lightorange);
		border-radius: 1.465vw;
	}
	.signup-application div div div::before,
	.signup-application div div div::after{
		width: 39.551vw;
		height: 25vw;
		display: block;
		background: url(../../img/signup/coupon-bg.svg) no-repeat center center / contain;
		position: absolute;
		z-index: -2;
	}
	.signup-application > div div div h4{
		width: auto;
		height: auto;
		margin: 0 auto 1.465vw;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1.465vw;
		color: var(--color_gray);
		font-size: 2.344vw;
		background: none;
	}
	.signup-application > div div div h4 span{
		width: 12.695vw;
		height: 3.711vw;
		border-radius: 100vmax;
		display: flex !important;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 2.148vw;
		background: var(--color_gray);
	}
	.signup-application div div div h4 strong{ font-weight: 500; }
	.signup-application div div div h4::before,
	.signup-application div div div h4::after{
		width: 16.992vw;
		height: 16.992vw;
		background: url(../../img/signup/ribon.webp) no-repeat center center / 16.992vw;
	}
	.signup-application div div div h4::before{
		top: -5.371vw;
		left: -5.371vw;
	}
	.signup-application div div div h4::after{
		bottom: -5.371vw;
		right: -5.371vw;
	}
	.signup-application div div div p{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.signup-application div div div p picture{ display: block; }
	.signup-application div div div p > picture:nth-of-type(1){ width: 23.828vw; }
	.signup-application div div div p span picture{ width: 18.359vw; }
	.signup-application div div div p > picture:nth-of-type(2){
		width: 66.992vw;
		margin-top: 1.953vw;
	}
	.signup-application div div div p span{
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}
	.signup-application div div div p span strong{
		margin: -2.93vw 1.953vw 0 2.93vw;
		letter-spacing: -.0264em;
		font-size: 10.84vw;
		position: static;
		line-height: 10.84vw;
		text-shadow: 0.195vw 0.293vw 0px #fff;
	}
	.signup-application div div .signup-btn{
		width: 43.945vw;
		margin: 2.441vw auto 0;
		padding-left: 0;
		justify-content: center;
		font-size: 1.953vw;
	}
	.signup-reward{
		padding: 6.836vw 0 17.578vw;
		background: #fffdd0;
	}
	.signup-reward .bg-wave{ height: 11.719vw; }
	.signup-reward ol{
		width: 95.703vw;
		margin: 6.836vw auto 0;
	}
	.signup-reward ol li{
		padding-bottom: 4.883vw;
		border-radius: 1.465vw;
		border: 2px dotted var(--color_gray);
		background: var(--color_bg02) url(../../img/signup/signup-reward-bg01.webp) no-repeat right 8.301vw bottom 5.859vw / 10.596vw;
	}
	.signup-reward ol li:nth-of-type(2){
		background: var(--color_bg02) url(../../img/signup/signup-reward-bg02.webp) no-repeat right 3.125vw center / 20.02vw;
	}
	.signup-reward ol li:nth-of-type(3){
		padding-bottom: 4.883vw;
		background: var(--color_bg02) url(../../img/signup/signup-reward-bg03.webp) no-repeat right 4.883vw bottom 15.137vw / 17.627vw;
	}
	.signup-reward ol li + li{ margin-top: 3.906vw; }
	.signup-reward ol li h3{
		width: 10.547vw;
		height: 10.645vw;
		margin: 0;
		top: -1.465vw;
		left: 3.418vw;
		right: auto;
	}
	.signup-reward ol li dl{ margin-top: 3.906vw; }
	.signup-reward ol li dt img{
		width: 23.584vw;
		margin: 0 auto;
	}
	.signup-reward ol li dd{ margin-top: 1.465vw; }
	.signup-reward ol li dd img{ width: 34.473vw; }
	.signup-reward ol li:nth-of-type(2) dd img{ width: 45.703vw; }
	.signup-reward ol li:nth-of-type(3) dt img{ width: 26.221vw; }
	.signup-reward ol li:nth-of-type(3) dd:not(.coupon-limit){
		margin-top: 0.488vw;
		font-size: 3.711vw;
	}
	.signup-reward ol li:nth-of-type(3) dd span{
		margin-right: 0.488vw;
		line-height: 7.324vw;
		letter-spacing: -0.0165em;
		font-size: 7.324vw;
		position: relative;
		top: 0.488vw;
	}
	.signup-reward ol li:nth-of-type(3) dd img{
		width: 20.264vw;
		margin: 0.488vw auto 0;
		display: block;
	}
	.signup-reward ol li:nth-of-type(3) .coupon-limit{
		width: 31.152vw;
		height: 3.809vw;
		margin: 1.953vw auto 0;
		font-size: 1.953vw;
	}
	.signup-reward ol li p{
		margin-top: 2.441vw;
		font-size: 1.563vw;
	}
	.signup .signup-join{
		width: 95.703vw;
		margin: 6.836vw auto 0;
		padding-bottom: 19.531vw;
	}
	.signup .signup-join hgroup p{
		padding: 0 0.098vw;
		font-size: 1.758vw;
		line-height: 1.5;
		background: linear-gradient(transparent 60%, var(--color_yellow) 30%);
	}
	.signup .signup-join hgroup h2 { margin-top: 1.953vw; }
	.signup .signup-join ol{
		margin-top: 6.836vw;
		display: flex;
		gap: 3.906vw;
	}
	.signup .signup-join ol li{
		width: calc(100% / 4 - 1.953vw);
		display: block;
		text-align: center;
		font-size: 1.563vw;
		position: relative;
	}
	.signup .signup-join ol li + li{ margin-top: 0;}
	.signup .signup-join ol li > p{
		width: 11.719vw;
		height: 13.184vw;
		margin: 4.883vw auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.signup .signup-join ol li div h3{
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.signup .signup-join ol li:not(:last-child) > p::after{
		content: "";
		width: 3.809vw;
		height: 1.172vw;
		margin: auto 0;
		position: absolute;
		top: 4.883vw;
		right: -8.301vw;
		rotate: none;
	}
	.signup .signup-join ol li p img{ width: 8.887vw; }
	.signup .signup-join ol li:nth-of-type(2) p img{ width: 10.645vw; }
	.signup .signup-join ol li:nth-of-type(3) p img{ width: 8.203vw; }
	.signup .signup-join ol li:nth-of-type(4) p img{ width: 15.82vw; }
	.signup .signup-join ol li div h3 img{ margin: 0 auto; }
	.signup .signup-join ol li div h3 img,
	.signup .signup-join ol li:nth-of-type(3) div h3 img{ width: 7.227vw; }
	.signup .signup-join ol li:nth-of-type(2) div h3 img,
	.signup .signup-join ol li:nth-of-type(4) div h3 img{ width: 7.324vw; }
	.signup .signup-join ol li div p{ margin-top: 2.441vw; }
	.signup .signup-join ol li div small{
		margin-top: 1.465vw;
		font-size: 1.367vw;
	}
	.signup-info{
		margin-top: 7.813vw;
		padding-top: 7.813vw;
		border-top: 2px dotted var(--color_gray);
	}
	.signup-info > p{
		width: 37.988vw;
		margin: 0 auto;
		padding: 1.465vw 4.883vw;
		border: 2px solid var(--color_green);
		line-height: 1.5;
		font-size: 1.563vw;
	}
	.signup-info > p::before,
	.signup-info > p::after {
		content: "";
		width: 1.758vw;
		height: 1.172vw;
		bottom: -1.172vw;
	}
	.signup-info > p::after { bottom: -0.879vw; }
	.signup-info > div{
		margin-top: 2.93vw;
		padding: 6.836vw 5.859vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 1.465vw;
	}
	.signup-info > div::before{
		content: "";
		width: 13.867vw;
		height: 15.82vw;
		margin: 0;
		background: url(../../img/signup/signup-info-bg.webp) no-repeat center center / 100%;
		top: -8.789vw;
		left: auto;
		right: 8.789vw;
	}
	.signup-info > div .pcOnly{ display: block !important; }
	.signup-info > div h3{
		text-align: left;
		font-size: 2.344vw;
	}
	.signup-info > div h3 + p{
		margin-top: 1.953vw;
		font-size: 1.563vw;
	}
	.signup-info > div div + p{
		width: 43.75vw;
		margin: 0;
		padding: 5.859vw;
		border-radius: 1.465vw;
		font-size: 1.563vw;
	}
	.signup-info > div div + p .tel-num{
		margin-bottom: 0;
		font-size: 2.93vw;
	}
	.signup-info > div div + p .tel-num::before{
		width: 4.492vw;
		height: 2.637vw;
		margin: 0 0.488vw -0.781vw 0;
	}
	.signup-info > div .primary-btn{
		width: 33.984vw;
		height: 6.25vw;
		margin: 2.441vw 0 0;
		position: relative;
		bottom: 0;
		right: auto;
	}
	.signup-info ul{
		margin-top: 7.813vw;
		display: flex;
		gap: 3.223vw;
	}
	.signup-info ul li + li{ margin-top: 0; }
	.signup-info ul li a{
		width: 29.7vw;
		height: 22.949vw;
		padding: 18.066vw 0 2.441vw;
		border-radius: 1.465vw;
		font-size: 1.953vw;
	}
	.signup-info ul li .signup-btn-lightorange{ background: var(--color_lightorange) url(../../img/signup/icon-webkanyu.webp) no-repeat center top 2.441vw / 13.086vw; }
	.signup-info ul li .signup-btn-orange{ background: var(--color_orange) url(../../img/signup/icon-form.webp) no-repeat center top 2.441vw / 21.094vw; }
	.signup-info ul li .signup-btn-green{ background: var(--color_green) url(../../img/signup/icon-otamesi.webp) no-repeat center top 2.441vw / 14.16vw; }
	.signup-info ul li .signup-btn::after{
		top: auto;
		bottom: 1.953vw;
		right: 3.906vw;
	}
	.signup-info ul li .signup-btn-orange::after{ right: 5.859vw; }
	.signup-info ul li .signup-btn-green::after{ right: 1.953vw; }
}
@media screen and (min-width: 1025px) {
	.signup-btn{
		height: 74px;
		position: relative;
		top: 0;
		transition: .2s ease-in-out;
	}
	.signup-btn::after{
		width: 32px;
		height: 32px;
		right: 15px;
	}
	.signup-btn-green{ box-shadow: 0 5px #248c45; }
	.signup-btn-orange{ box-shadow: 0 5px #db7c00; }
	.signup-btn-lightorange{ box-shadow: 0 5px #cc6545; }
	
	.signup-application{
		margin-top: 60px;
		padding-bottom: 200px;
	}
	.signup-application .bg-wave{ height: 130px; }
	.signup-application > ul,
	.signup-application > div{ width: 1024px; }
	.signup-application ul li div,
	.signup-application > div div{ border-radius: 15px; }
	.signup-application ul {
		margin-top: 60px;
		gap: 75px;
	}
	.signup-application ul li{
		width: calc(50% - 32.5px);
	}
	.signup-application ul li div{
		margin-top: 125px;
		padding: 140px 50px 30px;
	}
	.signup-application ul li div .signup-btn{
		height: 64px;
		margin-top: 25px;
		font-size: 1.8rem;
	}
	.signup-application ul li div .signup-btn::after{ display: block; }
	.signup-application h3{
		padding: 0 3px;
		line-height: 1.5;
		font-size: 1.6rem;
	}
	.signup-application h3::before{ left: calc((1em + 3px)* -1); }
	.signup-application h3::after{ right: calc((1em + 3px)* -1); }
	.signup-application ul li img{
		width: 300px;
		top: -75px;
	}
	.signup-application ul li + li img{
		width: 257px;
		top: -95px;
	}
	.signup-application ul li h4 {
		font-size: 2rem;
	}
	.signup-application ul li h4 span{ display: inline !important; }
	.signup-application ul li h4 + p{
		margin-top: 5px;
		font-size: 1.6rem;
	}
	.signup-application > div{ margin-top: 60px; }
	.signup-application > div > div{
		margin-top: 15px;
		padding: 25px 25px 40px;
	}
	.signup-application > div div div{
		padding: 30px 65px 30px 35px;
		border: 2px solid var(--color_lightorange);
		border-radius: 15px;
	}
	.signup-application div div div::before,
	.signup-application div div div::after{
		width: 405px;
		height: 256px;
		display: block;
		background: url(../../img/signup/coupon-bg.svg) no-repeat center center / contain;
		position: absolute;
		z-index: -2;
	}
	.signup-application > div div div h4{
		width: auto;
		height: auto;
		margin: 0 auto 15px;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 15px;
		color: var(--color_gray);
		font-size: 2.4rem;
		font-weight: 500;
		background: none;
	}
	.signup-application > div div div h4 span{
		width: 130px;
		height: 38px;
		border-radius: 100vmax;
		display: flex !important;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 22px;
		background: var(--color_gray);
	}
	.signup-application div div div h4::before,
	.signup-application div div div h4::after{
		width: 174px;
		height: 174px;
		background: url(../../img/signup/ribon.webp) no-repeat center center / 174px;
	}
	.signup-application div div div h4::before{
		top: -55px;
		left: -55px;
	}
	.signup-application div div div h4::after{
		bottom: -55px;
		right: -55px;
	}
	.signup-application div div div p{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.signup-application div div div p picture{ display: block; }
	.signup-application div div div p > picture:nth-of-type(1){ width: 244px; }
	.signup-application div div div p span picture{ width: 188px; }
	.signup-application div div div p > picture:nth-of-type(2){
		width: 686px;
		margin-top: 20px;
	}
	.signup-application div div div p span{
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}
	.signup-application div div div p span strong{
		margin: -30px 20px 0 30px;
		letter-spacing: -.0264em;
		font-size: 111px;
		position: static;
		line-height: 111px;
		text-shadow: 2px 3px 0px #fff;
	}
	.signup-application div div .signup-btn{
		width: 450px;
		margin: 25px auto 0;
		padding-left: 0;
		justify-content: center;
		font-size: 2rem;
	}
	.signup-reward{
		padding: 70px 0 180px;
		background: #fffdd0;
	}
	.signup-reward .bg-wave{ height: 120px; }
	.signup-reward ol{
		width: 1024px;
		margin: 70px auto 0;
	}
	.signup-reward ol li{
		padding-bottom: 50px;
		border-radius: 15px;
		border: 2px dotted var(--color_gray);
		background: var(--color_bg02) url(../../img/signup/signup-reward-bg01.webp) no-repeat right 85px bottom 60px / 108.5px;
	}
	.signup-reward ol li:nth-of-type(2){
		background: var(--color_bg02) url(../../img/signup/signup-reward-bg02.webp) no-repeat right 32px center / 205px;
	}
	.signup-reward ol li:nth-of-type(3){
		padding-bottom: 50px;
		background: var(--color_bg02) url(../../img/signup/signup-reward-bg03.webp) no-repeat right 50px bottom 155px / 180.5px;
	}
	.signup-reward ol li + li{ margin-top: 40px; }
	.signup-reward ol li h3{
		width: 108px;
		height: 109px;
		margin: 0;
		top: -15px;
		left: 35px;
		right: auto;
	}
	.signup-reward ol li dl{ margin-top: 40px; }
	.signup-reward ol li dt img{
		width: 241.5px;
		margin: 0 auto;
	}
	.signup-reward ol li dd{ margin-top: 15px; }
	.signup-reward ol li dd img{ width: 353px; }
	.signup-reward ol li:nth-of-type(2) dd img{ width: 468px; }
	.signup-reward ol li:nth-of-type(3) dt img{ width: 268.5px; }
	.signup-reward ol li:nth-of-type(3) dd:not(.coupon-limit){
		margin-top: 5px;
		font-size: 38px;
	}
	.signup-reward ol li:nth-of-type(3) dd span{
		margin-right: 5px;
		line-height: 75px;
		letter-spacing: -0.0165em;
		font-size: 75px;
		position: relative;
		top: 5px;
	}
	.signup-reward ol li:nth-of-type(3) dd img{
		width: 207.5px;
		margin: 5px auto 0;
		display: block;
	}
	.signup-reward ol li:nth-of-type(3) .coupon-limit{
		width: 319px;
		height: 39px;
		margin: 20px auto 0;
		font-size: 2rem;
	}
	.signup-reward ol li p{
		margin-top: 25px;
		font-size: 1.6rem;
	}
	.signup .signup-join{
		width: 1024px;
		margin: 70px auto 0;
		padding-bottom: 200px;
	}
	.signup .signup-join hgroup p{
		padding: 0 1px;
		font-size: 1.8rem;
		line-height: 1.5;
		background: linear-gradient(transparent 60%, var(--color_yellow) 30%);
	}
	.signup .signup-join hgroup h2{ margin-top: 20px; }
	.signup .signup-join ol{
		margin-top: 70px;
		display: flex;
		gap: 40px;
	}
	.signup .signup-join ol li{
		width: calc(100% / 4 - 20px);
		font-size: 1.6rem;
	}
	.signup .signup-join ol li > p{
		width: 120px;
		height: 135px;
		margin: 50px auto 0;
	}
	.signup .signup-join ol li:not(:last-child) > p::after{
		width: 39px;
		height: 12px;
		top: 50px;
		right: -85px;
	}
	.signup .signup-join ol li p img{ width: 91px; }
	.signup .signup-join ol li:nth-of-type(2) p img{ width: 109px; }
	.signup .signup-join ol li:nth-of-type(3) p img{ width: 84px; }
	.signup .signup-join ol li:nth-of-type(4) p img{ width: 162px; }
	.signup .signup-join ol li div h3 img,
	.signup .signup-join ol li:nth-of-type(3) div h3 img{ width: 74px; }
	.signup .signup-join ol li:nth-of-type(2) div h3 img,
	.signup .signup-join ol li:nth-of-type(4) div h3 img{ width: 75px; }
	.signup .signup-join ol li div p{ margin-top: 25px; }
	.signup .signup-join ol li div small{
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.signup-info{
		margin-top: 80px;
		padding-top: 80px;
		border-top: 2px dotted var(--color_gray);
	}
	.signup-info > p{
		width: 389px;
		margin: 0 auto;
		padding: 15px 50px;
		border: 2px solid var(--color_green);
		line-height: 1.5;
		font-size: 1.6rem;
	}
	.signup-info > p::before,
	.signup-info > p::after {
		content: "";
		width: 18px;
		height: 12px;
		bottom: -12px;
	}
	.signup-info > p::after { bottom: -9px; }
	.signup-info > div{
		margin-top: 30px;
		padding: 70px 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 15px;
	}
	.signup-info > div::before{
		content: "";
		width: 142px;
		height: 162px;
		margin: 0;
		background: url(../../img/signup/signup-info-bg.webp) no-repeat center center / 100%;
		top: -90px;
		left: auto;
		right: 90px;
	}
	.signup-info > div h3{
		text-align: left;
		font-size: 2.4rem;
	}
	.signup-info > div h3 + p{
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.signup-info > div div + p{
		width: 448px;
		margin: 0;
		padding: 60px;
		border-radius: 15px;
		font-size: 1.6rem;
	}
	.signup-info > div div + p .tel-num{ font-size: 3rem; }
	.signup-info > div div + p .tel-num::before{
		width: 46px;
		height: 27px;
		margin: 0 5px -8px 0;
	}
	.signup-info > div .primary-btn{
		width: 348px;
		height: 64px;
		margin: 25px 0 0;
		position: relative;
		bottom: 0;
		right: auto;
	}
	.signup-info ul{
		margin-top: 80px;
		display: flex;
		gap: 33px;
	}
	.signup-info ul li + li{ margin-top: 0; }
	.signup-info ul li a{
		width: 320px;
		height: 235px;
		padding: 185px 0 25px;
		border-radius: 15px;
		font-size: 2rem;
	}
	.signup-info ul li .signup-btn-lightorange{ background: var(--color_lightorange) url(../../img/signup/icon-webkanyu.webp) no-repeat center top 25px / 134px; }
	.signup-info ul li .signup-btn-orange{ background: var(--color_orange) url(../../img/signup/icon-form.webp) no-repeat center top 25px / 216px; }
	.signup-info ul li .signup-btn-green{ background: var(--color_green) url(../../img/signup/icon-otamesi.webp) no-repeat center top 25px / 145px; }
	.signup-info ul li .signup-btn::after{
		top: auto;
		bottom: 20px;
		right: 40px;
	}
	.signup-info ul li .signup-btn-orange::after{ right: 60px; }
	.signup-info ul li .signup-btn-green::after{ right: 20px; }
}
@media (any-hover: hover) {
	.signup-btn:hover{ top: 5px; }
	.signup-btn-green:hover{
		background: #248c45;
		box-shadow: 0 0 #248c45;
	}
	.signup-info ul li .signup-btn-green:hover{ background: #248c45 url(../../img/signup/icon-otamesi.webp) no-repeat center top 25px / 145px; }
	.signup-btn-orange:hover{
		background: #db7c00;
		box-shadow: 0 0 #db7c00;
	}
	.signup-info ul li .signup-btn-orange:hover{ background: #db7c00 url(../../img/signup/icon-form.webp) no-repeat center top 25px / 216px; }
	.signup-btn-lightorange:hover{
		background: #cc6545;
		box-shadow: 0 0 #cc6545;
	}
	.signup-info ul li .signup-btn-lightorange:hover{ background: #cc6545 url(../../img/signup/icon-webkanyu.webp) no-repeat center top 25px / 134px; }
}


/*---------------------------------
	よくあるご質問
---------------------------------*/
.faq .faq-wrap{
	width: calc(100% - 10.667vw);
	margin: 0 auto;
	padding-bottom: 32vw;
}
.faq .faq-wrap h2{ margin-top: 16vw; }
.faq .faq-wrap ul{ margin-top: 10.667vw; }
.faq .faq-wrap ul li{
	min-height: 18.133vw;
	padding: 5.333vw 4vw;
	border-radius: 4vw;
	background: var(--color_bg02);
}
.faq .faq-wrap ul li + li{ margin-top: 2.667vw; }
.faq .faq-wrap ul li .faq-trigger{
	width: 100%;
	padding: 0 13.333vw 0 8vw;
	display: flex;
	text-align: left;
	line-height: 6.533vw;
	font-size: 4vw;
	font-weight: 500;
	position: relative;
}
.faq .faq-wrap ul li .faq-trigger::after{
	content: "";
	width: 6.667vw;
	height: 6.667vw;
	display: block;
	mask: url(../img/icon-open.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-open.svg) no-repeat center center / contain;
	background: var(--color_gray);
	position: absolute;
	top: 0;
	right: 0;
}
.faq .faq-wrap ul li .faq-trigger[aria-expanded="true"]::after{
	mask: url(../img/icon-close.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-close.svg) no-repeat center center / contain;
}
.faq .faq-wrap ul li > div{
	height: 0;
	visibility: hidden;
	overflow:hidden;
	transition: .4s;
}
.faq .faq-wrap ul li .faq-trigger::before,
.faq .faq-wrap ul li > div > div::before{
	content: "Q";
	color: var(--color_green);
	font-family: var(--font_eng);
	font-size: 5.333vw;
	position: absolute;
	left: 0;
}
.faq .faq-wrap ul li > div.open{ visibility: visible; }
.faq .faq-wrap ul li > div > div{
	padding: 5.333vw 0 0 8vw;
	font-size: 3.733vw;
	position: relative;
}
.faq .faq-wrap ul li > div > div::before{
	content: "A";
	color: var(--color_lightgreen);
	position: absolute;
	top: 5.333vw;
	left: 0;
}
.faq .faq-wrap ul li > div > div p + p{ margin-top: 2.667vw; }
.faq .faq-wrap ul li > div > div p a{
	color: var(--color_gray);
	text-decoration: underline;
}
.faq .faq-wrap .primary-btn{
	width: 89.333vw;
	margin: 16vw auto 0;
	font-weight: 700;
}
.faq .faq-wrap .primary-btn::after{
	width: 4vw;
	height: 4vw;
	mask: url(../img/icon-newtab.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-newtab.svg) no-repeat center center / contain;
	right: 8vw;
}
@media screen and (min-width: 768px) {
	.faq .faq-wrap{
		width: 95.703vw;
		margin: 10.742vw auto 0;
		padding-bottom: 24.414vw;
	}
	.faq .faq-wrap h2{ margin-top: 9.766vw; }
	.faq .faq-wrap h2:not(:first-child){ margin-top: 8.789vw; }
	.faq .faq-wrap ul{ margin-top: 5.859vw; }
	.faq .faq-wrap ul li .faq-trigger{ font-size: 1.758vw; }
	.faq .faq-wrap ul li{
		min-height: auto;
		padding: 3.418vw 2.441vw;
		border-radius: 1.465vw;
		background: var(--color_bg02);
	}
	.faq .faq-wrap ul li + li{ margin-top: 0.977vw; }
	.faq .faq-wrap ul li .faq-trigger{
		padding-left:3.906vw;
		line-height: 1;
	}
	.faq .faq-wrap ul li .faq-trigger::after{
		content: "";
		width: 3.125vw;
		height: 3.125vw;
		margin: auto;
		bottom: 0;
	}
	.faq .faq-wrap ul li .faq-trigger::before{ top: -0.586vw; }
	.faq .faq-wrap ul li .faq-trigger::before,
	.faq .faq-wrap ul li > div > div::before{ font-size: 2.539vw; }
	.faq .faq-wrap ul li > div > div{
		padding: 1.953vw 0 0 3.906vw;
		line-height: 2.734vw;
		font-size: 1.563vw;
	}
	.faq .faq-wrap ul li > div > div::before{ top: 1.953vw; }
	.faq .faq-wrap ul li > div > div p + p{ margin-top:0.977vw; }
	.faq .faq-wrap .primary-btn{ width: 34.18vw; }
	.faq .faq-wrap .primary-btn::after{
		width: 1.563vw;
		height: 1.563vw;
		right: 2.93vw;
	}
}
@media screen and (min-width: 1025px) {
	.faq .faq-wrap{
		width: 1024px;
		margin: 110px auto 0;
		padding-bottom: 250px;
	}
	.faq .faq-wrap h2{ margin-top: 100px; }
	.faq .faq-wrap h2:not(:first-child){ margin-top: 90px; }
	.faq .faq-wrap ul{ margin-top: 60px; }
	.faq .faq-wrap ul li .faq-trigger{
		padding: 0;
		font-size: 1.8rem;
	}
	.faq .faq-wrap ul li{
		padding: 35px 25px;
		border-radius: 15px;
		background: var(--color_bg02);
	}
	.faq .faq-wrap ul li + li{ margin-top: 10px; }
	.faq .faq-wrap ul li .faq-trigger{ padding-left: 40px; }
	.faq .faq-wrap ul li .faq-trigger::after{
		content: "";
		width: 32px;
		height: 32px;
	}
	.faq .faq-wrap ul li .faq-trigger::before{ top: -6px; }
	.faq .faq-wrap ul li .faq-trigger::before,
	.faq .faq-wrap ul li > div > div::before{ font-size: 2.6rem; }
	.faq .faq-wrap ul li > div > div{
		padding: 20px 0 0 40px;
		line-height: 2.8rem;
		font-size: 1.6rem;
	}
	.faq .faq-wrap ul li > div > div::before{ top: 20px; }
	.faq .faq-wrap ul li > div > div p + p{ margin-top: 10px; }
	.faq .faq-wrap .primary-btn{
		width: 350px;
		margin-top: 80px;
	}
	.faq .faq-wrap .primary-btn::after{
		width: 16px;
		height: 16px;
		right: 30px;
	}
}
@media (any-hover: hover) {
	.faq .faq-wrap ul li > div > div p a:hover,
	.faq .faq-wrap ul li button:hover{ color: var(--color_green); }
	.faq .faq-wrap ul li button:hover::after{ background: var(--color_green); }
}


/*---------------------------------
	404
---------------------------------*/
.error404 .wrapper{
	width: calc(100% - 10.667vw);
	margin: 16vw auto 0;
	padding-bottom: 32vw;
}
.error404 .wrapper p + p{ margin-top: 2.667vw; }
.error404 .primary-btn{
	width: 89.333vw;
	margin: 16vw auto 0;
	font-weight: 700;
}
.error404 .primary-btn .primary-btn::after{
	width: 4vw;
	height: 4vw;
	mask: url(../img/icon-newtab.svg) no-repeat center center / contain;
	-webkit-mask: url(../img/icon-newtab.svg) no-repeat center center / contain;
	right: 8vw;
}
@media screen and (min-width: 768px) {
	.error404 .wrapper{
		width: 95.703vw;
		margin: 10.742vw auto 0;
		padding-bottom: 24.414vw;
	}
	.error404 .wrapper p + p{ margin-top: 0.977vw; }
	.error404 .primary-btn{ width: 34.18vw; }
	.error404 .primary-btn::after{
		width: 1.563vw;
		height: 1.563vw;
		right: 2.93vw;
	}
}
@media screen and (min-width: 1025px) {
	.error404 .wrapper{
		width: 1024px;
		margin: 110px auto 0;
		padding-bottom: 250px;
	}
	.error404 .wrapper p + p{ margin-top: 40px; }
	.error404 .primary-btn{
		width: 350px;
		margin-top: 80px;
	}
	.error404 .primary-btn::after{
		width: 32px;
		height: 32px;
		right: 15px;
	}
}