@charset "utf-8";

/* common
-------------------------------------*/

html, body{
	min-width: 0 !important;
}

.hCooking{
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	text-align: justify;
	margin-bottom: 170px;
}

.hCooking img{
	width: 100%;
	height: auto;
}

.cooking__top{
	position: relative;
	z-index: 10;
}

.l-header{
	z-index: 9999;
}

.l-footer{
	z-index: 999;
}

.br-sp{
	display: none;
}


@media (min-width: 768px) and (max-width: 1258px){
	.hCooking{
		margin-bottom: 13.51351vw;
	}	
}


@media (max-width: 767px){
	.hCooking{
		margin-bottom: 12vw;
	}
	.br-sp{
		display: inline-block;
	}

	.br-pc{
		display: none;
	}
}

/* inview
-------------------------------------*/

.fadeIn{
	transition: 0.6s opacity;
	opacity: 0;
}

.fadeIn.inview{
	opacity: 1;
}


.popIn{
	transition: 0.6s opacity, 0.9s transform, 0.9s filter;
	opacity: 0;
	transform: scale(0.8);
	filter: blur(25px);
}

.popIn.inview{
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
}



/* pagenav
-------------------------------------*/

@media (min-width: 768px){
	.hCooking__pagenav{
		position: fixed;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 1000;
		display: flex;justify-content: center;align-items: center;
		width: 1200px;
		max-width: 90vw;
		background: rgba(255,158,23,0.7);
		border-radius: 32px;
		transition: 0.8s top;
	}

	.hCooking__pagenav.slideIn{
		top: 140px;
	}

	.hCooking__pagenav.slideIn-isScroll{
		top: 88px;
	}

	.hCooking__pagenav li{
		position: relative;
	}

	.hCooking__pagenav li:nth-child(n+2)::before{
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(0, -50%);
		height: 20px;
		border-left: 1px solid #FFF;
	}

	.hCooking__pagenav li a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 64px;
		color: #FFF;
		padding: 0 35px;
		font-size: 20px;
		font-weight: bold;
		transition: 0.3s opacity;
	}

	.hCooking__pagenav li a:hover{
		opacity: 0.7;
	}
}

@media (min-width: 768px) and (max-width: 1258px){
	.hCooking__pagenav{
		border-radius: 2.54372vw;
	}
	
	.hCooking__pagenav.slideIn{
		top: 90px;
	}
	
	.hCooking__pagenav.slideIn-isScroll{
		top: 20px;
	}
	
	.hCooking__pagenav li:nth-child(n+2)::before{
		height: 1.58982vw;
	}
	
	.hCooking__pagenav li a{
		height: 5.08744vw;
		padding: 0 2.78219vw;
		font-size: 1.58982vw;
	}
}


/* kv
-------------------------------------*/

.kv{
	position: relative;
	z-index: 10;
}

.kv__movie{
	position: relative;
	width: calc(100% - 127px);
	height: 680px;
	margin-left: 127px;
	z-index: 1;
	overflow: hidden;
	border-radius: 0 0 0 372px;
}

.kv__movie > *{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
}

.kv__img{
	position: absolute;
	left: 0;
	top: 0;
	width: 395px;
	z-index: 10;
}

.kv__lead{
	position: absolute;
	left: 150px;
	top: 22.05882%;
	width: 551px;
	z-index: 50;
}

.kv__scroll{
	position: absolute;
	left: 113px;
	bottom: 34px;
	width: 73px;
}


@media (min-width: 768px) and (max-width: 1258px){
	.kv__movie{
		height: auto;
		aspect-ratio: 16 / 9;
	}
}


@media (min-width: 768px) and (max-width: 1258px){
	.kv__movie{
		width: calc(100% - 10.09538vw);
		margin-left: 10.09538vw;
		border-radius: 0 0 0 29.57074vw;
	}
	
	.kv__img{
		width: 31.39904vw;
	}
	
	.kv__lead{
		left: 11.92368vw;
		width: 43.79968vw;
	}
}


@media (max-width: 767px){
	.kv__img{
		width: 47.86666vw;
	}

	.kv__movie{
		width: calc(100% - 9.33333vw);
		margin-left: 9.33333vw;
		height: 140.39999vw;
		border-radius: 0 0 0 26.66666vw;
	}

	.kv__movie > *{
		left: 50%;
		top: 0;
		transform: translate(-50%, 0);
		width: auto !important;
		height: 100% !important;
	}

	.kv__lead{
		left: 15.6vw;
		top: 27.46666vw;
		width: 66.8vw;
	}
}


/* statement
-------------------------------------*/

#anchor-statement{
	display: block;
	position: relative;
	top: -140px;
}

.statement{
	position: relative;
	margin: -109px auto -493px;
}

.statement__bg{
	background: #FFC;
	border-radius: 568px 0 493px 0;
	padding: 280px 0 100px;
	z-index: 6;
	box-shadow:17px 17px 21px rgba(132,95,70,0.69);
}

.statement__area01{
	position: relative;
	width: 1132px;
	max-width: 90vw;
	margin: 0 auto 50px;
}

.statement__area01__img01{
	position: absolute;
	width: 695px;
	top: -380px;
	right: -110px;
	overflow: hidden;
	z-index: 1;
}

.statement__area01__img01 img{
	width: 695px;
}

@media (min-width: 1258px) and (max-width: 1360px){
	.statement__area01__img01{
		position: absolute;
		width: 585px;
		right: calc((-100vw + 100%) / 2);
	}
}

.statment__title__area{
	position: absolute;
	top: -500px;
	right: 37px;
	width: 322px;
	height: calc(100% + 500px + 45px);
	z-index: 50;
}

.statment__title{
	position: sticky;
	top: 140px;
	left: 0;
	width: 100%;
}

.statement__lead__sentence{
	position: relative;
	font-weight: bold;
	font-size: 20px;
	line-height: 2;
	letter-spacing: 0.1em;
	z-index: 10;
}

.statement__inner{
	position: relative;
	width: 1132px;
	max-width: 90vw;
	margin: 0 auto;
}

.statement__area02{
	overflow: hidden;
}

.statement__area02__img{
	position: relative;
	width: 730px;
	left: -121px;
}

.statement__area02__excl li:nth-child(1){
	position: absolute;
	right: 558px;
	top: 10px;
	width:75px;
}

.statement__area02__excl li:nth-child(2){
	position: absolute;
	right: 60px;
	top: 15px;
	width:35px;
}

.statement__area02__excl li:nth-child(3){
	position: absolute;
	right: -7px;
	top: 30px;
	width:65px;
}

.excl img {
	transform: translate(0, 50%);
	opacity: 0;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition-delay: 0.9s;
}

.inview .excl img{
	transform: translate(0, 0);
	opacity: 1;
}

.statement__area02__vegetable01{
	position: absolute;
	right: 282px;
	top: 35px;
	width: 191px;
}

.statement__area02__vegetable02{
	position: absolute;
	right: -36px;
	top: 119px;
	width: 271px;
}

.statement__area02__vegetable03{
	position: absolute;
	right: 253px;
	top: 336px;
	width: 208px;
}

.statement__area02__vegetable02,
.statement__area02__vegetable02 > img{
	animation-delay: 0.33333s;
}

.statement__area02__vegetable03,
.statement__area02__vegetable03 > img{
	animation-delay: 0.66666s;
}

.action-sway{
	transform: rotate(-3deg);
	animation-name: sway;
	animation-fill-mode: backwards;
	animation-duration:2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction:normal;
}

@keyframes sway{
	0% {transform: rotate(-3deg);}
	50% {transform: rotate(-3deg);}
	50.1% {transform: rotate(3deg);}
	100% {transform: rotate(3deg);}
}

.action-sway > img{
	transform: translate(-3%, 0);
	animation-name: swayImg;
	animation-fill-mode: backwards;
	animation-duration:2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction:normal;
}

@keyframes swayImg{
	0% {transform: translate(-3%, 0);}
	50% {transform: translate(-3%, 0);}
	50.1% {transform: translate(3%, 0);}
	100% {transform: translate(3%, 0);;}
}

.statement__area03{
	overflow: hidden;
	margin-top: -220px;
	padding-top: 130px;
}

.statement__area03 > .statement__inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 120px 0 120px;
}

.statement__area03 > .statement__inner > p{
	position: relative;
	font-weight: bold;
	font-size: 20px;
	line-height: 2;
	letter-spacing: 0.1em;
	margin-top: 32px;
	z-index: 10;
}

.statement__area03__img{
	position: relative;
	width: 595px;
	right: -64px;
	z-index: 10;
}

.statement__area03__excl li:nth-child(1){
	position: absolute;
	left: -48px;
	top: -31px;
	width:69px;
}

.statement__area03__excl li:nth-child(2){
	position: absolute;
	left: 77px;
	top: -43px;
	width:33px;
}

.statement__area03__vegetable01{
	position: absolute;
	left: 202px;
	bottom: 112px;
	width: 167px;
	z-index: 10;
}

.statement__area03__vegetable02{
	position: absolute;
	right: 473px;
	bottom: 201px;
	width: 188px;
	z-index: 10;
}

.statement__area03__vegetable03{
	position: absolute;
	left: 387px;
	bottom: 30px;
	width: 181px;
	z-index: 10;
}

.statement__area03__vegetable02,
.statement__area03__vegetable02 > img{
	animation-delay: 0.33333s;
}

.statement__area03__vegetable03,
.statement__area03__vegetable03 > img{
	animation-delay: 0.66666s;
}

.statement__area03__bg01{
	position: absolute;
	right: -218px;
	top: 0;
	width: 523px;
	z-index: 1;
}

.statement__area03__bg02{
	position: absolute;
	left: -298px;
	bottom: 20px;
	width: 699px;
	z-index: 1;
}


