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

/*--------------------------------------
　Main Index
---------------------------------------*/





/*------------
　body_PC
------------*/
body {
	background: none;
	min-width: 0;
}

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

.index {}

img:not([width]) {
	/*width:100%;*/
	height: auto;
	max-width: 100%;
}

.areaInner {
	width: 1200px;
}





/*--------------------------------------
　header_PC
---------------------------------------*/
#header {
	padding: 0 0 10rem;
	height: 100vh;
}

#header .topArea {
	position: absolute;
	top: 1.5rem;
	right: 2rem;
	text-align: right;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.6;
	color: #fff;
}

#header .topArea2 {
	position: static;
}

#header .siteName {
	font-weight: 500;
}

#header .note {
	padding: .3rem 0 0;
	font-size: 1.4rem;
}


#header .logo {
	position: absolute;
	top: 1.8rem;
	left: 3.5rem;
	width: 17rem;
	filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
}


#header .imgArea {
	position: relative;
	margin: 0;
	height: 100vh;
	overflow: hidden;
}

#header .mvTtl {
	position: absolute;
	left: 7rem;
	bottom: 10rem;
	text-shadow: -1px 0px 40px rgba(0, 0, 0, 0.3);
	font-size: 4.0rem;
	line-height: 1.4;
	font-weight: 900;
	color: #fff;
}

#header .mvTtl .line2 {
	display: block;
	margin: 1.2rem 0 0;
	font-size: 6.0rem;
}

#header .mvTtl .line2 .fontS {
	font-size: 4.0rem;
}


#header .mvArea {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#header .mvArea::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(27, 20, 11, 0);
	background: linear-gradient(180deg, rgba(27, 20, 11, 0) 60%, rgba(27, 20, 11, 1) 100%);
	opacity: .5;
}

#header .mvArea::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -13rem;
	left: 0;
	width: 140rem;
	height: 71rem;
	background: url("./img/logo_mv.svg") 0 100% no-repeat;
	background-size: 140rem auto;
	opacity: .3;
}

#header .mvArea .zoom-fade {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#header .mvArea .zoom-fade__item {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}



#header .mvArea .zoom-fade .idxmvbg {
	position: relative;
	width: 100%;
	height: 100%;
}

#header .mvArea .zoom-fade .idxmvbg img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}


/*
ズーム（ズームイン）させるためのアニメーション
*/
.add-animation {
	/* アニメーション名 アニメーションにかかる時間 アニメーションの実行前後の状態 */
	/* zoom-fade 10秒 [実行前]最初のキーフレーム（0%） → [実行後]最後のキーフレーム（100%） */
	animation: zoom-fade 10s both;
}

@keyframes zoom-fade {

	0% {
		/*transform: scale(1.05);*/
		transform: scale(1.0);
	}

	100% {
		/*transform: scale(1);*/
		transform: scale(1.15);
	}

}



/*------------
contents_PC
------------*/

#contents {
	margin: 0;
}

#contents::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f7edde;
}

.index {
	width: 100%;
	padding: 0 0 0;
}












/*------------
indexSect_PC
------------*/
.indexSect {
	position: relative;
}

.indexSect::before {}

.indexSect .areaInner {}



/*------------
nail
------------*/
.modal-video .modal-video-close-btn {
    width: 38px !important;
    height: 38px !important;
}




/*------------
sect00_PC
------------*/
#sect00 {}

#sect00 .areaInner {
	width: 100rem;
	padding: 15rem 0 14rem;
}

#sect00 .mainArea {
	display: flex;
	align-items: center;
	margin: 0 0 9.5rem;
}

#sect00 .mainArea h2 {
	width: 50%;
	padding: 0 0 1rem;
	font-size: 4.8rem;
	line-height: 1.4;
}

#sect00 .mainArea h2 .fontS {
	display: block;
	margin: 0 0 1rem;
	font-size: 3.2rem;
}

#sect00 .mainArea h2::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -8rem;
	left: -2rem;
	width: 39.5rem;
	height: 38rem;
	background: url("./img/blob.svg") 0 0 no-repeat;
	background-size: 39.5rem auto;
}

#sect00 .mainArea ul {
	width: 50%;
	margin: 0;
	padding: 0;
}

#sect00 .mainArea li {
	padding: 1.2rem 0 1.2rem 4rem;
	font-size: 1.8rem;
}

#sect00 .mainArea li::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 3rem;
	height: 100%;
	background: url("./img/check.svg") 0 55% no-repeat;
	background-size: 3rem auto;
	border-radius: 0;
}

#sect00 .mainArea li .fontL {
	font-size: 1.6rem;
	font-weight: 900;
}



#sect00 .botTtl {
	position: relative;
	padding: 16rem 0 0;
	text-align: center;
	font-size: 5.8rem;
	line-height: 1.4;
	color: #ee5c21;
}

#sect00 .botTtl::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 36rem;
	background: url("./img/h3_deco.svg") 50% 0 no-repeat;
	background-size: 39rem auto;
	opacity: .1;
}

#sect00 .botTtl::after {
	content: "";
	position: absolute;
	top: 3.8rem;
	left: 50%;
	width: .1rem;
	height: 10rem;
	background: #1b140b;
}

#sect00 .botTtl .fontS {
	display: block;
	margin: 0 0 1rem;
	font-size: 3.2rem;
	color: #1b140b;
}











/*------------
sect01_PC
------------*/
#sect01 {
	position: relative;
	z-index: 0;
}

#sect01 h2 {
	margin: 0 0 6.5rem;
	padding: 3.5rem 0 0;
	font-size: 4.8rem;
}

#sect01 h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.9rem;
	background: url("./img/eng_sct01.svg") 0 0 no-repeat;
	background-size: auto 1.9rem;
}


#sect01 .ulBox {
	width: 146rem;
	max-width: 98%;
	margin: 0 auto;
	padding: 2rem 0 0;
}

#sect01 .liBox {
	margin: 0 0 16rem;
	padding: 1.5rem 0 0 40vw;
	max-width: 160rem;
	min-width: 70rem;
}


#sect01 .liBox h3 {
	margin: 0 0 7rem;
	padding: 1.5rem 2.5vw 2rem;
	background: #fff;
	border-radius: 2rem 8rem 2rem 2rem;
	font-size: 2.8rem;
}

#sect01 .liBox h3 .fontS {
	display: block;
	margin: 0 0 .5rem;
	font-size: 1.8rem;
	color: #169a5a;
}

#sect01 .liBox h3::before {
	content: "";
	position: absolute;
	bottom: -5rem;
	left: 0;
	width: 100%;
	height: 2.6rem;
	background: url("./img/tri2_sp.svg") 50% 0 no-repeat;
	background-size: auto 2.6rem;
}

#sect01 .liBox .txtArea {
	padding: 0 2vw;
}

#sect01 .liBox .catch {
	text-align: center;
	color: #ee5c21;
}

#sect01 .liBox .imgArea {
	width: 75%;
	margin: 2rem auto 1rem;
}

#sect01 .liBox .imgArea .flame {
	margin: 0 0 1rem;
}

#sect01 .liBox .caption {
	text-align: left;
}

#sect01 .liBox ul {
	margin: 0;
	padding: 0;
}

#sect01 .liBox p {
	margin: 1rem 0;
}

#sect01 .liBox .sttl {
	margin: 2rem 0 0;
	text-align: center;
}

#sect01 .liBox .tblArea {
	width: 75%;
	margin: 1rem auto 2rem;
}

#sect01 .liBox table {
	width: 100%;
	margin: 0 0 1rem;
}

#sect01 .liBox .tblTtl {
	margin: 0 0 1rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 900;
	color: #169a5a;
}

#sect01 .btn-link {
	margin: -.5rem 0 0;
}

#sect01 .btn-link a::after {
	background: #fff;
}


/* 途中追尾 */
#sect01 .bgImg {
	position: absolute;
	z-index: 1;
	top: 70px;
	left: calc(50% - 73rem);
	width: 60rem;
	transition: all 0.5s ease 0s;
}

#sect01 .sikaku_box2 {
	opacity: 0;
}

#sect01 .sikaku_box3 {
	opacity: 0;
	top: unset;
	bottom: 20px
}

#sect01 .bgImg.fixed {
	position: fixed;
	top:70px;
	bottom: unset;
	animation: sct01fade .3s ease-in-out forwards;
}

#sect01 .sikaku_box2.fixed,
#sect01 .sikaku_box3.fixed {
	animation: sct01fade2 .6s ease-in-out forwards;
}

#sect01 .sikaku_box3.fixed.is-pinned {
	animation: sct01fade4 .6s ease-in-out forwards;
}

#sect01 .sikaku_box2.fixed::before,
#sect01 .sikaku_box3.fixed::before {
	animation: sct01fade3 .4s ease-in-out forwards;
}

#sect01 .bgImg.fixed.none {
	animation: sct01fadeOut .6s ease-in-out forwards;
}

#sect01 .sikaku_box3.fixed.none {
	top: unset;
	bottom: -20px;
	animation: sct01fadeOut2 0s ease-in-out forwards;
}


@keyframes sct01fade {
	0% {
		opacity: 1;
		/* top: 10.1rem; */
	}

	100% {
		opacity: 1;
		/* top: 10rem; */
	}
}

@keyframes sct01fade2 {
	0% {
		opacity: 0;
		/* top: 10.1rem; */
	}

	100% {
		opacity: 1;
		/* top: 10rem; */
	}
}

@keyframes sct01fade3 {
	0% {
		opacity: 0;
		/* top: 3rem; */
	}

	100% {
		opacity: 1;
		/* top: -1.5rem; */
	}
}


@keyframes sct01fade4 {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes sct01fadeOut {
	0% {
		opacity: 1;
		/* top: 10rem; */
	}

	90% {
		opacity: 0;
		/* top: 10rem; */
	}

	100% {
		opacity: 0;
		/*position: absolute;
top:1.5rem;*/
	}
}

@keyframes sct01fadeOut2 {
	0% {
		opacity: 1;
		/* top: 10rem; */
	}

	100% {
		opacity: 1;
		position: absolute;
		/* top: calc(100% - 80rem); */
	}
}



#sect01 .bgImg img {
	width: 100%;
	height: 80rem;
	object-fit: cover;
	border-radius: 4rem 16rem 4rem 4rem;
}

#sect01 .bgImg::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: -1.5rem;
	right: -3rem;
	width: 14rem;
	height: 10rem;
	background: url(./img/eng_pt01.svg) 100% 0 no-repeat;
	background-size: auto 10rem;
	transition: all 0.5s ease 0s;
}

#sect01 .sikaku_box2::before {
	background-image: url(./img/eng_pt02.svg);
	opacity: 0;
}

#sect01 .sikaku_box3::before {
	background-image: url(./img/eng_pt03.svg);
	opacity: 0;
}





/*------------
sect02_PC
------------*/
#sect02 {
	position: relative;
	z-index: 2;
	background: #f7edde;
}

#sect02::before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 73rem);
	width: 146rem;
	height: 100%;
	background: url(./img/sct02_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	border-radius: 4rem;
}

