@charset "UTF-8";

/*-----------------------------------

	reset, common

-----------------------------------*/

.fca_shop-header { background: #fff; }

.cmnfootarea { background: #fff; }
.cmnfootarea ul { list-style: none; margin: 0; padding: 0; }

.pc_en { display: block; }
.pc_il_en { display: inline-block; }
.tb_en,
.sp_en,
.sp_il_en { display: none !important; }

#wrapper_en {
	letter-spacing: .05em;
	overflow: hidden;
	position: relative;	
	-webkit-font-smoothing: antialiased;
	color: #363636;
	line-height: 1.5;
}
#wrapper_en a:hover { text-decoration: none; }
#wrapper_en ul { padding: 0; margin: 0; }
#wrapper_en li { list-style: none; }
#wrapper_en .deco_en { position: absolute; }
#wrapper_en a { display: block; text-decoration: none !important; }
#wrapper_en a,
#wrapper_en a img { transition: .3s; }
#wrapper_en img { width: 100%; height: auto; vertical-align: bottom; }
#wrapper_en a img { cursor: pointer; }
#wrapper_en .ofi_en { object-fit: cover; width: 100%; height: 100%; }
.bnrWrapTwo_en .bnrWrap_en .catch_en { font-family: "A1ゴシック R", "A1 Gothic R"; }
#wrapper_en strong,
.headBox_en .heading_en,
#cat03_en .ttlBox_en .subTtl_en,
#prof_en .txt_en .intro_en,
#prof_en .txt_en .name_en,
#how_en .type_en,
.recommend_en .ttl_en,
#happy_en .happyTtl_en,
#cat03_en .feature_en .select_en { font-family: "A1ゴシック M", "A1 Gothic M";	font-weight: bold; }
#wrapper_en .wrapperInner_en { width: 920px; margin: 0 auto; }
#wrapper_en .pdt_en { padding-top: 120px; }

#wrapper_en .decoWrap_en {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -50%;
	pointer-events: none;
}
#wrapper_en .decoWrap_en .deco_en { position: absolute; pointer-events: none; }
.tax_ff { letter-spacing: 0; text-align: right; font-size: min(1.6vw, 16px); }

@media (max-width: 960px) {
	#wrapper_en .pdt_en { padding-top: 10vw; }
	#wrapper_en .wrapperInnerL_en,
	#wrapper_en .wrapperInner_en { width: 90%; }
}
@media (max-width: 560px) {
	.pc_en,
	.pc_il_en { display: none !important; }
	.sp_en { display: block !important; }
	.sp_il_en { display: inline-block !important; }
	#wrapper_en .pdt_en { padding-top: 15vw; }
	.tax_ff { font-size: 3vw; }
}

/*-----------------------------------

	hero

-----------------------------------*/

#wrapper_en #hero_en {
	position: relative;
	background: url("../../v8/images/bg.jpg") 50% 50% / 400px 400px repeat;
}
#wrapper_en #hero_en .heroBg_en {
	position: absolute;
	left: 50%;
	top: 0;
	width: auto;
	height: 100%;
	transform: translateX(-50%);
}
#wrapper_en #hero_en .logoWrap_en {
	max-width: 650px;
	margin: 0 auto;
	padding: 8.5vw 0;
}
#wrapper_en #hero_en #logo_en { z-index: 2;	margin: 0 auto; position: relative; }
#wrapper_en #hero_en .itemWrap_en { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#wrapper_en #hero_en .itemWrap_en .items_en {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
#wrapper_en #hero_en .items_en li { position: absolute; }
#wrapper_en #hero_en .items_en li:nth-child(1) { width: 50%; top: 0; right: 67%; }
#wrapper_en #hero_en .items_en li:nth-child(2) { width: 40%; bottom: 3%; right: 73%; z-index: 3; }
#wrapper_en #hero_en .items_en li:nth-child(3) { width: 40%; top: 0; left: 70%; }
#wrapper_en #hero_en .items_en li:nth-child(4) { width: 60%; bottom: 3%; left: 55%; }

.fixed_en { position: fixed; opacity: 1 !important; }
#contents_en { position: relative; }

@media (max-width: 1600px) {
	#wrapper_en #hero_en .logoWrap_en { padding: 12vw 0; }
}
@media (max-width: 1080px) {
	#wrapper_en #hero_en .logoWrap_en { width: 60%; }
}
@media (max-width: 560px) {
	#wrapper_en #hero_en .logoWrap_en { width: 100%; padding: 0; }
}

/*-----------------------------------

	introduction

-----------------------------------*/

