@charset "UTF-8";
body { color: #5b341c;}
#hd .menu { background: #fbf9de;}
#hd .menu ul.brand li.top:after { border-right: solid 15px #fbf9de;}
.menu-trig div span { background: #42220f;}
.menu-cart a svg { fill: #42220f;}

.bogo-language-switcher .en-US { display: none !important;}


#kv { position: relative; background: url('/img/en/deep/bg/kv.jpg') no-repeat 50% 50% / cover;}
#kv .inner-kv { position: relative; width: 100%; max-width: 1080px; height: 620px; margin: 0 auto; padding: 40px 20px 80px;}
#kv .inner-kv .txt { position: relative; width: 54%; max-width: 560px;}
#kv .inner-kv .txt:after { content: ''; display: block; width: 110px; height: 160px;
 background: url('/img/awards/badge-no1-en.png') no-repeat 50% 50% / 100% auto;
 position: absolute; left: 0%; top: 0px;
}
#kv .inner-kv .txt .inner { position: relative; width: 100%; padding-top: 50px;}
#kv .inner-kv .txt h1 { margin-bottom: 30px; text-align: center;}
#kv .inner-kv .txt h1 img { width: 52%; max-width: 330px;}
#kv .inner-kv .txt p { margin-bottom: 40px; text-align: center;}
#kv .inner-kv .txt p img { width: 100%;}
#kv .inner-kv .txt p img.sp { display: none;}
#kv .inner-kv .txt ul { display: flex; justify-content: space-between;}
#kv .inner-kv .txt ul li { width: 32%; font-size: 16px; line-height: 1.2;}
#kv .inner-kv .txt ul li a { position: relative; display: block; width: 100%; height: 100%; padding: 18px 0 40px; background: rgba(255,255,255,0.6); border-radius: 8px;
 color: #5b341c; font-weight: 600; text-align: center; text-decoration: none;
}
#kv .inner-kv .txt ul li a:after { content: ''; display: block; width: 100%; height: 8px; position: absolute; left: 0; bottom: 14px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 16"><polygon points="16 7.36 0 0 16 16 32 0 16 7.36" fill="%235b341c" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;
}
#kv .inner-kv .txt ul li a br { display: none;}
#kv .inner-kv .txt ul li a:hover { background: rgba(255,255,255,0.4);}

#kv .note { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;}
#kv .note ul { width: 100%; max-width: 1080px; margin: 0 auto; padding: 20px;}
#kv .note ul li { position: relative; width: 100%; max-width: 560px; padding-left: 1.5em; color: #5b341c; line-height: 1.4;}
#kv .note ul li span { display: block;}
#kv .note ul li i { position: absolute; left: 0; font-style: normal;}

#kv .bg-kv { display: none; width: 100%;}
#kv .bg-kv img { width: 100%;}
@media (max-width: 1281px) {
	#kv .inner-kv { height: auto;}
}
@media (max-width: 1001px) {
	#kv .inner-kv { padding: 20px 20px 100px;}
	#kv .inner-kv .txt ul li { font-size: 14px;}
}
@media (max-width: 801px) {
	#kv .inner-kv { position: absolute; width: 100%; height: 100%; z-index: 3; padding: 20px 20px 100px;}
	#kv .inner-kv .txt { width: 100%; max-width: 100%; height: 100%; padding: 0 20px;}
	#kv .inner-kv .txt:after { width: 80px; height: 120px;}
	#kv .inner-kv .txt .inner { position: relative; width: 100%; height: 100%; padding: 40px 0px 0;}
	#kv .inner-kv .txt ul { position: absolute; left: 0; bottom: 0px; width: 100%; max-width: 100%;}

	#kv .note {}
	#kv .note ul li { max-width: 100%;}
	#kv .bg-kv { position: relative; display: block; z-index: 1;}
}
@media (max-width: 641px) {
	#kv .inner-kv .txt ul li a { padding: 15px 0 30px;}
	#kv .inner-kv .txt ul li:nth-child(2) a { padding: 8px 0 30px;}
	#kv .inner-kv .txt ul li a br { display: block;}
}
@media (max-width: 481px) {
	#kv .inner-kv { padding: 20px 12px 80px;}
	#kv .inner-kv .txt { padding: 0 12px;}
	#kv .inner-kv .txt:after { width: 60px; height: 85px; left: 2%;}
	#kv .inner-kv .txt .inner { padding: 32px 0px 0;}
	#kv .inner-kv .txt h1 { margin-bottom: 8px;}
	#kv .inner-kv .txt p img.pc { display: none;}
	#kv .inner-kv .txt p img.sp { display: block;}
	#kv .inner-kv .txt ul li { font-size: 12px;}
	#kv .inner-kv .txt ul li a { padding: 12px 0 20px;}
	#kv .inner-kv .txt ul li:nth-child(2) a { padding: 6px 0 20px;}
	#kv .inner-kv .txt ul li a:after { height: 6px; bottom: 8px;}
	#kv .note ul { padding: 12px;}
}