@media (min-width: 768px) and (max-width: 1258px){
	.statement{
		margin: -8.66454vw auto -39.18918vw;
	}
	
	.statement__bg{
		border-radius: 35.15103vw 0 34.18918vw 0;
		padding: 22.25755vw 0 7.94912vw;
		z-index: 6;
		box-shadow:1.35135vw 1.35135vw 1.66931vw rgba(132,95,70,0.69);
	}
	
	.statement__area01{
		position: relative;
		width: 89.9841vw;
		max-width: 90vw;
		margin: 0 auto 3.97456vw;
	}
	
	.statement__area01__img01{
		position: absolute;
		width: 46.50238vw;
		right: calc((-100vw + 100%) / 2);
		top: -30.20667vw;
	}
	
	.statement__area01__img01 img{
		width: 55.24642vw;
	}
	
	.statment__title__area{
		top: -39.74562vw;
		right: 2.94117vw;
		width: 25.59618vw;
		height: calc(100% + 39.74562vw + 3.5771vw);
		z-index: 50;
	}
	
	.statment__title{
		top: 11.12877vw;
	}
	
	.statement__lead__sentence{
		font-size: 1.58982vw;
	}
	
	.statement__inner{
		width: 89.9841vw;
	}
	
	.statement__area02__img{
		width: 58.02861vw;
		left: -9.61844vw;
	}

	.statement__area02__excl li:nth-child(1){
		position: absolute;
		right: 46.35612vw;
		top: 0.79491vw;
		width:5.96184vw;
	}
	
	.statement__area02__excl li:nth-child(2){
		position: absolute;
		right: 4.76947vw;
		top: 1.19236vw;
		width:2.78219vw;
	}
	
	.statement__area02__excl li:nth-child(3){
		position: absolute;
		right: -0.55643vw;
		top: 2.38473vw;
		width:5.16693vw;
	}
	
	.statement__area02__vegetable01{
		right: 22.41653vw;
		top: 2.78219vw;
		width: 15.18282vw;
	}
	
	.statement__area02__vegetable02{
		right: -2.86168vw;
		top: 9.45945vw;
		width: 21.54213vw;
	}
	
	.statement__area02__vegetable03{
		right: 20.11128vw;
		top: 26.70906vw;
		width: 16.53418vw;
	}
	
	.statement__area03{
		margin-top: -17.48807vw;
		padding-top: 10.33386vw;
	}
	
	.statement__area03 > .statement__inner{
		padding: 9.53895vw 0 9.53895vw;
	}
	
	.statement__area03 > .statement__inner > p{
		font-size: 1.58982vw;
		margin-top: 2.54372vw;
	}
	
	.statement__area03__img{
		width: 47.29729vw;
		right: -5.08744vw;
	}

	.statement__area03__excl li:nth-child(1){
		position: absolute;
		left: -3.81558vw;
		top: -2.46422vw;
		width:5.48489vw;
	}
	
	.statement__area03__excl li:nth-child(2){
		position: absolute;
		left: 6.12082vw;
		top: -3.41812vw;
		width:2.62321vw;
	}
	
	.statement__area03__vegetable01{
		left: 16.05723vw;
		bottom: 8.90302vw;
		width: 13.27503vw;
	}
	
	.statement__area03__vegetable02{
		right: 37.59936vw;
		bottom: 15.97774vw;
		width: 14.94435vw;
	}
	
	.statement__area03__vegetable03{
		left: 30.76311vw;
		bottom: 2.38473vw;
		width: 14.38791vw;
	}
	
	.statement__area03__bg01{
		right: -17.32909vw;
		top: 0;
		width: 41.57392vw;
	}
	
	.statement__area03__bg02{
		position: absolute;
		left: -23.68839vw;
		bottom: 1.58982vw;
		width: 55.56438vw;
	}
}

@media (max-width: 767px){
	.statement{
		margin: -26.66666vw 0 -26.66666vw;
	}

	#anchor-statement{
		top: -90px;
	}

	.statement__bg{
		border-radius: 26.66666vw 0 26.66666vw 0;
		padding: 65.33333vw 0 9.33333vw;
	}

	.statement__area01__img01{
		width: 58.13333vw;
		left: -5vw;
		top: -69.33333vw;
		overflow: hidden;
	}

	.statement__area01__img01 img{
		position: relative;
		width: 92vw;
		left: -33.86666vw;
	}

	.statment__title__area{
		right: 0;
		top: -108vw;
		height: 100vw;
		width: 45.86667vw;
	}

	.statement__area01{
		margin-bottom: -26.66666vw;
	}

	.statement__lead__sentence{
		font-size: 4.26666vw;
		line-height: 1.875;
	}

	.statement__area02 > .statement__inner{
		padding: 36vw 0 6.26666vw;
	}

	.statement__area02__img{
		width: 86.66666vw;
		left: -10.93333vw;
	}

	.statement__area02__excl li:nth-child(1){
		position: absolute;
		right: 67.8vw;
		top: -2.33334vw;
		width:9.13333vw;
	}
	
	.statement__area02__excl li:nth-child(2){
		position: absolute;
		right: 25.66667vw;
		top: -11.26667vw;
		width:4.8vw;
	}
	
	.statement__area02__excl li:nth-child(3){
		position: absolute;
		right: 17.46666vw;
		top: -9vw;
		width:8.79999vw;
	}
	
	.statement__area02__vegetable01{
		right: -4.53333vw;
		top: 0;
		width: 19.86666vw;
	}
	
	.statement__area02__vegetable02{
		right: -1.86666vw;
		top: 54.53333vw;
		width: 28.4vw;
	}
	
	.statement__area02__vegetable03{
		right: 14.93333vw;
		top: auto;
		bottom: 0;
		width: 24.53333vw;
	}

	.statement__area03{
		margin-top: 4vw;
		padding-top: 0;
	}
	
	.statement__area03 > .statement__inner{
		padding: 0 0 36.66666vw;
	}
	
	.statement__area03 > .statement__inner > p{
		font-size: 4.26666vw;
		line-height: 1.875;
		margin: 0 auto 4.66666vw;
	}
	
	.statement__area03__img{
		width: 86.66666vw;
		right: auto;
		left: 10.66666vw;
	}

	.statement__area03__excl li:nth-child(1){
		position: absolute;
		left: 2.53334vw;
		top: 2.73334vw;
		width:9.33333vw;
	}
	
	.statement__area03__excl li:nth-child(2){
		position: absolute;
		left: 15.4vw;
		top: 0.53334vw;
		width:4.53333vw;
	}
	
	.statement__area03__vegetable01{
		left: -1.33333vw;
		bottom: 56.66666vw;
		width: 19.6vw;
	}
	
	.statement__area03__vegetable02{
		right: auto;
		left: 48.8vw;
		bottom: 23.8vw;
		width: 25.06666vw;
	}
	
	.statement__area03__vegetable03{
		left: 8vw;
		bottom: 23.46666vw;
		width: 26.8vw;
	}
	
	.statement__area03__bg01{
		right: auto;
		left: 49.33333vw;
		top: auto;
		bottom: 76vw;
		width: 69.73333vw;
	}
	
	.statement__area03__bg02{
		left: -40.53333vw;
		bottom: 0;
		width: 107.46666vw;
	}
}


/* parallax
-------------------------------------*/

.imgArea01{
	position: relative;
	height: 1000px;
	overflow: hidden;
	z-index: 1;
}

.imgArea01__img{
	position: absolute;
	left: 0;
	top: -30%;
	width: 100%;
	height: 130%;
	background: url('../img/imgarea01-bg01.jpg') no-repeat center center / cover;
}

.imgArea02{
	position: relative;
	height: 1000px;
	overflow: hidden;
	z-index: 1;
	background-color: #f2f9fa;
}

.imgArea02__img{
	position: absolute;
	left: 0;
	top: -30%;
	width: 100%;
	height: 130%;
	height: auto;
	background: url('../img/imgarea02-bg01.jpg?20240312') no-repeat center center / cover ;
	aspect-ratio: 1.22;
	top: 0;

}

.imgArea03{
	position: relative;
	height: 920px;
	margin-top: 3.6vw;
	overflow: hidden;
	z-index: 1;
}

.imgArea03__img{
	position: absolute;
	left: 0;
	top: -30%;
	width: 100%;
	height: 130%;
	background: url('../img/imgarea03-bg01.jpg') no-repeat center center / cover;
}

.imgArea04{
	position: relative;
	height: 835px;
	margin-top: -9.2vw;
	overflow: hidden;
	z-index: 1;
}

.imgArea04__img{
	position: absolute;
	left: 0;
	top: -30%;
	width: 100%;
	height: 130%;
	background: url('../img/imgarea04-bg01.jpg') no-repeat center center / cover;
}

@media (min-width: 768px) and (max-width: 1258px){
	.imgArea01{
		height: 79.49125vw;
	}
	
	.imgArea02{
		height: 79.49125vw;
	}
	
	.imgArea03{
		height: 73.13195vw;
	}
	
	.imgArea04{
		height: 66.37519vw;
	}
}

@media (max-width: 767px){
	.imgArea01{
		height: 106.66666vw;
		height: auto;
		aspect-ratio: 1.22;
	}
	.imgArea02__img{
		width: 150%;
		left: 50%;
		top: 20%;
		transform: translateX(-50%);
	}

	.imgArea02{
		height: 106.66666vw;
	}

	.imgArea03{
		margin-top: 7vw;
		height: 86.66666vw;
	}
	
	.imgArea04{
		margin-top: -16.2vw;
		height: 124.66666vw;
	}
}


/* tvcm
-------------------------------------*/

.tvcm{
	position: relative;
	background: url('../img/tvcm-bg.png') repeat center top / auto 100%;
	margin-top: -97px;
	z-index: 10;
	overflow: hidden;
}

.tvcm__inner{
	width: 1132px;
	max-width: 90vw;
	margin: 0 auto;
	padding: 140px 0 200px;
}

.tvcm__title{
	position: relative;
	width: 252px;
	margin: 0 auto 70px;
}

.tvcm__title__img01{
	position: absolute;
	left: -185px;
	top: -96px;
	width: 136px;
}

.tvcm__title__img02{
	position: absolute;
	right: -388px;
	top: -73px;
	width: 337px;
}