#sect02 h2 {
	margin: 0 0 6.5rem;
	padding: 3.5rem 0 0;
	font-size: 4.8rem;
}

#sect02 h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.9rem;
	background: url("./img/eng_sct02.svg") 0 0 no-repeat;
	background-size: auto 1.9rem;
}

#sect02 .areaInner {
	width: 100rem;
	padding: 6.5rem 0 0;
}

#sect02 .ulBox {
	display: flex;
	flex-wrap: wrap;
}

#sect02 .liBox {
	width: 36rem;
	height: 36rem;
	margin: 0 7rem 4.5rem 0;
	background: url("./img/sct02_ill01.png") 50% 6rem no-repeat rgba(255, 255, 255, .90);
	background-size: 13rem auto;
	border-radius: 50%;
}

#sect02 .liBox:nth-child(2) {
	background-image: url("./img/sct02_ill02.png")
}

#sect02 .liBox:nth-child(3) {
	left: 25rem;
	background-image: url("./img/sct02_ill03.png")
}

#sect02 .liBox:nth-child(4) {
	left: 25rem;
	background-image: url("./img/sct02_ill04.png")
}

#sect02 .liBox::before {
	content: "";
	position: absolute;
	top: 18.0rem;
	left: 0;
	width: 100%;
	height: 1.5rem;
	background: url("./img/num_01_red.svg") 50% 0 no-repeat;
	background-size: auto 1.5rem;
}

#sect02 .liBox:nth-child(2)::before {
	background-image: url("./img/num_02_red.svg");
}

#sect02 .liBox:nth-child(3)::before {
	background-image: url("./img/num_03_red.svg");
}

#sect02 .liBox:nth-child(4)::before {
	background-image: url("./img/num_04_red.svg");
}


#sect02 .liBox h3 {
	margin: 0;
	padding: 21.5rem 0 0;
	line-height: 1.6;
	font-size: 2.0rem;
	text-align: center;
}



/*------------
sect03_PC
------------*/
#sect03 {
	position: relative;
	z-index: 2;
	padding: 40rem 0 0;
	background: #f7edde;
}

#sect03 .animbg {
	position: absolute;
	top: 9rem;
	left: 0;
	width: 100%;
	height: 80rem;
	background: url(./img/sct03_head2.svg) 0 0 no-repeat;
	background-size: 100%;
}

#sect03 .animbg::before {
	content: "";
	position: absolute;
	top: 8rem;
	left: 0;
	width: 100%;
	height: 10rem;
	background: url(./img/sct03_head.png) 50% 0 no-repeat;
}

/*#sect03::before{
content: "";
position: absolute;
top: 11rem;
left: 0;
width: 100%;
height: 62rem;
background: url(./img/sct03_head2.svg) 0 0 no-repeat;
background-size: 100% 62rem;
}*/
#sect03::after {
	content: "";
	position: absolute;
	top: 50rem;
	left: 0;
	width: 100%;
	height: calc(100% - 50rem);
	background: #ebd3a9;
}

#sect03 .areaInner {
	z-index: 2;
	width: 100rem;
}

#sect03 h2 {
	margin: 0 0 6.5rem;
	font-size: 3.4rem;
	text-align: center;
}

#sect03 h2 .fontL {
	font-size: 4.8rem;
	color: #169a5a;
}

#sect03 h2 .txt_bold {
	font-size: 4.8rem;
}

#sect03 h2::before {
	content: "";
	position: absolute;
	top: -12rem;
	left: 50%;
	width: .1rem;
	height: 8rem;
	background: #1b140b;
}

#sect03 table {
	position: relative;
	width: 100%;
	margin: 0 0 4rem;
	border-collapse: separate;
}

#sect03 th {
	width: 25rem;
	border-right: none;
	border-bottom: none;
	font-size: 2.4rem;
	color: #52453d;
}

#sect03 th.fontGr {
	font-size: 2.6rem;
	color: #169a5a;
}

#sect03 td {
	padding: 2.5rem 1.5rem;
	border-right: none;
	border-bottom: none;
	text-align: center;
	vertical-align: top;
	font-size: 1.5rem;
}

#sect03 tr:first-child th:first-child {
	border-radius: 2rem 0 0 0;
}

#sect03 tr:first-child th:last-child {
	border-radius: 0 2rem 0 0;
}

#sect03 tr:last-child th:first-child {
	border-radius: 0 0 0 2rem;
}

#sect03 tr:last-child td:last-child {
	border-radius: 0 0 2rem 0;
}

#sect03 tr th:last-child,
#sect03 tr td:last-child {
	border-right: 1px solid #b7b5b4;
}

#sect03 tr:last-child th,
#sect03 tr:last-child td {
	border-bottom: 1px solid #b7b5b4;
}

#sect03 td .flame {
	margin: 0 0 1.5rem;
}

#sect03 td span {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.5;
}



#sect03 tr:nth-child(2) th {
	position: relative;
	background: #fff;
	border-top: 6px solid #169a5a;
	border-bottom: 6px solid #169a5a;
}

#sect03 tr:nth-child(2) th::before {
	content: "";
	position: absolute;
	top: -6px;
	left: -6px;
	width: 100%;
	height: 100%;
	border-radius: 1rem 0 0 1rem;
	border: 6px solid #169a5a;
	border-right: none;
}

#sect03 tr:nth-child(2) th::after {
	content: "おすすめ！";
	position: absolute;
	top: -6px;
	left: -5rem;
	width: 4.5rem;
	height: calc(100% + 1.2rem);
	padding: 0 .5rem 0 0;
	background: #169a5a;
	border-radius: 1rem 0 0 1rem;
	font-size: 2.4rem;
	font-weight: 900;
	font-family: "Noto Sans JP vt";
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: #fff;
}

#sect03 tr:nth-child(2) td {
	position: relative;
}

#sect03 tr:nth-child(2) td::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: -.1rem;
	left: -.1rem;
	width: calc(100% + .2rem);
	height: calc(100% - 1.1rem);
	border-top: 6px solid #169a5a;
	border-bottom: 6px solid #169a5a;
}

#sect03 tr:nth-child(2) td:last-child::before {
	content: "";
	position: absolute;
	top: -.1rem;
	left: 0;
	width: 100%;
	height: calc(100% - 1.1rem);
	border-radius: 0 1rem 1rem 0;
	border: 6px solid #169a5a;
	border-left: none;
}


#sect03 .caption {
	text-align: left;
}





/*------------
sect03b_PC
------------*/
#sect03b {
	position: relative;
	background: #ebd3a9;
	padding: 10rem 0 23rem;
}



/*------------
sect04_PC
------------*/
#sect04 {
	position: relative;
	z-index: 2;
	background: #fff;
	margin: -8rem 0 0;
	padding: 10rem 0 2rem;
	border-radius: 8rem 8rem 0 0;
}

#sect04::before {
	content: "";
	position: absolute;
	top: 7rem;
	left: calc(50% + 45rem);
	width: 28rem;
	height: 48rem;
	background: url(./img/bg_vege01.svg) 0 0 no-repeat;
	background-size: 28rem auto;
	opacity: .1;
}


#sect04 .areaInner {
	width: 100rem;
}

#sect04 .intro {
	margin: 0 0 4rem;
}

#sect04 h2 {
	margin: 0 0 3.5rem;
	font-size: 4.8rem;
	text-align: center;
}

#sect04 h2 .fontS {
	display: block;
	font-size: 3.4rem;
	color: #169a5a;
}

#sect04 .ulBox {
	display: flex;
	justify-content: space-between;
	margin: 0 0 7rem;
}

#sect04 .liBox {
	width: 28.4rem;
}

#sect04 .liBox a {
	padding: 26.5rem 0 7.5rem;
}

#sect04 .liBox a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 28.4rem;
	height: 28.4rem;
	background: url(./img/sct04_nail01.jpg) 0 0 no-repeat;
	background-size: cover;
	border-radius: 50%;
}

#sect04 .liBox:nth-child(2) a::before {
	background-image: url(./img/sct04_nail02.jpg);
}

#sect04 .liBox:nth-child(3) a::before {
	background-image: url(./img/sct04_nail03.jpg);
}

#sect04 .liBox a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(50% - 4.2rem);
	width: 8.4rem;
	height: 8.4rem;
	background: url("./img/arrow_gr_vt.svg") 50% 50% no-repeat #f7edde;
	background-size: 1.8rem auto;
	border-radius: 50%;
}

#sect04 .liBox span {
	position: relative;
	display: block;
	margin: 0 2rem;
	padding: 1.7rem 2rem 1.9rem;
	background: #169a5a;
	border-radius: 9999px;
	line-height: 1;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 900;
	color: #fff;
}

#sect04 .liBox:nth-child(2) span {
	background: #ee5c21;
}

#sect04 .liBox:nth-child(3) span {
	background: #754c24;
}


/* 途中追尾 */
#sect04 .ulBoxWrap {
	height: 46.4rem;
}

#sect04 .sct04_nav {
	width: 100rem;
	transition: all 0.5s ease 0s;
	z-index: 1;
}

#sect04 .sct04_nav.fixed {
	position: fixed;
	z-index: 2;
	top: -17rem;
	animation: sct04navfade .3s ease-in-out forwards;
}

@keyframes sct04navfade {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

#sect04 .sct04_nav.fixed.none {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

#sect04 .sct04_nav.fixed a {
	/*padding: 0 0 0;*/
}

#sect04 .sct04_nav.fixed a::before,
#sect04 .sct04_nav.fixed a::after {
	width: 0;
	height: 0;
	background: none;
	border: none;
}

#sect04 .sct04_nav.fixed .liBox span::before {
	content: "";
	position: absolute;
	top: 0;
	right: 2rem;
	width: 1.5rem;
	height: 100%;
	background: url("./img/arrow_wt.svg") 0 50% no-repeat;
	background-size: 1.5rem auto;
}




/* bfaf */
#sect04 .bfafAnc {
	margin: -7rem 0 0;
	padding: 7rem 0 0;
}

#sect04 .bfaf {
	margin: 0 0 10rem;
	padding: 5rem 0 2rem;
}

#sect04 .bfaf::before {
	width: 0;
	height: 0;
	background: none;
	border: none;
}


#sect04 .bfaf .headArea {
	position: relative;
	margin: 0 5rem 0 5rem;
	padding: 0 5rem 4rem 31rem;
	border-bottom: 1px solid #b7b5b4;
}

#sect04 .bfaf .headArea .flame {
	position: absolute;
	left: 0;
	width: 25rem;
}

#sect04 .bfaf .headArea .flame img {
	height: 21.5rem;
	border-radius: 2rem 8rem 2rem 2rem;
}

#sect04 .bfaf .headArea .cap {
	margin: 0 0 1.5rem;
	padding: 2rem 0 0;
	font-size: 1.8rem;
	font-weight: 900;
}

#sect04 .bfaf .headArea .marker {
	font-size: 1.8rem;
}

#sect04 .bfaf .headArea .marker .fontL {
	font-size: 3.0rem;
	color: #ee5c21;
}