#introduction_en { text-align: center;	padding: 70px 0; position: relative; z-index: 1; }
#introduction_en .wrapperInner_en { position: relative; }
#introduction_en .wrapperInner_en > .decoWrap_en .deco01_en { width: 26%; top: 30%; right: 85%; }
#introduction_en .wrapperInner_en > .decoWrap_en .deco02_en { width: 13%; top: 50%; right: 105%; }
#introduction_en .wrapperInner_en > .decoWrap_en .deco03_en { width: 30%; top: 30%; left: 87%; }
#introduction_en .summaryBox_en { margin-bottom: 5vw; }
#introduction_en .summaryBox_en .mainSummary_en { font-size: min(2.2vw,24px); margin-bottom: 20px; line-height: 1.6; }
#introduction_en .summaryBox_en .summary_en { font-size: min(2.2vw,22px); margin-bottom: 15px; line-height: 1.8; }
#introduction_en .navSection_en { margin: 0 auto; position: relative; }
#introduction_en .navTtl_en { width: 50%; margin: 0 auto 30px; }
#introduction_en .navWrap_en {
	width: 60%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: relative;
}
#introduction_en .navWrap_en a { width: 48%; transition: .3s; }
#introduction_en .navWrap_en #catNav02_en { padding: 0 .3%; }
#introduction_en .navWrap_en a:not(:first-child) { margin-left: 4%; }
#introduction_en .navWrap_en a:hover { transform: translate(0,-10px); }
#introduction_en .deco_en { width: 35%; bottom: 6%; }
#introduction_en .deco01_en { right: 68%; }
#introduction_en .deco02_en { left: 68%; transform: scale(-1,1); }

@media (max-width: 920px) {
	#introduction_en .wrapperInner_en { width: 90%; }
	#introduction_en .summary_en { margin-bottom: 10vw; }
}
@media (max-width: 768px) {
	#introduction_en { padding: 6vw 0; }
	#introduction_en .wrapperInner_en > .decoWrap_en .deco01_en { top: 40%; }
	#introduction_en .wrapperInner_en > .decoWrap_en .deco02_en { display: none; }
	#introduction_en .wrapperInner_en > .decoWrap_en .deco03_en { top: 25%; left: 83%; }
}
@media (max-width: 560px) {
	#introduction_en { padding: 10vw 0; }
	#introduction_en .wrapperInner_en { width: 90%; }
	#introduction_en .summaryBox_en { margin-bottom: 8vw; }
	#introduction_en .summaryBox_en .mainSummary_en { font-size: min(4.6vw, 28px); margin-bottom: 10px; }
	#introduction_en .summaryBox_en .summary_en { font-size: min(3.8vw,28px); margin-bottom: 10px; }
	#introduction_en .navTtl_en { width: 90%; }
	#introduction_en .navWrap_en { width: 90%; }
}

/*-----------------------------------

	cat common

-----------------------------------*/

.catSect_en { padding: 100px 0 120px; }
.catSectTop_en { padding-top: 100px; }
#wrapper_en .catSect_en .wrapperInner_en,
#wrapper_en #cat02_en .wrapperInner_en { width: 1080px; }
.more_en { width: 60%; margin: 25px auto 0; }
.more_en:hover { opacity: .7; }
.mainttl_en { width: 56%; max-width: 615px; padding-right: 1%; margin: 0 auto 5vw; }

.headBox_en { margin-bottom: 4vw; }
.headBox_en.btmBox_en { margin-bottom: 0; }
.headBox_en .heading_en {
	font-size: min(3.3vw,44px);
	background: url(../../v8/images/ttl_deco01.svg) 50% 0 / 10% auto no-repeat;
	color: #003d7a;
	padding-top: 6%;
	margin-bottom: 1.8vw;
}
.headBox_en p { font-size: min(1.8vw, 20px); line-height: 2; margin-bottom: 0; }
.headBox_en p:not(:last-child) { margin-bottom: 1.8vw; }