.tvcm__catch{
	position: relative;
	width: fit-content;
	margin: 0 auto 30px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

.tvcm__catch sup{
	position: relative;
	display: inline-block;
	vertical-align: super;
	font-size: 0.5em;
	top: -0.5em;
}

.tvcm__catch::before, .tvcm__catch::after{
	content: "";
	position: absolute;
	top: 0;
	width: 3px;
	height: 157px;
	background: #FFF;
}

.tvcm__catch::before{
	left: -50px;
	transform: rotate(-25deg);
}

.tvcm__catch::after{
	right: -50px;
	transform: rotate(25deg);
}

.tvcm__catch strong{
	display: inline-block;
	font-size: 60px;
	font-weight: bold;
	margin-right: 0.1em;
}

.tvcm__catch small{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}

.tvcm__movie__area{
	position: relative;
	width: 736px;
	margin: 0 auto;
}

.tvcm__movie{
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 15px;
	overflow: hidden;
}

.tvcm__movie > *{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.tvcm__movie__img01{
	position: absolute;
	left: -240px;
	top: 135px;
	width: 226px;
}

.tvcm__movie__img02{
	position: absolute;
	right: -119px;
	top: 171px;
	width: 70px;
}

.tvcm__movie__img03{
	position: absolute;
	left: -109px;
	bottom: -185px;
	width: 164px;
}


@media (min-width: 768px) and (max-width: 1258px){
	.tvcm{
		margin-top: -7.71065vw;
	}
	
	.tvcm__inner{
		width: 89.9841vw;
		padding: 11.12877vw 0 15.89825vw;
	}
	
	.tvcm__title{
		width: 20.03179vw;
		margin: 0 auto 3.97456vw;
	}
	
	.tvcm__title__img01{
		left: -14.70588vw;
		top: -7.63116vw;
		width: 10.81081vw;
	}
	
	.tvcm__title__img02{
		right: -30.8426vw;
		top: -5.80286vw;
		width: 26.78855vw;
	}
	
	.tvcm__catch{
		margin: 0 auto 2.38473vw;
		font-size: 2.54372vw;
	}
	
	.tvcm__catch::before, .tvcm__catch::after{
		width: 0.23847vw;
		height: 13.50556vw;
	}
	
	.tvcm__catch::before{
		left: -3.97456vw;
	}
	
	.tvcm__catch::after{
		right: -3.97456vw;
	}
	
	.tvcm__catch strong{
		font-size: 4.76947vw;
	}
	
	.tvcm__movie__area{
		width: 58.50556vw;
	}
	
	.tvcm__movie{
		border-radius: 1.19236vw;
	}
	
	.tvcm__movie__img01{
		left: -19.0779vw;
		top: 10.73131vw;
		width: 17.96502vw;
	}
	
	.tvcm__movie__img02{
		right: -9.45945vw;
		top: 13.593vw;
		width: 5.56438vw;
	}

	.tvcm__movie__img03{
		left: -8.66454vw;
		bottom: -14.70588vw;
		width: 13.03656vw;
	}
}


@media (max-width: 767px){
	.tvcm{
		margin-top: -12.93333vw;
	}
	
	.tvcm__inner{
		padding: 25.73333vw 0 29.86666vw;
	}
	
	.tvcm__title{
		width: 34.66666vw;
		margin: 0 auto 8vw;
	}
	
	.tvcm__title__img01{
		position: absolute;
		left: -17.73333vw;
		top: -10.4vw;
		width: 14.66666vw;
	}
	
	.tvcm__title__img02{
		position: absolute;
		right: -28.53333vw;
		top: -11.6vw;
		width: 29.06666vw;
	}
	
	.tvcm__catch{
		margin: 0 auto 6.66666vw;
		font-size: 4.26666vw;
	}
	
	.tvcm__catch::before, .tvcm__catch::after{
		width: 0.4vw;
		height: 27.26666vw;
	}
	
	.tvcm__catch::before{
		left: -4.33333vw;
		transform: rotate(-15deg);
	}
	
	.tvcm__catch::after{
		right: -4.33333vw;
		transform: rotate(15deg);
	}
	
	.tvcm__catch strong{
		font-size: 9.06666vw;
	}

	.tvcm__catch span{
		font-size: 4.8vw;
	}

	.tvcm__catch small{
		font-size: 2.66667vw;
	}
	
	.tvcm__movie__area{
		width: 73.33333vw;
	}
	
	.tvcm__movie__img01{
		left: -10.93333vw;
		top: auto;
		bottom: -16.53333vw;
		width: 24.13333vw;
		z-index: -1;
	}
	
	.tvcm__movie__img02{
		right: -5.86666vw;
		top: 26.66666vw;
		width: 6.93333vw;
	}

	.tvcm__movie__img03{
		left: -4vw;
		bottom: -18.66666vw;
		width: 17.33333vw;
	}
}


/* hostory
-------------------------------------*/

.history{
	position: relative;
	margin: -95px auto -300px;
	z-index: 5;
	overflow: hidden;
}

.history::before{
	content: "";
	position: absolute;
	left: -6.27209%;
	top: 0;
	width: 106.27209%;
	height: calc(100% - 38px);
	background: #fff1d5;
	border-radius: 0 0 0 541px;
	box-shadow:17px 17px 21px rgba(132,95,70,0.69);
	z-index: 1;
}

.history__inner{
	position: relative;
	width: 1132px;
	max-width: 90vw;
	margin: 0 auto;
	padding: 170px 0 168px;
	z-index: 10;
}

.history__book{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1132 / 1018;
	background: url('../img/history-book.png?20240312') no-repeat center center / 100% 100%;
	margin-bottom: 50px;
}

.history__book h2{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 84px;
	background: #ffa100;
	border-radius: 100%;
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.1em;
	margin: 0 auto 35px;
}

.history__book p{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 1.9;
	letter-spacing: 0.1em;
	margin-bottom: 60px;
}

.history__graph{
	position: relative;
	width: 962px;
	aspect-ratio: 2011 / 761;
	max-width: 80vw;
	background: url('../img/history-graph-bg.png') no-repeat center center / 100% 100%;
	margin-bottom: 40px;
}

.history__graph__comment{
	position: absolute;
	left: 11.33056%;
	top: 15%;
	width: 42.20374%;
	transition: 0.6s opacity, 0.6s transform;
	transition-delay: 0.6s;
	opacity: 0;
	transform: translate(0, 50%);
}

.history__graph.inview .history__graph__comment{
	opacity: 1;
	transform: translate(0, 0);
}

.history__graph__bar li{
	position: absolute;
	bottom: 4.73684%;
	width: 1.97505%;
	height: 0;
	background: #e38210;
	transition: 0.6s height;
}

.history__graph__bar li:nth-child(1){left: 5.40541%;}
.history__graph__bar li:nth-child(2){left: 9.58046%;}
.history__graph__bar li:nth-child(3){left: 13.75551%;}
.history__graph__bar li:nth-child(4){left: 18.03056%;}
.history__graph__bar li:nth-child(5){left: 22.30561%;}
.history__graph__bar li:nth-child(6){left: 26.58067%;}
.history__graph__bar li:nth-child(7){left: 30.75572%;}
.history__graph__bar li:nth-child(8){left: 35.03077%;}
.history__graph__bar li:nth-child(9){left: 39.30582%;}
.history__graph__bar li:nth-child(10){left: 43.68087%;}
.history__graph__bar li:nth-child(11){left: 47.85593%;}
.history__graph__bar li:nth-child(12){left: 52.13098%;}
.history__graph__bar li:nth-child(13){left: 56.40603%;}
.history__graph__bar li:nth-child(14){left: 60.58108%;}
.history__graph__bar li:nth-child(15){left: 64.85613%;}
.history__graph__bar li:nth-child(16){left: 69.23119%;}
.history__graph__bar li:nth-child(17){left: 73.40624%;}
.history__graph__bar li:nth-child(18){left: 77.58129%;}
.history__graph__bar li:nth-child(19){left: 81.75634%;}
.history__graph__bar li:nth-child(20){left: 86.13139%;}
.history__graph__bar li:nth-child(21){left: 90.50644%;}
.history__graph__bar li:nth-child(22){left: 94.70644%;}

.history__graph.inview .history__graph__bar li:nth-child(1){height: 8.68421%; transition-delay: 1.2s;}
.history__graph.inview .history__graph__bar li:nth-child(2){height: 11.31579%; transition-delay: 1.25s;}
.history__graph.inview .history__graph__bar li:nth-child(3){height: 14.21053%; transition-delay: 1.3s;}
.history__graph.inview .history__graph__bar li:nth-child(4){height: 16.84211%; transition-delay: 1.35s;}
.history__graph.inview .history__graph__bar li:nth-child(5){height: 21.84211%; transition-delay: 1.4s;}
.history__graph.inview .history__graph__bar li:nth-child(6){height: 25%; transition-delay: 1.45s;}
.history__graph.inview .history__graph__bar li:nth-child(7){height: 28.15789%; transition-delay: 1.5s;}
.history__graph.inview .history__graph__bar li:nth-child(8){height: 33.68421%; transition-delay: 1.55s;}
.history__graph.inview .history__graph__bar li:nth-child(9){height: 39.21053%; transition-delay: 1.6s;}
.history__graph.inview .history__graph__bar li:nth-child(10){height: 41.84211%; transition-delay: 1.65s;}
.history__graph.inview .history__graph__bar li:nth-child(11){height: 46.31579%; transition-delay: 1.7s;}
.history__graph.inview .history__graph__bar li:nth-child(12){height: 50.52632%; transition-delay: 1.75s;}
.history__graph.inview .history__graph__bar li:nth-child(13){height: 55%; transition-delay: 1.8s;}
.history__graph.inview .history__graph__bar li:nth-child(14){height: 59.47368%; transition-delay: 1.85s;}
.history__graph.inview .history__graph__bar li:nth-child(15){height: 64.21053%; transition-delay: 1.9s;}
.history__graph.inview .history__graph__bar li:nth-child(16){height: 68.15789%; transition-delay: 1.95s;}
.history__graph.inview .history__graph__bar li:nth-child(17){height: 72.10526%; transition-delay: 2s;}
.history__graph.inview .history__graph__bar li:nth-child(18){height: 76.05263%; transition-delay: 2.05s;}
.history__graph.inview .history__graph__bar li:nth-child(19){height: 81.31579%; transition-delay: 2.1s;}
.history__graph.inview .history__graph__bar li:nth-child(20){height: 84.73684%; transition-delay: 2.15s;}
.history__graph.inview .history__graph__bar li:nth-child(21){height: 87.36842%; transition-delay: 2.2s;}
.history__graph.inview .history__graph__bar li:nth-child(22){height: 91.36842%; transition-delay: 2.25s;}

.history__graph__num{
	position: absolute;
	right: -3.430353%;
	top: -9.76316%;
	width: 24.53222%;
	transition: 0.6s opacity, 0.6s transform;
	transition-delay: 2.8s;
	opacity: 0;
	transform: translate(0, 75%);
}

.history__graph.inview .history__graph__num{
	opacity: 1;
	transform: translate(0, 0);
}

.histrory__graph__title{
	font-size: 16px;
	text-align: center;
	color: #4d3814;
	line-height: 1.2;
	letter-spacing: 0.1em;
}


@media (min-width: 768px) and (max-width: 1258px){
	.history{
		margin: -7.55166vw auto -23.84737vw;
	}
	
	.history::before{
		height: calc(100% - 3.02066vw);
		border-radius: 0 0 0 38.00476vw;
		box-shadow:1.35135vw 1.35135vw 1.66931vw rgba(132,95,70,0.69);
	}
	
	.history__inner{
		max-width: 90vw;
		padding: 13.51351vw 0 13.35453vw;
	}
	
	.history__book{
		margin-bottom: 3.97456vw;
	}
	
	.history__book h2{
		width: 17.48807vw;
		height: 6.67726vw;
		font-size: 3.17965vw;
		margin: 0 auto 2.78219vw;
	}
	
	.history__book p{
		font-size: 1.58982vw;
		margin-bottom: 4.28219vw;
	}
	
	.history__graph{
		width: 71.54213vw;
		margin-bottom: 3.17965vw;
	}
	
	.histrory__graph__title{
		font-size: 1.27186vw;
	}
}


@media (max-width: 767px){
	.history{
		margin: -12.66666vw auto -25.33333vw;
	}
	
	.history::before{
		left: -1.01333%;
		width: 101.01333%;
		height: calc(100% - 5.06666vw);
		border-radius: 0 0 0 26.66666vw;
		box-shadow:2.26666vw 2.26666vw 2.8vw rgba(132,95,70,0.69);
	}
	
	.history__inner{
		max-width: 90vw;
		padding: 22.66666vw 0 16vw;
	}
	
	.history__book{
		width: 100vw;
		aspect-ratio: 750 / 1170;
		margin-left: -5vw;
		margin-bottom: 9.33333vw;
		background-image: url('../img/history-book-sp.png');
	}
	
	.history__book h2{
		width: 38.66666vw;
		height: 13.46666vw;
		font-size: 6.4vw;
		margin: 0 auto 6.66666vw;
	}
	
	.history__book p{
		font-size: 3.73333vw;
		margin-bottom: 4vw;
	}
	
	.history__graph{
		max-width: 89.33333vw;
		margin-bottom: 2.66666vw;
	}
	
	.histrory__graph__title{
		font-size: 3.2vw;
	}
}

/* awards
-------------------------------------*/

.awards {
	width: 1132px;
	margin-bottom: 80px;
}

.awards h2{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 84px;
	background: #ffa100;
	border-radius: 100%;
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.1em;
	margin: 0 auto 35px;
}

.awards p{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 1.9;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}

.awards__img {
	max-width: 284px;
	margin: 0 auto 35px;
}

@media (min-width: 768px) and (max-width: 1258px){
	.awards {
		max-width: 90vw;
	}

	.awards h2{
		width: 17.48807vw;
		height: 6.67726vw;
		font-size: 3.17965vw;
		margin: 0 auto 2.78219vw;
	}

	.awards p{
		font-size: 1.58982vw;
		margin-bottom: 4.28219vw;
	}

	.awards__img {
		max-width: 284px;
		margin: 0 auto 4.28219vw;
	}
}

@media (max-width: 767px){

	.awards {
		max-width: 90vw;
	}

	.awards h2{
		width: 38.66666vw;
		height: 13.46666vw;
		font-size: 6.4vw;
		margin: 0 auto 6.66666vw;
	}

	.awards p{
		font-size: 3.73333vw;
		margin-bottom: 4vw;
	}

	.awards__img {
		max-width: 284px;
		margin: 0 auto 4.28219vw;
	}
}

/* inquiry
-------------------------------------*/

.inquiry{
	width: 1132px;
	background: #FFF;
	border-radius: 80px;
	padding: 50px 0;
}

.inquiry h2{
	color: #fe7200;
	font-weight: bold;
	text-align: center;
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}

.inquiry__inner{
	display: flex;
	justify-content: space-between;
	width: 930px;
	margin: 0 auto;
}

.inquiry__inner > div:nth-child(1){
	width: 444px;
}

.inquiry__inner > div:nth-child(2){
	width: 450px;
}

.inquiry__inner > div:nth-child(2) img{
	border: 1px solid #ff6600;
}

.inquiry h3{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

.inquiry__mail{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}

.inquiry__tell{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.inquiry__tell a{
	color: #000;
}
.inquiry__time{
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}


@media (min-width: 768px) and (max-width: 1258px){
	.inquiry{
		width: 89.9841vw;
		border-radius: 6.3593vw;
		padding: 3.97456vw 0;
	}
	
	.inquiry h2{
		font-size: 2.86168vw;
		margin-bottom: 2.78219vw;
	}
	
	.inquiry__inner{
		width: 73.92686vw;
	}
	
	.inquiry__inner > div:nth-child(1){
		width: 35.29411vw;
	}
	
	.inquiry__inner > div:nth-child(2){
		width: 35.77106vw;
	}
	
	.inquiry h3{
		font-size: 1.58982vw;
		padding-bottom: 1.19236vw;
		margin-bottom: 1.19236vw;
	}
	
	.inquiry__mail{
		font-size: 1.58982vw;
		margin-bottom: 1.19236vw;
	}
	
	.inquiry__tell{
		font-size: 1.58982vw;
		margin-bottom: 0.79491vw;
	}
	
	.inquiry__time{
		font-size: 1.11287vw;
	}
}


@media (max-width: 767px){
	.inquiry{
		width: 100%;
		border-radius: 10.66666vw;
		padding: 9.33333vw 0;
	}
	
	.inquiry h2{
		font-size: 6.4vw;
		line-height: 1.5;
		margin-bottom: 6.66666vw;
	}
	
	.inquiry__inner{
		display: block;
		width: 66.66666vw;
	}
	
	.inquiry__inner > div:nth-child(1){
		width: 100%;
		margin-bottom: 6.66666vw;
	}
	
	.inquiry__inner > div:nth-child(2){
		width: 66.66666vw;
	}
	
	.inquiry h3{
		font-size: 3.73333vw;
		padding-bottom: 3.33333vw;
		margin-bottom: 3.33333vw;
	}
	
	.inquiry__mail{
		font-size: 3.73333vw;
		margin-bottom: 3.33333vw;
	}
	
	.inquiry__tell{
		font-size: 3.73333vw;
		margin-bottom: 2vw;
	}
	
	.inquiry__time{
		font-size: 3.2vw;
	}
}


/* activity
-------------------------------------*/

.activity{
	position: relative;
	width: 1132px;
	max-width: 90vw;
	margin: -72px auto 0;
	background: #fad2be;
	border-radius: 81px;
	padding: 120px 0;
	z-index: 10;
	overflow: hidden;
}

.activity h2{
	width: 789px;
	margin: 0 auto 45px;
}

.activity__list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto;
}

.activity__list li{
	width: 315px;
	margin-left: 27px;
}

.activity__list li:nth-child(3n+1){
	margin-left: 0;
}

.activity__list li:nth-child(n+4){
	margin-top: 25px;
}

.activity__list li > a{
	display: block;
	transition: 0.6s transform;
	transform: translate(0, 10%);
}

.activity__list li.inview > a{
	transform: translate(0, 0);
}

.activity__list li a:hover{
	transition: 0.3s opacity;
	opacity: 0.7;
}

.activity__list li a img{
	transition: 0.3s transform;
}

.activity__list li a:hover img{
	opacity: 1;
	transform: scale(1.1);
}

.activity__list li img{
	position: relative;
	display: block;
	width: 276px;
	margin: 0 auto -103px;
	z-index: 10;
}

.activity__list__text{
	position: relative;
	padding: 120px 20px 90px;
	background: #FFF;
	border-radius: 20px;
	z-index: 1;
}

.activity__list__text::after{
	content: "";
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 36px;
	height: 36px;
	background: url('../img/activity-arr.png') no-repeat center center / cover;
}

.activity__list__text h3{
	font-weight: bold;
	color: #4d3814;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 12px;
}

.activity__list__text p{
	color: #4d3814;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}


@media (min-width: 768px) and (max-width: 1258px){
	.activity{
		max-width: 90vw;
		margin: -5.72337vw auto 0;
		border-radius: 6.43879vw;
		padding: 9.53895vw 0;
	}
	
	.activity h2{
		width: 62.7186vw;
		margin: 0 auto 3.5771vw;
	}
	
	.activity__list{
		width: 79.49125vw;
	}
	
	.activity__list li{
		width: 25.03974vw;
		margin-left: 2.14626vw;
	}

	.activity__list li:nth-child(3n+1){
		margin-left: 0;
	}
	
	.activity__list li:nth-child(n+4){
		margin-top: 1.98728vw;
	}
	
	.activity__list li img{
		width: 21.93958vw;
		margin: 0 auto -8.18759vw;
	}
	
	.activity__list__text{
		padding: 9.53895vw 1.58982vw 7.15421vw;
		border-radius: 1.58982vw;
	}
	
	.activity__list__text::after{
		right: 1.58982vw;
		bottom: 1.58982vw;
		width: 2.86168vw;
		height: 2.86168vw;
	}
	
	.activity__list__text h3{
		font-size: 1.58982vw;
		margin-bottom: 0.95389vw;
	}
	
	.activity__list__text p{
		font-size: 1.27186vw;
	}
}


@media (max-width: 767px){
	.activity{
		margin: -9.33333vw auto 0;
		border-radius: 10.66666vw 10.66666vw 0 0;
		padding: 11.33333vw 0 12.66666vw;
	}
	
	.activity h2{
		width: 58.13333vw;
		margin: 0 auto 5.33333vw;
	}
	
	.activity__list{
		width: 78.66666vw;
	}
	
	.activity__list li{
		width: 78.66666vw;
		margin: 0 auto !important;
	}
	
	.activity__list li:nth-child(n+2){
		margin-top: 5.33333vw !important;
	}
	
	.activity__list li img{
		width: 65.33333vw;
		margin: 0 auto -24vw;
		z-index: 10;
	}
	
	.activity__list__text{
		padding: 30.66666vw 5.6vw 20vw;
		border-radius: 5.33333vw;
	}
	
	.activity__list__text::after{
		right: 4vw;
		bottom: 5.33333vw;
		width: 10.66666vw;
		height: 10.66666vw;
	}
	
	.activity__list__text h3{
		font-size: 5.33333vw;
		margin-bottom: 2.66666vw;
	}
	
	.activity__list__text p{
		font-size: 4.26666vw;
	}
}


/* investigation
-------------------------------------*/

.investigation{
	position: relative;
	background: #fff1ef;
	min-height: 1000px;
	z-index: 5;
}

#anchor-investigation{
	position: relative;
	top: -140px;
}

.investigation::before{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	aspect-ratio: 2469 / 316;
	background: url(../img/investigation-top.png) no-repeat center bottom / 100% 100%;
}

.investigation::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	aspect-ratio: 2483 / 320;
	background: url(../img/investigation-bottom.png) no-repeat center top / 100% 100%;
}

.investigation__title{
	width: 1183px;
	max-width: 95vw;
	margin: 0 auto 50px;
}

.investigation__statement{
	text-align: center;
	font-size: 30px;
	line-height: 50px;
	letter-spacing: 0.1em;
	color: #c63d00;
	font-weight: bold;
	margin-bottom: 80px;
}

.investigation__statement small{
	font-size: 18px;
}

.investigation__list li:nth-child(odd){
	background: url(../img/investigation-section-bg.png) repeat left bottom / 5.8378vw auto;
}

.investigation__list li:nth-child(n+4){
	display: none;
}

.investigation__list__inner{
	position: relative;
	width: 1120px;
	max-width: 90vw;
	padding: 80px 0;
	margin: 0 auto;
}

.investigation__q1__img{
	display: none;
}

.investigation__list__title{
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 110px;
	padding-left: 358px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.66667;
	margin-bottom: 55px;
}

.investigation__list__title.sp-only{
	display: none;
}

.investigation__list__title > img{
	position: absolute;
	left: 130px;
	top: 50%;
	transform: translate(0, -50%);
	width: auto;
	height: 110px;
}

.investigation__list__title span{
	display: block;
	position: relative;
	width: 100%;
}

.investigation__list__title span:last-child{
	width: fit-content;
}

.investigation__list__title span::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	border-bottom: #2bb85a 2px solid;
	width: 100%;
}

.investigation__answer{
	position: relative;
}

.investigation__answer > img{
	position: absolute;
	top: 0;
	left: 142px;
	width: 151px;
}

.investigation__answer__sentence{
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-left: 311px;
	padding: 40px 60px;
	background: #FFf;
	border: 2px solid #ff6600;
	border-radius: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 2.41667;
	letter-spacing: 0.1em;
	z-index: 10;
}

.investigation__answer__sentence::after{
	content: "";
	position: absolute;
	left: 40%;
	top: 100%;
	width: 55px;
	height: 44px;
	background: url(../img/investigation-hukidashi.png) no-repeat center top / 100% 100%;
}

.investigation__answer__sentence > span.sp-only{
	display: none;
}

.investigation__answer__sentence > span > span{
	position: relative;
	display: inline-block;
	white-space: nowrap;
}

.investigation__answer__sentence > span > span.independent{
	line-height: 1.66667;
	margin-bottom: 40px;
}

.investigation__answer__sentence > span > span:not(.independent)::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px dashed #2b2724;
}