#sect04 .bfaf .headArea h3 {
	font-size: 3.4rem;
}

#sect04 .bfaf .headArea h3 .fontS {
	font-size: 2.0rem;
}

#sect04 .bfaf .headArea h3 .fuki {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-width: 18rem;
	margin: -.5rem 1rem 0 0;
	padding: 1.3rem 3rem 1.6rem;
	background: #169a5a;
	border-radius: 9999px;
	line-height: 1;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 900;
	color: #fff;
}

#sect04 #sect402 .headArea h3 .fuki {
	background: #ef5c22;
}

#sect04 #sect403 .headArea h3 .fuki {
	background: #754c24;
}

#sect04 .bfaf .headArea ul {
	margin: 0;
	padding: 1.5rem 0 0;
}


#sect04 .bfaf .txtArea {
	padding: 4rem 5rem 0;
}

#sect04 .bfaf .mini {
	position: relative;
	padding: 0 37rem 3.5rem 0;
	min-height: 22rem;
}
#sect04 .bfaf .mini:nth-child(3) {
	padding: 0 37rem 3rem 0;
	}

#sect04 .bfaf .noImg {
	padding-right: 0;
	min-height: 0;
}
#sect04 .bfaf .noImg:nth-child(3) {
	padding: 0 0 3rem 0;
	}


#sect04 .bfaf .mini::before {
	content: "";
	position: absolute;
	top: 1.2rem;
	left: 0;
	width: 32rem;
	height: 1.6rem;
	background: url(./img/num_01_gr.svg) 0 0 no-repeat;
	background-size: auto 1.5rem;
}

#sect04 .bfaf .mini:nth-child(2)::before {
	background-image: url(./img/num_02_gr.svg);
}

#sect04 .bfaf .mini:nth-child(3)::before {
	background-image: url(./img/num_03_gr.svg);
}

#sect04 .bfaf .mini .catch {
	padding: 0 0 0 4.5rem;
	font-size: 2.6rem;
}

#sect04 .bfaf .mini .flame {
	position: absolute;
	top: .5rem;
	right: 0;
	width: 32rem;
}

#sect04 .bfaf .mini .flame img {
	width: 100%;
	height: 22rem;
	object-fit: cover;
	border-radius: 2rem;
}


/* botBox */
#sect04 .bfaf .botBox {
	position: relative;
	background: #eae1d2;
	padding: 2.5rem 5rem 2.0rem 22rem;
	border-radius: 2rem 8rem 2rem 2rem;
	overflow: hidden;
}

#sect04 .bfaf .botBox .flame {
	position: absolute;
	top: -2rem;
	left: -4rem;
	width: 22rem;
}

#sect04 .bfaf .botBox .flame img {
	width: 100%;
	height: 22rem;
	object-fit: cover;
	border-radius: 50%;
}

#sect04 .bfaf .botBox .catch {
	margin: 0 0 -.5rem;
	font-size: 2.0rem;
	color: #ee5c21;
}

#sect04 .bfaf .btn-link a::after {
	background: #fff;
}



/*------------
sect04a_PC
------------*/
#sect04a {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0 0 14rem;
}

#sect04a .areaInner {
	width: 100rem;
	background: #f7edde;
	border-radius: 3rem;
}

#sect04a .areaInner::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: -6rem;
	left: -2rem;
	width: 14rem;
	height: 13rem;
	background: url("./img/nail_check.png") 0 0 no-repeat;
}

#sect04a h3 {
	padding: 3.0rem 5rem 3.2rem;
	background: #754c24;
	border-radius: 3rem 3rem 0 0;
	font-size: 3rem;
	text-align: center;
	color: #fff;
}

#sect04a .mainArea {
	display: flex;
	justify-content: space-between;
	padding: 4.5rem 5rem 5rem;
}

#sect04a .imgArea {
	width: 42rem;
}

#sect04a .nailArea {
	width: 45rem;
	cursor: pointer;
}

#sect04a .nailArea .nail {
	position: relative;
}

#sect04a .nailArea .nail::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: clamp(4.8rem, 8vw, 8rem);
	height: clamp(4.8rem, 8vw, 8rem);
	background: url("./img/start.svg") center/contain no-repeat;
	z-index: 2;
	pointer-events: none;
}




/*------------
sect04b_PC
------------*/
#sect04b {
	position: relative;
	z-index: 10;
	background: #fff;
	margin: 0 0 0;
	padding: 3rem 0 16rem;
	border-radius: 0 0 8rem 8rem;
}

#sect04b .miniTtl {
	font-size: 1.8rem;
	font-weight: 900;
}

#sect04b .mini ul {
	margin: 0 0 2rem;
	padding: 0;
}

#sect04b .mini li {
	display: inline-block;
	margin: 0 1rem 0 0;
}

#sect04b .ulBox {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0 1rem;
}

#sect04b .liBox {
	width: 11.5rem;
	padding: 10rem 0 0;
	text-align: center;
	line-height: 1.3;
}

#sect04b .liBox::before {
	content: "";
	position: absolute;
	top: 1.5rem;
	left: 0;
	width: 100%;
	height: 10rem;
	background: url(./img/sct04b_icon01.png) 50% 0 no-repeat;
	background-size: 7.5rem auto;
}

#sect04b .liBox:nth-child(2)::before {
	background-image: url(./img/sct04b_icon02.png);
}

#sect04b .liBox:nth-child(3)::before {
	background-image: url(./img/sct04b_icon03.png);
}

#sect04b .liBox:nth-child(4)::before {
	background-image: url(./img/sct04b_icon04.png);
}

#sect04b .liBox::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 2.5rem;
	height: 1.2rem;
	background: url("./img/num_01_red.svg") 0 0 no-repeat;
	background-size: auto 1.2rem;
}

#sect04b .liBox:nth-child(2)::after {
	background-image: url("./img/num_02_red.svg");
}

#sect04b .liBox:nth-child(3)::after {
	background-image: url("./img/num_03_red.svg");
}

#sect04b .liBox:nth-child(4)::after {
	background-image: url("./img/num_04_red.svg");
}

#sect04b .liBox span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}




/*------------
sect05_slide_PC
------------*/
.sct05_slide {
	margin: -8rem 0 0;
	height: 60rem;
	clip-path: inset(0);
}

.sct05_slide .slFixedWrap {
	position: fixed;
	top: 0;
	z-index: -1;
}

.linear_slider1 .slick-list {
	overflow: visible;
}

.linear_slider1 .slick-slide img {
	width: 100%;
	height: 100vh;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
}



/*------------
sect05_PC
------------*/
#sect05 {
	position: relative;
	z-index: 2;
	background: #fff;
	margin: -8rem 0 0;
	padding: 10rem 0 2rem;
	border-radius: 8rem 8rem 0 0;
}

#sect05::before {
	content: "";
	position: absolute;
	top: 7rem;
	left: calc(50% - 76rem);
	width: 32rem;
	height: 35rem;
	background: url(./img/bg_vege02.svg) 0 0 no-repeat;
	background-size: 32rem auto;
	opacity: .1;
}


#sect05 .areaInner {
	width: 100rem;
}

#sect05 .intro {
	margin: 0 0 7rem;
}

#sect05 h2 {
	margin: 0 0 3.5rem;
	font-size: 4.8rem;
	text-align: center;
}

#sect05 h2 .fontS {
	display: block;
	font-size: 3.4rem;
	color: #169a5a;
}

#sect05 .ulBox {
	display: flex;
	justify-content: space-between;
	margin: 0 0 7rem;
}

#sect05 .liBox {
	width: 47rem;
	padding: 0 0 0;
	background: #f7edde;
	border-radius: 3rem 12rem 3rem 3rem;
	overflow: hidden;
}

#sect05 .liBox .flame {
	width: 100%;
}

#sect05 .liBox .flame img {
	width: 100%;
	height: 28rem;
	object-fit: cover;
}


#sect05 .liBox h3 {
	width: 95%;
	margin: -5rem 0 0;
	padding: 1.5rem 2rem 1.8rem 2rem;
	background: #f7edde;
	border-radius: 0 1rem 0 0;
	font-size: 1.8rem;
}

#sect05 .liBox h3 .fontL {
	font-size: 2.8rem;
	color: #169a5a;
}

#sect05 .liBox ul {
	margin: 0;
	padding: 0;
}

#sect05 .liBox li {
	padding: 1.2rem 0 1.2rem 3.5rem;
}

#sect05 .liBox li::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 2.7rem;
	height: 100%;
	background: url("./img/check.svg") 0 1.6rem no-repeat;
	background-size: 2.7rem auto;
	border-radius: 0;
}

#sect05 .liBox .inner {
	padding: 0 4rem;
}

#sect05 .liBox .btn-internal {
	margin: 2.5rem auto 3.5rem;
}

#sect05 .liBox .btn-internal a::after {
	top: 0;
	right: 2.5rem;
	width: 2.4rem;
	height: 100%;
	background: url(./img/arrow_gr_vt.svg) 99% calc(50% + 1px) no-repeat;
	background-size: 2.4rem auto;
}

#sect05 .liBox .btn-link {
	margin: -1.5rem 0 2rem;
}

#sect05 .liBox .btn-link a::after {
	background: #fff;
}



/*------------
sect05b_PC
------------*/
#sect05b {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0 0 7rem;
}

#sect05b .imgArea {
	padding: 2.5rem 4.5rem 1rem;
}

#sect05b .headArea .sttl .fontL,
#sect05c .headArea .sttl .fontL {
	display: block;
	margin: 0 0 1.5rem;
}

#sect05b .headArea .sttl .line1,
#sect05c .headArea .sttl .line1 {
	margin: 0 0 .7rem;
}

#sect05b .headArea .sttl .txt_bold,
#sect05c .headArea .sttl .txt_bold {
	font-size: 3.4rem;
	color: #169a5a;
}

#sect05b .headArea .sttl .fontLL,
#sect05c .headArea .sttl .fontLL {
	font-size: 5.2rem;
}

#sect05b p,
#sect05c p {
	margin: 0 0 3rem;
}


/*------------
sect05c_PC
------------*/
#sect05c {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0 0 17rem;
}

#sect05c .imgArea {
	padding: 2.5rem 4.5rem 0rem;
}







/*------------
sect06a_PC
------------*/
#sect06a {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0 0 14rem;
}

#sect06a .areaInner {
	width: 110rem;
	background: #f7edde;
	border-radius: 3rem;
}

#sect06a .areaInner::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: -6rem;
	left: -2rem;
	width: 14rem;
	height: 13rem;
	background: url("./img/pick01.png") 0 0 no-repeat;
}

#sect06a h3 {
	padding: 3.0rem 5rem 3.2rem;
	background: #754c24;
	border-radius: 3rem 3rem 0 0;
	font-size: 3.6rem;
	text-align: center;
	color: #fff;
}

#sect06a .mainArea {
	display: flex;
	justify-content: space-between;
	padding: 4.5rem 5rem 5rem;
}