.recommend_en .ttl_en { color: #003d7a; font-size: min(2.8vw, 30px); margin-bottom: 2vw; }
.bnrWrap_en { display: flex; justify-content: space-between; }
.bnrWrap_en .bnr_en { width: 48%; }
.bnrWrap_en .bnr_en a:hover { opacity: .8; }
.bnrWrap_en .summary_en { font-size: min(1.6vw, 18px); line-height: 1.6; margin: 10px auto 0; }

/* deco */

#cat02_en .deco01_en,
#cat03_en .deco01_en { width: 9%; top: 2%; right: 83%; }
#cat02_en .deco02_en,
#cat03_en .deco02_en { width: 14%; top: 4%; left: 80%; }

#cat02_en .howWrap_en .deco04_en,
#cat03_en .cat03_sec .deco04_en { width: 12%; }
#cat02_en .howWrap_en .deco04_en { top: 25%; left: 110%; }
#cat03_en .cat03_sec .deco04_en { top: 10%; left: 110%; }
#cat02_en .howWrap_en .deco05_en,
#cat03_en .cat03_sec .deco05_en { width: 25%; }
#cat02_en .howWrap_en .deco05_en { top: 7%; right: 95%; }
#cat03_en .cat03_sec .deco05_en { bottom: 30%; right: 95%; }
#cat02_en .howWrap_en .deco06_en,
#cat03_en .cat03_sec .deco06_en { width: 17%; }
#cat02_en .howWrap_en .deco06_en { bottom: 5%; left: 110%; }
#cat03_en .cat03_sec .deco06_en { bottom: 18%; left: 110%; }

#cat03_en .deco03_en { width: 5%; top: 16%; right: 85%; }
#cat03_en .deco07_en { width: 25%; bottom: .5%; right: 73%; }
#cat03_en .deco08_en { width: 25%; bottom: .5%; left: 73%; transform: scale(-1,1); }

@media (max-width: 1200px) {
	#wrapper_en .catSect_en .wrapperInner_en,
	#wrapper_en #cat02_en .wrapperInner_en { width: 90% !important; }
}
@media (max-width: 768px) {
	.catSect_en { padding: 10vw 0 6vw; }
	.catSectTop_en { padding-top: 6vw; }
	.more_en { margin-top: 2vw; }
	.mainttl_en { margin-bottom: 5vw; }
}
@media (max-width: 560px) {
	.catSect_en { padding-bottom: 10vw; }
	.catSectTop_en { padding-top: 8vw; }
	.more_en { width: 100%; }
	.mainttl_en { width: 94%; margin: 0 auto 10vw !important; }
	.headBox_en .heading_en {
		font-size: 6vw;
		padding-top: 12%;
		background-size: 20% auto;
		margin-bottom: 3vw;
	}	
	.headBox_en p { font-size: min(3.5vw, 20px); text-align: justify; margin-bottom: 4vw; }
	.recommend_en { margin-top: 10vw; }
	.recommend_en .ttl_en { font-size: 5vw; margin-bottom: 5vw; }
	.bnrWrap_en { flex-direction: column; }
	.bnrWrap_en .bnr_en { width: 100%; }
	.bnrWrap_en .bnr_en:not(:last-child) { margin-bottom: 5vw; }
	.bnrWrap_en .summary_en { font-size:3.6vw; }
	
	#cat02_en .deco01_en,
	#cat03_en .deco01_en,
	#cat02_en .deco02_en,
	#cat03_en .deco02_en { display: none; }
	#cat03_en .cat03_sec .deco04_en { top: 10%; left: 97%; }
	#cat02_en .howWrap_en .deco04_en,
	#cat03_en .cat03_sec .deco04_en { width: 23%; }
	#cat03_en .cat03_sec .deco05_en { bottom: 50%; right: 80%; }
	#cat02_en .howWrap_en .deco05_en,
	#cat03_en .cat03_sec .deco05_en { width: 30%; }
	#cat03_en .cat03_sec .deco06_en { left: 85%; }
	#cat02_en .howWrap_en .deco06_en,
	#cat03_en .cat03_sec .deco06_en { width: 25%; }
	#cat03_en .deco07_en { width: 40%; bottom: 10px; right: 65%; }
	#cat03_en .deco08_en { width: 40%; bottom: 10px; left: 65%; }
	#cat02_en .howWrap_en .deco04_en { top: 1%; left: 84%; transform: rotate(-40deg); }
	#cat02_en .howWrap_en .deco05_en { top: 6%; right: 81%; transform: rotate(60deg); }
}

/*-----------------------------------

	cat03

-----------------------------------*/

#cat03_en {
	position: relative;
	background: url(../../v8/images/bg.jpg) 0 0 / 400px auto repeat;
}

#cat03_en .cat03_column { max-width: 1080px; margin: 0 auto; text-align: center; }
#cat03_en .cat03_column p {	font-size: min(1.8vw, 20px); line-height: 2; margin-bottom: 0; }
#cat03_en .cat03_column p:not(:last-child) { margin-bottom: 1vw; }
#cat03_en .cat03_column .endSummary_en {
	background: url(../../v7/images/cat03_heading_mark.svg) 50% 0 / 5% auto no-repeat;
	padding-top: 10%;
	margin-bottom: 0;
}
#cat03_en .cat03_sec { position: relative; }
#cat03_en .cat03_sec:not(:last-child) { margin-bottom: 5vw; }
#cat03_en .cat03_sec > p:not(:last-child) { margin-bottom: 2vw; }
#cat03_en .cat03_sec > p strong { border-bottom: 1px solid #363636; padding-bottom: 2px; }

/* プロフィール */

