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

body section{
	padding-top: 60px;
}
section .wrapper{
	padding: 0 5.5vw;
}


section .mv{
	height: 180vw;
	background: url(../images/common/webp/bg_g.webp) repeat;
	background-size: 50% auto;
	position: relative;
}
section .mv::before{
	content: "";
	width: 100%;
	height: 70vw;
	background: url(../images/mv/webp/sp.webp) no-repeat center top;
	background-size: cover;
	position: absolute; top: 0; left: 0;
}
section .mv .wrapper{
	position: relative;
	z-index: 1;
}
section .mv .logo{
	width: 94vw;
	margin: 0 auto;
	padding-top: 63vw;
	text-align: center;
}
section .mv .image{
	width: 89vw;
	margin: -5vw auto 0 auto;
	text-align: center;
}


section h2{
	padding-top: 5.2vw;
	position: relative;
	font-size: 7.4vw;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
}
section h2::before{
	content: "";
	width: 13vw;
	height: 2.6vw;
	background: url(../images/common/h2.svg) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 0; left: 50%;
	transform: translateX(-50%);
}


section .intro{
	padding-bottom: 21vw;
	position: relative;
}
section .intro::before{
	content: "";
	width: 89vw;
	height: 13vw;
	background: url(../images/common/bg.svg) no-repeat;
	background-size: cover;
	position: absolute; top: -13vw; left: 50%;
	transform: translateX(-50%);
}
section .intro .box{
	padding-top: 10vw;
}
section .intro .item{
	padding: 2.6vw 2vw;
	background: #F4EEEA;
	border-radius: 10px;
}
section .intro .arrow{
	width: 53vw;
	margin: 1.6vw auto;
	text-align: center;
}
section .intro .arrow img{
	width: 100%;
}
section .intro .item h3{
	background: #FFF;
	border: 1px solid #5B4343;
	border-radius: 4.5vw;
	font-size: 5.3vw;
	font-weight: 700;
	line-height: 1.7;
	text-align: center;
}
section .intro .item h3 small{
	font-size: 4.2vw;
}
section .intro .item .text{
	padding-top: 2.6vw;
	font-size: 5.3vw;
	font-weight: 700;
	text-align: center;
}
section .intro .box .item:last-child{
	padding-bottom: 3vw;
	background: #65AC25;
}
section .intro .box .item:last-child h3{
	border-color: #65AC25;
}
section .intro .inner{
	padding-top: 2vw;
	display: flex;
	justify-content: center;
	color: #FFF;
}
section .intro .inner > div{
	padding: 0 6.6vw;
	position: relative;
}
section .intro .inner > div:last-child{
	padding-right: 0;
	border-left: 1px solid #FFF;
}
section .intro .name{
	font-size: 7.4vw;
	font-weight: 700;
}
section .intro .name small{
	font-size: 3.2vw;
	font-weight: 500;
}
section .intro .num{
	margin-top: -2vw;
	padding-left: 3vw;
	font-family: "Roboto", sans-serif;
	font-size: 7.4vw;
	font-weight: 700;
}
section .intro .num span{
	font-size: 16vw;
	line-height: 1;
}
section .intro .caution{
	position: absolute; bottom: -2.5vw; left: 6.6vw;
	font-size: 2.6vw;
	line-height: 4vw;
	font-weight: 500;
}