#sect06a .imgArea {
	width: 26.4rem;
}

#sect06a .imgArea .fuki0 {
	position: relative;
	z-index: 2;
	width: 40rem;
	margin: 0 auto -1rem;
	text-align: left;
}

#sect06a .imgArea .fuki0 .inner {
	position: relative;
	display: inline-block;
	margin: 0 0 -1rem 2rem;
	padding: 1rem 2rem 1.2rem;
	background: #fabd0e;
	border-radius: 1rem;
	box-shadow: .4rem .4rem 0 0 #ba8b0b;
	line-height: 1;
	font-weight: 900;
}

#sect06a .imgArea .fuki0 .inner::before {
	content: "";
	position: absolute;
	bottom: -1.3rem;
	left: 2.5rem;
	width: 1.7rem;
	height: 1.5rem;
	background: url(./img/tri3.svg) 0 100% no-repeat;
	background-size: 1.7rem auto;
	filter: drop-shadow(4px 3px 0px #ba8b0b);
}

#sect06a .imgArea .flame {
	width: 100%;
	margin: 0 0 2rem;
}

#sect06a .imgArea .flame img {
	width: 100%;
	height: 20rem;
	object-fit: cover;
	border-radius: 2rem 8rem 2rem 2rem;
}

#sect06a .imgArea .fuki {
	margin: 0 1rem 1rem;
	padding: 1.2rem 2rem 1.4rem;
	background: #ef5c22;
	border-radius: 9999px;
	text-align: center;
	line-height: 1;
	color: #fff;
	font-weight: 900;
}

#sect06a .imgArea .sttl {
	margin: 0 0 .5rem;
	text-align: center;
	font-size: 3.4rem;
}

#sect06a .imgArea .note {
	line-height: 1.6;
}

#sect06a .nailArea {
	cursor: pointer;
}





/*------------
sect06b_PC
------------*/
#sect06b {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0 0 17rem;
}

#sect06b .areaInner {
	width: 100rem;
	padding: 14rem 0 0;
}

#sect06b .areaInner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 34rem;
	background: url("./img/pick02.png") 50% 0 no-repeat;
}

#sect06b .intro {
	margin: 0 0 7rem;
}

#sect06b h3 {
	margin: 0 0 4rem;
	text-align: center;
	font-size: 3.6rem;
}

#sect06b h3 .fontS {
	display: block;
	margin: 0 0 1.0rem;
	font-size: 3.0rem;
}


/* スライドレイアウト_swiper */

#sect06b .slideArea {
	position: relative;
	height: 75rem;
}

#sect06b .slideArea::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 65rem;
	background: url("./img/pick02_bg.svg") 50% 100% no-repeat;
	background-size: 128rem auto;
}

#sect06b .slideArea .ulBox1 {
	position: absolute;
	left: calc(50% - 75rem);
	width: 150rem;
	overflow: hidden;
}

#sect06b .slideArea .liBox {
	width: 50rem;
}

#sect06b .slideArea .liBox .flame {
	transform: scale(.6);
	transform-origin: 50% 100%;
	transition: all .2s ease-in-out;
}

#sect06b .slideArea .liBox.swiper-slide-active .flame {
	transform: scale(1);
}

/* arrow swiper */
#sect06b .swp-next,
#sect06b .swp-prev {
	top: 0;
	width: 8.5rem;
	height: 100%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	opacity: 1.0;
}

#sect06b .swp-prev {
	background: url("./img/arrow_ccl_bk.png") 0 50% no-repeat;
	background-size: 8.5rem auto;
	left: calc(50% - 29rem);
	transform: scale(-1, 1);
}

#sect06b .swp-next {
	background: url("./img/arrow_ccl_bk.png") 0 50% no-repeat;
	background-size: 8.5rem auto;
	left: calc(50% + 29rem - 8.5rem);
}






/*------------
sect06c_PC
------------*/
#sect06c {
	position: relative;
	z-index: 10;
	background: #fff;
	margin: 0 0 0;
	padding: 0 0 14rem;
	border-radius: 0 0 8rem 8rem;
}

#sect06c .areaInner {
	width: 110rem;
	padding: 20rem 5rem 1rem;
	background: #f7edde;
	border-radius: 3rem;
}

#sect06c .areaInner::before {
	content: "";
	position: absolute;
	top: 7rem;
	left: 0;
	width: 100%;
	height: 34rem;
	background: url("./img/pick03.png") 50% 0 no-repeat;
}

#sect06c .intro {
	margin: 0 0 7rem;
}

#sect06c h3 {
	margin: 0 0 4rem;
	text-align: center;
	font-size: 3.6rem;
}

#sect06c h3 .fontS {
	display: block;
	margin: 0 0 1.0rem;
	font-size: 3.0rem;
}

#sect06c .nailArea {
	margin: 0 0 6rem;
	text-align: center;
	cursor: pointer;
}

#sect06c .midttl {
	margin: 0 0 5rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #b7b5b4;
	font-size: 2.8rem;
	color: #169a5a;
	text-align: center;
}

#sect06c .mini {
	position: relative;
	min-height: 12rem;
	margin: 0 0 5rem;
	padding: 2rem 30rem 2rem 3rem;
}

#sect06c .mini::before {
	content: "";
	position: absolute;
	top: -2.2rem;
	left: -2.5rem;
	width: 12rem;
	height: 12rem;
	background: #fff;
	border-radius: 50%;
}

#sect06c .flame {
	position: absolute;
	top: 3rem;
	right: 0;
	width: 26rem;
}

#sect06c .flame img {
	width: 100%;
	height: 14.8rem;
	object-fit: cover;
}

#sect06c .mini .catch {
	padding: 0 0 0 4rem;
}

#sect06c .miniArea .mini .catch::before {
	content: "";
	position: absolute;
	top: 1.0rem;
	left: 0;
	width: 2.5rem;
	height: 1.1rem;
	background: url(./img/num_01_gr.svg) 0 0 no-repeat;
	background-size: auto 1.1rem;
}

#sect06c .miniArea .mini:nth-child(2) .catch:before {
	background-image: url(./img/num_02_gr.svg);
}

#sect06c .miniArea .mini:nth-child(3) .catch:before {
	background-image: url(./img/num_03_gr.svg);
}

#sect06c .miniArea .mini:nth-child(4) .catch:before {
	background-image: url(./img/num_04_gr.svg);
}

#sect06c .mini p {
	position: relative;
}



/*---------------------
　目次
-----------------------*/
.is-navi-open .bg_close,
.toc_open .bg_close {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
}


.contents .tocBox {
	background: #f5f5f1;
	padding: 0;
	width: 75rem;
	border-radius: 1.6rem;
	margin: 0 auto 7rem;
	position: relative;
}

.contents .tocBox .tocInr {}

.contents .tocBox .sTit {
	position: relative;
	font-size: 1.6rem;
	font-weight: 900;
	min-height: 6.5rem;
	border-bottom: solid 1px rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	max-width: 69rem;
	margin: 0 auto;
	padding: 0 0 0 8rem;
	line-height: 1;
}

.contents .tocBox .sTit:before {
	content: "";
	background: url("img/eng_index.png") no-repeat;
	background-size: 100% auto;
	width: 7rem;
	height: 1.7rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.contents .whBox {
	padding: 2rem 3rem 5rem;
}

.contents .tocBox .toc {
	position: relative;
	height: 200px;
	overflow: hidden;
	transition: .4s;
}

.contents .tocBox .toc:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: linear-gradient(0deg, rgba(244, 241, 239, 1) 35%, rgba(244, 241, 239, 0) 100%);
	transition: .4s;
	z-index: 1;
	border-radius: 0 0 1rem 1rem;
}

.contents .tocBox .toc.active:before {
	opacity: 0;
	visibility: hidden;
}

.contents .tocBox .toc.no-fade:before {
	display: none;
}

.contents .whBox ul {
	margin: 0 0 0 3rem;
	padding: 0;
	width: 100%;
}

.contents .whBox ul li {
	list-style: decimal-leading-zero;
	font-size: 1.6rem;
	color: #ff6928;
	font-weight: 900;
	position: relative;
	padding: 0;
	margin-bottom: 1rem;
	background: none;
}

.contents .whBox ul li:last-child {
	margin-bottom: 0;
}

.contents .whBox ul li>a {
	text-decoration: none;
	font-size: 1.6rem;
}

.contents .whBox ul li a:hover {
	opacity: 1;
	text-decoration: underline;
}

.contents .whBox ul li br {
	display: none;
}

.btn-acc {
	width: 14rem;
	height: 3.6rem;
	background: #fff url("img/icon_plus.png") no-repeat right 1.5rem center;
	background-size: 1.3rem auto;
	border-radius: 2rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1.4;
	padding: 0.5rem 2rem;
	cursor: pointer;
	transition: all .4s;
	position: absolute;
	bottom: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	border: solid 1px #7f7f7f;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-acc:hover {
	opacity: 0.6;
}

.btn-acc.open {
	background: #fff url("img/icon_minus.png") no-repeat right 1.5rem center;
	background-size: 1.3rem auto;
}

.contents .tocBox .toc.collapsed {
	height: 200px;
	/* すでにある指定でOK */
}


/*--------------------------------------
　目次
---------------------------------------*/
.toc_parts {
	position: fixed;
	top: 14rem;
	right: 0;
	z-index: 10000;


	transition: .3s;
	/*デフォルトで非表示にする*/
	opacity: 0;
	visibility: hidden;
}

/*このクラスが付与されると表示する*/
.toc_parts.active {
	opacity: 1;
	visibility: visible;
}


.toc_parts {
	position: fixed;

	width: 32rem;
	transition: all 0.5s ease;
	transform: translateX(100%);
	z-index: 110;
	/*	opacity: 0;
	display: none;*/
}

.toc_parts .toc_ttl {
	display: block;
	position: absolute;
	top: 0;
	right: calc(100% - .2rem);
	background: url("img/plus_ccl.svg") no-repeat 1.4rem 7.5rem;
	background-size: 2.4rem auto;
	background-color: #4f3b20;
	width: 5rem;
	height: 12rem;
	padding: 1.5rem 1.2rem 0 0;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.3;
	text-align: left;
	color: #fff;
	cursor: pointer;
	transition: all 0.5s ease;
	z-index: 9;
	border-radius: 2rem 0 0 1rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 0;
}

.toc_parts .toc_block {
	position: fixed;
	top: 0;
	right: 0;
	background: #4f3b20;
	border-radius: 0 0 0 1rem;
	width: 100%;
	height: auto;
	min-height: 20rem;
	padding: 2rem 1rem 2rem 2rem;
}

.toc_parts .toc-scroll {
	height: fit-content;
	max-height: 42rem;
	padding-right: 2rem;
	overflow-x: hidden;
	overflow-y: auto;
}

.toc_parts .toc-scroll::-webkit-scrollbar {
	width: 0.4rem;
}

.toc_parts .toc-scroll::-webkit-scrollbar-track {
	border-radius: 0.2rem;
	background: #ccc;
}