#prof_en { padding: 10px; background: #fff; text-align: left; margin-bottom: 4vw; }
#prof_en .profInner_en {
	position: relative;
	padding: 2.5vw 3vw;
	background-image: radial-gradient(circle, #bcad82 1.5px, transparent 1.5px), radial-gradient(circle, #bcad82 1.5px, transparent 1.5px), radial-gradient(circle, #bcad82 1.5px, transparent 1.5px), radial-gradient(circle, #bcad82 1.5px, transparent 1.5px);
	background-position: left top, right top, left bottom, left top;
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
	background-size: 7px 3px, 3px 7px, 7px 3px, 3px 7px;
}
#prof_en .decoWrap_en .trim_en { position: absolute; width: 20px; }
#prof_en .decoWrap_en .trim01_en { top: 10px; left: 10px; }
#prof_en .decoWrap_en .trim02_en { top: 10px; right: 10px; }
#prof_en .decoWrap_en .trim03_en { bottom: 10px; right: 10px; }
#prof_en .decoWrap_en .trim04_en { bottom: 10px; left: 10px; }
#prof_en .profArea_en { display: flex; justify-content: space-between; align-items: center; }
#prof_en .img_en { width: 35%; position: relative; padding-top: 36%; }
#prof_en .img_en img { position: absolute; left: 0; bottom: 0; }
#prof_en .txt_en { width: 60%; }
#prof_en .txt_en .intro_en {
	font-size: min(3.2vw,43px);
	line-height: 1.4;
	color: #003d7a;
	margin-bottom: 1vw;
	padding-bottom: 2.6vw;
	letter-spacing: 0.07em;
	background: url(../../v8/images/cat01_prof_deco02.svg) 0 100% / auto 10% no-repeat;
}
#prof_en .txt_en img { vertical-align: middle; }
#prof_en .txt_en .name_en { font-size: min(2.4vw,30px); margin: 0 0 0.5vw; line-height: 1.8; }
#prof_en .txt_en .name_en span { padding-right: 0.06em; }
#prof_en .txt_en .summary_en { font-size: min(1.5vw,18px);	margin-bottom: 0; text-align: justify; }

/* コラム */

#cat03_en .feature_en {
	position: relative;
	text-align: center;
	background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    z-index: 1;
	padding: 7vw 7vw 3vw 7vw;
	margin-top: 4vw;
}
#cat03_en .feature_en:before,
#cat03_en .feature_en:after {
	content: "";
	background: #bcad82;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
}
#cat03_en .feature_en:before { left: 30px; }
#cat03_en .feature_en:after { right: 30px; }
#cat03_en .feature_en .featureInner_en { position: relative; z-index: 2; }

#cat03_en .feature_en .decoWrap_en {
	left: 0;
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	height: auto;
}
#cat03_en .feature_en .decoWrapBtm_en { bottom: 0; top: auto; align-items: flex-end; }
#cat03_en .feature_en .decoWrapSide_en { top: 50%; margin-top: -25px; }
#cat03_en .feature_en .decoWrap_en:before {
	content: "";
	background: #bcad82;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 30px;
}
#cat03_en .feature_en .decoWrapBtm_en:before { bottom: 30px; top: auto; }
#cat03_en .feature_en .decoWrapSide_en:before { display: none; }

#cat03_en .feature_en .trim_en { position: relative; z-index: 1; }
#cat03_en .feature_en .trim01_en,
#cat03_en .feature_en .trim03_en { width: 190px; }
#cat03_en .feature_en .trim02_en { width: 60px; transform: scale(1,-1); }
#cat03_en .feature_en .trim03_en { transform: scale(-1,1); }
#cat03_en .feature_en .decoWrapBtm_en .trim01_en { transform: scale(1,-1); }
#cat03_en .feature_en .decoWrapBtm_en .trim02_en { transform: scale(1,1); }
#cat03_en .feature_en .decoWrapBtm_en .trim03_en { transform: scale(-1,-1); }
#cat03_en .feature_en .decoWrapSide_en .trim01_en,
#cat03_en .feature_en .decoWrapSide_en .trim02_en { width: 46px; }
#cat03_en .feature_en .decoWrapSide_en .trim01_en { transform: scale(-1,1); }

#cat03_en .feature_en .ttlBox_en { display: flex; justify-content: center; margin-bottom: 2.5vw; }
#cat03_en .feature_en .ttlBox_en .ribbon_en { height: 6vw; max-height: 72px; width: auto; }
#cat03_en .feature_en .ttlBox_en .ribbon01_en { transform: translate(2px,0); }
#cat03_en .feature_en .ttlBox_en .ribbon02_en { transform: scale(-1,1) translate(2px,0); }
#cat03_en .feature_en .ttlBox_en .subTtl_en {
	background: #003d7a;
	color: #fff;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 10px;
	font-size: min(3vw,38px);
}
#cat03_en .feature_en .mainSmry_en {
	font-size: min(1.7vw, 20px);
	margin-bottom: 20px;
	line-height: 2;
	text-align: center;
}