section .timetable{
	padding-bottom: 11.7vw;
	background: #F4EEEA;
	position: relative;
}
section .timetable::before{
	content: "";
	width: 89vw;
	height: 13vw;
	background: url(../images/common/bg_g.svg) no-repeat;
	background-size: cover;
	position: absolute; top: -13vw; left: 50%;
	transform: translateX(-50%);
}
section .timetable .box{
	padding-top: 10.6vw;
	display: flex;
	justify-content: space-between;
}
section .timetable .left{
	width: 18.6vw;
}
section .timetable .title{
	padding-bottom: 0.6vw;
	border-bottom: 2px solid #5B4343;
	font-size: 4.2vw;
	font-weight: 700;
	text-align: center;
}
section .timetable .left .inner{
	margin-top: 2.6vw;
	position: relative;
}
section .timetable .left .inner::before{
	content: "";
	width: 2px;
	height: 100%;
	background: #5B4343;
	position: absolute; top: 0; left: 50%;
	transform: translateX(-50%);
}
section .timetable .left .item{
	width: 18.6vw;
	height: 18.6vw;
	background: #FFF;
	border-radius: 9.3vw;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 5.3vw;
	font-weight: 700;
}
section .timetable .item.item_g{
	width: 16vw;
	height: 16vw;
	margin: 0 auto;
	background: #5B4343;
	font-size: 3.7vw;
	color: #FFF;
}
section .timetable .left .content_1{
}
section .timetable .left .content_2{
	margin-top: 65.5vw;
}
section .timetable .left .content_4{
	margin-top: 63.5vw;
}
section .timetable .left .content_3{
	margin-top: 17.5vw;
}
section .timetable .left .content_5{
	margin-top: 79.5vw;
}
section .timetable .left .content_6,
section .timetable .left .content_7{
	margin-top: 2.4vw;
}
section .timetable .left .content_8{
	margin-top: 91vw;
}
section .timetable .right{
	width: 64vw;
}
section .timetable .right .inner{
	margin-top: 2.6vw;
}
section .timetable .right .item{
	height: 9vw;
	padding: 0 3vw 0 8vw;
	background: #FFF;
	border-radius: 4.5vw;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 4.2vw;
	font-weight: 700;
}
section .timetable .item.item_t{
	height: calc(9vw - 2px);
	background: none;
	border: 1px solid #5B4343;
}
section .timetable .right .content_1{
}
section .timetable .right .content_2{
}
section .timetable .right .content_3,
section .timetable .right .content_4,
section .timetable .right .content_5,
section .timetable .right .content_13,
section .timetable .right .content_16{
	margin-top: 6.1vw;
}
section .timetable .right .content_6{
}
section .timetable .right .content_7,
section .timetable .right .content_10{
	margin-top: 4.2vw;
}
section .timetable .right .content_8,
section .timetable .right .content_15{
	margin-top: 2.6vw;
}
section .timetable .right .content_9{
}
section .timetable .right .content_11{
	margin-top: 14.4vw;
}
section .timetable .right .content_12{
	margin-top: 9.6vw;
}
section .timetable .right .content_14{
}
section .timetable .right .item::after{
	content: "";
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 1;
}
section .timetable .right .content_1::after{
	width: 16vw;
	height: 12.8vw;
	background-image: url(../images/timetable/sun.svg);
	top: 2.6vw; right: 0;
}
section .timetable .right .content_3::after{
	width: 35.2vw;
	height: 26.6vw;
	background-image: url(../images/timetable/laptop.svg);
	top: 0.6vw; right: 0;
}
section .timetable .right .content_7::after{
	width: 14.4vw;
	height: 20.2vw;
	background-image: url(../images/timetable/coffee.svg);
	top: -1.6vw; right: 9.8vw;
}
section .timetable .right .content_10::after{
	width: 24.5vw;
	height: 18.6vw;
	background-image: url(../images/timetable/book.svg);
	top: -1.6vw; right: 0;
}
section .timetable .right .content_16::after{
	width: 17vw;
	height: 16vw;
	background-image: url(../images/timetable/moon.svg);
	top: -2.5vw; right: 8.5vw;
}
section .timetable .detail{
	margin-top: 1.6vw;
}
section .timetable .text_box{
}
section .timetable .text{
	padding-top: 1vw;
	display: flex;
	flex-wrap: wrap;
	font-size: 4.2vw;
	font-weight: 500;
}
section .timetable .text span{
	padding: 0 2vw;
	background: #FFF;
	border-radius: 6vw;
	color: #EF6500;
}
section .timetable .thum_box{
	padding-top: 2.6vw;
	position: relative;
}
section .timetable .thum{
}
section .timetable .caution{
	padding-top: 0.6vw;
	font-size: 2.6vw;
	font-weight: 500;
	text-align: right;
}
section .timetable .off_circle{
	width: 26.6vw;
	height: 26.6vw;
	background: #EF6500;
	border-radius: 13.3vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: absolute; bottom: 0; left: 2.6vw;
	z-index: 1;
	line-height: 1;
}
section .timetable .name{
	font-size: 3.2vw;
	font-weight: 700;
	color: #FFF;
}
section .timetable .num + .name{
	padding-top: 0.8vw;
}
section .timetable .num{
	display: flex;
	align-items: flex-end;
}
section .timetable .num span{
	font-family: "Roboto", sans-serif;
	font-size: 8.2vw;
	font-weight: 900;
	line-height: 1;
	color: #FFCF03;
}
section .timetable .num small{
	padding-bottom: 0.6vw;
	font-size: 3.2vw;
	font-weight: 700;
	line-height: 1.3;
	color: #FFF;
}