.toc_parts .toc-scroll::-webkit-scrollbar-thumb {
	border-radius: 0.2rem;
	background: #999;
}

.toc_parts.is-open {
	transform: translateX(0);
	transform: translateZ(0);
}

.toc_parts.is-open .toc_ttl {
	background: url("img/minus_ccl.svg") no-repeat 1.4rem 7.5rem;
	background-size: 2.4rem auto;
	background-color: #4f3b20;
}

.toc_parts ul.chapter li.chapter-h+li.chapter-h {
	margin-top: 1rem;
}

.toc_parts ul.chapter li.chapter-h a {
	display: block;
	text-decoration: none;
	text-align: left;
}

.toc_parts ul li.chapter-h-two {
	padding-left: 0;
	position: relative;
	color: #fff;
	counter-increment: number;
	line-height: 1.6;
	border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
	padding-bottom: 1.3rem;
}

.toc_parts ul li.chapter-h-two a {
	padding-right: 3rem;

	background: url(./img/arrow_wt.svg) 99% calc(50% + 1px) no-repeat;
	background-size: 1.8rem auto;
	color: #fff;
}

.toc_parts ul a:hover {
	opacity: 0.5;
	color: #fff;
}


/* End_PC */







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



	/*------------
index_SP
------------*/

	.areaInner {
		width: auto;
	}






	/*--------------------------------------
　header_SP
---------------------------------------*/
	#header {
		padding: 0 0 10rem;
		height: 55rem;
	}

	#header .topArea {
		position: absolute;
		top: 1.0rem;
		left: 3%;
		right: auto;
		text-align: right;
		font-weight: 500;
		font-size: 1.0rem;
		line-height: 1.6;
		color: #fff;
	}

	#header .siteName {
		position: static;
	}

	#header .note {
		position: absolute;
		bottom: 2rem;
		left: 3%;
		padding: .3rem 0 0;
		font-size: 1.0rem;
		color: #fff;
	}


	#header .logo {
		position: absolute;
		top: 23rem;
		left: 3%;
		width: 12.5rem;
		filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5));
	}


	#header .imgArea {
		position: relative;
		margin: 0;
		height: 55rem;
		overflow: hidden;
	}

	#header .mvTtl {
		position: absolute;
		left: 3%;
		bottom: 5.5rem;
		text-shadow: -1px 0px 40px rgba(0, 0, 0, 0.3);
		font-size: 2.4rem;
		line-height: 1.4;
		font-weight: 900;
		color: #fff;
	}

	#header .mvTtl .line2 {
		display: block;
		margin: .6rem 0 0;
		font-size: 3.6rem;
	}

	#header .mvTtl .line2 .fontS {
		font-size: 2.4rem;
	}


	#header .mvArea {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#header .mvArea::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(27, 20, 11, 0);
		background: linear-gradient(180deg, rgba(27, 20, 11, 0) 60%, rgba(27, 20, 11, 1) 100%);
		opacity: .5;
	}

	#header .mvArea::after {
		content: "";
		position: absolute;
		z-index: 1;
		bottom: -5rem;
		left: -2rem;
		width: 70rem;
		height: 50rem;
		background: url("./img/logo_mv.svg") 0 100% no-repeat;
		background-size: 70rem auto;
		opacity: .3;
	}

	#header .mvArea .zoom-fade {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	#header .mvArea .zoom-fade__item {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}



	#header .mvArea .zoom-fade .idxmvbg {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#header .mvArea .zoom-fade .idxmvbg img {
		width: 100%;
		height: 55rem;
		object-fit: cover;
	}




	/*------------
contents_SP
------------*/

	#contents {
		margin: 0;
	}

	#contents::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #f7edde;
	}

	.index {
		width: 100%;
		padding: 0 0 2.5rem;
	}





	/*------------
sect00_SP
------------*/
	#sect00 {}

	#sect00 .areaInner {
		width: auto;
		padding: 4rem 5% 4rem;
	}

	#sect00 .mainArea {
		display: block;
		margin: 0 0 1.5rem;
	}

	#sect00 .mainArea h2 {
		width: auto;
		margin: 0 0 2.4rem;
		padding: 0;
		font-size: 3.2rem;
		line-height: 1.4;
		text-align: center;
	}

	#sect00 .mainArea h2 .fontS {
		display: block;
		margin: 0 0 1rem;
		font-size: 1.8rem;
	}

	#sect00 .mainArea h2::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: -7rem;
		left: 0;
		width: 100%;
		height: 22rem;
		background: url("./img/blob.svg") 50% 0 no-repeat;
		background-size: 23rem auto;
	}

	#sect00 .mainArea ul {
		width: 86%;
		margin: 0 5% 0 10%;
		padding: 0;
	}

	#sect00 .mainArea li {
		padding: .6rem 0 .6rem 2rem;
		font-size: 1.3rem;
	}

	#sect00 .mainArea li::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 1.6rem;
		height: 100%;
		background: url("./img/check.svg") 0 55% no-repeat;
		background-size: 1.6rem auto;
		border-radius: 0;
	}

	#sect00 .mainArea li .fontL {
		font-size: 1.5rem;
		font-weight: 900;
	}



	#sect00 .botTtl {
		position: relative;
		padding: 8rem 0 0;
		text-align: center;
		font-size: 3.2rem;
		line-height: 1.4;
		color: #ee5c21;
	}

	#sect00 .botTtl::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 19rem;
		background: url("./img/h3_deco.svg") 50% 0 no-repeat;
		background-size: 19rem auto;
		opacity: .1;
	}

	#sect00 .botTtl::after {
		content: "";
		position: absolute;
		top: 2rem;
		left: 50%;
		width: .1rem;
		height: 5rem;
		background: #1b140b;
	}

	#sect00 .botTtl .fontS {
		display: block;
		margin: 0 0 1rem;
		font-size: 1.8rem;
		color: #1b140b;
	}











	/*------------
sect01_SP
------------*/
	#sect01 {
		padding: 0 5%;
	}

	#sect01 h2 {
		margin: 0 0 1.5rem;
		padding: 2rem 0 0;
		font-size: 3.2rem;
		line-height: 1.4;
	}

	#sect01 h2::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1.4rem;
		background: url("./img/eng_sct01.svg") 0 0 no-repeat;
		background-size: auto 1.4rem;
	}


	#sect01 .ulBox {
		width: auto;
		max-width: 100%;
		margin: 0 0;
		padding: 1rem 0 0;
	}

	#sect01 .liBox {
		margin: 0 0 6rem;
		padding: 1.5rem 0 0;
		max-width: 100%;
		min-width: 32rem;
	}


	#sect01 .liBox h3 {
		margin: 0 0 5rem;
		padding: 1.5rem 5% 2rem;
		background: #fff;
		border-radius: 1.5rem 4.5rem 1.5rem 1.5rem;
		font-size: 2.0rem;
	}

	#sect01 .liBox h3 .fontS {
		display: block;
		margin: 0 0 .5rem;
		font-size: 1.4rem;
		color: #169a5a;
	}

	#sect01 .liBox h3::before {
		content: "";
		position: absolute;
		bottom: -3.5rem;
		left: 0;
		width: 100%;
		height: 1.5rem;
		background: url("./img/tri2_sp.svg") 50% 0 no-repeat;
		background-size: auto 1.5rem;
	}

	#sect01 .liBox .txtArea {
		padding: 0 0;
	}

	#sect01 .liBox .catch {
		text-align: center;
		color: #ee5c21;
	}

	#sect01 .liBox .imgArea {
		width: 90%;
		margin: 2rem auto 2rem;
	}

	#sect01 .liBox .imgArea .flame {
		margin: 0 0 1rem;
	}

	#sect01 .liBox .caption {
		text-align: left;
	}

	#sect01 .liBox ul {
		margin: 0;
		padding: 0;
	}

	#sect01 .liBox p {
		margin: 1rem 0;
	}

	#sect01 .liBox .sttl {
		margin: 2rem 0 0;
		text-align: center;
	}

	#sect01 .liBox .tblArea {
		width: 100%;
		margin: 1rem 0 2rem;
	}

	#sect01 .liBox table {
		width: 100%;
		margin: 0 0 1rem;
	}

	#sect01 .liBox th {
		display: table-cell;
		width: auto;
		color: #52453d;
		font-size: 1.3rem;
	}

	#sect01 .liBox td {
		display: table-cell;
		width: auto;
		font-size: 1.3rem;
	}

	#sect01 .liBox .tblTtl {
		margin: 0 0 1rem;
		text-align: center;
		font-size: 1.5rem;
		font-weight: 900;
		color: #169a5a;
	}

	#sect01 .btn-link {
		margin: -.5rem 0 0;
	}

	#sect01 .btn-link a::after {
		background: #fff;
	}


	/* 途中追尾 */
	#sect01 .bgImg {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		margin: 0 0 3.5rem;
		transition: all 0.5s ease 0s;
	}

	#sect01 .sikaku_box2 {
		z-index: 2;
		opacity: 1;
	}

	#sect01 .sikaku_box3 {
		z-index: 3;
		opacity: 1;
	}

	#sect01 .bgImg.fixed {
		position: relative;
		top: 0;
		left: 0;
		animation: none;
	}

	#sect01 .sikaku_box2.fixed,
	#sect01 .sikaku_box3.fixed {
		animation: none;
	}

	#sect01 .sikaku_box2.fixed::before,
	#sect01 .sikaku_box3.fixed::before {
		animation: none;
	}

	#sect01 .bgImg.fixed.none {
		position: relative;
		top: 0;
		left: 0;
		opacity: 1;
		animation: none;
	}

	#sect01 .sikaku_box3.fixed.none {
		animation: none;
	}

	#sect01 .bgImg img {
		width: 100%;
		height: 25rem;
		object-fit: cover;
		border-radius: 1.5rem 4.5rem 1.5rem 1.5rem;
	}

	#sect01 .bgImg::before {
		content: "";
		position: absolute;
		top: -3.5rem;
		right: 0;
		width: 7rem;
		height: 5rem;
		background: url(./img/eng_pt01.svg) 100% 0 no-repeat;
		background-size: auto 5rem;
		transition: all 0.5s ease 0s;
	}

	#sect01 .sikaku_box2::before {
		background-image: url(./img/eng_pt02.svg);
		opacity: 1;
	}

	#sect01 .sikaku_box3::before {
		background-image: url(./img/eng_pt03.svg);
		opacity: 1;
	}





	/*------------
sect02_SP
------------*/
	#sect02 {
		position: relative;
		z-index: 100;
		margin: 0 5% 4.5rem;
	}

	#sect02::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(./img/sct02_bg_sp.jpg) 50% 0 no-repeat;
		background-size: cover;
		border-radius: 3rem;
	}

	#sect02 h2 {
		margin: 0 0 2.5rem;
		padding: 2rem 0 0;
		font-size: 3.2rem;
		line-height: 1.4;
	}

	#sect02 h2::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1.4rem;
		background: url("./img/eng_sct02.svg") 0 0 no-repeat;
		background-size: auto 1.4rem;
	}

	#sect02 .areaInner {
		width: auto;
		padding: 2.5rem 5% 2rem;
	}

	#sect02 .ulBox {
		display: block;
	}

	#sect02 .liBox {
		width: auto;
		height: auto;
		margin: 0 0 1.5rem;
		padding: 2rem 5% 2rem 7.5rem;
		background: url("./img/sct02_ill01.png") 1rem 2.0rem no-repeat rgba(255, 255, 255, .90);
		background-size: 6rem auto;
		border-radius: 1.5rem;
	}

	#sect02 .liBox:nth-child(2) {
		background-image: url("./img/sct02_ill02.png")
	}

	#sect02 .liBox:nth-child(3) {
		left: 0;
		background-image: url("./img/sct02_ill03.png")
	}

	#sect02 .liBox:nth-child(4) {
		left: 0;
		background-image: url("./img/sct02_ill04.png")
	}

	#sect02 .liBox::before {
		content: "";
		position: absolute;
		top: 1rem;
		left: -.5rem;
		width: 5rem;
		height: .9rem;
		background: url("./img/num_01_red.svg") 50% 0 no-repeat;
		background-size: auto .9rem;
	}

	#sect02 .liBox:nth-child(2)::before {
		background-image: url("./img/num_02_red.svg");
	}

	#sect02 .liBox:nth-child(3)::before {
		background-image: url("./img/num_03_red.svg");
	}

	#sect02 .liBox:nth-child(4)::before {
		background-image: url("./img/num_04_red.svg");
	}


	#sect02 .liBox h3 {
		margin: 0;
		padding: 0 0 0;
		line-height: 1.6;
		font-size: 1.5rem;
		text-align: left;
	}



	/*------------
sect03_SP
------------*/
	#sect03 {
		position: relative;
		padding: 12rem 0 0;

	}

	#sect03 .animbg2 {
		position: absolute;
		top: 3rem;
		left: 0;
		width: 100%;
		height: 30rem;
		background: url(./img/sct03_head2.svg) 0 0 no-repeat;
		background-size: 100%;
	}

	#sect03 .animbg2::before {
		content: "";
		position: absolute;
		top: -1rem;
		left: 0;
		width: 100%;
		height: 10rem;
		background: url(./img/sct03_head.png) 50% 0 no-repeat;
		background-size: 6.5rem auto;
	}



	/*#sect03::before{
content: "";
position: absolute;
top: 5rem;
left: 0;
width: 100%;
height: 30rem;
background: url(./img/sct03_head2.svg) 0 0 no-repeat;
background-size: 100% 30rem;
}*/
	#sect03::after {
		content: "";
		position: absolute;
		top: 15rem;
		left: 0;
		width: 100%;
		height: calc(100% - 15rem);
		background: #ebd3a9;
	}

	#sect03 .areaInner {
		z-index: 2;
		width: auto;
	}

	#sect03 h2 {
		margin: 0 5% 1.5rem;
		font-size: 2.0rem;
		text-align: center;
	}

	#sect03 h2 .fontL {
		font-size: 3.2rem;
		color: #169a5a;
	}

	#sect03 h2 .txt_bold {
		font-size: 3.2rem;
	}

	#sect03 h2 .mdl {
		display: block;
		margin: 1rem 0 0;
	}

	#sect03 h2::before {
		content: "";
		position: absolute;
		top: -5rem;
		left: 50%;
		width: .1rem;
		height: 3rem;
		background: #1b140b;
	}


	#sect03 .tblWrap {
		overflow: auto;
		width: 95%;
		margin: 0 0 3rem 5%;
		padding: 0 .6rem;
	}

	#sect03 .tableB .note {
		margin: 0 0 2rem;
		color: #666;
	}

	#sect03 table {
		position: relative;
		width: 100%;
		margin: 0 0 2rem;
		border-collapse: separate;
		border: none;
	}

	#sect03 th {
		display: table-cell;
		width: auto;
		padding: 1.5rem 1rem;
		border-right: none;
		border-bottom: none;
		font-size: 1.6rem;
		color: #52453d;
	}

	#sect03 th.fontGr {
		width: 10rem;
		font-size: 1.7rem;
		color: #169a5a;
	}

	#sect03 td {
		display: table-cell;
		width: auto;
		padding: 1.5rem 1.0rem 1.2rem;
		border-right: none;
		border-bottom: none;
		text-align: center;
		vertical-align: top;
		font-size: 1.4rem;
	}

	#sect03 tr:first-child th:first-child {
		border-radius: 1rem 0 0 0;
	}

	#sect03 tr:first-child th:last-child {
		border-radius: 0 1rem 0 0;
	}

	#sect03 tr:last-child th:first-child {
		border-radius: 0 0 0 1rem;
	}

	#sect03 tr:last-child td:last-child {
		border-radius: 0 0 1rem 0;
	}

	#sect03 tr th:last-child,
	#sect03 tr td:last-child {
		border-right: .1rem solid #b7b5b4;
	}

	#sect03 tr:last-child th,
	#sect03 tr:last-child td {
		border-bottom: .1rem solid #b7b5b4;
	}

	#sect03 td .flame {
		width: 4.3rem;
		margin: 0 auto 1.0rem;
	}

	#sect03 td span {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.5;
	}



	#sect03 tr:nth-child(2) th {
		position: relative;
		background: #fff;
		border-top: 4px solid #169a5a;
		border-bottom: 4px solid #169a5a;
	}

	#sect03 tr:nth-child(2) th::before {
		content: "";
		position: absolute;
		top: -4px;
		left: -4px;
		width: 100%;
		height: 100%;
		border-radius: 0 0 0 .6rem;
		border: 4px solid #169a5a;
		border-right: none;
	}

	#sect03 tr:nth-child(2) th::after {
		content: "おすすめ！";
		position: absolute;
		top: -2.5rem;
		left: -.4rem;
		width: 9rem;
		height: 2.5rem;
		padding: 0 0;
		background: #169a5a;
		border-radius: .3rem .3rem 0 0;
		font-size: 1.6rem;
		font-weight: 900;
		font-family: "Noto Sans JP";
		-ms-writing-mode: tb-lr;
		writing-mode: horizontal-tb;
		color: #fff;
		text-align: center;
	}

	#sect03 tr:nth-child(2) td {
		position: relative;
	}

	#sect03 tr:nth-child(2) td::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: -.1rem;
		left: -.1rem;
		width: calc(100% + .2rem);
		height: calc(100% - .7rem);
		border-top: 4px solid #169a5a;
		border-bottom: 4px solid #169a5a;
	}

	#sect03 tr:nth-child(2) td:last-child::before {
		content: "";
		position: absolute;
		top: -.1rem;
		left: 0;
		width: 100%;
		height: calc(100% - .7rem);
		border-radius: 0 .6rem .6rem 0;
		border: 4px solid #169a5a;
		border-left: none;
	}


	#sect03 .caption {
		margin: 0 5%;
		text-align: left;
	}





	/*------------
sect03b_SP
------------*/
	#sect03b {
		position: relative;
		background: #ebd3a9;
		padding: 5rem 5% 12rem;
	}



	/*------------
sect04_SP
------------*/
	#sect04 {
		position: relative;
		background: #fff;
		margin: -3rem 0 0;
		padding: 4rem 0 1rem;
		border-radius: 3rem 3rem 0 0;
	}

	#sect04::before {
		width: 0;
		height: 0;
		background: none;
		border: none;
	}


	#sect04 .areaInner {
		width: auto;
		padding: 0 0;
	}

	#sect04 .intro {
		margin: 0 5% 2rem;
	}

	#sect04 h2 {
		margin: 0 0 3.5rem;
		font-size: 3.2rem;
		text-align: center;
	}

	#sect04 h2 .fontS {
		display: block;
		font-size: 1.8rem;
		color: #169a5a;
	}

	#sect04 .ulBox {
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 5% 5rem;
	}

	#sect04 .liBox {
		width: 31%;
	}

	#sect04 .liBox a {
		padding: 9rem 0 4.5rem;
	}

	#sect04 .liBox a::before {
		content: "";
		position: absolute;
		top: 0;
		left: calc(50% - 5rem);
		width: 10rem;
		height: 10rem;
		background: url(./img/sct04_nail01.jpg) 0 0 no-repeat;
		background-size: cover;
		border-radius: 50%;
	}

	#sect04 .liBox:nth-child(2) a::before {
		background-image: url(./img/sct04_nail02.jpg);
	}

	#sect04 .liBox:nth-child(3) a::before {
		background-image: url(./img/sct04_nail03.jpg);
	}

	#sect04 .liBox a:after {
		content: "";
		position: absolute;
		bottom: .5rem;
		left: calc(50% - 2.25rem);
		width: 4.5rem;
		height: 4.5rem;
		background: url("./img/arrow_gr_vt.svg") 50% 50% no-repeat #f7edde;
		background-size: 1.0rem auto;
		border-radius: 50%;
	}

	#sect04 .liBox span {
		position: relative;
		display: block;
		margin: 0 0;
		padding: .7rem .5rem .9rem;
		background: #169a5a;
		border-radius: 9999px;
		line-height: 1;
		text-align: center;
		font-size: 1.0rem;
		font-weight: 900;
		color: #fff;
	}

	#sect04 .liBox:nth-child(2) span {
		background: #ee5c21;
	}

	#sect04 .liBox:nth-child(3) span {
		background: #754c24;
	}


	/* 途中追尾 */
	#sect04 .ulBoxWrap {
		height: 19rem;
	}

	#sect04 .sct04_nav {
		width: 90%;
		transition: all 0.5s ease 0s;
		z-index: 1;
	}

	#sect04 .sct04_nav.fixed {
		position: fixed;
		z-index: 2;
		/*top:7rem;*/
		top: -2rem;
	}

	#sect04 .sct04_nav.fixed.none {
		position: absolute;
		opacity: 0;
		z-index: -1;
	}

	#sect04 .sct04_nav.fixed a {
		/*padding: 0 0 0;*/
	}

	#sect04 .sct04_nav.fixed a::before,
	#sect04 .sct04_nav.fixed a::after {
		width: 0;
		height: 0;
		background: none;
		border: none;
	}

	#sect04 .sct04_nav.fixed .liBox span::before {
		content: "";
		position: absolute;
		top: 0;
		right: .5rem;
		width: .7rem;
		height: 100%;
		background: url("./img/arrow_wt.svg") 0 50% no-repeat;
		background-size: .7rem auto;
	}




	/* bfaf */
	#sect04 .bfafAnc {
		margin: -4.5rem 0 0;
		padding: 4.5rem 0 0;
	}

	#sect04 .bfaf {
		margin: 0 5% 5rem;
		padding: 2.5rem 0 1rem;
	}

	#sect04 .bfaf::before {
		width: 0;
		height: 0;
		background: none;
		border: none;
	}


	#sect04 .bfaf .headArea {
		position: relative;
		margin: 0 0 2rem 5%;
		padding: 0 5% 1rem 0;
		border-bottom: 1px solid #b7b5b4;
	}

	#sect04 .bfaf .headArea .flame {
		position: static;
		width: 12.5rem;
		float: left;
	}

	#sect04 .bfaf .headArea .flame img {
		height: 11rem;
		border-radius: 1rem 4rem 1rem 1rem;
	}

	#sect04 .bfaf .headtxt {
		width: calc(100% - 14.5rem);
		float: right;
	}

	#sect04 .bfaf .headArea .cap {
		margin: 0 0 .5rem;
		padding: 0 0 0;
		font-size: 1.2rem;
		font-weight: 900;
	}

	#sect04 .bfaf .headArea .marker .fontL {
		font-size: 1.9rem;
		color: #ee5c21;
	}

	#sect04 .bfaf .headArea h3 {
		font-size: 2.5rem;
	}

	#sect04 .bfaf .headArea h3 .fontS {
		font-size: 1.5rem;
	}

	#sect04 .bfaf .headArea h3 .fuki {
		position: relative;
		display: block;
		vertical-align: middle;
		min-width: 0;
		width: 13rem;
		margin: 1.0rem 1rem .5rem 0;
		padding: .8rem 1.5rem 1.0rem;
		background: #169a5a;
		border-radius: 9999px;
		line-height: 1;
		text-align: center;
		font-size: 1.3rem;
		font-weight: 900;
		color: #fff;
	}

	#sect04 #sect402 .headArea h3 .fuki {
		background: #ef5c22;
	}

	#sect04 #sect403 .headArea h3 .fuki {
		background: #754c24;
	}

	#sect04 .bfaf .headArea ul {
		margin: 0;
		padding: 1.5rem 0 1rem;
	}

	#sect04 .bfaf .headArea li {
		padding: .1rem 0 .1rem 1.8rem;
	}

	#sect04 .bfaf .txtArea {
		padding: 1rem 5% 0;
	}

	#sect04 .bfaf .mini {
		position: relative;
		padding: 0 0 2.8rem;
		min-height: 0;
	}
		#sect04 .bfaf .mini:nth-child(3) {
		padding: 0 0 1rem;
	}

	#sect04 .bfaf .mini::before {
		content: "";
		position: absolute;
		top: 1.2rem;
		left: 0;
		width: 20rem;
		height: 1.2rem;
		background: url(./img/num_01_gr.svg) 0 0 no-repeat;
		background-size: auto 1.2rem;
	}

	#sect04 .bfaf .mini:nth-child(2)::before {
		background-image: url(./img/num_02_gr.svg);
	}

	#sect04 .bfaf .mini:nth-child(3)::before {
		background-image: url(./img/num_03_gr.svg);
	}

	#sect04 .bfaf .mini .catch {
		padding: 2.4rem 0 0;
		font-size: 1.8rem;
	}

	#sect04 .bfaf .mini .flame {
		position: static;
		width: auto;
	}

	#sect04 .bfaf .mini .flame img {
		width: 100%;
		height: 20rem;
		object-fit: cover;
		border-radius: 1rem;
	}


	/* botBox */
	#sect04 .bfaf .botBox {
		position: relative;
		background: #eae1d2;
		margin: 2.0rem 0 0;
		padding: 2.2rem 5% 1.6rem;
		border-radius: 1.5rem 4rem 1.5rem 1.5rem;
		overflow: visible;
	}

	#sect04 .bfaf .botBox .flame {
		position: absolute;
		top: -1.4rem;
		left: -1.0rem;
		width: 8.5rem;
	}

	#sect04 .bfaf .botBox .flame img {
		width: 100%;
		height: 8.5rem;
		object-fit: cover;
		border-radius: 50%;
	}

	#sect04 .bfaf .botBox .catch {
		margin: 0 0 0 6.8rem;
		font-size: 1.8rem;
		color: #ee5c21;
	}

	#sect04 .check {
		color: #fff;
		background: #754c24;
		margin: 6rem 0 3rem 0;
	}
	
	#sect04 .bfaf .btn-link {
		margin: 0 0 .5rem 5%;
	}

	#sect04 .bfaf .btn-link a::after {
		background: #fff;
	}


	
	
	/*------------
sect04a_SP
------------*/
	#sect04a {
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 0 5% 5rem;
	}

	#sect04a .areaInner {
		width: auto;
		background: #f7edde;
		border-radius: 1.5rem;
	}

	#sect04a .areaInner::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: -3.5rem;
		left: -1rem;
		width: 6.7rem;
		height: 7rem;
		background: url("./img/pick01.png") 0 0 no-repeat;
		background-size: 6.7rem auto;
	}

	#sect04a h3 {
		padding: 1.5rem 5% 1.6rem;
		background: #754c24;
		border-radius: 1.5rem 1.5rem 0 0;
		font-size: 2.2rem;
		text-align: center;
		color: #fff;
	}

	#sect04a .mainArea {
		display: flex;
		flex-direction: column;
		padding: 1.0rem 5% 3rem;
	}

	#sect04a .imgArea {
		position: relative;
		width: auto;
		padding: 0 0 2rem;
		order: 2;
	}

	#sect04a .nailArea {
		cursor: pointer;
		width: auto;
		order: 1;
		padding: 1rem 0;
	}


	



	/*------------
sect04b_SP
------------*/
	#sect04b {
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 1.5rem 5% 6rem;
		border-radius: 0 0 3rem 3rem;
	}

	#sect04b .miniTtl {
		font-size: 1.8rem;
		font-weight: 900;
	}

	#sect04b .mini ul {
		margin: 0 0 2rem;
		padding: 0;
	}

	#sect04b .mini li {
		display: inline-block;
		margin: 0 1rem 0 0;
	}

	#sect04b .ulBox {
		display: block;
		padding: 1.5rem 0 0;
	}

	#sect04b .liBox {
		width: auto;
		min-height: 6rem;
		display: flex;
		align-items: center;
		margin: 0 0 1rem;
		padding: 0 0 0 10rem;
		text-align: center;
		line-height: 1.3;
	}

	#sect04b .liBox::before {
		content: "";
		position: absolute;
		top: 0;
		left: 2rem;
		width: 5.5rem;
		height: 5.5rem;
		background: url(./img/sct04b_icon01.png) 50% 0 no-repeat;
		background-size: 5.5rem auto;
	}

	#sect04b .liBox:nth-child(2)::before {
		background-image: url(./img/sct04b_icon02.png);
	}

	#sect04b .liBox:nth-child(3)::before {
		background-image: url(./img/sct04b_icon03.png);
	}

	#sect04b .liBox:nth-child(4)::before {
		background-image: url(./img/sct04b_icon04.png);
	}

	#sect04b .liBox::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 2.5rem;
		height: 1.1rem;
		background: url("./img/num_01_red.svg") 0 0 no-repeat;
		background-size: auto 1.1rem;
	}

	#sect04b .liBox:nth-child(2)::after {
		background-image: url("./img/num_02_red.svg");
	}

	#sect04b .liBox:nth-child(3)::after {
		background-image: url("./img/num_03_red.svg");
	}

	#sect04b .liBox:nth-child(4)::after {
		background-image: url("./img/num_04_red.svg");
	}

	#sect04b .liBox span {
		display: block;
		line-height: 1.5;
		font-size: 1.6rem;
		text-align: left;
	}




	/*------------
sect05_slide_SP
------------*/
	.sct05_slide {
		width: 100%;
		height: 35rem;
		margin: -3rem 0 0;
	}

	.sct05_slide .linear_slider1 {
		position: fixed;
		top: 0;
		z-index: -1;
	}

	.linear_slider1 .slick-list {
		overflow: visible
	}

	.linear_slider1 .slick-slide img {
		width: 100%;
		height: 100vh;
		margin: auto;
		max-height: 100%;
		max-width: 100%;
		object-fit: cover;
	}




	/*------------
sect05_SP
------------*/


	#sect05 {
		position: relative;
		background: #fff;
		margin: -5rem 0 0;
		padding: 3.5rem 0 1rem;
		border-radius: 3rem 3rem 0 0;
	}

	#sect05::before {
		width: 0;
		height: 0;
		background: none;
		border: none;
	}



	#sect05 .areaInner {
		width: auto;
	}

	#sect05 .intro {
		margin: 0 5% 4rem;
	}

	#sect05 h2 {
		margin: 0 0 1.5rem;
		font-size: 3.2rem;
		text-align: center;
	}

	#sect05 h2 .fontS {
		display: block;
		margin: 0 0 .6rem;
		font-size: 1.8rem;
		color: #169a5a;
	}

	#sect05 .ulBox {
		display: block;
		margin: 0 5% 3.5rem;
	}

	#sect05 .liBox {
		width: auto;
		margin: 0 0 4rem;
		padding: 0 0 0;
		background: #f7edde;
		border-radius: 1.5rem 6rem 1.5rem 1.5rem;
		overflow: hidden;
	}

	#sect05 .liBox .flame {
		width: 100%;
	}

	#sect05 .liBox .flame img {
		width: 100%;
		height: 22.5rem;
		object-fit: cover;
	}


	#sect05 .liBox h3 {
		width: 95%;
		margin: -4rem 0 0;
		padding: .6rem 1% .8rem 4%;
		background: #f7edde;
		border-radius: 0 1rem 0 0;
		font-size: 1.5rem;
	}

	#sect05 .liBox h3 .fontL {
		font-size: 2.0rem;
		color: #169a5a;
	}

	#sect05 .liBox ul {
		margin: 0;
		padding: 0;
	}

	#sect05 .liBox li {
		padding: .5rem 0 .7rem 2.7rem;
	}

	#sect05 .liBox li::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 2.0rem;
		height: 100%;
		background: url("./img/check.svg") 0 1rem no-repeat;
		background-size: 2.0rem auto;
		border-radius: 0;
	}

	#sect05 .liBox .inner {
		padding: 0 5%;
	}

	#sect05 .liBox .btn-internal {
		width: 95%;
		margin: 2.0rem auto 2.5rem;
	}

	#sect05 .liBox .btn-internal a::after {
		top: 0;
		right: 1.6rem;
		width: 1.8rem;
		height: 100%;
		background: url(./img/arrow_gr_vt.svg) 99% calc(50% + 1px) no-repeat;
		background-size: 1.8rem auto;
	}

	#sect05 .liBox .btn-link {
		margin: -1.5rem 0 2rem;
	}

	#sect05 .liBox .btn-link a::after {
		background: #fff;
	}



	/*------------
sect05b_SP
------------*/
	#sect05b {
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 0 5% 3.5rem;
	}

	#sect05b .imgArea {
		padding: 2.5rem 0 1rem;
	}

	#sect05b .headArea .sttl .fontL,
	#sect05c .headArea .sttl .fontL {
		display: block;
		margin: 0 0 1.5rem;
	}

	#sect05b .headArea .sttl .line1,
	#sect05c .headArea .sttl .line1 {
		margin: 0 0 .7rem;
	}

	#sect05b .headArea .sttl .txt_bold,
	#sect05c .headArea .sttl .txt_bold {
		font-size: 2.2rem;
		color: #169a5a;
	}

	#sect05b .headArea .sttl .fontLL,
	#sect05c .headArea .sttl .fontLL {
		font-size: 3.0rem;
	}

	#sect05b p,
	#sect05c p {
		margin: 0 0 2rem;
	}


	/*------------
sect05c_SP
------------*/
	#sect05c {
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 0 5% 8rem;
	}

	#sect05c .imgArea {
		padding: 2.5rem 0 0rem;
	}

	#sect05c .imgArea .flame {
		width: 11rem;
		margin: 0 auto 1.5rem;
	}






	/*------------
sect06a_SP
------------*/
	#sect06a {
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 0 5% 5rem;
	}

	#sect06a .areaInner {
		width: auto;
		background: #f7edde;
		border-radius: 1.5rem;
	}

	#sect06a .areaInner::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: -3.5rem;
		left: -1rem;
		width: 6.7rem;
		height: 7rem;
		background: url("./img/pick01.png") 0 0 no-repeat;
		background-size: 6.7rem auto;
	}

	#sect06a h3 {
		padding: 1.5rem 5% 1.6rem;
		background: #754c24;
		border-radius: 1.5rem 1.5rem 0 0;
		font-size: 2.2rem;
		text-align: center;
		color: #fff;
	}

	#sect06a .mainArea {
		display: block;
		padding: 1.0rem 5% 3rem;
	}

	#sect06a .imgArea {
		position: relative;
		width: auto;
		padding: 4.5rem 0 0;
	}

	#sect06a .imgArea .fuki0 {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 12rem;
		margin: 0 auto -1rem;
		text-align: left;
	}

	#sect06a .imgArea .fuki0 .inner {
		position: relative;
		display: inline-block;
		margin: 0 0 0;
		padding: .6rem .8rem .8rem;
		background: #fabd0e;
		border-radius: 1rem;
		box-shadow: .3rem .3rem 0 0 #ba8b0b;
		line-height: 1;
		font-size: 1.3rem;
		font-weight: 900;
	}

	#sect06a .imgArea .fuki0 .inner::before {
		content: "";
		position: absolute;
		bottom: -1.0rem;
		left: 1.8rem;
		width: 1.3rem;
		height: 1.4rem;
		background: url(./img/tri3.svg) 0 100% no-repeat;
		background-size: 1.3rem auto;
		filter: drop-shadow(2.5px 1.5px 0px #ba8b0b);
	}

	#sect06a .imgArea .flame {
		position: absolute;
		top: 2.5rem;
		width: 12.5rem;
		margin: 0 0 2rem;
	}

	#sect06a .imgArea .flame img {
		width: 100%;
		height: 11rem;
		object-fit: cover;
		border-radius: 1rem 4rem 1rem 1rem;
	}

	#sect06a .imgArea .fuki {
		display: inline-block;
		margin: 0 0 .3rem 15rem;
		padding: .8rem 1.8rem 1.0rem;
		background: #ef5c22;
		border-radius: 9999px;
		text-align: center;
		line-height: 1;
		color: #fff;
		font-size: 1.3rem;
		font-weight: 900;
	}

	#sect06a .imgArea .sttl {
		margin: 0 0 3rem 15rem;
		text-align: left;
		font-size: 2.5rem;
	}

	#sect06a .imgArea .note {
		margin: 0 0 3rem;
		line-height: 1.6;
	}

	#sect06a .nailArea {
		cursor: pointer;
	}





	/*------------
sect06b_SP
------------*/
	#sect06b {
		position: relative;
		z-index: 10;
		background: #fff;
		padding: 0 0 10rem;
	}

	#sect06b .areaInner {
		width: auto;
		padding: 7rem 5% 0;
	}

	#sect06b .areaInner::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 17rem;
		background: url("./img/pick02.png") 50% 0 no-repeat;
		background-size: 13.5rem auto;
	}

	#sect06b .intro {
		margin: 0 0 3rem;
	}

	#sect06b h3 {
		margin: 0 0 0;
		text-align: center;
		font-size: 2.2rem;
	}

	#sect06b h3 .fontS {
		display: block;
		margin: 0 0 .5rem;
		font-size: 1.6rem;
	}


	/* スライドレイアウト_swiper */

	#sect06b .slideArea {
		position: relative;
		height: 45rem;
	}

	#sect06b .slideArea::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 65rem;
		background: url("./img/pick02_bg.svg") 50% 100% no-repeat;
		background-size: 50rem auto;
	}

	#sect06b .slideArea .ulBox1 {
		position: absolute;
		left: 0;
		width: 100%;
		padding: 1rem 0 0;
		overflow: hidden;
	}

	#sect06b .slideArea .liBox {
		width: 20rem;
	}

	#sect06b .slideArea .liBox .flame {
		transform: scale(.8);
		transform-origin: 50% 0;
		transition: all .2s ease-in-out;
	}

	#sect06b .slideArea .liBox.swiper-slide-active .flame {
		transform: scale(.8);
	}


	/* arrow swiper */
	#sect06b .swp-next,
	#sect06b .swp-prev {
		top: 0;
		width: 4.25rem;
		height: 100%;
		position: absolute;
		z-index: 1;
		cursor: pointer;
		opacity: 1.0;
	}

	#sect06b .swp-next {
		background: url("./img/arrow_ccl_bk.png") 0 40% no-repeat;
		background-size: 4.25rem auto;
		left: auto;
		right: 3%;
	}

	#sect06b .swp-prev {
		background: url("./img/arrow_ccl_bk.png") 0 40% no-repeat;
		background-size: 4.25rem auto;
		left: 3%;
		transform: scale(-1, 1);
	}






	/*------------
sect06c_SP
------------*/
	#sect06c {
		position: relative;
		z-index: 10;
		background: #fff;
		margin: -3rem 0 4rem;
		padding: 0 5% 5rem;
		border-radius: 0 0 3rem 3rem;
	}

	#sect06c .areaInner {
		width: auto;
		padding: 10rem 5% 1rem;
		background: #f7edde;
		border-radius: 1.5rem;
	}

	#sect06c .areaInner::before {
		content: "";
		position: absolute;
		top: 3rem;
		left: 0;
		width: 100%;
		height: 17rem;
		background: url("./img/pick03.png") 50% 0 no-repeat;
		background-size: 13.5rem auto;
	}

	#sect06c .intro {
		margin: 0 0 2.5rem;
	}

	#sect06c h3 {
		margin: 0 0 2rem;
		text-align: center;
		font-size: 2.2rem;
	}

	#sect06c h3 .fontS {
		display: block;
		margin: 0 0 .5rem;
		font-size: 1.6rem;
	}

	#sect06c .nailArea {
		margin: 0 0 3rem;
		text-align: center;
		cursor: pointer;
	}

	#sect06c .midttl {
		margin: 0 0 3rem;
		padding: 0 0 1rem;
		border-bottom: 1px solid #b7b5b4;
		font-size: 2.0rem;
		color: #169a5a;
		text-align: center;
	}

	#sect06c .mini {
		position: relative;
		min-height: 0;
		margin: 0 0 1.5rem;
		padding: 2rem 0 0;
	}

	#sect06c .mini::before {
		content: "";
		position: absolute;
		top: -.2rem;
		left: -.8rem;
		width: 7rem;
		height: 7rem;
		background: #fff;
		border-radius: 50%;
	}

	#sect06c .flame {
		position: static;
		width: auto;
	}

	#sect06c .flame img {
		width: 100%;
		height: 14.8rem;
		object-fit: cover;
	}

	#sect06c .mini .catch {
		padding: 0 0 0 4rem;
	}

	#sect06c .miniArea .mini .catch::before {
		content: "";
		position: absolute;
		top: 1.0rem;
		left: 0;
		width: 2.5rem;
		height: 1.1rem;
		background: url(./img/num_01_gr.svg) 0 0 no-repeat;
		background-size: auto 1.1rem;
	}

	#sect06c .miniArea .mini:nth-child(2) .catch:before {
		background-image: url(./img/num_02_gr.svg);
	}

	#sect06c .miniArea .mini:nth-child(3) .catch:before {
		background-image: url(./img/num_03_gr.svg);
	}

	#sect06c .miniArea .mini:nth-child(4) .catch:before {
		background-image: url(./img/num_04_gr.svg);
	}

	#sect06c .mini p {
		position: relative;
	}






















	/*---------------------
　目次
-----------------------*/
	.contents .tocBox {
		width: 100%;
		border-radius: 1rem;
		margin: 4rem auto 6rem;
	}

	.contents .tocBox .tocInr {}

	.contents .tocBox .sTit {
		font-size: 1.6rem;
		min-height: 6rem;
		display: flex;
		align-items: center;
		max-width: calc(100% - 4rem);
		margin: 0 auto;
		padding: 0.3rem 0 0 8.5rem;
	}

	.contents .tocBox .sTit:before {
		background: url(img/eng_index.png) no-repeat;
		background-size: 100% auto;
		width: 7.2rem;
		height: 1.7rem;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-40%);
	}

	.contents .whBox {
		padding: 2rem 2rem 5rem;
	}

	.contents .tocBox .toc {
		position: relative;
		height: 165px;
		overflow: hidden;
		transition: .4s;
	}

	.contents .tocBox .toc:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 60px;
		z-index: 1;
		border-radius: 0 0 1.2rem 1.2rem;
	}

	.contents .whBox ul {
		margin: 0 0 0 3rem;
		padding: 0;
		width: auto;
	}

	.contents .whBox ul li {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}

	.contents .whBox ul li>a {
		text-decoration: none;
		font-size: 1.6rem;
	}

	.contents .whBox ul li a:hover {
		opacity: 1;
		text-decoration: none;
	}

	.btn-acc {
		width: 15rem;
		height: 4rem;
		background: #fff url("img/icon_plus.png") no-repeat right 1.5rem center;
		background-size: 1.3rem auto;
		border-radius: 2rem;
		padding: 0.5rem 2rem;
		bottom: -1.5rem;
	}

	.btn-acc:hover {
		opacity: 1;
	}

	.btn-acc.open {
		background: #fff url("img/icon_minus.png") no-repeat right 1.5rem center;
		background-size: 1.3rem auto;
	}

	.toc_parts {
		top: 9rem;
	}

	.toc_parts .toc_ttl {
		width: 4.5rem;
		height: 8.5rem;
		padding: 3.5rem 1.6rem 0 0;
		font-size: 1.2rem;

		background: url(img/eng_index_wh.svg) no-repeat top 1.2rem center, url(img/icon_ccl_plus.png) no-repeat top 2.5rem center;
		background-size: 2.8rem auto, 1.4rem auto;
		background-color: #265b43;
	}

	.toc_parts.is-open .toc_ttl {
		background: url(img/eng_index_wh.svg) no-repeat top 1.2rem center, url(img/icon_ccl_minus.png) no-repeat top 2.5rem center;
		background-size: 2.8rem auto, 1.4rem auto;
		background-color: #265b43;
	}



	/* 展開時背景固定 */
	body.toc_open {
		overflow: hidden;
	}


	/*  End_SP */

}