#cat03_en .feature_en .items_en {
	display: flex;
	justify-content: center;
	margin: 3vw -3vw 0 0;
	flex-wrap: wrap;
	text-align: left;
}
#cat03_en .feature_en .items_en li { width: calc(100% / 2 - 3vw); margin: 0 3vw 3vw 0; }
#cat03_en .feature_en a:hover img { opacity: .7; }
#cat03_en .feature_en .txt_en { margin: 15px 0 0 0; }
#cat03_en .feature_en .heading_en {	margin-bottom: 0; font-size: min(1.7vw, 20px); line-height: 1.5; font-weight: 600; }
#cat03_en .feature_en .summary_en {	font-size: min(1.5vw, 14px); margin: 10px 0 !important; line-height: 1.5; }
#cat03_en .feature_en .price_en { font-size: min(1.5vw, 15px); letter-spacing: 0; }
#cat03_en .feature_en + .heading_en { margin-top: 4vw; }
#cat03_en .feature_en .bnr_en { margin-top: 3vw; }

#cat03_en .feature_en .select_en {
	font-size: min(2.5vw, 30px);
    padding-top: 5vw;
    margin-top: 3vw;
	margin-bottom: 0;
    position: relative;
	color: #003d7a;
}
#cat03_en .feature_en .select_en:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 4vw;
	top: 0;
	left: 50%;
	background: rgba(0,61,122,.4);
}

@media (max-width: 1080px) {
	#prof_en .decoWrap_en .trim_en { width: 2vw; }
	#prof_en .profInner_en {
		background-image: radial-gradient(circle, #bcad82 .2vw, transparent .2vw), radial-gradient(circle, #bcad82 .2vw, transparent .2vw), radial-gradient(circle, #bcad82 .2vw, transparent .2vw), radial-gradient(circle, #bcad82 .2vw, transparent .2vw);
		background-size: .8vw .4vw, .4vw .8vw, .8vw .4vw, .4vw .8vw;
	}	
	#cat03_en .feature_en .trim01_en,
	#cat03_en .feature_en .trim03_en { width: 14vw; }
	#cat03_en .feature_en .trim02_en { width: 4.4vw; }
	#cat03_en .feature_en .decoWrapSide_en .trim01_en,
	#cat03_en .feature_en .decoWrapSide_en .trim02_en { width: 3.4vw; }
	#cat03_en .feature_en .decoWrap_en:before { top: 2.2vw; }
	#cat03_en .feature_en .decoWrapBtm_en:before { bottom: 2.2vw; top: auto; }
	#cat03_en .feature_en:before { left: 2.2vw; }
	#cat03_en .feature_en:after { right: 2.2vw; }
}
@media (max-width: 560px) {
	#prof_en { padding: 1.5vw; margin-bottom: 7vw; }
	#prof_en .profArea_en { flex-direction: column; }
	#prof_en .profInner_en { padding: 7vw 7vw 5vw; }
	#prof_en .img_en { width: 60%; padding-top: 54%; margin-bottom: 4vw; }
	#prof_en .txt_en { width: 100%; }
	#prof_en .txt_en .intro_en {
		font-size: 5.4vw;
		text-align: center;
		background-position: 50% 100%;
		background-size: auto 8%;
		padding-bottom: 5vw;
		margin-bottom: 4vw;
	}
	#prof_en .txt_en .name_en { font-size: 4vw; text-align: center; margin-bottom: 3vw; }
	#prof_en .txt_en .summary_en { font-size: 3vw; line-height: 1.8; }
	#prof_en .decoWrap_en .trim_en { width: 3vw; }
	#prof_en .decoWrap_en .trim01_en { top: 7px; left: 7px; }
	#prof_en .decoWrap_en .trim02_en { top: 7px; right: 7px; }
	#prof_en .decoWrap_en .trim03_en { bottom: 7px; right: 7px; }
	#prof_en .decoWrap_en .trim04_en { bottom: 7px; left: 7px; }
	
	#cat03_en .cat03_column { max-width: 1080px; margin: 0 auto; text-align: center; }
	#cat03_en .cat03_column p { font-size: min(3.5vw, 20px); text-align: justify; margin-bottom: 4vw; }
	#cat03_en .cat03_column .endSummary_en { background-size: 10% auto; padding-top: 20%; }
	#cat03_en .cat03_sec:not(:last-child) { margin-bottom: 10vw; }
	#cat03_en .cat03_sec .heading_en { width: 100%; margin-bottom: 4vw; }
	#cat03_en .cat03_sec > p { font-size: min(3.8vw, 20px); text-align: justify; }
	#cat03_en .cat03_sec > p:not(:last-child) { margin-bottom: 4vw; }
	
	#cat03_en .feature_en { margin-top: 10vw; padding: 9vw 8vw 7vw; }
	#cat03_en .feature_en .deco_en { width: 10vw; margin-left: -5vw; top: -2.5vw; }
	#cat03_en .feature_en .ttl_en { width: 35vw; margin-bottom: 4vw; }
	
	#cat03_en .feature_en .ttlBox_en { margin-bottom: 4vw; }
	#cat03_en .feature_en .ttlBox_en .ribbon_en { height: 10vw; }
	#cat03_en .feature_en .ttlBox_en .subTtl_en { font-size: 5vw; }
	#cat03_en .feature_en .mainSmry_en { font-size: 3.4vw; line-height: 1.8; letter-spacing: 0; }
	#cat03_en .feature_en .items_en { margin-top: 5vw; }
	
	#cat03_en .feature_en .txt_en { margin-top: 2vw; }
	#cat03_en .feature_en .heading_en {
		margin-bottom: 2vw;
		font-size: min(3.4vw, 18px);
		line-height: 1.4;
		text-align: left;
		letter-spacing: 0;
	}
	#cat03_en .feature_en .summary_en,
	#cat03_en .feature_en .price_en {
		letter-spacing: 0;
		font-size: min(3vw,15px);
		margin-bottom: 1.8vw;
		line-height: 1.4;
		text-align: left;
	}
	#cat03_en .feature_en + .heading_en { margin-top: 9vw; }
	#cat03_en .feature_en .bnr_en { margin-top: 5vw; }
}