section .timetable_bottom{
	background: #F4EEEA;
}
section .timetable_bottom .box{
}
section .timetable_bottom .day{
}
section .timetable_bottom .day h3{
	width: 76.8vw;
	height: 10.6vw;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #5B4343;
	border-radius: 5.3vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 4.2vw;
	font-weight: 700;
	text-align: center;
}
section .timetable_bottom .day h3::before,
section .timetable_bottom .day h3::after{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	position: absolute; bottom: -32px; left: 0; right: 0;
}
section .timetable_bottom .day h3::before{
	border: 16px solid transparent;
	border-top: 16px solid #FFF;
	z-index: 2;
}
section .timetable_bottom .day h3::after{
	bottom: -34px;
	border: 17px solid transparent;
	border-top: 17px solid #5B4343;
	z-index: 1;
}
section .timetable_bottom .day .inner{
	margin-top: -5.3vw;
	padding: 10.6vw 0 6.6vw 0;
	background: #65AC25;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	color: #FFF;
}
section .timetable_bottom .day .item{
	padding: 0 5vw;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
section .timetable_bottom .day .inner .item:last-child{
	border-left: 1px solid #FFF;
}
section .timetable_bottom .day .name{
	font-size: 7.4vw;
	font-weight: 700;
}
section .timetable_bottom .day .name small{
	font-size: 3.2vw;
}
section .timetable_bottom .day .num{
	font-family: "Roboto", sans-serif;
	font-size: 7.4vw;
	font-weight: 700;
}
section .timetable_bottom .day .num span{
	font-size: 15vw;
	line-height: 1;
}
section .timetable_bottom .day .text{
	font-size: 5.3vw;
	font-weight: 700;
}
section .timetable_bottom .day .caution{
	position: absolute; bottom: -3.5vw; left: 6.6vw;
	font-size: 2.6vw;
	line-height: 4vw;
	font-weight: 500;
}
section .timetable_bottom .cream{
	margin-top: 5.3vw;
	padding-top: 3.7vw;
	border-top: 1px solid #5B4343;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
section .timetable_bottom .cream::before,
section .timetable_bottom .cream::after{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	position: absolute; top: -1px; left: 0; right: 0;
}
section .timetable_bottom .cream::before{
	border: 6px solid transparent;
	border-top: 6px solid #F4EEEA;
	z-index: 2;
}
section .timetable_bottom .cream::after{
	border: 7px solid transparent;
	border-top: 7px solid #5B4343;
	z-index: 1;
}
section .timetable_bottom .cream .inner{
	padding-right: 1vw;
	font-weight: 700;
	text-align: center;
}
section .timetable_bottom .cream .name{
	font-size: 4.2vw;
}
section .timetable_bottom .cream .num{
	font-size: 4.2vw;
	line-height: 1;
}
section .timetable_bottom .cream .num span{
	font-size: 7.4vw;
}
section .timetable_bottom .cream .thum{
	width: 41vw;
}
section .timetable_bottom .cream p{
	width: 100%;
	padding-top: 2.5vw;
	font-size: 2.6vw;
	font-weight: 500;
	letter-spacing: 0;
}


section .product{
	padding-top: 5.3vw;
	background: #F4EEEA;
}
section .product h3{
	font-size: 7.4vw;
	font-weight: 700;
	color: #65AC25;
	text-align: center;
}
section .product .h4_box{
	padding-top: 5.3vw;
}
section .product h4{
	height: 7.4vw;
	background: #FFF;
	border-radius: 4.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.2vw;
	font-weight: 700;
}
section .product h4 small{
	font-size: 3.2vw;
	font-weight: 500;
}
section .product .caution{
	padding-top: 1vw;
	font-size: 2.6vw;
	font-weight: 500;
	text-align: right;
}
section .product .box{
	padding-top: 2.6vw;
	display: flex;
	justify-content: space-between;
}
section .product .item{
}
section .product .thum{
	height: 35.7vw;
}
section .product .thum img{
	height: 100%;
}
section .product .name{
	padding-top: 1vw;
	font-size: 3.7vw;
	font-weight: 500;
	text-align: center;
}


section .point{
	padding-bottom: 21vw;
	background: #F4EEEA;
}
section .point .box{
}
section .point .item{
	padding-top: 5.3vw;
}
section .point .title_box{
	display: flex;
	align-items: center;
}
section .point .num{
	width: 14.9vw;
	height: 14.9vw;
	background: url(../images/point/num.svg) no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	line-height: 1;
	color: #65AC25;
}
section .point .title{
	font-size: 2.1vw;
}
section .point .count{
	font-size: 6.1vw;
}
section .point h3{
	padding-left: 2vw;
	font-size: 5.3vw;
	font-weight: 700;
	color: #65AC25;
}
section .point .thum{
	padding-top: 2.6vw;
}
section .point p{
	padding-top: 2.6vw;
	font-size: 4.2vw;
	font-weight: 500;
}
section .point p span{
	background: #FFCE00;
}
section .point .caution{
	padding-top: 1vw;
	font-size: 3.2vw;
	font-weight: 500;
}


section .recipe_slide{
	padding-bottom: 26vw;
	position: relative;
}
section .recipe_slide::before{
	content: "";
	width: 89vw;
	height: 13vw;
	background: url(../images/common/bg.svg) no-repeat;
	background-size: cover;
	position: absolute; top: -13vw; left: 50%;
	transform: translateX(-50%);
}
section .recipe_slide_box{
	margin-top: 16vw;
	background: #F4EEEA;
	position: relative;
}
section .recipe_slide_box:nth-child(odd){
	background: #FFF;
	border: 1px solid #C7C7C7;
}
.swiper{
	overflow: visible;
	position: relative;
}
.swiper-button-prev,
.swiper-button-next{
	height: 8vw;
	width: 8vw;
	display: block;
	top: 35.7vw;
}
.swiper-button-prev img,
.swiper-button-next img{
	width: 100%;
}
.swiper-button-prev{
	left: -2.6vw;
}
.swiper-button-prev img{
	transform: scaleX(-1);
}
.swiper-button-next{
	right: -2.6vw;
}
.swiper-slide{
	opacity: 0;
	transition: .1s;
	pointer-events: none;
}
.swiper-slide-active{
	opacity: 1;
	transition: .1s;
	pointer-events: auto;
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after,
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  display: none;
}
section .recipe_slide_item{
	padding: 9vw 0 21vw 0;
	position: relative;
}
section .recipe_slide h3{
	width: 80vw;
	position: absolute; top: -5.3vw; left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
section .recipe_slide .thum_box{
}
section .recipe_slide .thum{
}
section .recipe_slide .thum_box .title_box{
	padding-top: 2.6vw;
}
section .recipe_slide h4{
}
section .recipe_slide h4 a{
	height: 10.6vw;
	background: #65AC25;
	border-radius: 5.3vw;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-decoration: none;
}
section .recipe_slide h4 span{
	border-bottom: 1px solid #FFF;
	font-size: 5.3vw;
	font-weight: 700;
	color: #FFF;
}
section .recipe_slide h4.two_line{
}
section .recipe_slide h4.two_line a{
	height: 18.6vw;
	border-radius: 9.3vw;
	flex-flow: column;
}
section .recipe_slide .condition{
	padding-top: 2.6vw;
	font-size: 4.2vw;
	font-weight: 500;
	text-align: center;
}
section .recipe_slide .off_box{
	padding-top: 2.6vw;
	display: flex;
	justify-content: center;
}
section .recipe_slide .off_box .item{
	width: 38.4vw;
	height: 38.4vw;
	margin: 0 1.6vw;
	background: #FFCE00;
	border-radius: 19.2vw;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	position: relative;
	font-weight: 700;
}
section .recipe_slide .off_box .name{
	font-size: 4.2vw;
}
section .recipe_slide .off_box .num{
	font-family: "Roboto", sans-serif;
	font-size: 5.3vw;
	line-height: 1;
}
section .recipe_slide .off_box .num span{
	font-size: 12.8vw;
}
section .recipe_slide .off_box .text{
	font-size: 4.2vw;
}
section .recipe_slide .recipe{
	padding-top: 5.3vw;
}
section .recipe_slide .recipe h5{
	height: 10.6vw;
	border-top: 1px solid #987C7C;
	border-bottom: 1px solid #987C7C;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.2vw;
	font-weight: 700;
	cursor: pointer;
}
section .recipe_slide .recipe h5::after{
	content: "";
	width: 5.3vw;
	height: 5.3vw;
	background: url(../images/common/open.svg) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 50%; right: 5.3vw;
	transform: translateY(-50%);
}
section .recipe_slide .recipe h5.open::after{
	background-image: url(../images/common/close.svg);
}
section .recipe_slide .recipe_wrap{
	display: none;
}
section .recipe_slide .recipe .people{
	font-size: 3.7vw;
	font-weight: 500;
	text-align: right;
}
section .recipe_slide .recipe .box{
}
section .recipe_slide .recipe .left{
	padding-top: 1.5vw;
}
section .recipe_slide .recipe .title_box{
	padding-bottom: 2.6vw;
	border-bottom: 2px solid #FFCE00;
	display: flex;
	justify-content: space-between;
	font-size: 4.2vw;
	font-weight: 700;
}
section .recipe_slide .recipe .title{
}
section .recipe_slide .recipe .quantity{
}
section .recipe_slide .recipe .left .inner{
	padding-top: 2vw;
}
section .recipe_slide .recipe .left .item{
	padding: 0.6vw 0;
	border-bottom: 1px dashed #987C7C;
	display: flex;
	justify-content: space-between;
	font-size: 3.7vw;
	font-weight: 500;
}
section .recipe_slide .recipe .left .item.border_s{
	border-bottom-style: solid;
}
section .recipe_slide .recipe .box + .box{
	margin-top: 5.3vw;
}
section .recipe_slide .recipe .box + .box .left .item{
	border: none;
}
section .recipe_slide .recipe .name{
}
section .recipe_slide .recipe .name span{
	padding: 0 2vw;
	background: #FFF;
	border-radius: 3.7vw;
	line-height: 1;
	color: #EF6500;
}
section .recipe_slide_box:nth-child(odd) .recipe .name span{
	background: #F4EEEA;
}
section .recipe_slide .recipe .left .text{
}
section .recipe_slide .recipe .right{
	padding-top: 5.3vw;
}
section .recipe_slide .recipe .right .inner{
}
section .recipe_slide .recipe .right .item{
	padding-top: 2.6vw;
	display: flex;
}
section .recipe_slide .recipe .num{
	width: 10.6vw;
	height: 10.6vw;
	background: #FFF;
	border-radius: 5.3vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.7vw;
	font-weight: 700;
}
section .recipe_slide_box:nth-child(odd) .recipe .num{
	background: #5B4343;
	color: #FFF;
}
section .recipe_slide .recipe .right .text{
	width: calc(100% - 13.2vw);
	padding: 1.5vw 0 0 2.6vw;
	font-size: 4.2vw;
	font-weight: 500;
}
section .recipe_slide .recipe .right .text span{
	display: block;
	position: relative;
}
section .recipe_slide .recipe .right .text span::before,
section .recipe_slide .recipe .right .text span::after{
	content: "";
	width: 20vw;
	height: 6px;
	margin-top: -0.5vw;
	background: url(../images/recipe/border.svg) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
section .recipe_slide .recipe .right .text span::before{
	margin-right: 1vw;
}
section .recipe_slide .recipe .right .text span::after{
	margin-left: 1vw;
}
section .recipe_slide .recipe .close{
	height: 10.6vw;
	margin-top: 5.3vw;
	border: 1px solid #987C7C;
	border-radius: 5.3vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.2vw;
	font-weight: 700;
	cursor: pointer;
}
section .recipe_slide .bottom_caution{
	padding-top: 5.3vw;
	font-size: 4.2vw;
	font-weight: 500;
	text-align: center;
}


section .try{
	padding-bottom: 10.6vw;
	background: url(../images/common/webp/bg_o.webp) repeat;
	background-size: 50% auto;
	position: relative;
}
section .try::before{
	content: "";
	width: 89vw;
	height: 13vw;
	background: url(../images/try/webp/bg.webp) no-repeat;
	background-size: 100% 100%;
	position: absolute; top: -13vw; left: 50%;
	transform: translateX(-50%);
}
section .try h2::before{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
section .try h2{
	color: #FFF;
}
section .try .box{
	margin-top: 10.6vw;
	padding: 11.7vw 2.5vw 10.6vw 2.5vw;
	background: #FFF;
	border-radius: 10px;
	position: relative;
}
section .try h3{
	width: 55.4vw;
	position: absolute; top: -6.6vw; left: 50%;
	transform: translateX(-50%);
}
section .try h3 img{
	width: 100%;
}
section .try .image{
	width: 72vw;
	margin: 0 auto;
	text-align: center;
}
section .try .bottom{
}
section .try .detail{
}
section .try .condition{
	padding-top: 2.6vw;
	font-size: 5.3vw;
	font-weight: 700;
	text-align: center;
}
section .try .off_box{
	padding-top: 2.6vw;
	display: flex;
	justify-content: center;
}
section .try .off_box .item{
	width: 38.4vw;
	height: 38.4vw;
	margin: 0 1.6vw;
	background: #65AC25;
	border-radius: 19.2vw;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	position: relative;
	font-weight: 700;
	color: #FFF;
}
section .try .off_box .name{
	font-size: 4.2vw;
}
section .try .off_box .num{
	font-family: "Roboto", sans-serif;
	font-size: 5.3vw;
	line-height: 1;
}
section .try .off_box .num span{
	font-size: 12.8vw;
}
section .try .off_box .text{
	font-size: 4.2vw;
}
section .try .off_box .caution{
	position: absolute; bottom: 3vw; left: 50%;
	font-size: 2.6vw;
	font-weight: 500;
	transform: translateX(-50%);
}
section .try .detail p{
	padding-top: 2.6vw;
	font-size: 3.2vw;
	font-weight: 500;
	text-align: center;
}
section .try .example{
}
section .try .replace{
}
section .try .replace .icon{
	width: 14.9vw;
}
section .try .cream{
	margin-top: 5.3vw;
	padding-top: 3.7vw;
	border-top: 1px solid #5B4343;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
section .try .cream::before,
section .try .cream::after{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	position: absolute; top: -1px; left: 0; right: 0;
}
section .try .cream::before{
	border: 6px solid transparent;
	border-top: 6px solid #FFF;
	z-index: 2;
}
section .try .cream::after{
	border: 7px solid transparent;
	border-top: 7px solid #5B4343;
	z-index: 1;
}
section .try .cream .inner{
	padding-right: 1vw;
	font-weight: 700;
	text-align: center;
}
section .try .cream .name{
	font-size: 4.2vw;
}
section .try .cream .num{
	font-size: 4.2vw;
	line-height: 1;
}
section .try .cream .num span{
	font-size: 7.4vw;
}
section .try .cream .thum{
	width: 41vw;
}
section .try .cream p{
	width: 100%;
	padding-top: 2.5vw;
	font-size: 2.6vw;
	font-weight: 500;
	letter-spacing: 0
}


section .replace{
	padding-top: 5.3vw;
	text-align: center;
}
section .replace h3{
	width: auto;
	padding: 0 10vw;
	background: none;
	border: none;
	border-radius: 0;
	display: inline-block;
	position: relative; top: 0; left: 0;
	transform: translateX(0);
	font-size: 5.3vw;
	font-weight: 700;
	line-height: 2;
	text-align: center;
}
section .replace h3::before,
section .replace h3::after{
	content: "";
	width: 7.4vw;
	height: 10.6vw;
	background: url(../images/replace/acc.svg) no-repeat;
	background-size: cover;
	position: absolute; top: 0;
}
section .replace h3::before{
	left: 0;
}
section .replace h3::after{
	right: 0;
	transform: scaleX(-1);
}
section .replace .box{
	margin-top: 0;
	padding: 5.3vw 0 0 0;
	background: none;
	border-radius: 0;
	display: flex;
	justify-content: space-between;
	position: relative;
}
section .replace .item{
	padding: 0;
	background: none;
	border-radius: 0;
	display: flex;
	align-items: flex-end;
}
section .replace .box .item:last-child{
	padding-bottom: 0;
	background: none;
}
section .replace .icon{
	width: 17vw;
}
section .replace .inner{
	padding: 0 0 1vw 2vw;
	display: block;
	color: #5B4343;
	text-align: left;
}
section .replace .inner > div{
	padding: 0;
	position: relative;
}
section .replace .inner > div:last-child{
	border-left: none;
}
section .replace .name{
	font-size: 4.2vw;
	font-weight: 700;
}
section .replace .num{
	font-family: "Roboto", sans-serif;
	font-size: 5.3vw;
	font-weight: 700;
}
section .replace .num small{
	font-family:  "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 4.2vw;
}
section .replace .caution{
	padding-top: 5.3vw;
	position: static;
	font-size: 3.2vw;
	line-height: 1.5;
	font-weight: 500;
}


section .belt{
}


section .plus{
	padding-top: 5.3vw;
}
section .plus .h3_box{
	color: #65AC25;
	text-align: center;
}
section .plus .h3_top{
	padding-bottom: 1vw;
	font-family: "Roboto", sans-serif;
	font-size: 6vw;
	font-weight: 900;
}
section .plus h3{
	padding: 2vw 0;
	border-top: 4px solid #65AC25;
	border-bottom: 4px solid #65AC25;
	display: inline-block;
	font-size: 7.4vw;
	font-weight: 700;
}
section .plus .image{
	width: 78vw;
	margin: 5.3vw auto 0 auto;
	text-align: center;
}
section .plus p{
	padding-top: 5.3vw;
	font-size: 5.3vw;
	font-weight: 700;
	text-align: center;
}


section .plus_slide{
	padding: 13vw 0 10.6vw 0;
}
section .plus_slide .slide_box{
}
section .plus_slide .swiper-button-prev,
section .plus_slide .swiper-button-next{
	top: 30vw;
}
section .plus_slide .slide_item{
	padding: 2.6vw 2.6vw 5.3vw 2.6vw;
	background: #FFF;
	border-radius: 10px;
	filter: drop-shadow(0px 0px 5px rgba(34, 15, 0, 0.2));
}
section .plus_slide .thum_box{
	position: relative;
}
section .plus_slide .acc{
	width: 45vw;
	position: absolute; top: -10.6vw; left: -4vw;
}
section .plus_slide .thum{
}
section .plus_slide .inner{
}
section .plus_slide .condition{
	padding-top: 2.6vw;
	font-size: 4.2vw;
	font-weight: 500;
	text-align: center;
}
section .plus_slide .off_box{
	padding-top: 2.6vw;
	display: flex;
	justify-content: center;
}
section .plus_slide .item{
	width: 38.4vw;
	height: 38.4vw;
	margin: 0 1.6vw;
	background: #FFCE00;
	border-radius: 19.2vw;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	position: relative;
	font-weight: 700;
}
section .plus_slide .name{
	font-size: 4.2vw;
}
section .plus_slide .num{
	font-family: "Roboto", sans-serif;
	font-size: 5.3vw;
	line-height: 1;
}
section .plus_slide .num span{
	font-size: 12.8vw;
}
section .plus_slide .text{
	font-size: 4.2vw;
}
section .plus_slide .caution{
	padding-top: 2.6vw;
	font-size: 3.2vw;
	font-weight: 500;
	text-align: center;
}


section .special{
	padding: 10.6vw 0 26vw 0;
	background: url(../images/common/webp/bg_g.webp) repeat;
	background-size: 50% auto;
}
section .special .h3_box{
	color: #FFF;
	text-align: center;
}
section .special .h3_top{
	padding-bottom: 1vw;
	font-family: "Roboto", sans-serif;
	font-size: 6vw;
	font-weight: 900;
}
section .special h3{
	padding: 2vw 0;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	display: inline-block;
	font-size: 7.4vw;
	font-weight: 700;
}
section .special .box{
}
section .special .item{
	margin-top: 10.6vw;
}
section .special .h4_box{
	text-align: center;
}
section .special h4{
	padding-bottom: 2.6vw;
	border-bottom: 4px solid #5B4343;
	display: inline-block;
	font-size: 5.3vw;
	font-weight: 700;
}
section .special h4 small{
	display: block;
	font-size: 4.2vw;
}
section .special .top_text{
	padding-top: 5.3vw;
	font-size: 4.2vw;
	font-weight: 700;
	text-align: center;
}
section .special .thum_box{
	padding-top: 2.6vw;
	display: flex;
	justify-content: center;
	text-align: center;
}
section .special .thum{
	width: 29vw;
}
section .special .item:last-child .thum{
	width: 40vw;
	margin: 0 0.5vw;
}
section .special .thum img{
	width: 20vw;
}
section .special .item:last-child .thum img{
	width: 100%;
}
section .special .thum span{
	display: block;
	font-size: 3.7vw;
	font-weight: 500;
}
section .special .button{
	padding-top: 2.6vw;
}
section .special .button a{
	height: 16vw;
	background: linear-gradient(#FFCE00, #EF6500);
	border:1px solid #FFF;
	border-radius: 8vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 4.2vw;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}
section .special .button a::after{
	content: "";
	width: 4.2vw;
	height: 4.8vw;
	background: url(../images/special/arrow.svg) no-repeat;
	background-size: cover;
	position: absolute; top: 50%; right: 5.3vw;
	transform: translateY(-50%);
}
section .special p{
	padding-top: 2.6vw;
	font-size: 3.2vw;
	font-weight: 500;
}
section .special .caution{
	padding-top: 2vw;
	font-size: 3.2vw;
	font-weight: 500;
	text-align: center;
}


section .link{
	padding-bottom: 24vw;
	background: #F4EEEA;
	position: relative;
}
section .link::before{
	content: "";
	width: 89vw;
	height: 13vw;
	background: url(../images/common/bg_g.svg) no-repeat;
	background-size: cover;
	position: absolute; top: -13vw; left: 50%;
	transform: translateX(-50%);
}
section .link .wrapper{
}
section .link .box{
	padding-top: 7.8vw;
}
section .link .item{
	margin-top: 2.6vw;
}
section .link .item a{
	height: 12vw;
	background: #FFF;
	border: 1px solid #653619;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
section .link .box .item:first-child a{
	background: #653619;
	font-size: 4.2vw;
	font-weight: 700;
	color: #FFF;
}


section .top_marker{
	width: 10.6vw;
	position: fixed; bottom: 20vw; right: 4vw;
	z-index: 10;
}
section .top_marker img{
	width: 100%;
}