.investigation__answer__sentence strong{
	font-size: 46px;
	font-weight: bold;
	color: #ff6600;
	line-height: 1.7;
}

.investigation__graph{
	position: relative;
	z-index: 1;
}

.investigation__list li:nth-child(1) .investigation__graph{
	margin-left: 311px;
	width: 435px;
}

.investigation__list li:nth-child(1) .investigation__answer__sentence{
	position: absolute;
	right: 0;
	top: 84px;
	padding:40px;
}

.investigation__list li:nth-child(1) .investigation__answer__sentence::after{
	left: 10%;
}

.investigation__list li:nth-child(2) .investigation__graph{
	margin-left: 311px;
	width: 478px;
}

.investigation__list li:nth-child(2) .investigation__answer__sentence{
	position: absolute;
	right: 0;
	top: 84px;
}

.investigation__list li:nth-child(2) .investigation__answer__sentence::after{
	left: 10%;
}

.investigation__list li:nth-child(3) .investigation__graph{
	margin: -55px 0 0 63px;
	width: 995px;
}

.investigation__list li:nth-child(3) .investigation__answer__sentence{
	margin-top: 40px;
}

.investigation__list li:nth-child(3) .investigation__answer__sentence::after{
	left: 50%;
}

.investigation__list li:nth-child(4) .investigation__graph{
	margin: 40px 0 0 70px;
	width: 1014px;
}