/*-----------------------------------

	cat02

-----------------------------------*/

#cat02_en { position: relative; }
#cat02_en .mainttl_en {
	width: 58%;
	max-width: 622px;
	margin: 0 auto 80px;
	padding-right: 2vw;
}

#how_en { margin: 80px auto 0; max-width: 1080px; }
#how_en .wrapperInner_en { max-width: 920px; }
#how_en .title_en { width: 80%; margin: 0 auto 60px; }
#how_en .howNav_en { max-width: 1040px; margin: 0 auto; }
#how_en .howNav_en ul { display: flex; justify-content: space-between; margin: 0 auto; }
#how_en .howNav_en li { width: 23.4615384615385%; }
#how_en .howNav_en li a {
	background-position: 0 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#how_en .howNav_en li:nth-child(1) a { background-image: url("../../v8/images/cat02_nav01_on.svg"); }
#how_en .howNav_en li:nth-child(2) a { background-image: url("../../v8/images/cat02_nav02_on.svg"); }
#how_en .howNav_en li:nth-child(3) a { background-image: url("../../v8/images/cat02_nav03_on.svg"); }
#how_en .howNav_en li:nth-child(4) a { background-image: url("../../v8/images/cat02_nav04_on.svg"); }
#how_en .howNav_en li a img { transition: none; }
#how_en .howNav_en li a:hover img { opacity: 0; }

#how_en .howWrap_en { padding-top: 60px; position: relative; }
#how_en .type_en {
	font-size: min(3.3vw,44px);
	margin: 0 auto 3vw;
	text-align: center;
	background: url(../../v8/images/ttl_deco01.svg) 50% 0 / 10% auto no-repeat;
	color: #003d7a;
	padding-top: 6%;
	position: relative;
	z-index: 1;
}

#how_en .itemList_en { display: flex; flex-wrap: wrap; margin-right: -25px; position: relative; z-index: 1; }
#how_en .itemList_en li { width: calc(100%/3 - 25px); margin: 0 25px 40px 0; }
#how_en .itemList_en li a:hover img { opacity: .7; }
#how_en .img_en { position: relative; }
#how_en .img_en .deco_en { opacity: 1 !important; z-index: 1; }
#how_en .img_en .deco01_en { width: 23%; left: -5px; top: -5px; }
#how_en .img_en .deco02_en { width: 21%; right: -5px; bottom: -5px; }
#how_en .txt_en { margin: 15px 0 0 0; }
#how_en .heading_en,
#how_en .summary_en { margin: 0; letter-spacing: 0; }
#how_en .heading_en { font-size: min(1.8vw,18px); font-weight: 600; line-height: 1.5; }
#how_en .summary_en { font-size: min(1.5vw,14px); margin: 10px 0; }
#how_en .price_en,
.sale_wrap_en,
.sale_wrap_en .nosale_en { font-size: min(1.5vw,15px); letter-spacing: 0; }

/* add sale */

.sale_wrap_en .sale_en { display: inline-block; color: #cc0000; }
.sale_wrap_en .sale_en span { font-weight: 600; }
.sale_wrap_en .nosale_en { position: relative; }
.sale_wrap_en .nosale_en::before,
.sale_wrap_en .nosale_en::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0 ;
	border-style: solid;
	border-color: #CC0002;
}
.sale_wrap_en .nosale_en::before { border-width: 1px 0 0 0; top: calc(50% - 2px); }
.sale_wrap_en .nosale_en::after { border-width: 0 0 1px 0; top: calc(50%); }

#nowon_en { margin-top: 5vw; }
#nowon_en .title_en {
    font-size: min(3.6vw,36px);
    margin-bottom: 40px;
    line-height: 1.4;
	text-align: center;
}

