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

html { width:100%; height:100%; overflow:auto; min-height:0 !important; scroll-padding-top:var(--subnavheight); }
body { background:var(--sg-light-gray); background-size:cover; color:#525252; -webkit-text-size-adjust:none; display:inline-block; width:100%; }
html, body, textarea, select, input, button { font:16px/1.5em "futura-pt", "source-han-sans-traditional", "微軟正黑體","Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
body, html, *, div { margin:0; padding:0; box-sizing:border-box; }
h1, h2, h3, h4, h5, h6 { cursor:default; letter-spacing:-.02em; }
h1, h2 { font-size:48px; font-weight:bold; line-height:1em; }
h3 { font-size:36px; font-weight:bold; line-height:1.2em; position:relative; }
h3.deco { padding-left:.44em; }
h3.deco::before { width:.27em; height:.66em; position:absolute; content:''; background-color:var(--sg-pink); top:.25em; left:0; }
h4 { font-size:20px; font-weight:bold; line-height:1.2em; margin-bottom:1em; }
select { font-family:"futura-pt","微軟正黑體","Microsoft Jhenghei", Helvetica, Arial, sans-serif; letter-spacing:0; color:#5F5C5C; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a {
	text-decoration:none; color:#808080; cursor:pointer;
	transition:color 300ms; -webkit-transition:color 300ms; -ms-transition:color 300ms;
}
a:hover { color:var(--sg-pink); text-decoration:none; }
a.active { color:var(--sg-pink); }
a:focus { outline:none; color:var(--sg-pink); text-decoration:none; }
a:link:after, a:visited:after { content:""; }
p { font-size:20px; margin-bottom:1.5em; line-height:1.625em; cursor:text; }
input[type="button"], input[type="reset"], input[type="submit"], .btn_common, button.btn {
	transition:background-color 300ms; -webkit-transition:background-color 300ms; -ms-transition:background-color 300ms;
	letter-spacing:.08em; padding:17px 29px; background-color:var(--sg-pink); color:white; border:none; border:0; cursor:pointer;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn_common:hover, button.btn:hover { background-color:#ffadd2; color:white; }
/* input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .btn_common:active, button.btn:active { } */
*::-webkit-input-placeholder { color:#bcbec0; font-size:1em; }
*:-moz-placeholder { color:#bcbec0; }
*::-moz-placeholder { color:#bcbec0; }
*:-ms-input-placeholder { color:#bcbec0; }
:root {
	--swiper-theme-color: white;
	--sg-pink: #f173ac;
	--sg-pink-dim: #ff7ab6;
	--sg-red: #cc092f;
	--sg-gold: #b29435;
	--sg-lightblue: #5eb3e4;
	--sg-st-accent: #f78d23;
	--sg-fl-accent: #c72417;
	--sg-ff-accent: #2376B2;
	--sg-sb-accent: #4fb62e;
	--sg-global-gray: #525252;
	--sg-light-gray: #dedede;
	--sg-lighter-gray: #f2f2f2;
}
@media screen and (max-width: 959px) {/* Essential */
	h2 { font-size:48px; }
	h3 { font-size:28px; }
	p { line-height:1.5em; }
}
@media screen and (max-width: 767px) {/* Essential */
	html, body, textarea, select, input, button { font-size:14px; }
	h2 { font-size:36px; }
	h3 { font-size:24px; }
	h4 { font-size:18px; }
	p { font-size:18px; }
}




/* UTIL */

.clr { clear:both; zoom:1; height:0; font-size:0; line-height:0; }
.floatL { float:left; }
.floatR { float:right; }
.hide { display:none; }
.alignCtr { text-align:center; }
.alignBtm { vertical-align:bottom; }
.alignRight { text-align:right; }
.hover_shadow {
	filter:none;
	transition:filter 300ms; -webkit-transition:filter 300ms; -ms-transition:filter 300ms;
	transform:translate3d(0,0,0);
}
.hover_shadow:hover { filter:drop-shadow(0 3px 10px rgba(255,255,255,.5)); }

.desktop { display:block; }
.mobile { display:none; }
.mobile959 { display:none; }

.dropdown.nostyle .dropdown-toggle, .dropdown.nostyle.open .dropdown-toggle { border:0; background:none; box-shadow:none; text-shadow:none; padding-left:8px; padding-right:8px; }

.hover_zoom a { overflow:hidden; }
.hover_zoom a img, .hover_zoom img {
	transition:transform 300ms; transform:scale(1); 
	-webkit-transition:-webkit-transform 300ms; -webkit-transform:scale(1);
	-ms-transition:-ms-transform 300ms; -ms-transform:scale(1);
}
.hover_zoom a:hover img, .hover_zoom img:hover {
	transform:scale(1.2); -webkit-transform:scale(1.2);
}

.divider { width:100%; float:left; clear:both; position:relative; padding:0 18px; }
hr.dot { height:7px; width:100%; background:url('../img/dotdivider.png') left center no-repeat; background-size:cover; border:0; }

.border_capsule { font-size:16px; color:white; background-color:#ffae00; border-radius:15px; padding:6px 10px; line-height:1em; position:relative; left:-8px; width:120px; text-align:center; }

.txt_bullet { position:absolute; left:0; }
.txt_indent { position:relative; padding-left:10px; }

.scroll_lock { overflow:hidden; }

.unfloat { float:unset !important; }

@media screen and (max-width: 767px) {
	.desktop { display:none; }
	.mobile { display:block; }
	.mobile_hide { display:none; }
	
	.responsive { width:100%; }
}




/* GLOBAL */

body { text-align:center; min-height:100%; /*padding-top:68px;*/ }

.fa { font-family:FontAwesome !important; }

.block_wrapper { position:relative; float:left; display:block; width:100%; }
.block_container { margin:0 auto; display:block; max-width:1320px; width:100%; }
.base { text-align:left; clear:both; }

.base_glass { display:none; position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.6); z-index:-100; transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; transform:translate(0,0); -webkit-transform:translate(0,0); opacity:0; cursor:pointer; }
.nav_active .base_glass { transform:translate(-264px,0); -webkit-transform:translate(-264px,0); opacity:1; z-index:30; }

.list_trigger { position:relative; }
.list_trigger .list_caret { position:absolute; left:-28px; top:0; }
.list_trigger .fa { margin-left:10px; display:none; }
.list_trigger:hover h1 { color:#ffd970; }
*.expand > .list_trigger .fa-caret-right { display:none; }
*.expand > .list_trigger .fa-caret-down { display:none; }
*.expand .sub, *.expand .sub.small { display:block; }

.errmsg { color:red; float:left; width:100%; margin:5px 0 18px; font-size:14px; letter-spacing:.42em; }

.btn_common.outline { border:3px solid white; background-color:transparent; color:white; }
.btn_common.outline:hover { background-color:white; color:#0a1721; }

/* Bootstrap Overide */
.btn-default.yellow { background-image:linear-gradient(to bottom, #ffedbd 0%, #ffd970 100%); background-color:#ffd970; border-color:#ffd970; color:#6e521f; }
.btn-default.yellow:hover { border-color:#ffcb3d; }
.btn-default.yellow:hover, .btn-default.yellow:focus { background-color:#ffe08a; }

.dropdown label { font-weight:normal; margin:0; padding:0; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #f06d1a;
    background-image: linear-gradient(to bottom, #f06d1a 0%, #f06d1a 100%);
    background-repeat: repeat-x;
	color:white;
}

.dropdown.dynamic .btn { text-align:left; position:relative; padding-right:25px; }
.dropdown.dynamic .caret { position:absolute; top:15px; right:8px; }
.dropdown.dynamic .dropdown-menu { min-width:100%; }

.symbol-sagami { width:25px; height:18px; background:url('../img/symbol-sagami@2x.png') center center no-repeat; background-size:25px 18px; display:inline-block; position:relative; }


@media screen and (max-width: 1215px) {
	
}
@media screen and (max-width: 959px) {
	/* body { overflow:hidden; } */
	.base_glass { display:block; }
}
@media screen and (max-width: 767px) {
	/* body { padding-top:68px; } */
	
	.block_group { width:100%; position:absolute; top:74px; bottom:0; overflow:auto; z-index:8; z-index:2; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar; }
	
	.list_trigger .fa { display:inline-block; }
	.list_trigger .fa-caret-down { display:none; }
	*.expand > .list_trigger .fa-caret-right { display:none; }
	*.expand > .list_trigger .fa-caret-down { display:inline-block; }


}
@media screen and (max-width: 479px) {/* Essential */	
	
}




/* TOP */

.base_header_wrapper { width:100%; position:relative; top:0; left:0; display:inline-block; vertical-align:top; z-index:19; }
.base_header { z-index:12; transition:margin 300ms; -webkit-transition:margin 300ms; background-color:white; position:fixed; position:relative; top:0; height:67px; border-bottom:1px solid var(--sg-light-gray); }
.base_header .base { /*position:relative;*/ z-index:10; width:100%; height:67px; top:0; border-radius:0; display:flex; justify-content:space-between; align-items:center; padding:0 28px; }

.base_header.full > .block_container { max-width:none; }
/* .base_header.full > .block_container > .base { padding:0; max-width:none; overflow:scroll; overflow:auto; overflow:visible; height:auto; } */

.base_nav .material-icons { display:inline-block; vertical-align:middle; font-size:18px; margin-top:-5px; }

.base_nav.top { width:100%; /*position:relative;*/ font-size:1em; margin-top:10px; color:#434343; padding-right:18px; text-align:right; transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; }
.base_nav.top > li { display:inline-block; color:#434343; vertical-align:middle; font-size:14px; list-style-type:none; padding:0 }
.base_nav.top > li + li { margin-left:24px; }
.base_nav.top > li > a { margin-left:8px; font-weight:bold; }
.base_nav.top > li > a i { margin-right:4px; }
.base_nav.top > li > a .fa-caret-down { margin-left:4px; }
.base_nav.top .nav_trigger_wrapper { display:none; }
.base_nav.top .nav_trigger { font-size:1.16em; margin:0; height:45px; width:45px; float:left; text-align:center; position:relative; left:-45px; transition:left 300ms; -webkit-transition:left 300ms; }

.base_logo {
	width:184px; height:17px; background:url('../img/logo-sagami@2x.png') 0 0 no-repeat; background-size:100%; margin:0;
	transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; -ms-transition:-ms-transform 300ms;
}
.base_logo img { position:absolute; top:0; left:0; width:100%; }

.base_nav.main { padding-right:0; display:inline-block; text-align:center; color:#525252; font-weight:600; }
.base_nav.main > li { display:inline-block; vertical-align:middle; list-style-type:none; /*position:relative;*/ margin-left:58px; }
.base_nav.main > li:first-child { margin-left:0; }
.base_nav.main > li:hover > a, .base_nav.main > li.active > a {
	color:var(--sg-pink);
	transition:color 300ms; -webkit-transition:color 300ms; -ms-transition:color 300ms;
}
.base_nav.main > li > a {
	transition:color 300ms, padding 300ms, background-color 300ms; -webkit-transition:color 300ms, padding 300ms, background-color 300ms; -ms-transition:color 300ms, padding 300ms, background-color 300ms;
	line-height:1em; float:left; }
.base_nav.main > li.on > a { color:#ed591b; }
.base_nav.main > li.on:hover > a, .base_nav.main > li.on.active > a { color:white; }
.base_nav.main > li > a i.main {
	margin-right:0; font-size:32px;
	transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg);
}
.base_nav.main > li > a > p { margin:0; cursor:pointer; letter-spacing:1px; font-size:14px; padding:9px 18px; line-height:1; }
.base_nav.main > li:last-child > a > p { padding-right:0; }
.base_nav.main > li .sub { display:none; position:absolute; background:#f7f7f7; list-style-type:none; right:0; padding:0; margin:0; border-radius:0; filter:drop-shadow(0 3px 10px rgba(255,255,255,.5)); top:calc(100% + 1px); left:0; right:0; text-align:center; border-bottom:1px solid var(--sg-light-gray); }
.base_nav.main > li .sub > li { line-height:1; /* display:inline-block; */ display:flex; justify-content:center; position:relative; vertical-align:top; white-space:nowrap; min-width:108px; max-width:118px; }
/* .base_nav.main > li .sub > li + li { border-top:1px solid #193b54; } */
.base_nav.main > li .sub > li .nav_item { float:left; text-align:left; /* padding:12px 18px; */ padding:12px 0; color:#525252; text-align:center; display:flex; flex-direction:column; align-items:center; }
.base_nav.main > li .sub > li .nav_item:hover { color:var(--sg-pink); }
/* .base_nav.main > li .sub > li.active a { color:white; background-color:#434d59; } */

.base_nav.main > li .sub > li .nav_icon { width:72px; margin-bottom:10px; }
.base_nav.main > li .sub > li .nav_icon img { /* width:100%; */ width:auto; height:auto; max-width:72px; max-height:72px; }
.base_nav.main > li .sub > li .nav_label { white-space:normal; }
.base_nav.main > li .sub > li .nav_icon .vertical{ width: unset; height: 72px;}
.base_nav.main > li .sub > li .nav_label { white-space:normal; }

.base_nav.main > li .sub > i { position:absolute; right:15px; bottom:15px; font-size:80px; color:#023f88; opacity:.2; cursor:default; }
.base_nav.main > li.visible .sub { /* display:block; */ display:flex; justify-content:center; }
.base_nav.main > li.expand .sub { display:none; }
.base_nav.main > li.active.visible.expand .sub { /* display:block; */ display:flex; }
.base_nav.main > li .fa-caret-up, .base_nav.main > li .fa-caret-down, .base_nav.main > li .fa-caret-right { margin-left:5px; font-size:16px; }
.base_nav.main > li .fa-caret-up { display:none; }

.base_nav.main > li.mobile { display:none; }

.base_nav.main > li.region-mobile { display: none; }



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
}

@media screen and (min-width: 1920px) {

}
@media screen and (max-width: 1919px) and (min-width: 1320px) {

}
@media screen and (max-width: 1919px) {
	
}
@media screen and (min-width: 1620px) {
	
}
@media screen and (min-width: 1320px) {
	.base_nav.top .nav_trigger_wrapper { display:none; }
	
	.base_nav.main { padding-right:0; border-radius:0 0 8px 8px; }

}
@media screen and (min-width: 1216px) {
	
}
@media screen and (max-width: 1215px) {
	
}
@media screen and (max-width: 1215px) and (min-width: 1081px) {
	
}
@media screen and (max-width: 1215px) and (min-width: 768px) {
	
}
@media screen and (min-width: 1081px) {/* Essential */

}
@media screen and (max-width: 1080px) {
	/* .base_nav.main > li .sub { margin-top:11px; } */
}
@media screen and (max-width: 1080px) and (min-width: 960px) {
	.base_nav.main > li > a > p { font-size:12px; }
}
@media screen and (min-width: 960px) {
	.base_nav.top { display:none; }
	/*.base_nav.main > li > a:focus { display:none; }*/
}
@media screen and (max-width: 959px) {/* Essential */
	.base_header { background-size:auto 74px; left:0; z-index:15; }	
	.base_header > .block_container { height:auto; }
	.base_header .base { top:0 !important; z-index:11; border-radius:0; }

	.base_nav.top { order:1; z-index:12; width:100%; width:unset; padding-right:0; margin-top:0; }
	.base_nav.top > li.desktop { display:none; }
	.base_nav.top .nav_trigger_wrapper { display:block; margin-top:4px; }
	.base_nav.top .nav_trigger { left:0; float:right; line-height:45px; text-align:center; }
	.base_nav.top .nav_trigger .fa { font-size:24px; line-height:45px; margin:0; }
	.nav_active .base_nav.top { transform:translate(-264px,0); }

	.base_logo { order:0; }
	.nav_active .base_logo { transform:translate(-264px,0); }

	.base_nav.main {
		display:block; position:fixed; width:264px; height:auto; left:auto; right:0; top:0; bottom:0; z-index:1; margin:0; padding-top:28px; padding-right:0; background-color:#f7f7f7; line-height:1; overflow:scroll;
		transform:translate(264px,0); -webkit-transform:translate(264px,0); -ms-transform:translate(264px,0); -webkit-overflow-scrolling:touch;
	}
	.nav_active .base_nav.main { transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; transform:translate(0,0); }
	
	.base_nav.main > li { width:100%; text-align:left; border-bottom:1px solid var(--sg-light-gray); padding:0; font-size:14px; margin-top:0; }
	.base_nav.main > li + li { border-left:0; margin-left:0; }
	.base_nav.main > li > a { float:left; font-size:16px; padding:15px 14px; width:100%; line-height:1; }
	.base_nav.main > li > a:first-child { border-top:0; }
	/* .base_nav.main > li > a:hover, .base_nav > li.active > a { background-color:#0a1721; } */
	.base_nav.main > li.expand > a { color:white; background-color:var(--sg-global-gray); }
	.base_nav.main > li:first-child { border-top:var(--sg-light-gray) 1px solid; }
	/* .base_nav.main > li:hover a { color:#023f88; } */
	.base_nav.main > li.on:hover > a { color:white; }
	.base_nav.main > li.on > a, .base_nav.main > li.on.active > a, .base_nav.main > li.on:hover > a, .base_nav.main > li.on.active:hover > a { color:#ed591b; }
	/* .base_nav.main > li:hover > a, .base_nav.main > li.active > a { color:white; } */
	
	.base_nav.main > li > a i.main { display:inline-block; vertical-align:middle; margin-right:4px; width:40px; text-align:center; font-size:28px; }
	.base_nav.main > li > a > p { display:inline-block; vertical-align:middle; padding:0; }
	
	.base_nav.main > li .sub { background-color:transparent; border-bottom:0; }
	.base_nav.main > li .sub > li { margin:0; width:100%; min-width:unset; max-width:unset; flex-direction:column; }
	.base_nav.main > li .sub > li + li { border-top:0; }
	.base_nav.main > li .sub > li .nav_item { font-size:1em; padding:12px 24px; width:100%; display:flex; flex-direction:row; align-items:center; }
	.base_nav.main > li .sub > li .nav_icon { margin-bottom:0; margin-right:8px; flex:0 0 72px; }
	.base_nav.main > li .sub > li .nav_label { text-align:left; flex:1; }
	
	.base_nav.main > li.expand .sub { display:block !important; }
	.base_nav.main > li.visible .sub { display:none; }
	.base_nav.main > li .sub { position:relative; margin:0; width:100%; float:left; min-width:0; filter:none; }
	
	
	.base_nav.main > li .fa-caret-up, .base_nav.main > li .fa-caret-down, .base_nav.main > li .fa-caret-right { display:none; }
	.base_nav.main > li .fa-caret-down, .base_nav.main > li .fa-caret-right { display:inline-block; }
	.base_nav.main > li.expand .fa-caret-down { display:none; }
	.base_nav.main > li.expand .fa-caret-up { display:inline-block; }
	
	.base_nav.main > li.mobile { display:inline-block; }

	.base_nav.main > li .round { border:0; }
	
	.base_nav.main > li.region-mobile { display: inline-block; }
}
@media screen and (max-width: 859px) {
	
}
@media screen and (max-width: 767px) {/* Essential */
	.base_header .base { padding:0 18px; }

}
@media screen and (max-width: 669px) {/* Essential */

}
@media screen and (max-width: 479px) {/* Essential */	

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

}




/* MAIN */

.base_main { position:relative; transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; background-color:white; /*min-height:calc(100vh - 68px);*/ }
.base_main.flow { position:absolute; top:74px; bottom:73px; bottom:0; }
.base_main > .block_container { height:100%; }
.base_main .base { position:relative; float:left; width:100%; height:100%; padding-left:28px; padding-right:28px; }

.base_main.full > .block_container { max-width:none; }
.base_main.full > .block_container > .base { padding:0; max-width:none; overflow:scroll; overflow:auto; overflow:visible; height:auto; }


.base_pagenav { position:-webkit-sticky; position:sticky; top:0; background-color:#ffffff; z-index:11; display:flex; width:100%; border-bottom:1px solid var(--sg-light-gray); }
.base_pagenav.static { position:relative; top:unset; z-index:unset; }
.base_pagenav.full > .block_container { max-width:none; }
.base_pagenav .base { padding:0 28px; }

.pagenav_wrapper { display:flex; width:100%; align-items:center; justify-content:space-between; padding:16px 0; }
.pagenav_title { font-size:18px; font-weight:600; line-height:1.75rem; cursor:pointer; }
.pagenav_item { font-size:14px; }
.pagenav_item + .pagenav_item { margin-left:28px; }
.pagenav_item.btn_shop { display:unset; }
.pagenav_toggler { display:none; width:40px; height:40px; line-height:1.75ren; text-align:center; }


.base_front { position:relative; width:100%; height:100%; height:calc(var(--vh, 1vh) * 100 - 68px); }
.base_contents { position:relative; width:100%; float:left; margin-bottom:6.5em; }

.base_contents h3 { margin-bottom:1.2em; }
.base_contents p { margin-bottom:1.2em; }

.base_contents.legal h3 { margin-bottom:.5em; }
.base_contents.legal p { margin-bottom:2em; }

.billboard_wrapper { position:relative; width:100%; height:100%; cursor:grab; }
.billboard_wrapper .billboard { position:absolute; width:100%; height:100%; }
.billboard_wrapper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width:17px; height:17px; background-color:rgba(255,255,255.1); margin:0 12px; }
.landing { background:white; background-size:cover; background-position:center center; }

.boxed_obj_wrapper { width:100%; max-width:1320px; height:100%; margin:0 auto; }
.boxed_obj { position:relative; width:100%; height:100%; padding:45px; display:flex; justify-content:space-between; flex-direction:column; }
.boxed_obj h2, .boxed_obj .h2 { font-size:64px; text-align:center; color:white; }
.boxed_obj .kv_wrapper { max-width:508px; width:100%; }
.boxed_obj .kv { width:100%; object-fit:contain; }

.tagline { font-family:"nimbus-sans", "source-han-sans-traditional", sans-serif; text-align:left; }
.tagline h2, .tagline .h2 { font-size:4.875rem; text-align:left; letter-spacing:-.04em; line-height:1em; margin-bottom:1rem; font-weight:bold; word-spacing:-.05em; }
.tagline h2 strong, .tagline .h2 strong { font-weight:bold; }
.tagline sup { top: -.2em; }
.tagline p { font-size:1rem; color:white; font-weight:300; margin-bottom:2rem; }

.landing.art_001 { background-color:var(--sg-gold); }
.landing.art_001 .boxed_obj { justify-content:center; align-items:center; }

.landing.art_001ls { background-image:url('../img/contents/products/so001ls/bg-so001ls-sq-blur.jpg'); }
.landing.art_001ls .boxed_obj { justify-content:center; align-items:center; }

.landing.art_001el { background-image:url('../img/contents/products/so001el/bg-so001el-sq-blur.jpg'); }
.landing.art_001el .boxed_obj { justify-content:center; align-items:center; }
.landing.art_001el .boxed_obj h1, .landing.art_001el .boxed_obj p { color: #525252; }

.landing.art_001lsel { background-color:var(--sg-lightblue); background-image:url('../img/contents/products/so001lsel/bg-so001lsel-sq-blur.jpg'); background-position: bottom; }
.landing.art_001lsel .boxed_obj { justify-content:center; align-items:center; }
.landing.art_001lsel .boxed_obj h1, .landing.art_001lsel .boxed_obj p { color:black; }

.landing.art_01 { background-color:var(--sg-red); }
.landing.art_01 .boxed_obj { justify-content:center; align-items:center; }

.landing.art_02 { background-color:black; }
.landing.art_02 .boxed_obj { justify-content:center; align-items:center; }

.landing.art_el { background-color:var(--sg-lightblue); }
.landing.art_el .boxed_obj { justify-content:center; align-items:center; }

.landing.art_lsel { background-color:var(--sg-lightblue); background-image:url('../img/contents/products/so002lsel/bg-solsel-sq-blur.jpg'); }
.landing.art_lsel .boxed_obj { justify-content:center; align-items:center; }
.landing.art_lsel .boxed_obj h1, .landing.art_lsel .boxed_obj p { color:black; }

.landing.art_03 { background-image:url('../img/contents/about/bg-vision-01.jpg'); }
.landing.art_03 .boxed_obj { justify-content:center; align-items:center; font-size:4rem; max-width:935px; margin:0 auto; }
.landing.art_03 .boxed_obj h2 { color:var(--sg-global-gray); line-height:1.1em; }

.hero { text-align:center; margin:0 0 4em; position:relative; width:100%; padding:7em 0 2em; }
/* .hero span { color:#333333; background:url('../img/symbol-sagami@2x.png') left center no-repeat; background-size:43px; display:inline-block; padding-left:51px; text-align:left; } */
.hero_wrapper { max-width:935px; width:100%; margin:0 auto; }
.hero_title { line-height:1.1em; margin-bottom:.6em; }
.hero_title sup { font-size:.5em; }
.hero_desc { font-size:20px; line-height:1.5em; }


.contents_wrapper { position:relative; }
.indent { padding-left:4rem; padding-right:4rem; }

.contents_wrapper ol, .contents_wrapper ul { /* font-size:20px */ font-size:1.25em; line-height:1.625em; margin-bottom:1.5em; }




/* Widget - Text */
.widget_text { position:relative; }


/* Widget - Images */
.widget_images { position:relative; }
.widget_images img { width:100%; }


/* Widget - Grid Panel */
.widget_gridpanel { display:flex; position:relative; /*font-size:36px;*/ font-size:2.25em; justify-content:space-between; flex-wrap:wrap; }

.widget_gridpanel .grid-article { position:relative; border-radius:16px; overflow:hidden; margin-bottom:12px; cursor:pointer; }
.widget_gridpanel .grid-sizer { position:relative; width:100%; }
.widget_gridpanel .grid-contents { position:absolute; top:0; left:0; width:100%; height:100%; }

.widget_gridpanel .grid-number { position:absolute; z-index:10; bottom:8px; left:24px; right:24px; /*font-size:72px;*/ font-size:2em; line-height:1.1em; font-weight:bold; color:var(--sg-global-gray); }
.widget_gridpanel .grid-title { position:absolute; z-index:10; top:24px; left:24px; right:24px; /*font-size:36px;*/ font-size:1em; line-height:1.1em; font-weight:bold; color:var(--sg-red); text-align:right; }
.widget_gridpanel .grid-msg {
	position:absolute; z-index:10; left:0; bottom:0; right:0; /*font-size:18px;*/ font-size:.5em; color:white; background-color:rgba(82,82,82,.95); padding:28px; transform:translateY(100%);
	transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; -ms-transition:-ms-transform 300ms;
}
.widget_gridpanel .grid-article:hover .grid-msg { transform:translateY(0); -webkit-transform:-webkit-translateY(0); -ms-transform:-ms-translateY(0); }
.widget_gridpanel .grid-bg {
	position:absolute; z-index:1; width:100%; height:100%; background-size:cover; background-position:center; transform:scale(1);
	transition:transform 600ms; -webkit-transition:-webkit-transform 600ms; -ms-transition:-ms-transform 600ms;
}
.widget_gridpanel .grid-article:hover .grid-bg { transform:scale(1.1); }

.widget_gridpanel .grid-6x4 { flex:0 0 calc(60% - 6px); }
.widget_gridpanel .grid-4x4 { flex:0 0 calc(40% - 6px); }
.widget_gridpanel .grid-4x3 { flex:0 0 calc(40% - 6px); }
.widget_gridpanel .grid-3x3 { flex:0 0 calc(30% - 6px - 6px); }

.widget_gridpanel .grid-6x4 .grid-sizer { padding-bottom:calc(100% / 6 * 4); }
.widget_gridpanel .grid-4x4 .grid-sizer { padding-bottom:100%; }
.widget_gridpanel .grid-4x3 .grid-sizer { padding-bottom:calc(100% / 4 * 3); }
.widget_gridpanel .grid-3x3 .grid-sizer { padding-bottom:100%; }


/* Widget - Simple Panel */
.widget_simplepanel { display:flex; align-items:center; margin-left:auto; margin-right:auto; max-width:1320px; }
.widget_simplepanel .widget_text { flex:1 1 45%; padding-right:28px; }
.widget_simplepanel .widget_images { flex:1 1 55%; }

.widget_simplepanel .widget_gridpanel { width:100%; }


/* Widget - Card Panel */
.widget_cardpanel { display:flex; position:relative; flex-wrap:wrap; }
.widget_cardpanel::after { content:''; flex:100%; }
.widget_card { flex:0 1 calc(25% - 12px); margin:0 6px 12px; background-color:#f2f2f2; border-radius:8px; padding:22px; }
.widget_card .heroimg { width:100%; }
.widget_card .title { font-size:1.125em; font-weight:bold; line-height:1.3em; }


/* Widget - Product Panel */
.widget_productpanel { display:flex; position:relative; flex-wrap:wrap; }

.widget_gallery { width:58%; position:relative; margin-bottom:8em; }
.widget_gallery .swiper-container { width:100%; }
.widget_gallery .swiper-wrapper { cursor:grab; }
.widget_gallery .swiper-slide { background-color:#f2f2f2; }
.widget_gallery .swiper-slide img { width:100%; }
.widget_gallery .swiper-button-prev, .widget_gallery .swiper-button-next { color:var(--sg-global-gray); }
.widget_gallery .swiper-pagination-bullet { width:12px; height:12px; background-color:var(--sg-global-gray); }
.widget_gallery .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 7px; }

.widget_intro { width:42%; padding:5em 0 5em 5em; display:flex; align-items:center; margin-bottom:8em; }
.widget_intro strong { font-weight:600; }
.widget_intro p:last-child { margin-bottom:0; }

.widget_description { width:58%; position:relative; }
.widget_specification { width:42%; padding:0 0 0 5em; position:relative; }

.widget_speclist { position:relative; display:flex; flex-wrap:wrap; }
.widget_specitemsgroup { position:relative; flex:1; margin-right:1em; }
.widget_specitemsgroup.dimension { flex:0; margin:0; }
.widget_specitemsgroup.graph { flex:100%; margin:1em 0 0 0; }
.widget_specitems { position:relative; list-style-type:none; padding-left:0; }
.widget_speclist .widget_specitems { margin-bottom:0; }
.widget_specitem { margin-left:24px; position:relative; display:flex; flex-direction:column; line-height:1.3em; margin-bottom:.5em; }
.widget_specitem::before { position:absolute; content:''; width:18px; height:18px; background-color:var(--sg-global-gray); border-radius:18px; left:-24px; top:.2em; }
.widget_itemtitle { font-weight:bold; width:100%; margin-bottom:.25em; }
.widget_itemcontents { width:100%; }

.widget_infobox_container { width:100%; position:relative; display:flex; flex-wrap:wrap; }
.widget_infobox { flex:0 1 33.33%; padding-right:16px; margin-bottom:1em; }


/* Widget - Full Panel */
.widget_fullpanel { display:flex; align-items:center; position:relative; width:100%; flex-direction:column; }
.fullpanel_img { width:100%; height:100%; max-height:900px; object-fit:cover; }


/* Widget - Title */
.widget_title { width:100%; max-width:1320px; text-align:center; margin-top:5.125rem; margin-bottom:3.375rem; }


/* Widget - Timeline */
.widget_timeline { display:flex; align-items:center; position:relative; width:100%; max-width:1320px; margin-left:auto; margin-right:auto; }
.widget_timeline_cards { display:flex; align-items:center; position:relative; flex-direction:column; }
.widget_timeline_card { width:50%; }
.widget_timeline_axis { position:absolute; width:8px; height:100%; border-radius:8px; background-color:var(--sg-pink); left:calc(50% - 4px); }


.card_hdr { display:flex; align-items:center; margin-bottom:1rem; }
.card_pointer { width:60px; height:8px; background-color:var(--sg-pink); border-radius:8px; position:relative; right:8px; }
.card_pointer::after { content:""; width:18px; height:18px; background-color:var(--sg-pink); border-radius:18px; position:absolute; top:-5px; left:0; }

.card_year { color:var(--sg-pink); }
.card_year h2 { margin:0; }
.card_title { padding-left:4rem; margin-bottom:2rem; }
.card_title img { max-width:max-content; width:100%; margin-bottom:2em; }
.card_title h3 { margin:0; }
.card_contents { font-size:28px; padding-left:4rem; /* display:none; */ }
.card_contents_preview { display:block; }
.card_contents_full { display:none; }
.card_contents.active .card_contents_preview { display:none; }
.card_contents.active .card_contents_full { display:block; }
.card_contents .card_play { text-decoration:underline; cursor:pointer; }
.card_contents .card_play .fa { display:inline-block; vertical-align:middle; margin-right:.25rem; }
.card_contents .card_play p { display:inline-block; cursor:pointer; vertical-align:middle; margin-bottom:0; }
.card_toggler { font-size:28px; line-height:40px; padding:0 10px; display:inline-block; }
.card_toggler .fa-stack { font-size:16px; }
.card_toggler .fa-stack-1x { color:white; }
.card_toggler .symbol-expand { display:inline-block; }
.card_toggler .symbol-collapse { display:none; }
.card_showmore { font-size:1.125rem; text-decoration:underline; color:var(--sg-pink); margin-bottom:2rem; display:inline-block; }
.card_footnote { font-size:14px; }

.widget_timeline_card.active .card_toggler .symbol-expand { display:none; }
.widget_timeline_card.active .card_toggler .symbol-collapse { display:inline-block; }


/* Widget - Test Card */
.widget_testcard { display:flex; align-items:center; position:relative; width:100%; max-width:1320px; margin-left:auto; margin-right:auto; margin-bottom:3rem; }
.widget_testcard h3 { margin-bottom:.5em; }

.testcard_number { background-color:var(--sg-red); color:white; padding:1rem; position:absolute; border-bottom-left-radius:4px; border-bottom-right-radius:4px; left:2em; }
.testcard_number h2 { margin:0; }
.testcard_body { background-color:white; position:relative; width:100%; }
.testcard_contents { display:flex; padding:6em 4em; align-items:center; }
.testcard_left { flex:1 1 calc(38% - 2em); margin-right:2em; display:flex; justify-content:center; }
.testcard_left img { max-width:70%; }
.testcard_right { flex:1 1 62%; display:flex; flex-direction:column; align-items:center; }
.testcard_right img { max-width:100%; margin-bottom:2em; }
.testcard_right p { margin-bottom:0; }

.testcard_contents.half .testcard_left { flex:1 1 50%; }
.testcard_contents.half .testcard_left img { max-width:90%; }
.testcard_contents.half .testcard_right { flex:1 1 50%; }
.testcard_contents.half .testcard_right .img { width:70%; display:flex; justify-content:center; }


/* Widget - Evolution Chart */
.widget_evochart { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; }
.evochart_wrapper { width:100%; padding-bottom:10rem; position:relative; }
.evochart_wrapper .chart { width:100%; position:absolute; bottom:0; left:0; z-index:1; }
.evochart_wrapper .chart.vertical { display:none; width:unset; height:100%; bottom:unset; top:0; width:20px; }
.evochart_items { display:flex; align-items:unset; width:100%; flex-direction:row; justify-content:space-between; }
.evochart_item { background-color:var(--sg-lighter-gray); width:19%; border-radius:8px; margin-bottom:0; display:flex; }
.evochart_item .inner_wrapper { width:100%; height:100%; padding:1.125rem; display:flex; flex-direction:column; justify-content:space-between; position:relative; z-index:1; }
.evochart_item .text { width:100%; }
.evochart_item .title { font-size:28px; font-weight:bold; word-wrap:normal; width:100%; display:block; margin-bottom:.2em; line-height:1em; }
.evochart_item .generation { font-size:18px; font-weight:bold; line-height:1em; }
.evochart_item .year { font-size:18px; font-weight:bold; }
.evochart_item .thickness { font-size:16px; margin-bottom:1em; }
.evochart_item .product { max-width:100%; }
.evochart_item .note { position:absolute; top:calc(100% + 10px); right:0; text-align:right; line-height:1em; }
.evochart_item .pointer { position:absolute; width:4px; top:0; bottom:0; z-index:0; margin-left:20px; background-color:var(--sg-lighter-gray); }


/* Widget - Products detail */
.productscard { background-color:white; }
.widget_productscards { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; }

.widget_productscard { width:100%; position:relative; margin-bottom:6rem; }
.productscard_body { width:100%; }
.productscard_number { background-color:var(--sg-red); color:white; padding:1rem; position:absolute; border-bottom-left-radius:4px; border-bottom-right-radius:4px; left:3em; z-index:1; }
.productscard_number h2 { margin:0; }
.productscard_bg { position:absolute; width:100%; top:0; left:0; padding-bottom:55%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.productscard_flipbook { position:relative; width:100%; height:100%; outline:none; pointer-events:none; }
.productscard_flipbook:active { border:0; }
.productscard_card { position:relative; padding-top:30%; padding-left:50%; padding-right:3rem; pointer-events:none; }
.left .productscard_card { padding-left:3rem; padding-right:50%; }
.center .productscard_card { padding-top:51%; padding-left:25.75%; padding-right:25.75%; }

.productscard_card_fx_wrapper { width:100%; position:relative; }
.productscard_card_container {
	width:100%; filter:drop-shadow(0 0 30px rgba(0,0,0,.2)); position:relative; transform:translateZ(0); -webkit-transform:translateZ(0); pointer-events:initial; }
.productscard_card_contents { position:relative; width:100%; padding:4rem; background-color:white; z-index:1; }
.productscard_card_contents p { margin-bottom:0; }
.productscard_card_contents p + p { margin-top:2.875rem; }

.productscard_figure_plength { width:100%; max-width:400px; margin:0 auto 2em; position:relative; }
.productscard_figure_plength .caption { position:absolute; padding:.25em .5em; background-color:white; line-height:1.5em; margin:0; }
.productscard_figure_plength .length { left:46%; top:10%; transform:translateX(-50%) translateY(-50%); }
.productscard_figure_plength .circumference { right:8%; top:67%; transform:translateY(-50%); }

.productscard_card_table { margin-bottom:2.5em; width:100%; }
.productscard_card_table th, .productscard_card_table td { padding:.5em; padding-right:1em; border-bottom:1px solid var(--sg-light-gray); }
.productscard_card_table thead th { text-align: center; }
.productscard_card_table tbody th { padding-left:0; }
.productscard_card_table tbody td { text-align: center; }
.productscard_card_table tbody > tr:last-child > * { border-bottom:0; }

.productscard_card_frame { position:absolute; width:100%; height:100%; top:5px; left:5px; opacity:.4; background:linear-gradient(130deg, rgba(83,91,94,1) 0%, rgba(254,254,254,1) 25%, rgba(74,81,84,1) 50%, rgba(253,253,253,1) 75%, rgba(83,91,94,1) 100%); }

.step-gp {display: flex; justify-content: center;margin-top: -20px;}
.step{ position: relative; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.step-img {background-color: white; box-shadow: 0px 0px 10px rgba(57, 57, 57, 0.25);}
.step-img img { width: 100%; aspect-ratio: 1/1; }
.step-number { position: absolute; top: 0; left: 5px;font-weight: 700; background-color:var(--sg-red); color:white; padding: 5px; border-radius: 0 0 3px 3px;}


/* Widget - Available in */
.availablein { background-color:var(--sg-lighter-gray); }
.widget_availablein { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; display:flex; align-items:flex-start; flex-direction:column; margin-bottom:5.68rem; }

.availablein_main { /* flex:0 1 80%; max-width:80%; */ width:100%; margin-right:1rem; margin-bottom:1rem; }

.availablein_container { position:relative; background-color:white; width:100%; }
.availablein_slides { position:relative; background-color:white; width:100%; }
.availablein_slide { position:relative; display:flex; flex-direction:row; padding:2rem; /* height:unset; */ }
.availablein_title { font-weight:600; color:var(--sg-red); }
.availablein_image_wrapper { position:relative; flex:1; display:flex; flex-direction:column; }
.availablein_image { position:relative; /* width:54.72%; */ width:60%; align-self:center; }
.availablein_image { margin-left:auto; margin-right:auto; flex:1; display:flex; flex-direction:column; justify-content:center; }
.availablein_image img, .availablein_image img.product { width:100%; max-width:unset; aspect-ratio:1/1; display:block; }
.availablein_datas { /* width:40%; */ flex:0 0 23.6%; /* flex:0 0 300px; */ border-left:1px solid var(--sg-light-gray); display:flex; padding-left:1rem; flex-direction:column; }
.availablein_data { font-size:1.125em; margin-bottom:1rem; }
.availablein_data_title.large { font-size:1.1em; font-weight:bold; }
.availablein_data_content { font-weight:600; }
.availablein_data_blocks { display:flex; flex-direction:row; /* gap:0 1em; */ justify-content:space-between; }
.availablein_data_block { margin-bottom:.25em; }
.availablein_data_block + .availablein_data_block { margin-left:1em; }
.availablein_data_block .availablein_data_title { white-space:nowrap; }

.availablein_data.spec { margin-top:auto; margin-bottom:0; }
.availablein_data.spec .availablein_data_title.large { margin-bottom:.75em; }

.availablein_side { /* flex:0 0 20%; */ width:100%; }

.availablein_thumbs_container { width:100%; }
.availablein_thumbs { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:100%; }
.availablein_thumb { /* flex:0 0 calc(50% - .5rem); */ width:100px; margin-right:1rem; }
.availablein_thumb:hover { color:var(--sg-red); }
.availablein_thumb_image { background-color:white; margin-bottom:.5rem; border:3px solid transparent; }
.swiper-slide-thumb-active { color:var(--sg-red); }
.swiper-slide-thumb-active .availablein_thumb_image { border:3px solid var(--sg-red); }
.availablein_thumb_image img, .availablein_thumb_image img.product { width:100%; max-width:unset; aspect-ratio:1/1; display:block; }
.availablein_thumb_caption { text-align:center; font-weight:600; }


/* Widget - Comparison */
.comparison { background-color:white; }
.widget_comparison { width:100%; max-width:1920px; margin-left:auto; margin-right:auto; margin-bottom:5.68rem; }
.widget_comparison_container { width:100%; position:relative; }

.comparison_main { position:relative; width:100%; }

.comparison_grid { width:100%; }
.comparison_rowgroup { width:100%; position:relative; margin-bottom:3rem; }
.comparison_rowgroup.header { position:sticky; top:var(--subnavheight); z-index:1; background-color:white; }
.comparison_rowgroup.header .comparison_rowheader { display:none; }
.comparison_rowgroup.header .comparison_column { justify-content:flex-start; }
.comparison_row { position:sticky; top:100px; display:grid; --column-gap:2%; --columns:9; margin:0 auto; grid-template-columns:repeat(var(--columns), calc((100% - var(--column-gap) * (var(--columns) - 1))/var(--columns))); column-gap:var(--column-gap); }
.init_5 .widget_comparison { max-width:1620px; }
.init_5 .comparison_row { --columns:5; }
.init_4 .comparison_row { --columns:4; }
.init_3 .comparison_row { --columns:3; }
.init_2 .comparison_row { --columns:2; }

.comparison_rowheader { width:100%; grid-column:1/9 span; text-transform:uppercase; letter-spacing:.06em; font-weight:600; border-bottom:1px solid var(--sg-light-gray); }
.init_5 .comparison_rowheader { grid-column:1/5 span; }
.init_4 .comparison_rowheader { grid-column:1/4 span; }
.init_3 .comparison_rowheader { grid-column:1/3 span; }
.init_2 .comparison_rowheader { grid-column:1/2 span; }
.comparison_rowheader h3 { margin-bottom:1rem; }
.comparison_column { padding:2rem 0; text-align:center; display:flex; flex-direction:column; justify-content:center; } /* 20211221 */
.comparison_column p { line-height:1.1em; }
.comparison_img img { width:80%; max-width:200px; /* aspect-ratio:103/57; */ }
.comparison_column .note { font-size: 14px; margin-top: 10px; }
.comparison_column .note > div { margin-top: 5px; }

.comparison_rowgroup.ph h3 { text-transform: none; }
.comparison_rowgroup.package img, .comparison_rowgroup.shape img { margin-bottom:1em; width:80%; max-width:168px; display:block; margin-left:auto; margin-right:auto; }
.comparison_rowgroup.package img { aspect-ratio:1/1; }
.comparison_rowgroup.shape img { aspect-ratio:5/1; }

.comparison_selector { position:relative; overflow:hidden; }
.comparison_selector_button { position:relative; width:100%; min-height:50px; display:flex; justify-content:space-between; align-items:center; border:1px solid var(--sg-light-gray); padding:.2rem .5rem; margin-bottom:.5rem; }
.comparison_selector_button span { text-align:left; line-height:1.1; }
.comparison_selector_arrow { font-size:16px; }
.comparison_selector_list { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-appearance:none; font-size:16px; }


/* Widget - Banner link */
.bannerlink { background-color:var(--sg-light-gray); }
.widget_bannerlink { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; margin-bottom:5.68rem; }

.bannerlink_banner { width:100%; height:385px; display:flex; align-items:center; justify-content:center; color:var(--sg-red); background-size:cover; background-repeat:no-repeat; background-position:center center; margin-bottom:1.125rem; }
.bannerlink_banner:hover { color:var(--sg-red); }
.bannerlink_box { height:200px; display:flex; align-items:center; justify-content:center; padding:0 2.875rem; background-color:rgba(255,255,255,.7); backdrop-filter:blur(3px); }
.bannerlink_box_wrapper { display:flex; flex-direction:row; border-bottom:2px solid var(--sg-red); align-items:center; }
.bannerlink_box_arrow .material-icons { font-size:72px; margin-left:-20px; margin-right:-10px; }
.bannerlink_box_text { cursor:pointer; }

.bannerlink_banner.heroes { background-image:url('../img/contents/products/bg-learnmore-01.jpg'); background-position:left center; }
.bannerlink_banner.sagamiquality { background-image:url('../img/contents/products/bg-learnmore-02.jpg'); background-position:right center; }
.bannerlink_banner.evolution { background-image:url('../img/contents/products/bg-learnmore-03.jpg'); background-position:center center; }


/* Widget - Heroes Picker */
.heroespicker { background-color:white; border-bottom:1px solid var(--sg-light-gray); }
.widget_heroespicker { width:100%; height:50vw; max-height:960px; display:flex; }

.heroespicker_button { width:20%; height:100%; position:relative; display:flex; justify-content:center; align-items:flex-end; padding-bottom:3.625rem; padding-bottom:3vw; }

.heroespicker_bg {
	width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-repeat:no-repeat; background-position:center center; filter:saturate(0);
	transition:filter 300ms; -webkit-transition:filter 300ms; -ms-transition:filter 300ms;
}
.heroespicker_button:hover .heroespicker_bg { filter:saturate(1); }
.heroespicker_button.masataka .heroespicker_bg { background-image:url('../img/contents/learnmore/contents-heroes-picker-01.jpg'); }
.heroespicker_button.chiaki .heroespicker_bg { background-image:url('../img/contents/learnmore/contents-heroes-picker-02.jpg'); }
.heroespicker_button.yoshiaki .heroespicker_bg { background-image:url('../img/contents/learnmore/contents-heroes-picker-03.jpg'); }
.heroespicker_button.akira .heroespicker_bg { background-image:url('../img/contents/learnmore/contents-heroes-picker-04.jpg'); }
.heroespicker_button.shinichi .heroespicker_bg { background-image:url('../img/contents/learnmore/contents-heroes-picker-05.jpg'); }

.heroespicker_identity { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background-color:white; width:180px; padding:.5rem 0; position:relative; }
.heroespicker_name { font-size:1.625em; height:88px; line-height:1; font-weight:bold; color:var(--sg-pink); border-bottom:1px solid var(--sg-pink); display:flex; align-items:center; }
.heroespicker_desc { font-size:1.125em; height:85px; line-height:1em; font-weight:600; color:var(--sg-global-gray); display:flex; align-items:center; }


/* Widget - Heroes Article */
.heroesarticle { background-color:white; position:relative; }
.widget_heroesarticle { width:100%; padding-top:13rem; }
.heroesarticle_main { position:relative; }
.heroesarticle_main + .heroesarticle_main { margin-top:10rem; }
.heroesarticle_bg { position:absolute; width:100%; top:7rem; bottom:9rem; background-color:var(--sg-lighter-gray); }
.heroesarticle_contents { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; position:relative; display:flex; flex-direction:column; }

.heroesarticle_first { display:flex; margin-bottom:4.625rem; }

.heroesarticle_infopanel { margin-right:4.125rem; flex:0 0 34%; }
.heroesarticle_heroimg { width:100%; margin-bottom:2.125rem; }
.heroesarticle_info { display:flex; flex-direction:column; text-align:center; }
.heroesarticle_info_title { display:none; padding-bottom:.5rem; border-bottom:1px solid var(--sg-global-gray); }
.heroesarticle_info_desc { font-size:20px; font-weight:600; margin-bottom:1rem; }
.heroesarticle_info_list { border:1px solid var(--sg-global-gray); display:flex; flex-direction:column; padding:0 .5rem; }
.heroesarticle_info_list span { border-bottom:1px solid var(--sg-global-gray); padding:.3rem 0; line-height:1; }
.heroesarticle_info_list span:last-child { border-bottom:0; }

.heroesarticle_wrapper { position:relative; }
.heroesarticle_qatitle { margin-top:1.875rem; margin-bottom:8.2rem; }
/* .heroesarticle_qatable { } */
.heroesarticle_qatable th { padding-right:.5rem; }
.heroesarticle_question { color:var(--sg-pink); font-weight:600; vertical-align:top; }
.heroesarticle_question p { margin-bottom:.5rem; }
.heroesarticle_answer { vertical-align:top; }

.heroesarticle_sub { width:100%; display:flex; flex-direction:row; position:relative; padding:4.625rem 0 0 4.625rem; }
.heroesarticle_sub_bg { position:absolute; top:0; left:0; bottom:0; right:12rem; background-color:white; }
.heroesarticle_sub .heroesarticle_wrapper { display:flex; }
.heroesarticle_sub .heroesarticle_qabox { flex:1; padding-right:2.875rem; }
.heroesarticle_sub_img { flex:0 0 36%; }
.heroesarticle_sub_img img { width:100%; }


/* Widget - Map */
.findastore { background-color:white; position:relative; margin-bottom:0; }
.widget_shoplist { width:100%; }






/* Page style - Contact us */
.contactus .widget_text { margin-bottom:4em; }




/* Page style - Vision */
.about_vision .hero { background:url('../img/contents/about/bg-vision-01.jpg') center center no-repeat; background-size:cover; padding:15vw 0 12vw; }




/* Page style - Products detail */
.about_brandkit .widget_simplepanel { align-items: unset; max-width: 935px; }
.widget_bar { background-color: var(--sg-global-gray); height: 10px; border-radius: 10px 10px 0 0 ; }

.about_brandkit .widget_text {text-align: center;  padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid lightgray; }
.about_brandkit .widget_text .note { border: 1px solid lightgray; border-radius: 1em; padding: .75em 1em; }
.brand_block { display: flex; flex-direction: column; margin-bottom: 1em; flex: 1; }
.brand_block_2 .widget_text { border-radius: 0 0 10px 10px; }
.about_brandkit .download { width: 100%; display:flex; flex-direction:column; align-items:center; justify-content: center; color:var(--sg-global-gray); flex: 1; }
.about_brandkit a.download * { cursor:pointer; }

.about_brandkit .download .title { margin-bottom:1rem; }
.about_brandkit .download .icon .fa, .about_brandkit .download .icon .fa-solid { font-size:72px; margin-bottom:.5rem; }
.about_brandkit .download .icon .fa + .fa, .about_brandkit .download .icon .fa-solid + .fa-solid { margin-left:1rem; }
.about_brandkit .download .text { font-size:1rem; text-align:center; margin-bottom: 0; }
.about_brandkit .download p+p { margin-top: 10px; }
.about_brandkit .download span { font-size: small; }

.about_brandkit .download_btn { background-color: #808080; color: white; width: 100%; padding: 5px; border-radius: 5px; text-align: center; transition: all 300ms; margin-top: 30px; }
.about_brandkit .download_btn:hover { background-color: var(--sg-pink); color: white; }
.about_brandkit .download_btn span { background-color: #F7F7F7; padding: 2px 20px; border-radius: 5px; color: var(--sg-global-gray); float: right; }
.about_brandkit .date { border: 1px solid lightgray; border-radius: 0 0 10px 10px; background-color: #F7F7F7;  padding: 3px; display: flex; justify-content: center; margin-top: -1px; }

.about_brandkit .col { padding: .5em; display: flex; flex-direction: column; }
.about_brandkit .col .date { width: 100%; }


/* Page style - Workshop */
.about_workshop { margin-bottom:0; }
.about_workshop .hero { padding:0; }
.about_workshop .hero_title { padding:3em 0 0 0; }

.workshop_intro { width:100%; margin-left:auto; margin-right:auto; margin-top:-8%; align-items:flex-start; justify-content:space-between; }
.workshop_intro .widget_images.left { flex:0 0 46%; }
.workshop_intro .widget_images.left img { aspect-ratio:497/372; display:block; }
.workshop_intro .widget_images.right { flex:0 0 50%; padding-right:0; padding-top:30%; }
.workshop_intro .intro_hero { position:absolute; width:120%; right:0; bottom:100%; margin-bottom:-50%; aspect-ratio:642/481; }

.workshop_intro_bg picture { display:contents; }
.workshop_intro_bg .fullpanel_img { display:block; max-width:1920px; aspect-ratio:384/155; }

.workshop_intro_text { justify-content:flex-end; margin-top:-5rem; margin-bottom:7rem; }
.workshop_intro_text .widget_text { flex:0 0 50%; }

.workshop_targetaudience { max-width:696px; flex-direction:column; padding:0 0 6em; }
.workshop_targetaudience .widget_images { margin-bottom:3rem; }
.workshop_targetaudience .widget_text { flex-basis:100%; text-align:center; padding-right:0; }
.workshop_targetaudience .widget_text .fa { font-size:4.5em; margin-bottom:.7em; color:var(--sg-pink); }

.workshop_structure { max-width:696px; flex-direction:column; padding:0 0 6em; }
.workshop_structure .widget_images { margin-bottom:3rem; }
.workshop_structure .widget_text { flex-basis:100%; text-align:center; padding-right:0; }
.workshop_structure .widget_text .fa { font-size:4.5em; margin-bottom:.7em; color:var(--sg-pink); }

.workshop_cert { max-width:696px; flex-direction:column; margin-bottom:7rem; }
.workshop_cert .widget_images { text-align:center; margin-bottom:3rem; width:100%; }
.workshop_cert .widget_images img { aspect-ratio:698/493; display:block; }
.workshop_cert .widget_text { text-align:center; }

.workshop_instructor { margin-bottom:7rem; overflow-x:hidden; flex-wrap:wrap; }
.workshop_instructor .widget_images { flex-basis:47%; text-align:center; }
.workshop_instructor .widget_images img { aspect-ratio:513/385; display:block; }
.workshop_instructor .widget_text { text-align:left; }
.workshop_instructor .widget_cards { flex-basis:100%; text-align:left; display:flex; justify-content:center; margin-top:2rem; flex-wrap:wrap; }
.workshop_instructor .widget_card { flex-basis:32%; background-color:var(--sg-lighter-gray); margin-left:0; margin-right:0; display:flex; flex-direction:column; margin:10% .5% 0; }
.workshop_instructor .widget_card p { font-size:16px; margin-bottom:0; }
.workshop_instructor .profilepic { text-align:center; margin-bottom:1em; }
.workshop_instructor .profilepic_img { width:50%; margin-top:-30%; aspect-ratio:1/1; }
.card_items.license p, .card_items.education > p { display: list-item; margin-left: 16px;}
.workshop_instructor .name { text-align:center; font-size:14px; }
.workshop_instructor .name strong { font-size:24px; }
.workshop_instructor .card_items + .card_items { margin-top:1rem; }
.workshop_instructor .card_items .title { margin-bottom:4px; font-size:18px; }

.workshop_pastevents { background-color:var(--sg-light-gray); display:flex; flex-direction:column; justify-content:center; padding:4.5rem 0 3.5rem; }
.workshop_pastevents .swiper-container { width:100%; height:100%; }
.workshop_pastevents .swiper-wrapper { margin-bottom:3rem; }
.workshop_pastevents .swiper-pagination { position:relative; bottom:unset; min-height:3em; }
.workshop_pastevents .swiper-pagination-bullet { width:18px; height:18px; margin:0 11px !important; vertical-align:top; }
.workshop_pastevents .swiper-pagination-bullet-active { background-color:var(--sg-pink); }
.workshop_pastevents .swiper-slide { width:385px; width:calc((100vw - 40px) / 5); }
.workshop_pastevents .slide_img_wrapper { width:100%; position:relative; padding-bottom:100%; margin-bottom:1rem; cursor:grab; }
.workshop_pastevents .slide_img { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; }
.workshop_pastevents .slide_caption { text-align:center; width:100%; display:inline-block; vertical-align:top; }
.slide_tag { display: block; padding: 0px 4px; font-size: 12px; color: var(--sg-pink); border-top: 1px solid var(--sg-pink); border-bottom: 1px solid var(--sg-pink); font-weight: 700; position: relative; top: -3px;}

.workshop_effectiveness { /* max-width:696px; */ flex-direction:column; padding-top:6em; padding-bottom:0; }
.workshop_effectiveness .widget_text { flex-basis:100%; text-align:center; padding-right:0; }
.workshop_effectiveness .widget_images { width:100%; }
.workshop_effectiveness .widget_images + .widget_text { margin-top:2em; }
.workshop_effectiveness .widget_images .desktop .usage_figure { aspect-ratio:596/431; display:block; }
.workshop_effectiveness .widget_images .mobile .usage_figure_m1 { aspect-ratio:1440/2304; display:block; }
.workshop_effectiveness .widget_images .mobile .usage_figure_m2 { aspect-ratio:1440/2315; display:block; }

.workshop_collaborations { flex-direction:column; padding-top:6em; padding-bottom:0; }
.workshop_collaborations .widget_text { flex-basis:100%; text-align:center; padding-right:0; }
.workshop_collaborations .workshop_list { display:flex; flex-wrap:wrap; margin:2em 0; justify-content:space-evenly; }
.workshop_collaborations .workshop_list .list_item { flex:0 1 33%; padding:2em; font-size:1em; cursor:default; }
.workshop_collaborations .workshop_list .list_item p { font-size:inherit; cursor:default; line-height:1.3em; margin-top:.5em; }
.workshop_collaborations .workshop_list .list_item img { width:100%; max-width:335px; aspect-ratio:329/79; display:block; margin: 0 auto; }

.workshop_testimonials { max-width:696px; flex-direction:column; padding:6em 0 0; }
.workshop_testimonials .widget_text { flex-basis:100%; text-align:center; padding-right:0; }
.workshop_testimonials .widget_images { width:100%; }
.workshop_testimonials .fullpanel_img { margin-bottom:1rem; }
.workshop_testimonials .video-btn { cursor:pointer; }

.workshop_request { max-width:696px; flex-direction:column; padding:6em 0; }
.workshop_request .widget_text { flex-basis:100%; text-align:center; padding-right:0; }
.workshop_request .widget_text .fa { font-size:4.5em; margin-bottom:.7em; color:var(--sg-pink); }

.modal_video { backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); -ms-backdrop-filter:blur(20px); }
.modal_video .modal-body { padding:0; background-color:black; }
.modal_video .btn-close { position:absolute; right:0; background-color:white; border-radius:100%; width:1.8em; height:1.8em; z-index:1; margin-right:-0.9em; margin-top:-0.9em; opacity:1; }

.share-btn-wrapper { position: relative; text-align:center; }
.showsharepanel { position: absolute; right: 0;}
.copyvideopath-wrapper { display: none; padding-bottom:5px ; padding-left: 10px; border-bottom-style: solid; border-bottom-width: .5px; }
.copyvideopath-container { display: flex; align-items: center;}
.copyvideopath-container p {font-size: 14px; cursor: pointer; }
.copyvideopath { padding: 0px 10px; border-left-style: solid; border-left-width: .5px;}

.product-video-block {  background-color: #f2f2f2; padding: 100px 50px 20px 50px; text-align: center;}
.product-video-block .ad-play-btn { font-size: 80px;}
.product-video-block .share-btn-wrapper { margin-top: 1.5em; }
.productscard_video h3 { margin: 0!important; }

/* Page style - AD Library */
.about_ad .widget_simplepanel { flex-direction: column; }
.commercials { padding-top: 30px; }
.commercials h3 { text-align: center;}
.ad-video-yr { width: 100% ; border-bottom: .5px solid #c4c4c4; margin-bottom: 20px; margin-top: 20px;}
.ad-video-yr h4{ margin-bottom: 5px;}
.ad-row { display: flex; flex-wrap: wrap; width: 100%;}
.ad-col { width: 33%; padding: 5px;}
.ad-video-cover { position: relative; display: flex; justify-content: center; align-items: center; font-size: 45px; color: #525252; margin-bottom: 15px;}
.ad-play-btn { position: absolute; pointer-events: none;}
.ad-video-block  { width: 100%; text-align: center; margin-bottom: 15px;}
.ad-copyvideopath-container { text-align: left; display: flex;}
.ad-showsharepanel { position: static; }
.jp-commercials { margin-top: 50px;}

/* Page style - POSM */
.about_posm img {width: 100%;}
.base_contents.about_posm { margin-bottom: 0; text-align: center; overflow-x:hidden; }
.about_posm .hero {background:url('../img/contents/posm/posm-hero-bg.jpg') right top no-repeat; background-size:cover; margin-bottom: 0;}
.about_posm .widget_text ul {text-align: start;}
.section-icon-gp { position: relative; display: flex; justify-content: center;  flex-wrap: wrap; padding-top: 50px; }
.section-icon-block { display: flex; flex-direction: column; align-items: center;  justify-content: center; margin: 10px; width: 135px; }
.section-icon-hover { display: none; transition: all 300ms; position: absolute;}
.section-icon-block:hover .section-icon-hover { display: block;}
.section-icon { padding-bottom: 10px; display: flex; flex: 1;}
.section-icon img { width: 80px;}
.hero-img-row { display: flex; padding-top: 50px;}
.hero-img-gp-1 {display: flex; width: 50%;}
.hero-img { padding: 5px;}
.hero-img-gp-2 {width: 50%;}

.posm_flex_row { display: flex; justify-content: center; align-items: center; }
.posm_flex_row .img_enlarge { width: 50%; max-width: 550px; margin-bottom: 4rem; margin-left: 2em; transition: all 200ms;}
.posm-section { display:flex; flex-direction:column; justify-content:center; align-items: center; padding-top :4.5rem; /* padding-bottom :4.5rem; */}
.posm-section:last-child { padding-bottom: 4.5rem;}
.posm-section.gray { background-color:var(--sg-light-gray); }
.posm-photo-gp {display: flex; margin-left: auto; margin-right: auto; justify-content: center; flex-wrap: wrap; }
.posm-photo-block {display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem;}
.posm-photo { padding: 10px; position: relative; transition: all 300ms; }
.posm-photo.enlarge { width: 100%; max-width: 250px; transition: filter 350ms; cursor: pointer;}
.posm-photo.enlarge:hover { filter: brightness(85%); }
.posm-photo.enlarge:hover .click-img { transform: scale(110%); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); filter: unset; z-index: 100;}
.click-img { background-color: rgb(255, 255, 255);  font-size: 1.5em; width: 40px; height: 40px; position: absolute; bottom: 20px; right: 20px; padding: 7px; border-radius: 20px; transition: all 300ms; }
.img_enlarge {  transition: all 350ms; cursor: pointer;}
.img_enlarge:hover { filter: brightness(85%); }
.img_enlarge:hover .click-img{ transform: scale(110%); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }


.posm-detail { width: 100%; max-width: 1200px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 2rem auto;}
.posm-detail .widget_text { text-align: start; min-width: 280px; margin-top: 30px;}
.posm-detail-photo-gp { width: 100%; aspect-ratio: 16/8; padding-right: 15px; position: relative;}
.about_posm .widget_text_sub { margin-top: 2rem; padding-top: 4rem; border-top: 1px solid #BFBFBF; width: 100%; }
.about_posm .widget_text_sub h3 , .posm_flex_row h3 { display: inline-block; background-color: #525252; color: white; padding: 3px 20px; border-radius: 50px; }
.about_posm .widget_text_sub > h3 { margin-bottom: 2rem; }

.hangsell-img1 { width: 30%; position: absolute; left: 0px;}
.hangsell-img2 { width: 50%; position: absolute; right: 0; top: 0;}
.hangsell-img3 { width: 32%; position: absolute; left: 25%; bottom: 0;}

.standee-img1 { width: 70%;}
.standee-img2 { width: 26%; position: absolute; top: 7%;}
.standee-img3 { width: 52%; position: absolute; right: 0; top: 13%;}
.standee-img4 { width: 29%; position: absolute; left: 22%;}

.topshelf-img1 { width: 32%; position: absolute; top: 7%;}
.topshelf-img2 { width: 45%; position: absolute; top: 22%; left: 27%;}
.topshelf-img3 { width: 40%; position: absolute; top: 4%; right: 0;}

.display-img { width: 70%;}

.wobbler-img { width: 70%;}
.wobbler-img1 { width: 39%; position: absolute; top: 12%; z-index: 2;}
.wobbler-img2 { width: 47%; position: absolute; top: 39%; left: 33%; z-index: 1; }
.wobbler-img3 { width: 26%; position: absolute; top: 14%; right: 0;}

.talker-img { width: 70%; }
.talker-img1 { width: 50%; position: absolute; top: 10%; left: 0; z-index: 1;}
.talker-img2 { width: 33%; position: absolute; top: 0; right: 0; z-index: 2;}
.talker-img3 { width: 49%; position: absolute; top: 43%; left: 24%;}

.about_posm .swiper-container { width:100%; height:100%; /* padding-top:30px; */ margin-bottom: 4rem; }
.about_posm .swiper-wrapper { margin-bottom:3rem; }
.about_posm .swiper-pagination { position:relative; bottom:unset; }
.about_posm .swiper-pagination-bullet { width:18px; height:18px; margin:0 11px !important; }
.about_posm .swiper-pagination-bullet-active { background-color:var(--sg-pink); }
.about_posm .swiper_slide { width:385px; }
.about_posm .slide_img_wrapper { width:100%; position:relative; padding-bottom:100%; margin-bottom:1rem; cursor: grab; }
.about_posm .slide_img { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; }
.about_posm .slide_caption { width:100%; display:inline-block; vertical-align:top; }
.about_posm .swiper-button-prev { top: 38%;text-shadow: 2px 2px 4px #00000030;}
.about_posm .swiper-button-next { top: 38%;text-shadow: 2px 2px 4px #00000030;}
.posm_hangsell .swiper-button-next { top: 31%; }
.posm_hangsell .swiper-button-prev { top: 31%; }
.posm_standee .swiper-button-next { top: 41%;}
.posm_standee .swiper-button-prev { top: 41%;}

.posm_standee .slide_img_wrapper{ padding-bottom:200%; }

.posm_wobbler .swiper-slide { width:auto; }
.posm_wobbler .slide_img_wrapper { width:auto; padding-bottom:unset; filter: drop-shadow(0px 0px 3px lightgray); }
.posm_wobbler .slide_img { position:relative; width:auto; height:300px; }

.posm_talker .swiper-slide { width:auto; }
.posm_talker .slide_img_wrapper { width:auto; padding-bottom:unset; }
.posm_talker .slide_img { position:relative; width:auto; height:200px; }
.posm_contact { /* max-width: 1320px; */ margin-right: auto;margin-left: auto;}
.posm_contact p { max-width: 935px; }
.contact-icon {font-size: 50px; color: #808080;}

.modal-lg .fullpanel_img { max-height: unset; }

/* Page style - Sagami Quality */
.learnmore_sagamiquality { margin-bottom:0; }
.learnmore_sagamiquality .hero { background:url('../img/contents/learnmore/bg-sagamiquality-01.jpg') right top no-repeat; background-size:cover; padding:30vw 0 0; }

.sagamiquality_hdr { text-align:center; background-color:var(--sg-lighter-gray); padding-top:4.5rem; padding-bottom:4.5rem; }
.sagamiquality_hdr h3 { margin-bottom:.8em; }
.sagamiquality_hdr p { margin-bottom:0; }

.sagamiquality_cards { background-color:var(--sg-light-gray); padding:4.5rem 0; flex-direction:column; }



/* HAPPY 7 */
.about_happy7 { margin-bottom:0;}
.about_happy7 img{ width: 100%;}
.about_happy7 .hero_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.happy7-logo { width: 260px; margin-bottom: 30px;}
.happy7-row { display: flex; flex-direction: column; align-items: center; text-align: center;}
.happy7-section { padding-top: 4.5rem; padding-bottom: 4.5rem; text-align: center;}
.happy7-section .widget_text { max-width: 1320px;}
.happy7-section.gray_bg{background-color:var(--sg-light-gray); }
.happy7-section ul {margin-left: -14px; text-align: start;}
.happy7-section li { padding-bottom: 15px;}
.happy7-point {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; font-weight: 700; color: white; background: linear-gradient(90deg, rgba(239,91,161,1) 0%, rgba(237,17,100,1) 39%, rgba(237,28,36,1) 100%); font-size: 2.5em; margin-bottom: .5em !important; }
.point-number { letter-spacing: -0.07em; margin-right: .1em;}
.point-sm { font-size: 14px;}
.luckbag-icon { width: 80px; margin-bottom: 10px;}
.happy7-product { display: flex; align-items: center; justify-content: center; flex-direction: column;}
.happy7-product-img { max-width: 200px;height: 100%; border: 1px solid var(--sg-light-gray); }
.rewards-col { margin-bottom: 30px; display: flex; flex-direction: column;  align-items: center;}
.rewards-col:last-child { margin-bottom: 0px;}
.rewards-img-gp { display: flex; flex-wrap: wrap; justify-content: center;}
.rewards-img-block { width: 160px;  margin-right: 15px; display: flex; flex-direction: column; align-items: center; text-align: center;}
.rewards-img-block:last-child {margin-right: 0px;}
.rewards-img { width: 160px; padding: 10px; border: 1px solid var(--sg-light-gray); margin-bottom: 10px;}
.happy7-img-txt { font-size: 16px;}
.happy7-or { margin-right: 15px; margin-top: 75px;}
.happy7-contact { display: flex; flex-direction: column;}
.happy7-contact a { margin-bottom: 10px;}
.happy7-contact a:last-child { margin-bottom: 0px;}

/* Page style - Sagami Quality */
/* .leearnmore_evolution { } */


/* Page style - Founder Story */
.foundersstoryhero { background-color:white; border-bottom:1px solid var(--sg-light-gray); }
.widget_foundersstoryhero { width:100%; height:50vw; /* max-height:764px; */ display:flex; }

.foundersstoryhero_button { width:100%; height:100%; position:relative; display:flex; justify-content:center; align-items:flex-end; /* padding-bottom:3.625rem; padding-bottom:3vw; */ }

.foundersstoryhero_bg {
	width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-repeat:no-repeat; background-position:center 10%; /* filter:saturate(0); */ background-color:#e5d8c8;
	transition:filter 300ms; -webkit-transition:filter 300ms; -ms-transition:filter 300ms;
}
.foundersstoryhero_button.saku .foundersstoryhero_bg { background-image:url('../img/contents/about/contents-foundersstory-hero.jpg'); }
@supports (background-image:url('../img/contents/about/contents-foundersstory-hero.webp')) {
	.foundersstoryhero_button.saku .foundersstoryhero_bg { background-image:url(../img/contents/about/contents-foundersstory-hero.webp); }
}
.foundersstoryhero_button .foundersstoryarticle_contents { height:100%; justify-content:center; padding-left:5em; align-items:flex-start; gap:1em; }

.foundersstoryhero_tagline { background-color:white; padding:1.5rem 2rem 1.5rem 3rem; position:relative; font-size:1.625rem; border-left:4px solid var(--sg-pink); font-weight:bold; color:var(--sg-pink); line-height:1.1; }

.foundersstoryhero_identity { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background-color:white; width:180px; padding:.5rem 0; position:relative; }
.foundersstoryhero_name { font-size:1.625em; height:88px; line-height:1; font-weight:bold; color:var(--sg-pink); border-bottom:1px solid var(--sg-pink); display:flex; align-items:center; justify-content:center; flex-direction:column; }
.foundersstoryhero_name span { font-size:1.125rem;  }
.foundersstoryhero_desc { font-size:1.125em; height:85px; line-height:1em; font-weight:600; color:var(--sg-global-gray); display:flex; align-items:center; }

.foundersstoryarticle { background-color:white; position:relative; }
.widget_foundersstoryarticle { width:100%; padding-top:13rem; }

.foundersstoryarticle_main { position:relative; padding-top:6.25em; padding-bottom:6.25em; }
.foundersstoryarticle_main.intro { padding-top:0; padding-bottom:0; }
.foundersstoryarticle_bg { position:absolute; width:100%; top:0; bottom:0; background-color:var(--sg-lighter-gray); }
.foundersstoryarticle_contents { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; position:relative; display:flex; flex-direction:column; }

.foundersstoryarticle_outer { display:flex; gap:6em; }
.foundersstoryarticle_imgwrapper { display:flex; flex-direction:column; align-items:center; /* width:420px; */ flex:0 0 420px; }
.foundersstoryarticle_footnote { text-align:center; font-size:1.125em; }
.foundersstoryarticle_footnote + picture { margin-top:2em; }

.foundersstoryarticle_img { width:100%; margin-bottom:1em; display:block; margin-left:auto; margin-right:auto; max-width:420px; }
.foundersstoryarticle_img.magaretsanger { width:70%; }

.foundersstoryarticle_introtitle { display:block; margin-bottom:2em; position:relative; }
.foundersstoryarticle_introcontents { position:relative; }
.foundersstoryarticle_introcontents .foundersstoryarticle_title { display:none; }
.foundersstoryarticle_introcontents .foundersstoryarticle_imgwrapper { margin-top:-5em; margin-bottom:1.6em; }
.foundersstoryarticle_introcontents .foundersstoryarticle_wrapper { padding-top:5.6em; padding-bottom:5.6em; }

.foundersstoryarticle_title { line-height:1.1; }
.foundersstoryarticle_wrapper h3 { color:var(--sg-pink); }

.foundersstoryarticle_main:nth-child(odd) .foundersstoryarticle_imgwrapper { order:0; }
.foundersstoryarticle_main:nth-child(even) .foundersstoryarticle_imgwrapper { order:1; }
.foundersstoryarticle_main:nth-child(even) .foundersstoryarticle_bg { background-color:transparent; }
.foundersstoryarticle_main + .foundersstoryarticle_main.append { padding-top:0; }
.foundersstoryarticle_main.append .foundersstoryarticle_bg { background-color:white; }
.foundersstoryarticle_main.append ~ .foundersstoryarticle_main:nth-child(odd) .foundersstoryarticle_bg { background-color:var(--sg-lighter-gray); }
.foundersstoryarticle_main.append ~ .foundersstoryarticle_main:nth-child(even) .foundersstoryarticle_bg { background-color:transparent; }
.foundersstoryarticle_main.append + .foundersstoryarticle_main.append .foundersstoryarticle_bg { background-color:white; }

.foundersstoryarticle_main.vertical { background-color:white; }
.foundersstoryarticle_main.vertical .foundersstoryarticle_contents { align-items:center; }
.foundersstoryarticle_main.vertical .foundersstoryarticle_outer { gap:3em; flex-direction:column; width:50%; }
.foundersstoryarticle_main.vertical .foundersstoryarticle_wrapper { order:0; }
.foundersstoryarticle_main.vertical .foundersstoryarticle_imgwrapper { order:1; width:31.81vw; align-self:center; }
.foundersstoryarticle_main.vertical .foundersstoryarticle_img { width:100%; }




/* Page style - Products detail */
.base_contents.products_org002 { margin-bottom:0; }
.products_org002 .hero { background-image:url('../img/contents/products/so002/bg-so-sq.jpg'); background-repeat:no-repeat; background-position:center center; background-color:#f2f1f6; background-size:cover; padding:16em 0 8.75em; margin-bottom:0; }
.products_org002 .hero_desc { margin-bottom:3em; }
.products_org002 .product { max-width:458px; aspect-ratio:916/505; display:block; margin:0 auto; }
.products_org002 .comparison_grid strong { color:var(--sg-red); }

.products_org002.ls .hero { background-image:url('../img/contents/products/so002ls/bg-sols-sq.jpg'); background-color:#332a09; }
.products_org002.ls .hero_title { color:white; }
.products_org002.ls .hero_desc { color:white; }
.products_org002.ls .comparison_grid strong { color:black; }
.products_org002.ls .productscard_number { background-color:black; }
.products_org002.ls .step-number { background-color:black; }
.products_org002.ls .availablein_title { color:black; }
.products_org002.ls .availablein_thumb:hover { color:black; }
.products_org002.ls .swiper-slide-thumb-active { color:black; }
.products_org002.ls .swiper-slide-thumb-active .availablein_thumb_image { border-color:black; }

.products_org002.el .hero { background-image:url('../img/contents/products/so002el/bg-soel-sq.jpg'); background-color:#054365; }
.products_org002.el .hero_title { color:white; }
.products_org002.el .hero_desc { color:white; }
.products_org002.el .comparison_grid strong { color:var(--sg-lightblue); }
.products_org002.el .productscard_number { background-color:var(--sg-lightblue); }
.products_org002.el .step-number { background-color:var(--sg-lightblue); }
.products_org002.el .availablein_title { color:var(--sg-lightblue); }
.products_org002.el .availablein_thumb:hover { color:var(--sg-lightblue); }
.products_org002.el .swiper-slide-thumb-active { color:var(--sg-lightblue); }
.products_org002.el .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-lightblue); }

.products_org002.lsel .hero { background-image:url('../img/contents/products/so002lsel/bg-solsel-sq.jpg'); background-color:#054365; background-position:center; background-size:cover; }
.products_org002.lsel .hero_title { color:black; }
.products_org002.lsel .hero_desc { color:black; }
.products_org002.lsel .comparison_grid strong { color:var(--sg-lightblue); }
.products_org002.lsel .productscard_number { background-color:var(--sg-lightblue); }
.products_org002.lsel .step-number { background-color:var(--sg-lightblue); }
.products_org002.lsel .availablein_title { color:var(--sg-lightblue); }
.products_org002.lsel .availablein_thumb:hover { color:var(--sg-lightblue); }
.products_org002.lsel .swiper-slide-thumb-active { color:var(--sg-lightblue); }
.products_org002.lsel .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-lightblue); }

.base_contents.products_org001 { margin-bottom:0; }
.products_org001 .hero { background-image:url('../img/contents/products/so001/bg-so001-sq.jpg'); background-repeat:no-repeat; background-position:center center; background-color:#f9bfbe; background-size:cover; padding:16em 0 8.75em; margin-bottom:0; }
.products_org001 .hero_desc { margin-bottom:3em; /* color:white; */ }
.products_org001 .product { max-width:458px; aspect-ratio:916/505; display:block; margin:0 auto; }
.products_org001 .comparison_grid strong { color:var(--sg-gold); }
.products_org001 .productscard_number { background-color:var(--sg-gold); }
.products_org001 .step-number { background-color:var(--sg-gold); }
.products_org001 .availablein_title { color:var(--sg-gold); }
.products_org001 .availablein_thumb:hover { color:var(--sg-gold); }
.products_org001 .swiper-slide-thumb-active { color:var(--sg-gold); }
.products_org001 .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-gold); }

.products_org001.ls .hero { background-image:url('../img/contents/products/so001ls/bg-so001ls-sq.jpg'); background-repeat:no-repeat; background-position:center bottom; background-color:#332a09; background-size:cover; padding:16em 0 8.75em; margin-bottom:0; }
.products_org001.ls .hero_title { color:white; }
.products_org001.ls .hero_desc { color:white; }
.products_org001.ls .comparison_grid strong { color:black; }
.products_org001.ls .productscard_number { background-color:black; }
.products_org001.ls .step-number { background-color:black; }
.products_org001.ls .availablein_title { color:black; }
.products_org001.ls .availablein_thumb:hover { color:black; }
.products_org001.ls .swiper-slide-thumb-active { color:black; }
.products_org001.ls .swiper-slide-thumb-active .availablein_thumb_image { border-color:black; }

.products_org001.el .hero { background-image:url('../img/contents/products/so001el/bg-so001el-sq.jpg'); background-color:#054365; }
/* .products_org001.el .hero_title { color:white; }
.products_org001.el .hero_desc { color:white; } */
.products_org001.el .comparison_grid strong { color:var(--sg-lightblue); }
.products_org001.el .productscard_number { background-color:var(--sg-lightblue); }
.products_org001.el .step-number { background-color:var(--sg-lightblue); }
.products_org001.el .availablein_title { color:var(--sg-lightblue); }
.products_org001.el .availablein_thumb:hover { color:var(--sg-lightblue); }
.products_org001.el .swiper-slide-thumb-active { color:var(--sg-lightblue); }
.products_org001.el .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-lightblue); }

.products_org001.lsel .hero { background-image:url('../img/contents/products/so001lsel/bg-so001lsel-sq.jpg'); background-color:#054365; background-position:center; background-size:cover; }
.products_org001.lsel .hero_title { color:black; }
.products_org001.lsel .hero_desc { color:black; }
.products_org001.lsel .comparison_grid strong { color:var(--sg-lightblue); }
.products_org001.lsel .productscard_number { background-color:var(--sg-lightblue); }
.products_org001.lsel .step-number { background-color:var(--sg-lightblue); }
.products_org001.lsel .availablein_title { color:var(--sg-lightblue); }
.products_org001.lsel .availablein_thumb:hover { color:var(--sg-lightblue); }
.products_org001.lsel .swiper-slide-thumb-active { color:var(--sg-lightblue); }
.products_org001.lsel .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-lightblue); }

/* SX */
.sx-video-container { max-width: 1320px; margin-left: auto;  margin-right: auto; padding-top: 60px; padding-left: 4em; padding-right: 4em;}
.sx-video-container .product-video-block { background-color: unset;} 
.sx-video-container .number-b { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; margin-top: 40px;} 
.sx-video-container .number-line { flex: 1; margin: 0; z-index: 20;}
.sx-video-container .number { margin: 0 10px;}


/* -- SXST --*/
.base_contents.products_sxst { margin-bottom:0; }
.products_sxst .comparison_grid strong { color:var(--sg-st-accent); }
.products_sxst .productscard_number { background-color:var(--sg-st-accent); }
.products_sxst .availablein_title { color:var(--sg-st-accent); }
.products_sxst .availablein_thumb:hover { color:var(--sg-st-accent); }
.products_sxst .swiper-slide-thumb-active { color:var(--sg-st-accent); }
.products_sxst .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-st-accent); }
.products_sxst .hero_wrapper { text-align:  center; margin-top: 2em;}

/* -- SXFL --*/
.base_contents.products_sxfl { margin-bottom:0; }
.products_sxfl .comparison_grid strong { color:var(--sg-fl-accent); }
.products_sxfl .productscard_number { background-color:var(--sg-fl-accent); }
.products_sxfl .availablein_title { color:var(--sg-fl-accent); }
.products_sxfl .availablein_thumb:hover { color:var(--sg-fl-accent); }
.products_sxfl .swiper-slide-thumb-active { color:var(--sg-fl-accent); }
.products_sxfl .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-fl-accent); }
.products_sxfl .hero_wrapper { text-align:  center; margin-top: 2em;}

/* -- SXFF --*/
.base_contents.products_sxff { margin-bottom:0; }
.products_sxff .comparison_grid strong { color:var(--sg-ff-accent); }
.products_sxff .productscard_number { background-color:var(--sg-ff-accent); }
.products_sxff .availablein_title { color:var(--sg-ff-accent); }
.products_sxff .availablein_thumb:hover { color:var(--sg-ff-accent); }
.products_sxff .swiper-slide-thumb-active { color:var(--sg-ff-accent); }
.products_sxff .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-ff-accent); }
.products_sxff .hero_wrapper { text-align:  center; margin-top: 2em;}

/* -- SXSB --*/
.base_contents.products_sxsb { margin-bottom:0; }
.products_sxsb .comparison_grid strong { color:var(--sg-sb-accent); }
.products_sxsb .productscard_number { background-color:var(--sg-sb-accent); }
.products_sxsb .availablein_title { color:var(--sg-sb-accent); }
.products_sxsb .availablein_thumb:hover { color:var(--sg-sb-accent); }
.products_sxsb .swiper-slide-thumb-active { color:var(--sg-sb-accent); }
.products_sxsb .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-sb-accent); }
.products_sxsb .hero_wrapper { text-align:  center; margin-top: 2em;}

/* -- SOGEL --*/
.base_contents.products_sogel { margin-bottom:0; }
.products_sogel .comparison_grid strong { color:var(--sg-pink); }
.products_sogel .availablein_title { color:var(--sg-pink); }
.products_sogel .availablein_thumb:hover { color:var(--sg-pink); }
.products_sogel .swiper-slide-thumb-active { color:var(--sg-pink); }
.products_sogel .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-pink); }
.products_sogel .hero { margin-bottom: 0; }
.products_sogel .product-video-block { background: linear-gradient(130deg, #ffffff 10%, #fdc2e0 100%, #fdafd7 100%); padding-top: 30px; position: relative; margin-top: 30px;}

.widget_spec.indent { margin-bottom: 5.68rem; width: 100%; max-width: 680px; }
.products_spec { background-color: var(--sg-lighter-gray);}
.spec_list { display: flex; width: 100%; }
.spec_list table {width: 100%; font-size: 18px; }
.spec_list table tr { border-bottom: 1px solid var(--sg-light-gray);}
.spec_list table th , .spec_list table td { padding: 15px 5px; vertical-align: top; }
.spec_list table td > div { margin-bottom: 15px;}
.spec_list table td > div:last-child { margin-bottom: 0px;}
.spec_list table td .note { font-size: 14px; margin-top: 5px; }

/* -- 99JELLY --*/
.base_contents.products_99jelly { margin-bottom:0; }
.products_99jelly .comparison_grid strong { color:var(--sg-lightblue); }
.products_99jelly .availablein_title { color:var(--sg-lightblue); }
.products_99jelly .availablein_thumb:hover { color:var(--sg-lightblue); }
.products_99jelly .swiper-slide-thumb-active { color:var(--sg-lightblue); }
.products_99jelly .swiper-slide-thumb-active .availablein_thumb_image { border-color:var(--sg-lightblue); }
.products_99jelly .hero { margin-bottom: 0; }
.products_99jelly .product-video-block { background: linear-gradient(130deg, #ffffff 10%, #c2ecfd 100%,  #a4dff7 100%); padding-top: 30px; position: relative; margin-top: 30px;}

.productscard_01 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-01.jpg'); }
.productscard_02 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-02.jpg'); }
.productscard_03 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-03.jpg'); }
.productscard_04 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-04.jpg'); }
.productscard_05 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-05.jpg'); }
.productscard_06 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-06.jpg'); }
.productscard_07 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-07.jpg'); }
.productscard_08 { height:500vh; }
.productscard_08 .productscard_body { position:sticky; }
.productscard_09 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-09.jpg'); }
.productscard_ls .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-ls.jpg'); }
.productscard_el .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-el.jpg'); }
.productscard_standard001 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-standard_001.jpg'); }
.productscard_standard002 .productscard_bg { background-image:url('../img/contents/products/so002/bg-productscard-standard_002.jpg'); }
.productscard_blister_full { height:500vh; }
.productscard_blister_full .productscard_body { position:sticky; }

.productscard_body .ad-video-cover { max-width: 960px; margin: 0 auto;}

.products_org001 .productscard_09 .productscard_bg { background-image:url('../img/contents/products/so001/bg-productscard-09.jpg'); }




.contact_form { width:100%; }
.contact_form .errmsg { color:red; text-transform:uppercase; letter-spacing:0; padding:0; margin:0; line-height:1.6em; padding:8px 0; }
.contact_form#divsucc { text-align:center; }
.form_body { width:100%; display:flex; position:relative; flex-wrap:wrap; justify-content:space-between; float:left; }
.form_body input, .form_body textarea {
	width:100%; line-height:2.5em; border:0; border-bottom:1px solid var(--sg-global-gray); background:transparent; font-family:"proxima-nova-condensed","微軟正黑體","Microsoft Jhenghei", Helvetica, Arial, sans-serif;
	border-radius:0;
}
.form_body > * { flex:1 1 100%; margin-bottom:28px; }
.form_body .name, .form_body .email, .form_body .contactnumber { flex:0 1 32%; }
.form_body textarea { flex:1 1 100%; border:1px solid var(--sg-global-gray); padding:12px 18px; line-height:2em; }
.form_body > *:last-child { margin-bottom:0; }
.form_body *::-webkit-input-placeholder { color:#808080; }
.form_body *:-moz-placeholder { color:#808080; }
.form_body *::-moz-placeholder { color:#808080; }
.form_body *:-ms-input-placeholder { color:#808080; }
.form_btn { float:left; width:100%; text-align:right; /*padding-top:18px;*/ padding-top: 0px; }
.grecaptcha-badge { margin-bottom:1.5em; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	
}

@media screen and (min-width: 1920px) {	
	
}
@media screen and (max-width: 1919px) and (min-width: 1620px) {
	
}
@media screen and (max-width: 1919px) {
	
}
@media screen and (min-width: 1712.02px) {
	.landscape .productscard_bg { top: 50%; transform: translateY(-50%); padding-bottom: 0; left: -15%; }
	.landscape .productscard_card { padding-top: 0; padding-left: 57%; padding-right: 0; right: -15%; }
}
@media screen and (max-width: 1712px) and (min-width: 1412.02px) {
	.landscape .productscard_bg { width:80%; left:-5%; }
	.landscape .productscard_card { padding-top: 0; padding-left: 47%; padding-right: 0; right:-5%; top:2em; }
}
@media screen and (max-width: 1712px) {
	.comparison_row { --columns:7; }
	.comparison_rowheader { grid-column:1/7 span; }
	.comparison_grid .column_8 { display:none; }
	.comparison_grid .column_9 { display:none; }
}
@media screen and (min-width: 1620px) {

}
@media screen and (max-width: 1619px) {
	.comparison_row { --columns:6; }
	.comparison_rowheader { grid-column:1/6 span; }
	.comparison_grid .column_7 { display:none; }
}
@media screen and (max-width: 1412px) and (min-width: 1215.02px) {
	.landscape .productscard_bg { width:60%; left:0; }
	.landscape .productscard_card { padding-top: 0; padding-left: 47%; padding-right: 0; right:0; top:2em; }
}
@media screen and (min-width: 1320px) {
	.hero_title { font-size:3.5rem; }
}
@media screen and (max-width: 1319px) {
	.foundersstoryarticle_outer { gap:3em; }
	.foundersstoryarticle_imgwrapper { flex:1 0 31.81vw; }
	.foundersstoryarticle_wrapper br { display:none; }

	.productscard_card_contents { padding:3rem; }
		
	.comparison_row { --columns:5; }
	.comparison_rowheader { grid-column:1/5 span; }
	.comparison_grid .column_6 { display:none; }

}
@media screen and (min-width: 1216px) {
	.center.wide .productscard_card { padding-top:51%; padding-left:15.75%; padding-right:15.75%; }
}
@media screen and (max-width: 1215px) {
	.widget_intro { padding:3em 0 3em 3em; }
	.widget_specification { padding:0 0 0 3em; }

	.widget_infobox { flex-basis:50%; }
	.widget_infobox.expand { flex-basis:100%; }

	.about_workshop .hero_title { padding:2em 0 0 0; }
	.workshop_intro_text { margin-top:5%; }
	.workshop_intro_text .widget_text { flex-basis:100%; }
	
	.workshop_pastevents .swiper-slide { width:calc((100vw - 30px) / 4); }

	.left .productscard_card, .center .productscard_card, .right .productscard_card { padding-top:51%; padding-left:3rem; padding-right:3rem; }

	.productscard_09 .productscard_bg { background-size:200%; background-position:left top 57%; }

	.heroespicker_identity { font-size:.875rem; width:140px; }
	.heroespicker_name { height:74px; }
	.heroespicker_desc { height:68px; }

	.widget_foundersstoryarticle { padding-top:6rem; }
	.foundersstoryhero_tagline { font-size:20px; }
	.foundersstoryhero_identity { font-size:.875rem; width:140px; }
	.foundersstoryhero_name { height:74px; }
	.foundersstoryhero_desc { height:68px; }

	.shop-pd-card { width: 23%;}
}
@media screen and (max-width: 1215px) and (min-width: 959.02px) and (min-aspect-ratio:1.1/1) {
	.landscape .productscard_bg { width:60%; left:0; }
	.landscape .productscard_card { padding-top:0; padding-left:47%; padding-right:0; right:0; top:2em; }
}
@media screen and (max-width: 1215px) and (min-width: 768px) {
	.widget_specitemsgroup { flex:100%; }

	/* .availablein_main { flex:0 1 75%; max-width:75%; } */
	/* .availablein_side { flex:0 0 25%; } */

	.step-img { width:100px; }
	
}
@media screen and (max-width: 1215px) and (min-width: 960px) {
	
}
@media screen and (min-width: 1081px) {/* Essential */
	
}
@media screen and (max-width: 1080px) {
	.boxed_obj { justify-content:flex-start; flex-direction:column; }
	.boxed_obj .kv_wrapper { max-width:408px; }

	.tagline h2, .tagline .h2 { font-size:4rem; }

	.testcard_left img { max-width:90%; }
	.testcard_contents { padding: 5em 2em; }

	.evochart_item .title { font-size:24px; }
	.evochart_item .generation { font-size:16px; }
	.evochart_item .year { font-size:16px; }
	.evochart_item .thickness { font-size:14px; }

	.evochart_item .inner_wrapper { padding:1rem; }

	.availablein_main { margin-bottom:.6rem; margin-right:0; }

	.widget_availablein { flex-direction:column; }
	.availablein_main { flex:0 1 100%; max-width:100%; }
	.availablein_side { flex:0 0 20%; }
	.availablein_thumbs { justify-content:flex-start; flex-wrap:nowrap; }
	.availablein_thumb { /* flex:0 0 100px; margin-left:0; */ margin-right:.6rem; margin-bottom:.6rem; }
	.availablein_thumb:last-child { /* flex:0 0 100px; margin-left:0; */ margin-right:0; }

	.heroesarticle_qatitle { margin-bottom:5rem; }

	.foundersstoryarticle_title { font-size:2.25rem; }

	.comparison_row { --columns:4; }
	.comparison_rowheader { grid-column:1/4 span; }
	.comparison_grid .column_5 { display:none; }
	.init_5.comparison_grid .column_5 { display:block; }
	/* .init_5 .comparison_row { --columns:4; }
	.init_5 .comparison_rowheader { --columns:1/4 span; } */
	/* .comparison_grid .column_6 { display:none; } */
	
}
@media screen and (max-width: 1080px) and (min-width: 768px) {
	.init_5.comparison_grid .column_5 { display:block; }
}
@media screen and (min-width: 960px) {
	/* .init_5 .comparison_grid .column_5 { display:unset; } */
}
@media screen and (min-width: 959.02px) {
	.landscape { margin-top: 15em; margin-bottom:15em; }
}
@media screen and (max-width: 959px) {
	.base_main { z-index:13; position:relative !important; top:0 !important; }
	.nav_active .base_main { transform:translate(-264px,0); }

	.base_contents h3 { margin-bottom:1em; }

	.hero { margin:0 0 2.3em 0; }
	.hero_wrapper { padding:0 28px; }

	/* .indent { padding:0; } */

	.widget_card { flex:0 1 calc(33.33% - 12px); }
	.widget_gallery { margin-bottom:4em; }
	.widget_intro { margin-bottom:4em; }


	.workshop_intro { width:85%; }
	.workshop_cert .widget_images { width:85%; }

	.workshop_collaborations .workshop_list .list_item { flex-basis:50%; }

	.widget_testcard h3 { margin-bottom:.5em; }

	.widget_heroespicker { flex-direction:row; flex-wrap:wrap; height:auto; max-height:unset; }
	.heroespicker_button { width:50%; height:32vw; justify-content:flex-end; }
	.heroespicker_bg { background-size:120%; background-position:100% 40%; filter:saturate(1); }

	.heroesarticle_first { flex-direction:column; align-items:center; margin-bottom:0; }
	.heroesarticle_infopanel { display:flex; flex-direction:row; width:auto; margin-right:0; align-items:center; margin-bottom:2.125rem; }
	.heroesarticle_heroimg { width:250px; margin-right:2rem; margin-bottom:0; }
	.heroesarticle_info_title { display:block; }

	.widget_heroesarticle { padding-top:10vw; }
	.heroesarticle_main { padding-top:5vw; }
	.heroesarticle_bg { top:0; bottom:10vw; }

	.heroesarticle_wrapper { flex-direction:column; align-items:center; }
	.heroesarticle_qatitle { display:none; }

	.heroesarticle_sub { padding:0; }
	.heroesarticle_sub_bg { right:0; display:none; }
	.heroesarticle_sub .heroesarticle_qabox { padding-right:0; }

	.widget_foundersstoryhero { flex-direction:row; flex-wrap:wrap; height:auto; max-height:unset; }
	.foundersstoryhero_button { width:100%; height:72.5vw; justify-content:flex-end; padding-bottom:0; }
	.foundersstoryhero_button .foundersstoryarticle_contents { padding-left:unset; justify-content:flex-end; align-items:center; }
	.foundersstoryhero_bg { background-size:cover; background-position:center center; }
	.foundersstoryhero_identity { width:100%; flex-direction:row; }
	.foundersstoryhero_name { padding:0 2vw 0 0; border-bottom:0; border-right:1px solid var(--sg-pink); height:50px; }
	.foundersstoryhero_desc { padding:0 0 0 2vw; height:50px; }

	.foundersstoryarticle_main.vertical .foundersstoryarticle_outer { width:70%; }

	.comparison_row { --columns:3; }
	.comparison_rowheader { grid-column:1/3 span; }
	.comparison_main .column_4 { display:none; }
	.init_5 .comparison_row { --columns:3; }
	.init_4 .comparison_row { --columns:3; }
	.init_3 .comparison_row { --columns:3; }
	.init_2 .comparison_row { --columns:2; }
	.init_5 .comparison_rowheader { grid-column:1/3 span; }
	.init_4 .comparison_rowheader { grid-column:1/3 span; }
	.init_3 .comparison_rowheader { grid-column:1/3 span; }
	.init_2 .comparison_rowheader { grid-column:1/2 span; }
	.comparison_column .note { font-size: 12px; }

	.widget_shoplist { position:fixed; top:var(--fullheaderheight); left:0; right:0; bottom:0; }

	.workshop_instructor .widget_card { flex-basis:49%; margin-top:12%; }
	
	.form_body .name { flex-basis:100%; }
	.form_body .email, .form_body .contactnumber { flex-basis:49%; }

	.ad-col { width: 50%; padding: 3px;}

	.section-icon-gp { max-width: 600px; margin: 0 auto; }

	.about_brandkit .widget_text { padding: 1em; }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
	/* .availablein_datas { width:35%; flex-basis:40%; } */
	.availablein_data { font-size:16px; }
	.availablein_data_block + .availablein_data_block { margin-left:.5em; }
	.availablein_data.spec { margin-top:3em; }
	.availablein_data.spec .availablein_data_blocks { font-size:16px; /* flex-wrap:wrap; */ gap:0 .5em; }
	/* .availablein_data.spec .availablein_data_block { flex-basis:calc(50% - .5em); } */

	.init_5.comparison_grid .column_5 { display:none; }
}
@media screen and (max-width: 859px) {
	.pagenav_item + .pagenav_item { margin-left:14px; }
	
	.evochart_wrapper { padding-left:3rem; padding-bottom:0; }
	.evochart_wrapper .chart { display:none; }
	.evochart_wrapper .chart.vertical { display:block; }
	.evochart_items { flex-direction:column; align-items:flex-end; }
	.evochart_item { width:100%; margin-bottom:2em; }
	.evochart_item .inner_wrapper { flex-direction:row; align-items:center; }
	.evochart_item .product { max-width:200px; }
	.evochart_item .title br { display:none; }
	.evochart_item .note { top:calc(100% + 2px); }
	.evochart_item .note br { display:none; }
	.evochart_item .pointer { top:unset; bottom:unset; left:0; right:0; margin-left:unset; margin-top:20px; width:unset; height:6px; }

	.widget_availablein { flex-direction:column; }
	
}
@media screen and (min-width: 768px) {
	.pagenav_items { display:block !important; flex-shrink:0; }

	.widget_timeline_card:nth-child(odd) { align-self:flex-start; }
	.widget_timeline_card:nth-child(even) { align-self:flex-end; }

	.widget_timeline_card:nth-child(odd) .card_hdr { justify-content:flex-end; }
	.widget_timeline_card:nth-child(odd) .card_pointer { left:8px; right:unset; order:2; }
	.widget_timeline_card:nth-child(odd) .card_pointer::after { left:unset; right:0; }
	.widget_timeline_card:nth-child(odd) .card_year { left:8px; right:unset; order:1; }
	.widget_timeline_card:nth-child(odd) .card_control { left:8px; right:unset; order:0; }
	.widget_timeline_card:nth-child(odd) .card_title { padding-left:unset; padding-right:4rem; text-align:right; }
	.widget_timeline_card:nth-child(odd) .card_contents { padding-left:unset; padding-right:4rem; text-align:right; }

	.posm_wobbler .swiper-slide, .posm_talker .swiper-slide { width: auto !important;}
}
@media screen and (max-width: 767px) {/* Essential */
	.indent { padding-left:1.125rem; padding-right:1.125rem; }
	.base_pagenav .base { padding:0 18px; }

	.pagenav_wrapper { /* flex-direction:column; */ align-items:flex-start; padding-bottom:8px; flex-wrap:wrap; }
	.pagenav_title { flex:1; margin-bottom:8px; }
	.pagenav_items { flex:1 1 100%; display:none; flex-direction:column; width:100%; padding:0 8px; position:absolute; left:0; /* top:56px; */ top:100%; background-color:white; padding:0 18px; border-bottom:1px solid var(--sg-light-gray); }
	.pagenav_item { font-size:16px; padding:12px 0; }
	.pagenav_item + .pagenav_item { margin:0; border-top:1px solid var(--sg-light-gray); }
	.pagenav_toggler { display:flex; justify-content:center; align-items:center; margin-top:-8px; }

	.base_contents { margin-bottom:2em; }

	.boxed_obj h2, .boxed_obj .h2 { font-size:48px; }
	.boxed_obj .kv_wrapper { max-width:308px; width:100%; }

	.tagline p { margin-bottom:2rem; }

	.hero { padding:18vw 0 12vw; }
	.hero_wrapper { padding:0 18px; }
	/* .hero span { background-size:36px; padding-left:40px; } */
	
	.widget_simplepanel { flex-wrap:wrap; }
	.widget_simplepanel .widget_text { flex:1 1 100%; padding:0; }
	.widget_simplepanel .widget_images { flex:1 1 100%; }

	.widget_gridpanel .grid-6x4 { flex:0 0 calc(50% - 6px); }
	.widget_gridpanel .grid-4x4 { flex:0 0 calc(50% - 6px); }
	.widget_gridpanel .grid-4x3 { flex:0 0 calc(50% - 6px); }
	.widget_gridpanel .grid-3x3 { flex:0 0 calc(50% - 6px); }

	.widget_gridpanel .grid-6x4 .grid-sizer { padding-bottom:100%; }
	.widget_gridpanel .grid-4x4 .grid-sizer { padding-bottom:100%; }
	.widget_gridpanel .grid-4x3 .grid-sizer { padding-bottom:100%; }
	.widget_gridpanel .grid-3x3 .grid-sizer { padding-bottom:100%; }

	.widget_gridpanel .grid-number { bottom:8px; left:18px; right:18px; }
	.widget_gridpanel .grid-title { top:18px; left:18px; right:18px; }

	.widget_card { flex:0 1 calc(50% - 12px); }

	.widget_gallery { width:100%; margin-bottom:2em; }
	.widget_gallery .swiper-container { max-width:450px; }
	.widget_intro { width:100%; margin-bottom:5em; padding:0; }

	.widget_description { width:100%; order:1; margin-bottom:0; }
	.widget_specification { width:100%; padding-left:0; order:0; margin-bottom:5em; }

	.widget_specitem::before { width:12px; height:12px; border-radius:12px; top:.3em; }
	.widget_specitemsgroup.graph .widget_images { max-width:400px; }

	.about_brandkit .widget_simplepanel { flex-direction: column; align-items: unset;}
	.about_brandkit .widget_simplepanel .widget_text { padding: 30px 10px; width: 100%; max-width: 700px;}
	.about_brandkit .col { padding: 0 20px;}
	.brand_block { margin-bottom: 2rem; }
	.about_brandkit .download .icon { margin-bottom:.5rem; }
	.about_brandkit .download .title { margin-bottom:.5rem; }

	.about_workshop { margin-bottom:0; }
	.workshop_intro_bg { height:50vw; }
	.workshop_intro_text { margin-top:3rem; text-align:center; }
	.workshop_instructor { justify-content:center; }
	.workshop_instructor .widget_images { flex:0 0 85%; margin-bottom:3rem; order:2; }
	.workshop_instructor .widget_text { text-align:center; order:1; }
	.workshop_instructor .widget_cards { order:3; }

	.workshop_media_coverage .swiper-container { width: calc(100% + 2.25rem);}

	.workshop_pastevents .swiper-slide { width:calc((100vw - 20px) / 3); }
	.workshop_pastevents .swiper-pagination-bullet { width:12px; height:12px; margin:0 8px !important; }

	.workshop_collaborations .workshop_list .list_item { flex-basis:100%; padding:.5em 2em; }

	.widget_timeline { max-width:90%; }
	.widget_timeline_card { width:100%; }
	.widget_timeline_axis { left:12px; }

	.learnmore_sagamiquality .hero { background-size:contain; }
	.testcard_contents { flex-direction:column; padding:3em 2em; }
	.testcard_left { width:50%; margin-right:0; margin-bottom:2em; }
	.testcard_contents.half .testcard_left { width:90%; max-width:90%; }
	.testcard_contents.half .testcard_right .img { width:90%; }
	.testcard_contents.half .testcard_right img { width:90%; }

	.productscard_number { left:2rem; }
	.left .productscard_card, .center .productscard_card, .right .productscard_card { padding-left:2rem; padding-right:2rem; }

	.products_org002 .hero { padding-top:28vw; padding-bottom:28vw; background-position:center bottom -80vw; background-size:300vw; }
	.products_org002 .hero_desc { margin-bottom:3em; }
	.products_org002 .product, .products_org001 .product { max-width:50vw; margin-bottom:0; }

	.init_5.comparison_grid .column_5 { display:none; }

	.availablein_main { margin-bottom:.6rem; }
	.availablein_slide { flex-direction:column; height:100%; }
	.availablein_datas { flex:0 0 100%; border-left:0; border-top:1px solid var(--sg-light-gray); padding-left:0; padding-top:1rem; flex-direction:row; flex-wrap:wrap; justify-content: space-between; }
	.availablein_data { margin-bottom:1rem; /* margin-right:3rem; */ }
	.availablein_image { width:80%; text-align: center;}
	.availablein_thumb { /* flex:0 0 160px; */ margin-left:0; /* margin-right:.6rem; */ }

	.availablein_data.spec { flex-basis:100%; margin-top:1em; margin-bottom:unset; }
	.availablein_data_blocks { justify-content:space-between; }

	.heroespicker_button { padding-bottom:0; height:50vw; }
	.heroespicker_bg { background-position:center center; }
	.heroespicker_identity { width:100%; flex-direction:row; }
	.heroespicker_name { padding:0 2vw; border-bottom:0; border-right:1px solid var(--sg-pink); height:50px; }
	.heroespicker_desc { padding:0 0 0 2vw; height:50px; }

	.findastore { margin-bottom:0; }

	.form_btn input, .form_btn button { width:100%; }


	/* Founder Story */
	.foundersstoryhero_tagline { font-size:16px; padding:.75rem 1rem .75rem 2rem;  }

	.widget_foundersstoryarticle { padding-top:0; }

	.foundersstoryarticle_outer { align-items:center; }
	.foundersstoryarticle_imgwrapper { order:0; flex:1 1 100%; max-width:420px; }

	.foundersstoryarticle_img.saku { aspect-ratio:420/289; object-fit:cover; object-position:center 23%; }
	.foundersstoryarticle_img.magaretsanger { aspect-ratio:420/289; object-fit:contain; object-position:center center; }
	.foundersstoryarticle_img.factory { aspect-ratio:420/289; object-fit:cover; object-position:center; }

	.foundersstoryarticle_wrapper { order:1; }

	.foundersstoryarticle_introtitle { display:none; }
	.foundersstoryarticle_introcontents { padding-top:3em; padding-bottom:3em; }
	.foundersstoryarticle_introcontents .foundersstoryarticle_wrapper { padding-top:unset; padding-bottom:unset; }
	.foundersstoryarticle_introcontents .foundersstoryarticle_title { display:block; margin-bottom:1em; }
	.foundersstoryarticle_introcontents .foundersstoryarticle_imgwrapper { margin-top:unset; margin-bottom:unset; }
	.foundersstoryarticle_outer { flex-direction:column; }

	.foundersstoryarticle_main { padding-top:3em; padding-bottom:3em; }

	.foundersstoryarticle_main.vertical .foundersstoryarticle_outer { width:100%; }
	.foundersstoryarticle_main.vertical .foundersstoryarticle_imgwrapper { width:unset; }
	.foundersstoryarticle_main.vertical .foundersstoryarticle_img { width:100%; }

	/* POSM */
	.section-icon { height: 10px;}
	.section-icon-gp { padding-top: 20px;}
	.hero-img-row { flex-direction: column;}
	.hero-img-gp-1, .hero-img-gp-2 { width: 100%;}
	.posm-photo-gp { margin-left: -5px; margin-right: -5px;}
	.posm-photo { padding: 5px;}
	.posm-col-r { padding-left: 1.125rem; padding-right: 1.125rem;width: calc(100% + 2.230rem); margin-top: -50px;padding-top: 80px;}
	.posm-col-l { width: 100%; left: 0; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: column; align-items: center; }
	.posm_talker { padding-top: 4rem;}
	.posm_wobbler .slide_img { width: 100%; height:auto; }
	.posm_talker .slide_img { width: 100%; height:auto; }

	.rewards-img-block{ margin-right:5px;}
	.rewards-img { width: 120px; padding: 0;}
	.happy7-or { margin-top: 55px;}
	
	.posm_flex_row { flex-direction: column; }
	.posm_flex_row .img_enlarge { width: 100%; max-width: 300px; margin-left: 0;}

	.posm-detail-photo-gp { width: 100%; max-width: 500px; height: auto; display: flex; flex-wrap: wrap; position: static; margin-bottom: 20px;padding-right:0; aspect-ratio:unset; }
	
	.hangsell-img1 { position: static; width: 50%;}
	.hangsell-img2 { position: static; width: 100%;}
	.hangsell-img3 { position: static; width: 50%;}

	.standee-img1 { position: static; width: 100%;}
	.standee-img2 { position: static; width: 50%;}
	.standee-img3 { position: static; width: 100%;}
	.standee-img4 { position: static; width: 50%;}

	.topshelf-img1 { position: static; width: 50%;}
	.topshelf-img2 { position: static; width: 50%;}
	.topshelf-img3 { position: static; width: 100%;}
	
	.display-img { width: 100%;}

	.wobbler-img { width: 100%;}
	.wobbler-img1 {  position: static; width: 50%;}
	.wobbler-img2 {  position: static; width: 100%; }
	.wobbler-img3 {  position: static; width: 50%;}

	.talker-img { width: 100%;}
	.talker-img1 { position: static; width: 100%;}
	.talker-img2 { position: static; width: 100%;}
	.talker-img3 { position: static; width: 100%;}

	.contact-icon {font-size: 30px; }

	.product-video-block { padding: 70px 30px 20px 30px;}
	.product-video-block .ad-play-btn { font-size: 60px;}

	.sx-video-container { padding: 0;}
	.sx-video-container .number-b { margin-top: unset;}
	.sx-video-container .product-video-block { padding: 0;}

	.step-img  { width: 100px;}


}
@media screen and (orientation:landscape) and (max-device-width: 767px) {
	
}
@media screen and (max-width: 669px) {/* Essential */
	.base_main .base { padding:0 18px; }

	.widget_gridpanel { /*font-size:28px;*/ font-size:1.75em; }

	.widget_gridpanel .grid-number { bottom:8px; left:18px; right:18px; }
	.widget_gridpanel .grid-title { top:18px; left:18px; right:18px; }
	.widget_gridpanel .grid-msg { padding:18px; font-size:16px; }

	.evochart_wrapper { padding-left:3rem; }
	/* .evochart_item .product { max-width:30vw; } */

	.workshop_pastevents .swiper-slide { width:calc((100vw - 10px) / 2); }

	.productscard_number { left:1em; padding:.5rem; }
	.productscard_number h2 { font-size:28px; }
	.left .productscard_card, .center .productscard_card, .right .productscard_card { padding-left:.5rem; padding-right:.5rem; }
	.productscard_card_contents { padding-left:2rem; padding-right:2rem; }

	.bannerlink_banner { height:235px; }
	.bannerlink_box { height:120px; }
	.bannerlink_box_arrow .material-icons { font-size:48px; }
	.bannerlink_box_text { font-size:28px; width:190px; }

	.heroesarticle_heroimg { width:40vw; margin-right:5vw; }
	.heroesarticle_sub_img { width:70%; }

	.comparison_row { --columns:2; }
	.comparison_rowheader { grid-column:1/2 span; }
	.comparison_main .column_3 { display:none; }
	.init_5 .comparison_row { --columns:2; }
	.init_4 .comparison_row { --columns:2; }
	.init_3 .comparison_row { --columns:2; }
	.init_2 .comparison_row { --columns:2; }
	.init_5 .comparison_rowheader { grid-column:1/2 span; }
	.init_4 .comparison_rowheader { grid-column:1/2 span; }
	.init_3 .comparison_rowheader { grid-column:1/2 span; }
	.init_2 .comparison_rowheader { grid-column:1/2 span; }

	.form_body .email, .form_body .contactnumber { flex-basis:100%; }
	
	.or-gp{ flex-direction: column; align-items: center;}
	.happy7-or { margin-top: 0;}
	
	.spec_list table { font-size: 16px; }
}
@media screen and (max-width: 669px) and (min-width: 480px) {
	
}
@media screen and (min-width: 480px) {
	
}
@media screen and (max-width: 479px) {/* Essential */
	.boxed_obj h2, .boxed_obj .h2 { font-size:36px; }

	.widget_gridpanel .grid-6x4 { flex:0 0 calc(100%); }
	.widget_gridpanel .grid-4x4 { flex:0 0 calc(100%); }
	.widget_gridpanel .grid-4x3 { flex:0 0 calc(100%); }
	.widget_gridpanel .grid-3x3 { flex:0 0 calc(100%); }

	.widget_gridpanel .grid-6x4 .grid-sizer { padding-bottom:60%; }
	.widget_gridpanel .grid-4x4 .grid-sizer { padding-bottom:60%; }
	.widget_gridpanel .grid-4x3 .grid-sizer { padding-bottom:60%; }
	.widget_gridpanel .grid-3x3 .grid-sizer { padding-bottom:60%; }

	.widget_card { padding:12px; flex:0 1 calc(50% - 6px); margin:0 3px 6px; }
	.widget_card .title { font-size:1em; }

	.widget_specitemsgroup { flex:100%; }

	.evochart_item .inner_wrapper { flex-direction:column; }

	.products_org002 .hero { background-position:center; background-size:cover; }

	.products_org002.lsel .hero_title br { display:none; }

	.productscard_card_table { display:flex; flex-wrap:wrap; width:100%; margin-bottom:1.5em; }
	.productscard_card_table > * { flex:100%; }
	.productscard_card_table > * > tr { display:flex; width:100%; flex-wrap:wrap; }
	.productscard_card_table thead > tr { justify-content:space-between; }
	.productscard_card_table thead th, .productscard_card_table thead td { text-align:center; padding-left:0; border-bottom:0; }
	.productscard_card_table thead th { width:calc(50% - .25em); border:1px solid var(--sg-light-gray); border-radius:.75em; padding:0; display:flex; justify-content:center; align-items:center; padding:.25em .5em; }
	.productscard_card_table thead th p { padding:.5em 0; align-items:center; font-size:1em; }
	.productscard_card_table tbody th, .productscard_card_table tbody td { padding-left:0; }
	.productscard_card_table tbody td { text-align:center; padding-top:0; padding-left:.5em; padding-right:.5em; }
	.productscard_card_table > thead > tr > *:first-child { display:none; }
	.productscard_card_table > tbody > tr { padding-top:1em; padding-bottom:0; }
	.productscard_card_table > tbody > tr > * { flex:1; border-bottom:0; }
	.productscard_card_table > tbody > tr > *:first-child { flex:100%; border-bottom:0; padding-bottom:0; border-bottom:1px solid var(--sg-light-gray); margin-bottom:.5em; }
	.productscard_card_table > tbody > tr > *:first-child p { font-size:16px; }
	.productscard_card_table > tbody > tr > th br { display:none; }

	.availablein_slide { padding:1.5rem; }
	.availablein_image { width:100%; }

	.heroespicker_button { width:100%; align-items:center; }
	.heroespicker_bg { background-position:100% 40%; }
	.heroespicker_identity { width:35vw; flex-direction:column; }
	.heroespicker_name { padding:0; border-right:0; border-bottom:1px solid var(--sg-pink); }
	.heroespicker_desc { padding:0; }

	.heroesarticle_info_title { font-size:24px; }
	.heroesarticle_sub_img { width:90%; }

	.foundersstoryhero_button { height:80vw; }
	.foundersstoryhero_bg { background-size:cover; }
	.foundersstoryhero_tagline { font-size:1rem; }
	.foundersstoryhero_identity { padding-top:0; padding-bottom:0; }
	.foundersstoryhero_name { font-size:1rem; height:40px; }

	.about_vision .hero_title nobr { white-space:unset; }

	.ad-col { width: 100%; padding: 2px;}

	.workshop_instructor .widget_card { flex-basis:99%; margin-top:28%; }
	.workshop_instructor .widget_card:first-child { margin-top:15%; }
	.workshop_instructor .profilepic { margin-bottom:.5em; }
	.workshop_instructor .profilepic_img { width:30%; }
	
	.workshop_pastevents .swiper-slide { width:100vw; }
	.section-icon img { width: 50px;}
	.posm-photo-gp {flex-direction: column;}

	.product-video-block { padding: 50px 10px 5px 10px;}
	.product-video-block .ad-play-btn { font-size: 45px;}

	.step-gp { /* flex-direction: column; */ align-items: center; padding-left:1em; padding-right:1em; }
	.step { width:100%; margin-left:1%; margin-right:1%; margin-bottom:1%; }
	.step-img { width:100%; }
	
	.section-icon-block { width: calc(50% - 20px); }

	.about_brandkit .download .text br { display: none;}
	.about_brandkit .download .text { width: 100%; padding: 10px; }
	.about_brandkit .col { padding: 0 10px; }

	.products_org002.el .hero { background-position:center bottom; background-size: cover; }
	
	.comparison_column .note { font-size: 12px; }
	
	.spec_list table tr { display: flex; flex-direction: column; }
	.spec_list table th , .spec_list table td { width: 100%; padding:0 ;}
	.spec_list table th { padding-top: 15px; padding-bottom: 5px;}
	.spec_list table td { padding-bottom: 15px; }

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

}




/* BOTTOM */

.base_breadcrumbs {
	position:relative; bottom:0; z-index:10; background-color:white; color:#525252; border-top: 1px solid var(--sg-lighter-gray);
	transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; -ms-transition:-ms-transform 300ms;
}
.base_breadcrumbs .base { position:relative; z-index:10; float:left; width:100%; padding:8px 28px; }

.breadcrumbs { display:flex; }
.breadcrumbs .symbol { line-height:24px; flex:0; margin-right:4px; }
.breadcrumbs .symbol-sagami { float:left; height:24px; }
.breadcrumbs_list { font-weight:600; padding:0; margin:0; flex:1; }
.breadcrumbs_list > li { display:inline-block; vertical-align:middle; line-height:24px; margin-left:24px; position:relative; }
.breadcrumbs_list > li > a { display:inline-block; vertical-align:middle; color:#525252; }
.breadcrumbs_list > li > a:hover { display:inline-block; vertical-align:middle; color:var(--sg-pink); }
.breadcrumbs_list > li::before { content:'›'; position:absolute; line-height:24px; right:calc(100% + 8px); top:2px; }


.base_footer {
	position:relative; bottom:0; z-index:10; background-color:var(--sg-light-gray); color:#525252;
	transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; -ms-transition:-ms-transform 300ms;
}
.base_footer.flow { position:absolute; }
.base_footer .base { position:relative; z-index:10; float:left; width:100%; padding:34px 28px 20px; display:flex; flex-wrap:wrap; justify-content:space-between; }

.base_footer .base_logo { position:relative; background-image: url('../img/logo-sagami-gray@2x.png'); top:unset; left:unset; margin-right:2rem; margin-bottom:2rem; }

.base_nav.bottom { position:relative; color:#525252; text-align:right; transition:transform 300ms; -webkit-transition:-webkit-transform 300ms; margin-bottom:3rem; }
.base_nav.bottom > li { display:inline-block; color:#525252; vertical-align:middle; list-style-type:none; padding:0; text-align:left; vertical-align:top; }
.base_nav.bottom > li + li { margin-left:116px; }
.base_nav.bottom > li > a { font-weight:bold; display:inline-block; color:#525252; }
.base_nav.bottom > li > a i { margin-right:4px; font-size:18px; }
.base_nav.bottom > li > a p { margin-bottom:0; font-weight:600; cursor:pointer; }
.base_nav.bottom > li > a .fa-caret-down { margin-left:4px; }
.base_nav.bottom > li > .sub { list-style-type:none; padding-left:0; padding-top:12px; }
.base_nav.bottom > li > .sub > li { padding:.2em 0; }
.base_nav.bottom .nav_trigger_wrapper { display:none; }
.base_nav.bottom .nav_trigger { font-size:1.16em; margin:0; height:45px; width:45px; float:left; text-align:center; position:relative; left:-45px; transition:left 300ms; -webkit-transition:left 300ms; }

.base_social { list-style-type:none; flex:1 100%; padding:12px 0; display:flex; }
.base_social li + li { margin-left:28px; }
.base_social li .fa { font-size:18px; }
.base_social .right { display: flex ; justify-content: flex-end; flex: 1; align-items: center;}
.base_social .base_region { flex: unset; display: flex;  justify-content: flex-end; color: #525252; }
.base_social .base_region:hover { color: var(--sg-pink); }
.base_social .base_language { color: #525252; }
.base_social .base_language:hover { color: var(--sg-pink); }

.base_legal_container { display:flex; width:100%; justify-content:space-between; align-items:center; border-top:1px solid #c4c4c4; padding-top:18px; flex:1 100%; justify-content:space-between; align-items:flex-start; }

.base_legal_links .base_nav.bottom { position:relative; top:unset; right:unset; margin-bottom:0; text-align:left; }
.base_legal_links .base_nav.bottom > li + li { margin-left:44px; }
.base_legal_links .base_nav.bottom > li > a { font-weight:normal; }

.base_copyright { display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.base_copyright .separator { display:inline; }
.base_copyright .first { display:none; }
.base_copyright > * { display:inline-block; position:relative; margin:0; font-size:14px; cursor:default; }


/* -- REGION --*/
.sub.region{ line-height: 1.5em; }

.nav_region {
  display: inline-block;
  border-left: 0;
  margin-left: 0;
  width: 100%;
  text-align: left;
  background-color: #fff;
  padding: 0;
  margin-top: 0;
  padding: 15px 14px;
  color: #808080;
}

.base_nav.main > li.expand.region-mobile .sub > li .sub { display:none !important; padding: 10px; }
.base_nav.main > li.expand.region-mobile .sub > li.visible.expand .sub { display:block !important; }

.region-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 20;
  backdrop-filter: blur(20px);
  overflow: auto;
  display: flex;
  pointer-events: none;
  opacity:0;
  transition:opacity 300ms; -webkit-transition:opacity 300ms; -ms-transition:opacity 300ms; 
  top:0;
  left:0;
}

.region-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  margin: 15px;
}

.region-wrapper.active { pointer-events: all; opacity:1; }
.region-europe { display: none; }
.region-europe.active { display: flex; }
.region-asia { display: none; }
.region-asia.active { display: flex; }
.region-oceania { display: none; }
.region-oceania.active { display: flex; }
.region-home { display: none; }
.region-home.active { display: flex; }

.icon-region-block { position: relative; flex: 1;}

.region-container { margin: auto; position: relative; }

.region-box {
  width: 100%;
  max-width: 750px;
  margin: auto;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 hsla(0, 0%, 50.7%, 0.4);
}

.region-info { display: flex; align-items: center; }
.region-info-sub{ display: flex; align-items: start; }

.city { display: none; }

.region-title {
  text-align: start;
  display: flex;
  align-items: center;
  padding-left:.25em;
}

.region-title-wrapper { text-align: start; }
.region-title.sub { display:inline-flex; }

.region-title.sub h4 { color:#525252; cursor:pointer; }

.region-title.sub:hover h4 { color:var(--sg-pink); }
.region-title.sub:hover { cursor: pointer; }
.region-title .fa { margin-right: .25em; }

.region-sub-title { display: flex; align-items: center; }

.language-b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.language { margin-right: 10px; margin-left: 10px; }

.language-line { width: 1.5px; height: 20px; background-color: #808080; }

.region { padding-left: 10px; }

.language-btn-b { display: flex; margin-left: 13px; align-items: center; }
.language-btn-b.desktop { margin-left: 14px; }
.language-btn { font-size: 14px; }

.region-row { display: flex; flex-direction: column; margin-bottom: 10px; }

.region-row.active .region-btn { color:var(--sg-pink); }

.region-and-language-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
}

.html-embed {
  position: absolute;
  left: auto;
  top: 5%;
  right: 5%;
  bottom: auto;
}

.popup-wrapper {
  position: fixed;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.popup-box {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 750px;
  height: 550px;
  margin: auto;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 hsla(0, 0%, 50.7%, 0.4);
}

.region-row { display: flex; }

.region-btn { margin-bottom: 10px; }

.region-map { width: 100%; }

.language-line{
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: black;
}

.region-btn-b {
  flex: 0 0 30%;
  text-align: left;
  position: absolute;
  display: flex;
  flex-direction: column;
  right: auto;
  bottom: auto;
  margin-right: 10px;
  margin-left: 10px;
}


.region-btn-b.menu { position: static; margin-top: 10px; }

.map-icon-europe { position: absolute; display: inline-block; width: 7px; }

.map-icon-europe.uk { right: 54%; top: 10%; }
.map-icon-europe.fr { right: 51.5%; top: 15.5%; }
.map-icon-europe.ru { right: 43%; top: 12%; }

.map-icon-europe.uk.p2 { right: 78%; top: 23%; }
.map-icon-europe.ru.p2 { right: 49%; top: 25%; }
.map-icon-europe.fr.p2 { right: 70%; top: 31%; }

.icon-txt {
  position: absolute;
  left: 50%; 
  bottom: 70%;
  display: none;
  transform: translateX(-50%);
}

.active > .icon-txt {display: block;}

.map-icon-asia { position: absolute; display: inline-block; width: 7px; }

.map-icon-asia.hk { right: 15%; top: 39%; }
.map-icon-asia.tw { right: 11.3%; top: 36%; }
.map-icon-asia.jp { right: 7%; top: 26%; }
.map-icon-asia.kr { right: 11%; top: 26%; }
.map-icon-asia.th { right: 20%; top: 40%; }
.map-icon-asia.vt { right: 17.5%; top: 45%; }
.map-icon-asia.sg { right: 17%; top: 55%; }
.map-icon-asia.id { right: 10%; top: 55%; }

.map-icon-asia.hk.p2 { right: 45%; top: 37.5%; }
.map-icon-asia.tw.p2 { right: 36%; top: 34%; }
.map-icon-asia.jp.p2 { right: 27%; top: 18%; }
.map-icon-asia.kr.p2 { right: 36%; top: 18%; }
.map-icon-asia.th.p2 { right: 52%; top: 45%; }
.map-icon-asia.vt.p2 { right: 47%; top: 47%; }
.map-icon-asia.sg.p2 { right: 49%; top: 62%; }
.map-icon-asia.id.p2 { right: 34%; top: 62%; }

.map-icon-oceania { position: absolute; display: inline-block; width: 7px; }

.map-icon-oceania.au { right: 14%; bottom: 17%; }
.map-icon-oceania.au.p2 { right: 57%; bottom: 32%; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
}

@media screen and (min-width: 1920px) {

}
@media screen and (min-width: 1620px) {
	
}
@media screen and (max-width: 1215px) {
	.base_legal_container { flex-direction: column; align-items: flex-start; }
	.base_copyright { align-items: flex-start; text-align: left; }
	.base_legal_links { margin-bottom: 0.5em;}
}
@media screen and (min-width: 1081px) {/* Essential */
	
}
@media screen and (max-width: 1080px) {
	
}
@media screen and (min-width: 960px) {
	
}
@media screen and (max-width: 959px) {
	.base_breadcrumbs { z-index:12; position:relative !important; border-top:0; }
	.base_breadcrumbs .base { height:auto; }
	.nav_active .base_breadcrumbs { transform:translate(-264px,0); }

	.base_footer { z-index:12; position:relative !important; border-top:0; }
	.base_footer .base { height:auto; }
	.nav_active .base_footer { transform:translate(-264px,0); }

	.base_copyright { position:relative; top:unset; left:unset; }
	.base_copyright > * { float:left; clear:both; position:relative; }
	.base_copyright > p { text-align:left; }

	.base_copyright .separator { display:none; }
	.base_copyright .first { display:inline; }

	.base_nav.bottom > li + li { margin-left:72px; }

	.base_social .right { display: none; }
	
}
@media screen and (max-width: 767px) {/* Essential */
	.base_breadcrumbs .base { padding-left:18px; padding-right:18px; }

	.base_footer .base { padding-left:18px; padding-right:18px; }
	.base_footer .base_logo { margin-bottom:36px; }

	.base_nav.bottom { width:100%; text-align:left; margin-bottom:0; }
	.base_nav.bottom > li { width:100%; }
	.base_nav.bottom > li + li { margin-left:0; margin-top:12px; }

	.base_nav.bottom > li { font-size:16px; }
	.base_nav.bottom > li > a { width:fit-content; }
	.base_nav.bottom > li > .sub a { font-size:16px; }

	.base_legal_container { flex-wrap:wrap; }
	.base_legal_links { flex:1; }
	.base_legal_links .base_nav.bottom { margin-bottom:12px; }
	.base_legal_links .base_nav.bottom > li + li { margin-left:0; }
	.base_copyright { width:100%; }
	.base_copyright > * { font-size:16px; width:100%; }

	.base_copyright { align-items:flex-start; text-align:left; }
	.base_copyright .permit { margin-bottom:1em; font-size:14px; }
}
@media screen and (max-width: 669px) {/* Essential */
	
}
@media screen and (max-width: 479px) {/* Essential */	
	
}
@media screen and (max-width: 349px) {
	
}

/* Error page 404 & 500  */

.error-page-container { font-family: nimbus-sans, source-han-sans-traditional;  height: 100vh; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: white;}
.error-logo img{ width: 200px;}
.error-col { margin-top: 100px;width: 100%; position: relative;}
.error-col img { width: 630px;}
.error-txt {line-height: 1em; font-size: 38px; font-weight: 700; color: white; background-color: var(--sg-red); padding: 16px 30px; position: absolute;  bottom: 12%; left: 50%; transform: translateX(-50%) rotate(-8deg);}

@media screen and (max-width: 959px) {
	.error-logo img{ width: 170px;}
	.error-col img { width: 530px;}
	.error-txt {font-size: 30px; padding: 12px 20px; }
}

@media screen and (max-width: 767px) {/* Essential */
	.error-logo img{ width: 150px;}
	.error-col { margin-top: 60px;}
	.error-col img { width: 430px;}
	.error-txt {font-size: 22px;}
}
@media screen and (max-width: 479px) {/* Essential */
	.error-col img { width: 280px;}
	.error-txt {font-size: 16px;padding: 8px 15px; }
}