.ttl { padding: 6px 0; background: #f5721e;}
.ttl h2 { padding: 12px 0 16px; color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 0.2rem; line-height: 1; text-align: center;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%23f78e4b" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;
}
@media (max-width: 481px) {
	.ttl { padding: 4px 0;}
	.ttl h2 { padding: 12px 0; font-size: 21px;}
}


#award { background: #fff; border-bottom: solid 2px #fff;}
#award .award-tit { position: relative; padding: 6px 0; background: #fd7e00; cursor: pointer;}
#award .award-tit:after { content: ''; display: block; width: 15px; height: 15px; margin-left: 320px;
 border-bottom: solid 4px #fff; border-right: solid 4px #fff;
 position: absolute; left: 50%; top: 50%; transform: translateY(-70%) rotate(45deg); transition: 0.4s linear;
}
#award .award-tit.open:after { transform: translateY(-30%) rotate(-135deg);}
#award .award-tit h2 { padding: 10px 0 14px; color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 0.2rem; line-height: 1; text-align: center;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%23f78e4b" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;
}
#award .award-tit h2:before,
#award .award-tit h2:after { content: ''; display: inline-block; width: 40px; height: 30px; vertical-align: middle;
 background: url('/img/en/icn-award.png') no-repeat 50% 50% / 100% auto;
}
#award .award-tit h2 span { display: inline-block; margin: 0 20px; vertical-align: middle;}
#award .ctn { display: none;}
@media (max-width: 801px) {
	#award .award-tit:after { margin: 0px; left: auto; right: 5%;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#award { border-width: 1px;}
	#award .award-tit { padding: 4px 0;}
	#award .award-tit:after { width: 15px; height: 15px; border-width: 2px;}
	#award .award-tit h2 { padding: 8px 0; font-size: 20px; letter-spacing: 0rem;}
	#award .award-tit h2:before,
	#award .award-tit h2:after { width: 30px; height: 24px;}
	#award .award-tit h2 span { margin: 0 12px;}
}


@keyframes fadeIn1 {
  0% { opacity: 0;}
  60%{ opacity: 1;}
 100%{ opacity: 0.3;}
}
@keyframes fadeIn2 {
 100%{ opacity: 1;}
}
@keyframes fadeOut {
 100%{ opacity: 0;}
}