.investigation__list li:nth-child(5) .investigation__graph{
	margin: 54px 0 0 45px;
	width: 1066px;
}

.investigation__list li:nth-child(6) .investigation__graph{
	margin: 54px 0 0 316px;
	width: 567px;
}

.investigation__list li:nth-child(7) .investigation__graph{
	margin: 88px 0 0 138px;
	width: 869px;
}

.investigation__img img{
	position: absolute;
	z-index: 10;
}

.investigation__list li:nth-child(2) .investigation__img img{
	left: 67px;
	top: 454px;
	width: 181px;
}

.investigation__list li:nth-child(3) .investigation__img img{
	right: 37px;
	top: 124px;
	width: 163px;
}

.investigation__list li:nth-child(4) .investigation__img img:nth-child(1){
	left: 62px;
	top: 526px;
	width: 211px;
}

.investigation__list li:nth-child(4) .investigation__img img:nth-child(2){
	right: 56px;
	bottom: 191px;
	width: 171px;
}

.investigation__list li:nth-child(5) .investigation__img img:nth-child(1){
	left: 71px;
	top: 461px;
	width: 147px;
}

.investigation__list li:nth-child(5) .investigation__img img:nth-child(2){
	right: 4px;
	bottom: -35px;
	width: 128px;
}

.investigation__list li:nth-child(6) .investigation__img img{
	left: 64px;
	top: 504px;
	width: 258px;
}

.investigation__list li:nth-child(7) .investigation__img img{
	right: 96px;
	top: 349px;
	width: 205px;
}

.investigation__btn-more{
	height: calc(5.8378vw * 2);
	text-align: center;
	overflow: hidden;
	transition: 0.6s oacity;
	background: url(../img/investigation-section-bg.png) repeat left bottom / 5.8378vw auto;
	padding-top: 2vw;
}

.investigation__btn-more picture:nth-child(2){
	display: none;
}

.investigation__btn-more.open picture:nth-child(1){
	display: none;
}
.investigation__btn-more.closing picture:nth-child(1){
	display: block;	
}
.investigation__btn-more.open picture:nth-child(2){
	display: block;
}
.investigation__btn-more.closing picture:nth-child(2){
	display: none;	
}

.investigation__btn-more img{
	height: 111px;
	width: auto;
	transition: 0.3s opacity;
}

.investigation__btn-more img:hover{
	opacity: 0.7;
	cursor: pointer;
}


@media (min-width: 768px) and (max-width: 1258px){
	.investigation__title{
		margin: 0 auto 3.97456vw;
	}
	
	.investigation__statement{
		font-size: 2.38473vw;
		line-height: 3.97456vw;
		margin-bottom: 6.3593vw;
	}
	
	.investigation__statement small{
		font-size: 1.43084vw;
	}
	
	.investigation__list__inner{
		max-width: 90vw;
		padding: 6.3593vw 0;
	}
	
	.investigation__list__title{
		min-height: 8.74403vw;
		padding-left: 28.45786vw;
		font-size: 1.90779vw;
		margin-bottom: 4.37201vw;
	}
	
	.investigation__list__title > img{
		left: 10.33386vw;
		height: 8.74403vw;
	}
	
	.investigation__list__title span::after{
		bottom: -0.15898vw;
		border-bottom: #2bb85a 0.15898vw solid;
	}
	
	.investigation__answer > img{
		left: 11.28775vw;
		width: 12.00317vw;
	}
	
	.investigation__answer__sentence{
		margin-left: 24.72178vw;
		padding: 3.17965vw 4.76947vw;
		border: 0.15898vw solid #ff6600;
		border-radius: 1.58982vw;
		font-size: 1.90779vw;
	}
	
	.investigation__answer__sentence::after{
		width: 4.37201vw;
		height: 3.49761vw;
	}
	
	.investigation__answer__sentence > span > span.independent{
		margin-bottom: 3.17965vw;
	}
	
	.investigation__answer__sentence strong{
		font-size: 3.65659vw;
	}
	
	.investigation__list li:nth-child(1) .investigation__graph{
		margin-left: 24.72178vw;
		width: 34.57869vw;
	}
	
	.investigation__list li:nth-child(1) .investigation__answer__sentence{
		top: 6.67726vw;
		padding:3.17965vw;
	}
	
	.investigation__list li:nth-child(2) .investigation__graph{
		margin-left: 24.72178vw;
		width: 37.99682vw;
	}
	
	.investigation__list li:nth-child(2) .investigation__answer__sentence{
		top: 6.67726vw;
	}
	
	.investigation__list li:nth-child(3) .investigation__graph{
		margin: -4.37201vw 0 0 5.00794vw;
		width: 79.09379vw;
	}
	
	.investigation__list li:nth-child(3) .investigation__answer__sentence{
		margin-top: 3.17965vw;
	}
	
	.investigation__list li:nth-child(4) .investigation__graph{
		margin: 3.17965vw 0 0 5.56438vw;
		width: 80.60413vw;
	}
	
	.investigation__list li:nth-child(5) .investigation__graph{
		margin: 4.29252vw 0 0 3.5771vw;
		width: 84.73767885532591vw;
	}
	
	.investigation__list li:nth-child(6) .investigation__graph{
		margin: 4.29252vw 0 0 25.11923vw;
		width: 45.07154vw;
	}
	
	.investigation__list li:nth-child(7) .investigation__graph{
		margin: 6.99523vw 0 0 10.96979vw;
		width: 69.0779vw;
	}
	
	.investigation__list li:nth-child(2) .investigation__img img{
		left: 5.32591vw;
		top: 36.08903vw;
		width: 14.38791vw;
	}
	
	.investigation__list li:nth-child(3) .investigation__img img{
		right: 2.94117vw;
		top: 9.85691vw;
		width: 12.95707vw;
	}
	
	.investigation__list li:nth-child(4) .investigation__img img:nth-child(1){
		left: 4.92845vw;
		top: 41.8124vw;
		width: 16.77265vw;
	}
	
	.investigation__list li:nth-child(4) .investigation__img img:nth-child(2){
		right: 4.45151vw;
		bottom: 15.18282vw;
		width: 13.593vw;
	}
	
	.investigation__list li:nth-child(5) .investigation__img img:nth-child(1){
		left: 5.64387vw;
		top: 36.64546vw;
		width: 11.68521vw;
	}
	
	.investigation__list li:nth-child(5) .investigation__img img:nth-child(2){
		right: 0.31796vw;
		bottom: 7.55166vw;
		bottom: -2.7821939586645468vw;
		width: 10.17488vw;
	}
	
	.investigation__list li:nth-child(6) .investigation__img img{
		left: 5.08744vw;
		top: 40.06359vw;
		width: 20.50874vw;
	}
	
	.investigation__list li:nth-child(7) .investigation__img img{
		right: 7.63116vw;
		top: 27.74244vw;
		width: 16.2957vw;
	}
	
	.investigation__btn-more img{
		height: 8.82352vw;
	}
}