/* side nav */

#sideNav_en {
	position: fixed;
	right: 0;
	top: 10vh;
	width: 80px;
	z-index: -1;
	opacity: 0;
	transform: translateX(100px);
}

.sideNavItems_en > a { position: relative; display: block; cursor: pointer; }
.sideNavItems_en .arrow_en { position: absolute; left: 0; bottom: 0; width: 100%; }
.sideNavItems_en .arrow_en:before {
	content: "";
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #F7EFA3;
    border-right: 2px solid #F7EFA3;
	margin-left: -6px;
    transform: rotate(135deg);
	transition: .2s;
}
.sideNavItems_en.open .arrow_en:before {
	transform: rotate(225deg) translate(-5px,-3px) scale(1,-1);
}
.sideNavItems_en.open .arrow_en.noMove_en:before { transform: rotate(135deg) !important; }
#sideNav03_en .arrow_en:before { bottom: 10px !important; }
.sideNavItems_en .closeTag_en,
.sideNavItems_en .openTag_en {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 30%;
	margin-left: -15%;
	transition: .2s;
}
.sideNavItems_en .closeTag_en { opacity: 0; }
.sideNavItems_en.open .closeTag_en { opacity: 1; }
.sideNavItems_en .openTag_en { opacity: 1; }
.sideNavItems_en.open .openTag_en { opacity: 0; }

.sideNavItems_en ul { overflow: hidden; }
.sideNavItems_en li { height: 0; transition: all .5s ease-out; }

@media (min-width: 768px) and (max-height: 750px) {
	#sideNav_en { width: 65px; top: 20%; }
}
@media (max-width: 767px) {
	#sideNav_en { width: 60px; }
	.sideNavItems_en .arrow_en:before { bottom: 18px; width: 10px; height: 10px; margin-left: -5px; }
	.sideNavItems_en .arrow_en.noMove_en:before { bottom: 10px; }
}
@media (max-width: 768px) {
	#cat02_en .mainttl_en { margin-bottom: 5vw; }
	#how_en .howWrap_en { padding-top: 2vw; }
}
@media (max-width: 560px) {
	#cat02_en .mainttl_en { width: 100%; margin: 0 0 10vw 0; }
	#how_en { margin: 10vw auto 0; max-width: 100%; }
	#how_en .title_en { width: 114%; margin-bottom: 7vw; margin-left: -7%; }
	#how_en .howNav_en ul { flex-wrap: wrap; }
	#how_en .howNav_en li { width: 48%; margin-bottom: 4%; }
	#how_en .howWrap_en { padding-top: 5vw; }
	#how_en .howWrap_en:not(:last-child) { padding-top: 10vw; margin-bottom: 5vw; }
	#how_en .type_en {
		font-size: 6vw;
        padding-top: 12%;
        background-size: 20% auto;
        margin-bottom: 5vw;
	}	
	#how_en .itemList_en { margin-right: -15px; }
	#how_en .itemList_en li { width: calc(100%/2 - 15px); margin: 0 15px 20px 0; }
	#how_en .heading_en { font-size: min(4vw,18px); line-height: 1.4; text-align: justify; }
	#how_en .summary_en,
	#how_en .price_en,
	.sale_wrap_en,
	.sale_wrap_en .nosale_en { font-size: min(3vw,15px); text-align: left; }
	#how_en .heading_en,
	#how_en .summary_en { text-align: left; }
	#how_en .more_en { width: 80%; }	
	#nowon_en .title_en { font-size: min(5.8vw,36px); }	
	#sideNav_en { width: 100%; top: auto; bottom: 0; }
	#sideNav_en ul { display: flex; }
	.sideNavItems_en li { height: auto !important; }	
	.sideNavItems_en > a { z-index: 5; }
	.sideNavItems_en .arrow_en { height: 100%; }
	.sideNavItems_en .arrow_en:before {
		bottom: auto;
		top: 15px;
		left: auto;
		right: 6px;
		transform: rotate(-45deg);
		width: 6px;
		height: 6px;
		margin-left: -3px;
	}
	.sideNavItems_en .arrow_en.noMove_en:before {
		top: 35%;
		bottom: auto;
		transform: rotate(135deg);
		width: 10px;
		height: 10px;
		margin-left: -5px;
	}
	.sideNavItems_en .closeTag_en,
	.sideNavItems_en .openTag_en { left: auto; bottom: 12px; margin-left: 0; }
	.sideNavItems_en .closeTag_en { width: 6.5px; right: 5px; }
	.sideNavItems_en .openTag_en { width: 7px; right: 5px; }
	.sideNavItems_en ul {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 4;
		transition: .3s;
	}
	.sideNavItems_en.open ul { bottom: 100%; }
	.sideNavItems_en.open .arrow_en:before { transform: rotate(225deg) translate(3px,3px) scale(-1,1); }
	
	.upMove_en { animation: UpAnime_sp 0.5s forwards !important; }
	.downMove_en { animation: DownAnime_sp 0.5s forwards !important; }
	
	#cat03_en .feature_en .select_en { font-size: 5vw; padding-top: 12vw; margin-top: 5vw; }
	#cat03_en .feature_en .select_en:before { height: 9vw; }
}