.sct1 { position: relative; background: url('../../img/en/deep/bg/1.jpg') no-repeat 50% 50% / cover;}
.sct1 .inner-sct { position: relative; width: 92%; max-width: 1040px; margin: 0 auto; padding: 100px 0 130px;
 background: url('../../img/en/deep/bg/txt-1.png') no-repeat 0% 0%;
}
.sct1 .tit { margin-bottom: 60px;}
.sct1 .tit h2 { color: #f5721e; font-size: clamp(24px,3.6vw,36px); line-height: 1; text-align: right;}
.sct1 .tit h2 span {  font-size: clamp(36px,5.4vw,54px);}
.sct1 .ctn-flex { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 100%; margin: 0 auto;}
.sct1 .fig { width: calc(100% - 520px);}
.sct1 .txt { width: 500px; padding-top: 40px; text-align: center;}
.sct1 .fig h3 { display: none; color: #f5721e; text-align: center;}
.sct1 .fig figure img { width: 100%;}
.sct1 .fig p { padding: 0 15px; font-size: 14px; text-align: right;}
.sct1 .txt h3 { margin-bottom: 45px; padding-left: 50px; color: #f5721e; font-size: 30px; line-height: 1.4;}
.sct1 .txt p { margin-bottom: 60px; font-size: 18px; line-height: 1.6; text-align: center;}
.sct1 .txt p sup { vertical-align: top; font-size: 12px;}
.sct1 .txt ul.note { display: inline-block; width: auto; text-align: left;}
.sct1 .txt ul.note li { font-size: 14px;}
.sct1 .txt ul.note li em { font-size: 10px; vertical-align: top;}
@media (max-width: 1001px) {
	.sct1 .inner-sct { background-size: 100% auto;}
}
@media (max-width: 801px) {
	.sct1 .inner-sct { padding: 80px 0 100px;}
	.sct1 .tit { margin-bottom: 40px;}
	.sct1 .tit h2 { line-height: 1.4; text-align: center;}
	.sct1 .tit h2 span { display: block;}
	.sct1 .ctn-flex { display: block;}
	.sct1 .fig { width: 90%; max-width: 540px; margin: 0 auto 40px;}
	.sct1 .txt { width: 100%; padding-top: 0px;}
	.sct1 .fig h3 { display: block; margin-bottom: 20px; font-size: 24px;}
	.sct1 .txt h3 { display: none;}
	.sct1 .txt p { margin-bottom: 30px;}
}
@media (max-width: 641px) {
	.sct1 { background: url('../../img/en/deep/bg/1@sp.jpg') no-repeat 50% 0% / cover;}
	.sct1 .inner-sct { padding: 15vw 0 60px; background: none;}
	.sct1 .tit { margin-bottom: 20px;}
	.sct1 .fig h3 { font-size: 20px;}
	.sct1 .fig p { font-size: 12px;}
}
@media (max-width: 481px) {
	.sct1 .inner-sct { padding: 12vw 0 40px;}
	.sct1 .tit { margin-bottom: 12px;}
	.sct1 .tit h2 { font-size: 20px;}
	.sct1 .tit h2 span { font-size: 32px;}
	.sct1 .fig { margin-bottom: 20px;}
	.sct1 .fig h3 { margin-bottom: 8px; font-size: 18px;}
	.sct1 .fig p { padding: 0 10px; font-size: 10px;}
	.sct1 .txt p { margin-bottom: 10px; font-size: 12px;}
	.sct1 .txt p sup { font-size: 10px;}
	.sct1 .txt ul.note li { font-size: 10px;}
	.sct1 .txt ul.note li em { font-size: 8px;}
}


.sct2 { position: relative; background: url('../../img/en/deep/bg/2.jpg') no-repeat 50% 50% / cover;}
.sct2 .inner-sct { position: relative; width: 92%; max-width: 1040px; margin: 0 auto; padding: 100px 0 130px;
 background: url('../../img/en/deep/bg/txt-2.png') no-repeat 0% 0%;
}
.sct2 .tit { margin-bottom: 90px;}
.sct2 .tit h2 { color: #f5721e; font-size: clamp(24px,3.6vw,36px); line-height: 1; text-align: right;}
.sct2 .tit h2 span {  font-size: clamp(36px,5.4vw,54px);}
.sct2 .ctn-flex-1 { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 100%; margin: 0 auto 80px;}
.sct2 .fig-1 { width: calc(100% - 520px);}
.sct2 .txt-1 { width: 500px; padding-top: 40px; text-align: center;}
.sct2 .fig-1 figure img { width: 100%;}
.sct2 .txt-1 h3 { margin-bottom: 20px; padding-left: 50px; color: #f5721e; font-size: 30px; line-height: 1.4;}
.sct2 .txt-1 h3 span { display: block;}
.sct2 .txt-1 h3 br { display: none;}
.sct2 .txt-1 h3 sup { vertical-align: super; font-size: 15px;}
.sct2 .txt-1 p { text-align: center;}
.sct2 .txt-1 p.eng { margin-bottom: 30px; font-size: 24px; font-weight: 600;}
.sct2 .txt-1 p.eng sup { vertical-align: super; font-size: 16px;}
.sct2 .txt-1 p.eng-2 { margin-bottom: 20px; font-size: 18px;}
.sct2 .txt-1 p.eng-2 span { display: block;}
.sct2 .txt-1 p.eng-2 br.sp { display: none;}
.sct2 .txt-1 p.eng-2 sup { vertical-align: super; font-size: 12px;}
.sct2 .txt-1 ul.note { display: inline-block; width: auto; text-align: left;}
.sct2 .txt-1 ul.note li { font-size: 14px;}
.sct2 .txt-1 ul.note li em { font-size: 10px; vertical-align: top;}
.sct2 .txt-1 figure { display: none;}
.sct2 .txt-1 figure img { width: 100%;}

.sct2 .ctn-flex-2 { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto;}
.sct2 .fig-2 { width: calc(100% - 540px);}
.sct2 .txt-2 { width: 520px; text-align: center;}
.sct2 .fig-2 figure { margin-bottom: -20px;}
.sct2 .fig-2 figure img { width: 100%;}
.sct2 .fig-2 p { padding: 0 15px; font-size: 14px;}
.sct2 .txt-2 h3 { margin-bottom: 45px; padding-left: 50px; color: #f5721e; font-size: 30px; line-height: 1.4;}
.sct2 .txt-2 h3 sup { vertical-align: super; font-size: 14px;}
.sct2 .txt-2 p { text-align: center;}
.sct2 .txt-2 p.eng { margin-bottom: 40px; font-size: 24px; font-weight: 600;}
.sct2 .txt-2 p.eng-2 { margin-bottom: 30px; font-size: 18px;}
.sct2 .txt-2 p sup { vertical-align: top; font-size: 12px;}
.sct2 .txt-2 ul.note { display: inline-block; width: auto; text-align: left;}
.sct2 .txt-2 ul.note li { font-size: 14px;}
.sct2 .txt-2 ul.note li em { font-size: 10px; vertical-align: top;}
.sct2 .txt-2 figure { position: relative; display: none;}
.sct2 .txt-2 figure img { width: 100%;}
@media (max-width: 1001px) {
	.sct2 .inner-sct { background-size: 100% auto;}
}
@media (max-width: 801px) {
	.sct2 .inner-sct { padding: 80px 0 100px;}
	.sct2 .tit { margin-bottom: 40px;}
	.sct2 .tit h2 { line-height: 1.4; text-align: center;}
	.sct2 .tit h2 span { display: block;}
	.sct2 .ctn-flex-1 { display: block;}
	.sct2 .fig-1 { display: none;}
	.sct2 .txt-1 { width: 100%; padding-top: 0px;}
	.sct2 .txt-1 h3 { margin-bottom: 10px; padding-left: 0px; font-size: 24px; text-align: center;}
	.sct2 .txt-1 h3 span { display: inline;}
	.sct2 .txt-1 h3 br { display: block;}
	.sct2 .txt-1 p.eng { margin-bottom: 30px;}
	.sct2 .txt-1 p.eng-2 span { display: inline;}
	.sct2 .txt-1 figure { display: block; width: 82%; max-width: 540px; margin: 0 auto 20px; text-align: center;}

	.sct2 .ctn-flex-2 { display: block;}
	.sct2 .fig-2 { display: none;}
	.sct2 .txt-2 { width: 100%;}
	.sct2 .txt-2 h3 { margin-bottom: 20px; padding-left: 0px; font-size: 24px; text-align: center;}
	.sct2 .txt-2 p.eng-2 { margin-bottom: 20px;}
	.sct2 .txt-1 p.eng-2 br.sp { display: block;}
	.sct2 .txt-2 figure { display: block; width: 90%; max-width: 540px; margin: 0 auto 40px; text-align: center;}
	.sct2 .txt-2 figure figcaption { position: absolute; left: 0; bottom: 0; width: 100%; text-align: left;}
}
@media (max-width: 641px) {
	.sct2 { background: url('../../img/en/deep/bg/2@sp.jpg') no-repeat 50% 0% / cover;}
	.sct2 .inner-sct { padding: 13vw 0 60px; background: none;}
	.sct2 .tit { margin-bottom: 20px;}
	.sct2 .txt-1 h3 { font-size: 21px;}
	.sct2 .txt-1 h3 sup { font-size: 12px;}
	.sct2 .txt-1 p.eng { margin-bottom: 30px; font-size: 20px;}
	.sct2 .txt-1 ul.note { margin-bottom: 20px;}
	.sct2 .txt-1 ul.note li { font-size: 12px;}

	.sct2 .txt-2 h3 { font-size: 21px;}
	.sct2 .txt-2 p.eng { margin-bottom: 20px; font-size: 20px;}
	.sct2 .txt-2 p.eng-2 { margin-bottom: 20px;}
	.sct2 .txt-2 p.eng-2 span { display: block;}
	.sct2 .txt-2 figure figcaption { font-size: 12px;}
	
	.sct2 .txt-2 ul.note li { font-size: 12px;}
}
@media (max-width: 481px) {
	.sct2 .inner-sct { padding: 12vw 0 50px;}
	.sct2 .tit { margin-bottom: 12px;}
	.sct2 .tit h2 { font-size: 20px;}
	.sct2 .tit h2 span { font-size: 32px;}
	
	.sct2 .ctn-flex-1 { margin-bottom: 60px;}
	.sct2 .txt-1 h3 { margin-bottom: 6px; font-size: 20px;}
	.sct2 .txt-1 p.eng { margin-bottom: 12px; font-size: 16px;}
	.sct2 .txt-1 p.eng sup { font-size: 12px;}
	.sct2 .txt-1 p.eng-2 { font-size: 12px;}
	.sct2 .txt-1 p.eng-2 sup { font-size: 10px;}
	.sct2 .txt-1 ul.note li { font-size: 10px;}
	.sct2 .txt-1 ul.note li em { font-size: 8px;}

	.sct2 .txt-2 h3 { margin-bottom: 12px; font-size: 18px;}
	.sct2 .txt-2 p.eng { font-size: 14px;}
	.sct2 .txt-2 p.eng-2 { margin-bottom: 12px; font-size: 12px;}
	.sct2 .txt-2 p sup { font-size: 9px;}
	.sct2 .txt-2 figure { margin-bottom: 20px;}
	.sct2 .txt-2 figure figcaption { font-size: 10px;}

	.sct2 .txt-2 ul.note li { font-size: 10px;}
	.sct2 .txt-2 ul.note li em { font-size: 8px;}
}



.sct3 { position: relative; background: url('../../img/en/deep/bg/3.jpg') no-repeat 50% 50% / cover;}
.sct3 .inner-sct { position: relative; width: 92%; max-width: 1040px; margin: 0 auto; padding: 100px 0 120px;
 background: url('../../img/en/deep/bg/txt-3.png') no-repeat 0% 0%;
}
.sct3 .tit { margin-bottom: 60px;}
.sct3 .tit h2 { color: #f5721e; font-size: clamp(24px,3.6vw,36px); line-height: 1; text-align: right;}
.sct3 .tit h2 span { font-size: clamp(36px,5.4vw,54px);}
.sct3 .ctn { position: relative; width: 100%; padding-top: 40px; background: url('../../img/en/deep/fig-3.png') no-repeat 98% 0% / 280px auto;}
.sct3 .ctn .inner { margin-bottom: 20px;}
.sct3 .ctn h3 { margin-bottom: 10px; padding-left: 50px; color: #f5721e; font-size: 30px; line-height: 1.4;}
.sct3 .ctn h3 sup { vertical-align: super; font-size: 14px;}
.sct3 .ctn .txt { width: 100%; max-width: 640px; margin-bottom: 40px;}
.sct3 .ctn .txt p { text-align: center;}
.sct3 .ctn .txt p.tips { margin-bottom: 20px; font-size: 24px; font-weight: 700;}
.sct3 .ctn .txt p.eng-2 { font-size: 18px;}

.sct3 .ctn .free { width: 100%; max-width: 720px;}

.sct3 .ctn .free h4 { position: relative; margin-bottom: 20px; padding-left: 210px; font-size: 18px; font-weight: 400;}
.sct3 .ctn .free h4 img { width: 190px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sct3 .ctn .free picture { text-align: center;}
.sct3 .ctn .free picture img { width: 100%;}
.sct3 .ctn .free p { display: none; text-align: center;}

.sct3 .ctn ul.note { max-width: 240px; margin: 0 0 0 auto;}
.sct3 .ctn ul.note li { font-size: 12px;}
.sct3 .ctn ul.note li em { font-size: 10px; vertical-align: top;}
@media (max-width: 1001px) {
	.sct3 .inner-sct { background-size: 100% auto;}
}
@media (max-width: 801px) {
	.sct3 .inner-sct { padding: 80px 0 100px;}
	.sct3 .tit { margin-bottom: 40px;}
	.sct3 .tit h2 { line-height: 1.4; text-align: center;}
	.sct3 .tit h2 span { display: block;}
	.sct3 .ctn { max-width: 100%; padding-top: 0px; background: none;}
	.sct3 .ctn h3 { padding-left: 0px; font-size: 24px; text-align: center;}
	.sct3 .ctn .txt { max-width: 540px; margin: 0 auto -10px; padding: 20px 0px 70px;
	 background: url('../../img/en/deep/fig-3.png') no-repeat 100% 0% / auto 100%;
	}
	.sct3 .ctn .txt p { text-align: left;}
	.sct3 .ctn .txt p br.pc { display: none;}
	.sct3 .ctn .txt p span { display: block;}
	
	.sct3 .ctn .free { width: 100%; max-width: 540px; margin: 0 auto;}
	.sct3 .ctn .free h4 { padding-left: 0px;}
	.sct3 .ctn .free h4 img { position: relative; left: auto; top: auto; transform: translateY(0%); display: block; margin-bottom: 12px;}

	.sct3 .ctn ul.note { max-width: 540px; margin: 0 auto;}
}
@media (max-width: 641px) {
	.sct3 { background: url('../../img/en/deep/bg/3@sp.jpg') no-repeat 50% 0% / cover;}
	.sct3 .inner-sct { padding: 13vw 0 60px; background: none;}
	.sct3 .tit { margin-bottom: 20px;}
	.sct3 .ctn h3 { font-size: 21px;}
	.sct3 .ctn .txt { padding: 12px 0px 60px;}
}
@media (max-width: 481px) {
	.sct3 .inner-sct { padding: 13vw 0 40px;}
	.sct3 .tit { margin-bottom: 12px;}
	.sct3 .tit h2 { font-size: 20px;}
	.sct3 .tit h2 span { font-size: 30px;}
	.sct3 .ctn { width: 94%; margin: 0 auto;}
	.sct3 .ctn .inner { margin-bottom: 12px;}
	.sct3 .ctn h3 { margin-bottom: 0px; font-size: 18px;}
	.sct3 .ctn h3 sup { font-size: 10px;}

	.sct3 .ctn .txt { padding: 8px 0px 40px;}
	.sct3 .ctn .txt p.tips { margin-bottom: 12px; font-size: 16px;}
	.sct3 .ctn .txt p.eng-2 { font-size: 12px; line-height: 1.5;}

	.sct3 .ctn .free h4 { margin-bottom: 8px; font-size: 12px;}
	.sct3 .ctn .free h4 img { width: 100px; margin-bottom: 8px;}
	.sct3 .ctn .free picture { display: block; width: 92%; margin: 0 auto;}
	.sct3 .ctn ul.note { width: 92%;}
	.sct3 .ctn ul.note li { font-size: 10px;}
	.sct3 .ctn ul.note li em { font-size: 8px;}
}



.step { position: relative; background: url('../../img/en/deep/bg/4.jpg') no-repeat 50% 50% / cover;}
.step .inner-sct { position: relative; width: 92%; max-width: 1040px; margin: 0 auto; padding: 90px 0 120px;
 background: url('../../img/en/deep/bg/txt-4.png') no-repeat 0% 0%;
}
.step .tit { margin-bottom: 120px;}
.step .tit h2 { color: #f5721e; font-size: clamp(24px,3.6vw,36px); line-height: 1; text-align: right;}
.step .tit h2 span { font-size: clamp(36px,5.4vw,54px);}
.step .txt { margin-bottom: 40px;}
.step .txt h3 { color: #f5721e; font-size: 30px; line-height: 1.4; text-align: right;}
.step .fig { margin-bottom: 20px; text-align: center;}
.step .fig picture {}
.step .fig picture img { width: 100%; max-width: 940px;}
.step ul.note { text-align: right;}
.step ul.note li { font-size: 14px;}
.step ul.note li em { font-size: 10px; vertical-align: top;}
@media (max-width: 1001px) {
	.step .inner-sct { background-size: 100% auto;}
}
@media (max-width: 801px) {
	.step .inner-sct { padding: 80px 0 100px;}
	.step .tit { margin-bottom: 40px;}
	.step .tit h2 { line-height: 1.4; text-align: center;}
	.step .tit h2 span { display: block;}
	.step .txt h3 { font-size: 24px; text-align: center;}
}
@media (max-width: 641px) {
	.step { background: url('../../img/en/deep/bg/4@sp.jpg') no-repeat 50% 0% / cover;}
	.step .inner-sct { padding: 15vw 0px 60px; background: none;}
	.step .tit { margin-bottom: 20px;}
	.step .txt h3 span { display: block;}
}
@media (max-width: 481px) {
	.step .inner-sct { padding: 15vw 0px 40px;}
	.step .tit { margin-bottom: 12px;}
	.step .tit h2 { font-size: 20px;}
	.step .tit h2 span { font-size: 32px;}
	.step .txt { margin-bottom: 20px;}
	.step .txt h3 { font-size: 18px;}
	.step .fig { margin-bottom: 12px;}
	.step .fig picture img { width: 94%;}
	.step ul.note li { font-size: 10px;}
	.step ul.note li em { font-size: 8px;}
}


.flag { position: relative; background: url('../../img/en/deep/bg/5.jpg') no-repeat 50% 50% / cover;}
.flag .inner-sct { position: relative; width: 92%; max-width: 1040px; margin: 0 auto; padding: 90px 0 80px;
 background: url('../../img/en/deep/bg/txt-5.png') no-repeat 0% 0%;
}
.flag .tit { margin-bottom: 140px;}
.flag .tit h2 { color: #f5721e; font-size: clamp(24px,3.6vw,36px); line-height: 1; text-align: right;}
.flag .tit h2 span { font-size: clamp(36px,5.4vw,54px);}
.flag .txt { margin-bottom: 20px;}
.flag .txt h3 { color: #f5721e; font-size: 28px; line-height: 1.4; text-align: right;}
.flag .fig { text-align: center;}
.flag .fig picture {}
.flag .fig picture img { width: 100%;}
@media (max-width: 1001px) {
	.flag .inner-sct { background-size: 100% auto;}
}
@media (max-width: 801px) {
	.flag .inner-sct { padding: 80px 0 100px;}
	.flag .tit { margin-bottom: 40px;}
	.flag .tit h2 { line-height: 1.4; text-align: center;}
	.flag .tit h2 span { display: block;}
	.flag .txt h3 { font-size: 24px; text-align: center;}
}
@media (max-width: 641px) {
	.flag { background: url('../../img/en/deep/bg/5@sp.jpg') no-repeat 50% 0% / cover}
	.flag .inner-sct { padding: 15vw 0px 60px; background: none;}
	.flag .txt h3 span { display: block;}
}
@media (max-width: 481px) {
	.flag .inner-sct { padding: 15vw 0px 30px;}
	.flag .tit { margin-bottom: 12px;}
	.flag .tit h2 { font-size: 20px;}
	.flag .tit h2 span { font-size: 30px;}
	.flag .txt { margin-bottom: 12px;}
	.flag .txt h3 { font-size: 18px;}
}



#product .bloc.bg-1 { background: url('../../img/en/deep/product/bg-1.jpg') no-repeat 50% 0% / cover;}
#product .bloc.bg-2 { background: url('../../img/en/deep/product/bg-2.jpg') no-repeat 50% 0% / cover;}
#product .bloc.bg-3 { background: url('../../img/en/deep/product/bg-3.jpg') no-repeat 50% 0% / cover;}
#product .bloc.bg-4,
#product .bloc.bg-5,
#product .bloc.bg-6 { background: url('../../img/en/deep/product/bg-4.jpg') no-repeat 50% 0% / cover;}
#product .bloc.bg-7 { background: url('../../img/en/deep/product/bg-7.jpg') no-repeat 50% 0% / cover;}
#product .bloc.bg-8 { background: url('../../img/en/deep/product/bg-8.jpg') no-repeat 50% 50% / cover;}
#product .bloc .inner { position: relative; width: 88%; max-width: 1040px; margin: 0 auto; padding: 90px 0 100px;}
#product .bloc.bg-8 .inner { width: 92%; max-width: 1100px; padding: 90px 0 70px;}
#product .ctn { display: flex; justify-content: space-between;}
#product .ctn.center { align-items: center;}
#product .ctn.bottom { align-items: flex-end;}
#product .img { width: 34%;}
#product .txt { width: 65%;}
#product .img.pt { padding-top: 30px;}
#product .img figure { text-align: center;}
#product .img figure img { width: 60%; max-width: 200px;}
#product .img figure img.w150 { max-width: 150px;}
#product .img figure img.w160 { max-width: 160px;}
#product .txt h2 { margin-bottom: 60px;}
#product .txt h2.mb { margin-bottom: 50px;}
#product .txt h2 img { width: 100%; max-width: 500px;}
#product .txt h3 { margin-bottom: 30px;}
#product .txt h3 span { display: inline-block; line-height: 1.2; vertical-align: middle;}
#product .txt h3 span.name { margin-right: 18px; font-size: clamp(24px,3.6vw,36px); font-weight: 700;}
#product .txt h3 span.amount{ width: 64px; background: #7c5d49; color: #fff; font-size: 12px; line-height: 20px;	text-align: center;}
#product .txt p.comment { margin-bottom: 30px; font-size: 18px; font-weight: 600;}
#product .txt p.comment.mb { margin-bottom: 10px;}
#product .txt p.kome { margin-bottom: 40px;}
#product .txt .aroma {}
#product .txt .aroma dl { position: relative; padding-left: 110px;}
#product .txt .aroma dl dt { width: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#product .txt .aroma dl dt img { width: 100%;}
#product .txt .aroma dl dd.txt-1 { font-size: 16px; font-style: italic;}
#product .txt .aroma dl dd.txt-1 br { display: none;}
#product .txt .aroma dl dd.txt-2 { font-size: 12px; font-weight: 700; line-height: 1.4;}
#product .txt .aroma dl dd.txt-2 span { display: block; font-size: 20px;}

#product .txt .aroma dl dd.color-1 { color: #f069a0;}
#product .txt .aroma dl dd.color-2 { color: #5e9f24;}
#product .txt .aroma dl dd.color-3 { color: #9f69a8;}
#product .txt .aroma dl dd.color-4 { color: #eb3c8c;}
#product .txt .aroma dl dd.color-5 { color: #eb3c8c;}
#product .txt .aroma dl dd.color-6 { color: #eb3c8c;}
#product .txt .aroma dl dd.color-7 { color: #eb3c8c;}

#product .ctn-aside { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%;}
#product .aside-item { width: 50%;}
#product .aside-item figure { margin-bottom: 40px; text-align: center;}
#product .aside-item figure img { width: 50%; max-width: 172px;}
#product .aside-item h3 { margin-bottom: 12px; font-size: clamp(18px,2.6vw,26px); font-weight: 700; line-height: 1.4; text-align: center;}
#product .aside-item p { text-align: center;}
#product .aside-item p span{ display: inline-block; width: 64px; background: #7c5d49; color: #fff; font-size: 12px; line-height: 20px;}

@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#product .bloc.bg-1 { background: url('../../img/en/deep/product/bg-1@sp.jpg') no-repeat 50% 0% / cover;}
	#product .bloc.bg-2 { background: url('../../img/en/deep/product/bg-2@sp.jpg') no-repeat 50% 0% / cover;}
	#product .bloc.bg-3 { background: url('../../img/en/deep/product/bg-3@sp.jpg') no-repeat 50% 0% / cover;}
	#product .bloc.bg-4,
	#product .bloc.bg-5,
	#product .bloc.bg-6 { background: url('../../img/en/deep/product/bg-4@sp.jpg') no-repeat 50% 0% / cover;}
	#product .bloc.bg-7 { background: url('../../img/en/deep/product/bg-7@sp.jpg') no-repeat 50% 0% / cover;}

	#product .ctn { display: block;}
	#product .img { width: 100%; margin: 0 auto 20px;}
	#product .img.pt { padding-top: 0px;}
	#product .txt { width: 100%; max-width: 540px; margin: 0 auto;}
	#product .txt h2 { margin-bottom: 40px; text-align: center;}
	#product .txt h2.mb { margin-bottom: 40px;}
	#product .txt h2 img { max-width: 100%;}
	#product .txt h3 { margin-bottom: 20px; text-align: center;}
	#product .txt p.comment { text-align: center;}
	#product .txt p.kome { text-align: center;}
}
@media (max-width: 641px) {
	#product .bloc.bg-8 { background: url('../../img/en/deep/product/bg-8@sp.jpg') no-repeat 50% 0% / cover;}
	#product .bloc .inner { padding: 10vw 0 12vw;}
	#product .bloc.bg-8 .inner { padding: 6vw 0px;}
	#product .img figure img { width: 32%; max-width: 150px;}
	#product .img figure img.w160 { width: 28%; max-width: 120px;}
	#product .txt h3 span.name { display: block; margin: 0 auto 8px;}
	#product .txt h3 span.amount{ display: block; width: 60px; margin: 0 auto;}

	#product .ctn-aside { display: block; width: 100%;}
	#product .aside-item { width: 100%; padding: 6vw 0;}
	#product .aside-item figure { margin-bottom: 30px;}
	#product .aside-item figure img { width: 28%; max-width: 180px;}
}
@media (max-width: 481px) {
	#product .img { width: 100%; margin: 0 auto 12px;}
	#product .txt h2 { margin-bottom: 30px;}
	#product .txt h2.mb { margin-bottom: 30px;}
	#product .txt h2 img { width: 92%; max-width: 92%;}
	#product .txt h3 span.name { margin-bottom: 6px; font-size: 21px;}
	#product .txt p.comment { margin-bottom: 20px; font-size: 16px;}
	#product .txt p.comment.mb { margin-bottom: 0px;}
	#product .txt p.comment span { display: block;}
	#product .txt p.comment br { display: none;}
	#product .txt p.kome { margin-bottom: 20px; font-size: 10px;}

	#product .txt .aroma dl { padding-left: 80px;}
	#product .txt .aroma dl dt { width: 72px;}
	#product .txt .aroma dl dd.txt-1 { font-size: 14px; line-height: 1.4;}
	#product .txt .aroma dl dd.txt-1 br { display: block;}
	#product .txt .aroma dl dd.txt-2 { font-size: 12px;}
	#product .txt .aroma dl dd.txt-2 span { font-size: 18px;}
	
	#product .aside-item figure { margin-bottom: 20px;}
}



#series-en { background: #fbf9de;}
#series-en .inner-sct { padding: 100px 0;}
#series-en h2 { margin-bottom: 50px; font-size: 30px; line-height: 1.25; text-align: center;}
#series-en .ctn {}
@media (max-width: 801px) {
	#series-en .inner-sct { padding: 60px 0;}
	#series-en h2 { margin-bottom: 30px; font-size: 4.0vw;}
}
@media (max-width: 481px) {
	#series-en .inner-sct { padding: 40px 0;}
	#series-en h2 { margin-bottom: 12px; font-size: 3.6vw;}
}