@media (max-width: 767px){
	.investigation{
		padding-top: 4vw;
	}

	#anchor-investigation{
		position: relative;
		top: -90px;
	}

	.investigation::before{
		aspect-ratio: 750 / 109;
		background: url(../img/investigation-top-sp.png) no-repeat center bottom / 100% 100%;
	}
	
	.investigation::after{
		aspect-ratio: 750 / 120;
		background: url(../img/investigation-bottom-sp.png) no-repeat center top / 100% 100%;
	}

	.investigation__q1__img{
		display: block;
	}

	.investigation__q1__img img{
		position: absolute;
	}

	.investigation__q1__img img:nth-child(1){
		left: 6.26666vw;
		top: -16.8vw;
		width: 26.66666vw;
	}

	.investigation__q1__img img:nth-child(2){
		right: 5.06666vw;
		top: -18vw;
		width: 25.33333vw;
	}
	
	.investigation__title{
		width: 65.33333vw;
		margin: 0 auto 6vw;
	}
	
	.investigation__statement{
		font-size: 4.26666vw;
		line-height: 6.66666vw;
		margin-bottom: 18.66666vw;
	}
	
	.investigation__statement small{
		font-size: 2.4vw;
	}
	
	.investigation__list li:nth-child(odd){
		background: url(../img/investigation-section-bg.png) repeat left bottom / 10.6988vw auto;
	}
	
	.investigation__list__inner{
		max-width: 89.33333vw;
		padding: 13.33333vw 0;
	}
	
	.investigation__list__title{
		min-height: 0;
		padding-left: 23.46666vw;
		font-size: 4.26666vw;
		margin-bottom: 6vw;
	}

	.investigation__list li:nth-child(4) .investigation__list__title{
		padding-left: 26.13333vw;
	}

	.investigation__list__title.sp-only{
		display: inline-flex;
	}

	.investigation__list__title.pc-only{
		display: none;
	}
	
	.investigation__list__title > img{
		left: 0;
		top: 1.6vw;
		transform: translate(0, 0);
		height: 12.13333vw;
	}
	
	.investigation__list__title span{
		display: block;
		position: relative;
		width: 100%;
	}
	
	.investigation__list__title span:last-child{
		width: fit-content;
	}
	
	.investigation__list__title span::after{
		content: "";
		position: absolute;
		left: 0;
		bottom: -0.26666vw;
		border-bottom: #2bb85a 0.26666vw solid;
		width: 100%;
	}
	
	.investigation__answer{
		display: flex;
		flex-direction: column-reverse;
	}

	.investigation__list li:nth-child(7) .investigation__answer{
		flex-direction: column;
	}
	
	.investigation__answer > img{
		position: absolute;
		top: 0;
		left: 0;
		width: 20.13333vw;
	}
	
	.investigation__answer__sentence{
		display: block;
		margin: 7.33333vw 0 0;
		padding: 5.33333vw;
		border: 0.26666vw solid #ff6600;
		border-radius: 2.66666vw;
		font-size: 4.26666vw;
		text-align: center;
	}

	.investigation__list li:nth-child(7) .investigation__answer__sentence{
		margin-top: 17.73333vw;
	}
	
	.investigation__answer__sentence::after{
		left: 40%;
		top: auto;
		bottom: 100%;
		width: 7.33333vw;
		height: 5.86666vw;
		transform: rotateX(180deg);
	}

	.investigation__answer__sentence > span.pc-only{
		display: none;
		text-align: left;
	}

	.investigation__answer__sentence > span{
		display: inline-block;
		text-align: left;
	}

	.investigation__answer__sentence > span.sp-only{
		display: inline-block;
	}
	
	.investigation__answer__sentence > span > span.independent{
		margin-bottom: 5.33333vw;
	}
	
	.investigation__answer__sentence strong{
		font-size: 8vw;
	}

	.investigation__list li:nth-child(3) .investigation__answer__sentence strong{
		font-size: 5.86666vw;
	}

	.investigation__list li:nth-child(4) .investigation__answer__sentence strong{
		font-size: 5.33333vw;
	}

	.investigation__list li:nth-child(5) .investigation__answer__sentence strong{
		font-size: 6.13333vw;
	}
	
	.investigation__list li:nth-child(1) .investigation__graph{
		margin-left: 25.06666vw;
		width: 57.99999vw;
	}
	
	.investigation__list li:nth-child(1) .investigation__answer__sentence{
		position: relative;
		right: 0;
		top: 0;
	}
	
	.investigation__list li:nth-child(2) .investigation__graph{
		margin-left: 25.06666vw;
		width: 65.2vw;
	}
	
	.investigation__list li:nth-child(2) .investigation__answer__sentence{
		position: relative;
		right: 0;
		top: 0;
	}

	.investigation__list li:nth-child(7) .investigation__answer__sentence{
		display: inline-block;
		width: fit-content;
	}
	
	.investigation__list li:nth-child(3) .investigation__graph{
		margin: -5.33333vw 0 0 5.33333vw;
		width: 83.2vw;
	}
	
	.investigation__list li:nth-child(4) .investigation__graph{
		margin: 17.33333vw 0 0 0;
		width: 89.33333vw;
	}
	
	.investigation__list li:nth-child(5) .investigation__graph{
		margin: 17.33333vw 0 0 0;
		width: 90.4vw;
	}
	
	.investigation__list li:nth-child(6) .investigation__graph{
		margin: 0 0 0 25.06666vw;
		width: 63.46666vw;
	}
	
	.investigation__list li:nth-child(7) .investigation__graph{
		margin: 11.33333vw 0 0;
		width: 89.33333vw;
	}
	
	.investigation__img img{
		position: absolute;
		z-index: 10;
	}
	
	.investigation__list li:nth-child(2) .investigation__img img{
		left: 1.33333vw;
		top: 63.86666vw;
		width: 20.8vw;
	}
	
	.investigation__list li:nth-child(3) .investigation__img img{
		right: auto;
		left: 10vw;
		top: 123.6vw;
		width: 16.26666vw;
	}
	

	.investigation__list li:nth-child(4) .investigation__list__inner{
		padding-bottom: 0;
	}
	
	.investigation__list li:nth-child(4) .investigation__img img:nth-child(1){
		left: auto;
		right: 0;
		top: 50.13333vw;
		width: 22.53333vw;
	}
	
	.investigation__list li:nth-child(4) .investigation__img img:nth-child(2){
		right: 9.06666vw;
		bottom: -9.46667vw;
		width: 22.8vw;
	}
	
	.investigation__list li:nth-child(5) .investigation__img img:nth-child(1){
		left: auto;
		right: 0.53333vw;
		top: 43.46666vw;
		width: 17.2vw;
	}
	
	.investigation__list li:nth-child(5) .investigation__img img:nth-child(2){
		right: -1.33333vw;
		bottom: 7.33333vw;
		width: 14.8vw;
	}
	
	.investigation__list li:nth-child(6) .investigation__img img{
		left: 2.93333vw;
		top: 88.53333vw;
		width: 23.6vw;
	}
	
	.investigation__list li:nth-child(7) .investigation__img img{
		right: 0.26666vw;
		top: 52.53333vw;
		width: 27.33333vw;
	}
	
	.investigation__btn-more{
		height: calc(10.6988vw *2);
		background-size: 10.6988vw auto;
		padding-top: 0;
	}
	
	.investigation__btn-more img{
		height: 19.73333vw;
	}

	.investigation__list li:nth-child(1) .investigation__answer__sentence::after{
		left: 70%;
	}

	.investigation__list li:nth-child(2) .investigation__answer__sentence::after{
		left: 70%;
	}

	.investigation__list li:nth-child(3) .investigation__answer__sentence::after{
		left: 20%;
		transform: rotate(180deg);
	}

	.investigation__list li:nth-child(4) .investigation__answer__sentence::after{
		left: 40%;
		transform: rotate(180deg);
	}

	.investigation__list li:nth-child(5) .investigation__answer__sentence::after{
		left: 30%;
		transform: rotate(180deg);
	}

	.investigation__list li:nth-child(6) .investigation__answer__sentence::after{
		left: 74%;
	}

	.investigation__list li:nth-child(7) .investigation__answer__sentence::after{
		bottom: auto;
		top: 100%;
		left: 15%;
		transform: rotateY(180deg);
	}
}