/*-----------------------------------

	conclusion

-----------------------------------*/

#conclusion_en {
	position: relative;
	background: url(../../v8/images/bg.jpg) 0 0 / 400px auto repeat;
	text-align: center;
}

@media (max-width: 560px) {
	#conclusion_en p { text-align: center; }
}

/*-----------------------------------

	happy

-----------------------------------*/

#happy_en { margin-bottom: 8vw; }
#happy_en .happyTtl_en {
	font-size: min(2.7vw, 33px);
    padding-top: 5vw;
	margin-bottom: 2vw;
	color: #003d7a;
	position: relative;
}
#happy_en .happyTtl_en:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 4vw;
	top: 0;
	left: 50%;
	background: rgba(0,61,122,.4);
}
#happy_en .happyTtl_en span { display: block; font-size: min(2.4vw, 26px); margin-bottom: .5vw; }
#happy_en .happyList_en { display: flex; justify-content: space-between; margin-right: -3%; }
#happy_en .happyList_en li {
	width: calc(100% / 3 - 3%);
	margin-right: 3%;
	background: #fff;
	box-shadow: 0 2rem 1.8rem -2rem hsl(200 50% 20% / 30%);
	display: flex;
	align-content: center;
	justify-content: center;
}
#happy_en .happyList_en a:hover img { opacity: .8; }
#happy_en .happyList_en .img_en {}
#happy_en .happyList_en .txt_en { padding: 1.5vw 1vw; }
#happy_en .happyList_en .summary_en { line-height: 1.5; font-weight: bold; font-size: min(1.7vw, 17px); }
#happy_en .happyList_en .price_en { font-size: min(1.5vw, 15px); letter-spacing: 0; }

@media (max-width: 560px) {
	#happy_en .happyTtl_en { font-size: 5vw; margin-bottom: 4vw; padding-top: 12vw; margin-top: 5vw; }
	#happy_en .happyTtl_en:before { height: 9vw; }
	#happy_en .happyTtl_en span { font-size: 4vw; margin-bottom: 1vw; }
	#happy_en .happyList_en { flex-wrap: wrap; letter-spacing: 0; }
	#happy_en .happyList_en li { width: calc(100% / 2 - 3%); box-shadow: 0 1rem 1rem -1rem hsl(200 50% 20% / 30%); }
	#happy_en .happyList_en li:first-child { width: 100% !important; margin-bottom: 5%; }
	#happy_en .happyList_en li:first-child a { display: flex; }
	#happy_en .happyList_en li:first-child .img_en { width: 50%; }
	#happy_en .happyList_en .txt_en { padding: 3vw 4vw; text-align: left; }
	#happy_en .happyList_en li:first-child .txt_en { display: flex; align-items: center; }
	#happy_en .happyList_en .summary_en,
	#happy_en .happyList_en .price_en { font-size: 3vw; }
	#happy_en .happyList_en .summary_en { margin-bottom: 10px !important; }
}

/*-----------------------------------

	etc

-----------------------------------*/

/* animation */

.upMove_en { animation: UpAnime 0.5s forwards; }
.downMove_en { animation: DownAnime 0.5s forwards; }

@keyframes UpAnime {
	from { opacity: 0;	transform: translateX(100px); z-index: -1; }
	to { opacity: 1; transform: translateX(0); z-index: 208001; }
}
@keyframes DownAnime {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 1; transform: translateX(100px); }
}

@keyframes UpAnime_sp {
	from { opacity: 0;	transform: translateY(200px); z-index: -1; }
	to { opacity: 1; transform: translateY(0); z-index: 208001; }
}
@keyframes DownAnime_sp {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 1; transform: translateY(200px); }
}

/*----------------------
	sns
----------------------*/

#sns_en { padding: 100px 10px; }
#sns_en ul { display: flex; justify-content: center; align-items: center; }
#sns_en ul li { width: 30px; margin: 0 10px; }

@media (max-width: 560px) {
	#sns_en { padding: 10vw 10px; }
}

/*----------------------
	other
----------------------*/

.anime-fuwa_en { animation: 3s fuwafuwa infinite; }
.anime-fuwa2_en { animation: 3s fuwafuwa2 infinite; }

@keyframes fuwafuwa {
	0%, 100% { transform: translate(0,0); }
	50% { transform: translate(10px,-10px);	}
}
@keyframes fuwafuwa2 {
	0%, 100% { transform: translate(0,0); }
	50% { transform: translate(5px,5px);	}
}