/* firstTime
-------------------------------------*/

.firstTime{
	position: relative;
	margin-top: -50px;
	overflow: hidden;
	padding-bottom: 41px;
	z-index: 10;
}

.firstTime1{
	position: relative;
	padding: 170px 0 289px;
	z-index: 1;
}

.firstTime1::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 45px);
	height: 100%;
	background: #fcdb9b;
	border-radius: 0 400px 0 0;
	box-shadow: 17px 17px 24px rgba(132,95,70,0.7);
	z-index: 1;
}

.firstTime1::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:
		url(../img/firsttime1-bg1.jpg) no-repeat left top,
		url(../img/firsttime1-bg2.jpg) no-repeat right top 16%,
		url(../img/firsttime1-bg3.jpg) no-repeat left top 61%,
		url(../img/firsttime1-bg4.jpg) no-repeat right top 85%
	;
	background-size:
		38.9781vw auto,
		46.78832vw auto,
		25.18248vw auto,
		43.57664vw auto
	;
	z-index: 2;
}

.firstTime__inner{
	position: relative;
	width: 1120px;
	max-width: 90vw;
	margin: 0 auto;
	z-index: 5;
}

.firstTime1__title1{
	position: relative;
	text-align: center;
	font-weight: bold;
	color: #7b2402;
	font-size: 50px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	width: fit-content;
	margin: 0 auto 100px;
}

.firstTime1__title2{
	position: relative;
	width: 918px;
	margin: 0 auto ;
}

.firstTime1__list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.firstTime1__list li{
	position: relative;
	width: 50%;
}

.firstTime1__list li:nth-child(1) > picture > img{
	width: 679px;
	margin-left: -20px;
}

.firstTime1__list li:nth-child(2){
	margin-top: 100px;
}

.firstTime1__list li:nth-child(2) > picture > img{
	width: 524px;
	margin-left: -30px;
}

.firstTime1__list li:nth-child(3){
	margin-top: -112px;
}

.firstTime1__list li:nth-child(3) > picture > img{
	width: 464px;
	margin-left: 25px;
}

.firstTime1__list li:nth-child(4){
	margin-top: -56px;
}

.firstTime1__list li:nth-child(4) > picture > img{
	width: 588px;
	margin-left: -56px;
}

.firstTime1__list li:nth-child(5){
	margin-top: -70px;
}

.firstTime1__list li:nth-child(5) > picture > img{
	width: 449px;
	margin-left: 183px;
}

.firstTime1__list li:nth-child(6){
	margin-top: -23px;
}

.firstTime1__list li:nth-child(6) > picture > img{
	width: 449px;
	margin-left: 68px;
}

.firstTime1__list li:nth-child(7){
	margin-top: -68px;
}

.firstTime1__list li:nth-child(7) > picture > img{
	width: 456px;
	margin-left: -8px;
}

.firstTime1__list li:nth-child(8){
	margin-top: 38px;
}

.firstTime1__list li:nth-child(8) > picture > img{
	width: 662px;
	margin-left: -70px;
}

.firstTime1__list li:nth-child(9){
	margin-top: 20px;
}

.firstTime1__list li:nth-child(9) > picture > img{
	width: 713px;
	margin-left: -20px;
}

.firstTime1__item img{
	position: absolute;
}

.firstTime1__title1 .firstTime1__item img{
	right: -195px;
	top: 50px;
	width: 187px;
}

.firstTime1__title2 .firstTime1__item img{
	left: -125px;
	top: -53px;
	width: 203px;
}

.firstTime1__list li:nth-child(1) .firstTime1__item img{
	left: 446px;
	top: 129px;
	width: 128px;
}

.firstTime1__list li:nth-child(3) .firstTime1__item img{
	left: -14px;
	top: 77px;
	width: 177px;
}

.firstTime1__list li:nth-child(9) .firstTime1__item img:nth-child(1){
	left: -160px;
	top: -14px;
	width: 160px;
}

.firstTime1__list li:nth-child(9) .firstTime1__item img:nth-child(2){
	right: -310px;
	top: 160px;
	width: 228px;
}

.firstTime2{
	position: relative;
	padding: 170px 0 65px;
	margin-top: -215px;
	z-index: 5;
}

.firstTime2::before{
	content: "";
	position: absolute;
	left: -45px;
	top: 0;
	width: calc(100% + 90px);
	height: 100%;
	background: #fae4d1;
	border-radius: 0 400px 0 200px;
	box-shadow: 17px 17px 24px rgba(132,95,70,0.7);
	z-index: 1;
}

.firstTime2__title1{
	position: relative;
	width: 918px;
	margin: 0 auto;
}

.firstTime2__message{
	aspect-ratio: 1120 / 868;
	position: relative;
	background: url(../img/firsttime2-message-person.png) no-repeat center bottom / 884px auto;
	margin-top: -78px;
}

.firstTime2__message-sp1,.firstTime2__message-sp2{
	display: none;
}

.firstTime2__message li{
	position: absolute;
}

.firstTime2__message li:nth-child(1){
	left: 424px;
	top: 0;
	width: 364px;
}

.firstTime2__message li:nth-child(2){
	left: 34px;
	top: 102px;
	width: 415px;
}

.firstTime2__message li:nth-child(3){
	left: 672px;
	top: 152px;
	width: 335px;
}

.firstTime2__message li:nth-child(4){
	left: 0;
	top: 321px;
	width: 364px;
}

.firstTime2__message li:nth-child(5){
	left: 349px;
	top: 241px;
	width: 357px;
}

.firstTime2__message li:nth-child(6){
	left: 776px;
	top: 304px;
	width: 347px;
}

.firstTime2__item img{
	position: absolute;
}

.firstTime2__title1 .firstTime2__item img:nth-child(1){
	left: -110px;
	top: -24px;
	width: 146px;
}

.firstTime2__title1 .firstTime2__item img:nth-child(2){
	right: -110px;
	top: 6px;
	width: 156px;
}


@media (min-width: 768px) and (max-width: 1258px){
	.firstTime{
		margin-top: -3.97456vw;
	}
	
	.firstTime1{
		padding: 13.51351vw 0 22.97297vw;
	}
	
	.firstTime1::before{
		width: calc(100% + 3.5771vw);
		border-radius: 0 31.7965vw 0 0;
		box-shadow: 1.35135vw 1.35135vw 1.90779vw rgba(132,95,70,0.7);
	}
	
	.firstTime1__title1{
		font-size: 3.97456vw;
		margin: 0 auto 7.94912vw;
	}
	
	.firstTime1__title2{
		width: 72.97297vw;
	}
	
	.firstTime1__list li:nth-child(1) > picture > img{
		width: 53.97456vw;
		margin-left: -1.58982vw;
	}
	
	.firstTime1__list li:nth-child(2){
		margin-top: 7.94912vw;
	}
	
	.firstTime1__list li:nth-child(2) > picture > img{
		width: 41.65341vw;
		margin-left: -2.38473vw;
	}
	
	.firstTime1__list li:nth-child(3){
		margin-top: -8.90302vw;
	}
	
	.firstTime1__list li:nth-child(3) > picture > img{
		width: 36.88394vw;
		margin-left: 1.98728vw;
	}
	
	.firstTime1__list li:nth-child(4){
		margin-top: -4.45151vw;
	}
	
	.firstTime1__list li:nth-child(4) > picture > img{
		width: 46.74085vw;
		margin-left: -4.45151vw;
	}
	
	.firstTime1__list li:nth-child(5){
		margin-top: -5.56438vw;
	}
	
	.firstTime1__list li:nth-child(5) > picture > img{
		width: 35.69157vw;
		margin-left: 14.54689vw;
	}
	
	.firstTime1__list li:nth-child(6){
		margin-top: -1.82829vw;
	}
	
	.firstTime1__list li:nth-child(6) > picture > img{
		width: 35.69157vw;
		margin-left: 5.4054vw;
	}
	
	.firstTime1__list li:nth-child(7){
		margin-top: -5.4054vw;
	}
	
	.firstTime1__list li:nth-child(7) > picture > img{
		width: 36.24801vw;
		margin-left: -0.63593vw;
	}
	
	.firstTime1__list li:nth-child(8){
		margin-top: 3.02066vw;
	}
	
	.firstTime1__list li:nth-child(8) > picture > img{
		width: 52.62321vw;
		margin-left: -5.56438vw;
	}
	
	.firstTime1__list li:nth-child(9){
		margin-top: 1.58982vw;
	}
	
	.firstTime1__list li:nth-child(9) > picture > img{
		width: 56.67726vw;
		margin-left: -1.58982vw;
	}
	
	.firstTime1__title1 .firstTime1__item img{
		right: -15.50079vw;
		top: 3.97456vw;
		width: 14.86486vw;
	}
	
	.firstTime1__title2 .firstTime1__item img{
		left: -9.9364vw;
		top: -4.21303vw;
		width: 16.136724960254373vw;		
	}
	
	.firstTime1__list li:nth-child(1) .firstTime1__item img{
		left: 35.4531vw;
		top: 10.25437vw;
		width: 10.17488vw;
	}
	
	.firstTime1__list li:nth-child(3) .firstTime1__item img{
		left: -1.11287vw;
		top: 6.12082vw;
		width: 14.06995vw;
	}
	
	.firstTime1__list li:nth-child(9) .firstTime1__item img:nth-child(1){
		left: -12.7186vw;
		top: -1.11287vw;
		width: 12.7186vw;
	}
	
	.firstTime1__list li:nth-child(9) .firstTime1__item img:nth-child(2){
		right: -24.64228vw;
		top: 12.7186vw;
		width: 18.124vw;
	}
	
	.firstTime2{
		padding: 13.51351vw 0 5.16693vw;
		margin-top: -17.09062vw;
	}
	
	.firstTime2::before{
		left: -3.5771vw;
		width: calc(100% + 7.15421vw);
		border-radius: 0 31.7965vw 0 15.89825vw;
		box-shadow: 1.35135vw 1.35135vw 1.90779vw rgba(132,95,70,0.7);
	}
	
	.firstTime2__title1{
		width: 72.97297vw;
	}
	
	.firstTime2__message{
		background: url(../img/firsttime2-message-person.png) no-repeat center bottom / 70.27027vw auto;
		margin-top: -6.20031vw;
	}
	
	.firstTime2__message li:nth-child(1){
		left: 33.70429vw;
		width: 28.93481vw;
	}
	
	.firstTime2__message li:nth-child(2){
		left: 2.7027vw;
		top: 8.1081vw;
		width: 32.98887vw;
	}
	
	.firstTime2__message li:nth-child(3){
		left: 53.41812vw;
		top: 12.08267vw;
		width: 26.62957vw;
	}
	
	.firstTime2__message li:nth-child(4){
		top: 25.51669vw;
		width: 28.93481vw;
	}
	
	.firstTime2__message li:nth-child(5){
		left: 27.74244vw;
		top: 19.15739vw;
		width: 28.37837vw;
	}
	
	.firstTime2__message li:nth-child(6){
		left: 61.68521vw;
		top: 24.16534vw;
		width: 27.58346vw;
	}
	
	.firstTime2__title1 .firstTime2__item img:nth-child(1){
		left: -8.74403vw;
		top: -1.90779vw;
		width: 11.60572vw;
	}
	
	.firstTime2__title1 .firstTime2__item img:nth-child(2){
		right: -8.74403vw;
		top: 0.47694vw;
		width: 12.40063vw;
	}
}


@media (max-width: 767px){
	.firstTime{
		margin-top: -16vw;
		padding-bottom: 5.46666vw;
	}
	
	.firstTime1{
		padding: 16.66666vw 0 38.53333vw;
	}
	
	.firstTime1::before{
		width: calc(100% + 1.33333vw);
		border-radius: 0 26.66666vw 0 0;
		box-shadow: 2.26666vw 2.26666vw 3.2vw rgba(132,95,70,0.7);
	}
	
	.firstTime1::after{
		background:
			url(../img/firsttime1-bg1-sp.png) no-repeat left top,
			url(../img/firsttime1-bg2-sp.png) no-repeat right top 26%,
			url(../img/firsttime1-bg3-sp.png) no-repeat left top 61%,
			url(../img/firsttime1-bg4-sp.png) no-repeat right top 96%
		;
		background-size:
53.06666vw auto,
64vw auto,
57.59999vw auto,
73.33333vw auto
		;
	}
	
	.firstTime__inner{
		width: 89.33333vw;
	}
	
	.firstTime1__title1{
		font-size: 6.4vw;
		margin: 0 auto 5.33333vw;
	}
	
	.firstTime1__title2{
		left: 50%;
		transform: translate(-50%, 0);
		width: 98.4vw;
	}
	
	.firstTime1__list{
		display: block;
	}
	
	.firstTime1__list li{
		width: 100%;
	}

	.firstTime1__list li:nth-child(1) > picture > img{
		width: 81.33333vw;
		margin-left: -2.4vw;
	}
	
	.firstTime1__list li:nth-child(2){
		margin-top: -6.26666vw;
	}
	
	.firstTime1__list li:nth-child(2) > picture > img{
		width: 70.13333vw;
		margin-left: 22.4vw;
	}
	
	.firstTime1__list li:nth-child(3){
		margin-top: -2.66666vw;
	}
	
	.firstTime1__list li:nth-child(3) > picture > img{
		width: 75.2vw;
		margin-left: -4vw;
	}
	
	.firstTime1__list li:nth-child(4){
		margin-top: -12.93333vw;
	}
	
	.firstTime1__list li:nth-child(4) > picture > img{
		width: 73.86666vw;
		margin-left: 18.93333vw;
	}
	
	.firstTime1__list li:nth-child(5){
		margin-top: -0.93333vw;
	}
	
	.firstTime1__list li:nth-child(5) > picture > img{
		width: 69.73333vw;
		margin-left: -1.73333vw;
	}
	
	.firstTime1__list li:nth-child(6){
		margin-top: -9.33333vw;
	}
	
	.firstTime1__list li:nth-child(6) > picture > img{
		width: 67.06666vw;
		margin-left: 23.2vw;
	}
	
	.firstTime1__list li:nth-child(7){
		margin-top: 3.46666vw;
	}
	
	.firstTime1__list li:nth-child(7) > picture > img{
		width: 69.33333vw;
		margin-left: -1.06666vw;
	}
	
	.firstTime1__list li:nth-child(8){
		margin-top: -9.33333vw;
	}
	
	.firstTime1__list li:nth-child(8) > picture > img{
		width: 71.46666vw;
		margin-left: 21.86666vw;
	}
	
	.firstTime1__list li:nth-child(9){
		margin-top: 1.33333vw;
	}
	
	.firstTime1__list li:nth-child(9) > picture > img{
		width: 84.26666vw;
		margin-left: -2.93333vw;
	}
	
	.firstTime1__item img{
		position: absolute;
	}
	
	.firstTime1__title1 .firstTime1__item img{
		right: -7.6vw;
		top: calc(100% - 7.73333vw);
		width: 18.93333vw;
	}
	
	.firstTime1__title2 .firstTime1__item img{
		left: 4.39999vw;
		top: -10.8vw;
		width: 22vw;
		width: 21.866666666666667vw;		

	}
	
	.firstTime1__list li:nth-child(1) .firstTime1__item img{
		left: 3.86666vw;
		top: 19.2vw;
		width: 14.93333vw;
	}
	
	.firstTime1__list li:nth-child(3) .firstTime1__item img{
		left: 56.66666vw;
		top: 24.66666vw;
		width: 23.6vw;
	}
	
	.firstTime1__list li:nth-child(9) .firstTime1__item img:nth-child(1){
		left: 0vw;
		top: -29.73333vw;
		width: 18.13333vw;
	}
	
	.firstTime1__list li:nth-child(9) .firstTime1__item img:nth-child(2){
		right: 1.33333vw;
		top: 47.2vw;
		width: 26.8vw;
	}
	
	.firstTime2{
		padding: 12vw 0 15.33333vw;
		margin-top: -20.66666vw;
	}
	
	.firstTime2::before{
		left: -0.66666vw;
		width: calc(100% + 1.33333vw);
		border-radius: 0 26.66666vw 0 16vw;
		box-shadow: 2.26666vw 2.26666vw 3.2vw rgba(132,95,70,0.7);
	}
	
	.firstTime2__title1{
		width: 98.4vw;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	.firstTime2__message{
		display: none;
	}

	.firstTime2__message-sp1{
		position: relative;
		display: block;
		width: 89.33333vw;
		height: 101.86666vw;
		background: url(../img/firsttime2-message-sp1-person.png) no-repeat center bottom / 77.73333vw auto;
	}

	.firstTime2__message-sp1 li{
		position: absolute;
	}

	.firstTime2__message-sp1 li:nth-child(1){
		left: 16.8vw;
		top: 0;
		width: 55.33333vw;
	}

	.firstTime2__message-sp1 li:nth-child(2){
		left: 0;
		top: 26.93333vw;
		width: 47.59999vw;
	}

	.firstTime2__message-sp1 li:nth-child(3){
		right: -0.26666vw;
		top: 27.73333vw;
		width: 47.86666vw;
	}

	.firstTime2__message-sp2{
		position: relative;
		display: block;
		width: 89.33333vw;
		height: 99.3vw;
		background: url(../img/firsttime2-message-sp2-person.png) no-repeat center bottom / 77.73333vw auto;
		margin-top: 4vw;
	}

	.firstTime2__message-sp2 li{
		position: absolute;
	}

	.firstTime2__message-sp2 li:nth-child(1){
		left: 6.4vw;
		top: 0;
		width: 48.53333vw;
	}

	.firstTime2__message-sp2 li:nth-child(2){
		left: 0.66666vw;
		top: 24.26666vw;
		width: 46.26666vw;
	}

	.firstTime2__message-sp2 li:nth-child(3){
		right: -0.66666vw;
		right: -2.6666666666666665vw;
		top: 18.66666vw;
		top: 18.666666666666668vw;
		width: 47.86666vw;
	}
	
	.firstTime2__item img{
		position: absolute;
	}
	
	.firstTime2__title1 .firstTime2__item img:nth-child(1){
		left: 5.33333vw;
		top: calc(100% - 1.46666vw);
		width: 16.8vw;
	}
	
	.firstTime2__title1 .firstTime2__item img:nth-child(2){
		right: 2.66666vw;
		top: calc(100% - 0.8vw);
		width: 19.06666vw;
	}
}



@media (max-width: 767px){
	.spMenu__btn{
		position: fixed;
		top: 70px;
		right: 0;
		width: 21.06666vw;
		height: 19.2vw;
		background: url(../img/sp-menu-btn.png) no-repeat right bottom / 100% auto;
		z-index: 1001;
		transition: 0.3s top;
	}

	.spMenu__btn.open{
		background-image: url(../img/sp-menu-btn-open.png);
	}

	html:after {
		content: "";
		background-image: url("../img/sp-menu-btn-open.png")
	}

	header[style] ~ * .spMenu__btn{
		top: 0;
	}

	header[style^="top: 0px;"] ~ * .spMenu__btn{
		top: 70px;
	}

	.hCooking__pagenav{
		position: fixed;
		right: 0;
		top: 70px;
		width: 76vw;
		height: calc(100% - 70px);
		z-index: 1000;
		background: url(../img/sp-menu-img.png) no-repeat center bottom / 73.33333vw auto;
		background-color: #fff1d5;
		padding: 20vw 14.66666vw 0 13.33333vw;
		transform: translate(100%, 0);
		transition: 0.9s transform, 0.3s top, 0.3s height;
	}

	.hCooking__pagenav.open{
		transform: translate(0, 0);
	}

	header[style] ~ * .hCooking__pagenav{
		top: 0;
		height: 100%;
	}

	header[style^="top: 0px;"] ~ * .hCooking__pagenav{
		top: 70px;
		height: calc(100% - 70px);
	}

	.hCooking__pagenav li:not(:last-child){
		background: url(../img/sp-menu-line.png) no-repeat center bottom / 100% auto;
	}

	.hCooking__pagenav li a{
		display: block;
		font-weight: bold;
		font-size: 4.26666vw;
		line-height: 1.5;
		letter-spacing: 0.1em;
		color: #ee6a00;
		padding: 4.26666vw 0;
	}
}