@charset "UTF-8";
/*
**************************************************************************
*	new_lifestyle.css
**************************************************************************/
html, body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
sup {
	vertical-align: super;
    font-size: 0.5em;
}

.nav-fixed span::before {
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	height: 100%;
	background-position: center;
}

.nav-fixed .natrus {
	border-right: none;
}

.nav-fixed .inquiry, .nav-fixed .network {
	border-right: 1px solid #FAD273;
}

.nav-fixed .inquiry a, .nav-fixed .network a {
	background-color: #f8b417;
}

.nav-fixed .inquiry a:hover span, .nav-fixed .network a:hover span {
	opacity: 0.7;
}

.nav-fixed .network {
	border-right: none;
}

.nav-fixed #natrus {
	padding-left: 61px;
}

.nav-fixed #natrus::before {
	width: 51px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/nav-fixed-natrus.svg);
}

.nav-fixed #inquiry {
	padding-left: 36px;
}

.nav-fixed #inquiry::before {
	width: 26px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/nav-fixed-inquiry.svg);
}

.nav-fixed #network {
	padding-left: 31px;
}

.nav-fixed #network::before {
	width: 21px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/nav-fixed-network.svg);
}

.contents {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
	color: #333333;
	overflow: hidden;
}

.contents * {
	box-sizing: border-box;
}

.container.css-scale.overlay-open {
	-webkit-transform: inherit;
	transform: inherit;
}

.bg-header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 704px;
	overflow: hidden;
	background-color: #1d1d1d;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/products/natrus/bg_header.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 1280px 704px;
	text-align: center;
}

.contents .breadcrumbs {
	width: 978px;
	margin: 0 auto;
}

.contents .breadcrumbs li, .contents .breadcrumbs li.act, .contents .breadcrumbs li a:link, .contents .breadcrumbs li a:visited {
	color: #ffffff;
}

.contents .breadcrumbs li a:hover, .contents .breadcrumbs li a:active {
	color: #ffa200;
}

/* clearfix */
.cf:before,
.cf:after {
	content: "";
	display: block;
	overflow: hidden;
}

.cf:after {
	clear: both;
}

/* # text
----------------------------------- */
.txt-color-black {
	color: #000;
}

.txt-color-blue {
	color: #00a0e6;
}

.txt-color-persiangreen {
	color: #00a395;
}

.txt-color-cobalt {
	color: #005c9e;
}

.txt-color-orange {
	color: #ffa200;
}

.txt-plus-e {
	position: relative;
	top: -3px;
	line-height: 1.5;
}

.txt-note {
	color: #666;
	line-height: 1.5;
}

/* # button
----------------------------------- */
.btn a {
	box-sizing: border-box;
	display: block;
	position: relative;
	padding-right: 35px;
	padding-left: 12px;
	width: 100%;
	height: 64px;
	line-height: 66px;
	text-align: center;
	transition: background-color .3s;
	font-size: 16px;
}

.btn.btn-next a .inner {
	padding: 0;
}

/* small */
.btn-s a {
	padding-right: 30px;
	height: 48px;
	line-height: 48px;
}

/* middle */
.btn-m a {
	width: 360px;
	height: 48px;
	line-height: 48px;
}

/* large */
.btn-l a {
	height: 160px;
	font-size: 24px;
	line-height: 1.5;
}

/* # animation
----------------------------------- */
.inview .fadein-slideup {
	opacity: 0;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	transition-duration: 1.2s;
	transition-timing-function: cubic-bezier(0.3, 0, 0.35, 1);
}

.inview-on .fadein-slideup {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* header slideinをfadein-slideupに変更 */
.container.css-scale {
	transition: 0s;
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
}

.container.css-scale header {
	opacity: 0;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	transition: 0.5s;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

.container.clickstream-out header {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* contentsのfadein */
.bl .inview-on .fadein-slideup {
	transition-duration: 0.6s;
}

.bl-mainvisual.inview-on .mainvisual-img-wrap .mainvisual-img:nth-of-type(1) img.fadein-slideup {
	transition-duration: .6s;
	transition-delay: 1.9s;
}

.bl-mainvisual.inview-on .mainvisual-img-wrap .mainvisual-img:nth-of-type(2) img.fadein-slideup {
	transition-duration: 1.1s;
	transition-delay: 2.2s;
}

.bl-mainvisual.inview-on .mainvisual-img-wrap .mainvisual-img:nth-of-type(3) img.fadein-slideup {
	transition-duration: 1.2s;
	transition-delay: 2.4s;
}

.bl-mainvisual.inview-on .mainvisual-txt-wrap .fadein-slideup {
	transition-duration: .8s;
}

.bl-mainvisual.inview-on .mainvisual-txt-wrap .ttl-mainvisual.fadein-slideup {
	transition-delay: .3s;
}

.bl-mainvisual.inview-on .mainvisual-txt-wrap .txt-mainvisual-lead.fadein-slideup {
	transition-delay: .3s;
}

.bl-mainvisual.inview-on .mainvisual-txt-wrap .txt-mainvisual-lead-wrap-top.fadein-slideup {
	transition-delay: .5s;
}

.bl-mainvisual.inview-on .mainvisual-txt-wrap .txt-mainvisual-lead-wrap-btm.fadein-slideup {
	transition-delay: .5s;
}

.bl-facility.inview-on .txt-facility-lead-top {
	transition-duration: .8s;
	transition-delay: .5s;
}

.bl-facility.inview-on .facility-lists:nth-of-type(1).fadein-slideup {
	transition-duration: .8s;
	transition-delay: .5s;
}

.bl-facility.inview-on .facility-lists:nth-of-type(2).fadein-slideup {
	transition-duration: .8s;
	transition-delay: .5s;
}

.bl-lead.inview-on .img-lead-box.fadein-slideup {
	transition-delay: .3s;
}

.bl-lead.inview-on .txt-lead-box.fadein-slideup {
	transition-delay: .6s;
}

.col2.inview-on .col-txt-wrap.fadein-slideup {
	transition-delay: .3s;
}

.col2.inview-on .col-img-wrap.fadein-slideup {
	transition-delay: .3s;
}

.bl-nav-points .col3.inview-on .fadein-slideup:nth-of-type(2) {
	transition-delay: .3s;
}

.bl-nav-points .col3.inview-on .fadein-slideup:nth-of-type(3) {
	transition-delay: .6s;
}

.bl-switch .switch-col3.inview-on col.fadein-slideup:nth-of-type(2) {
	transition-delay: .3s;
}

.bl-switch .switch-col3.inview-on col.fadein-slideup:nth-of-type(3) {
	transition-delay: .6s;
}

/* svg */
.ttl-box-float {
	margin-bottom: 25px;
	color: #00a0e6;
	font-size: 32px;
	letter-spacing: 5.33px;
	transition: color .3s;
}

.icn-box-float {
	margin-bottom: 27px;
	height: 70px;
}

.txt-box-float {
	line-height: 1.71;
	transition: color .3s;
}

.ttl-box-float, .icn-box-float, .txt-box-float {
	display: block;
	width: 100%;
}

.icn-downarrow {
	width: 23px;
	height: 13px;
}

/* # box
----------------------------------- */
.box {
	width: 100%;
}

.box-breadcrumbs {
	width: 978px;
	margin: 0 auto;
}

/* # bl
----------------------------------- */
.bl {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 918px;
	z-index: 2;
}

.bl-mainvisual {
	max-width: 100%;
}

.bl-inquiry {
	max-width: 100%;
}

/* # bg 背景水玉パララックス
----------------------------------- */
.bg-wrap {
	position: absolute;
	height: 100%;
	top: 0;
	margin: 0 auto;
	width: 100vw;
	max-width: 1440px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
	z-index: -1;
}

.bg-wrap .bg-content {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.bg-wrap .bg-content-01 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_01.svg);
	width: 17.5%;
	left: 15.27778%;
	top: 0px;
	height: 2.37755%;
}

.bg-wrap .bg-content-02 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_02.svg);
	width: 46.11111%;
	left: 65.06944%;
	top: 40px;
	height: 4.19388%;
}

.bg-wrap .bg-content-03 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_03.svg);
	width: 34.02778%;
	left: -5.90278%;
	top: 480px;
	height: 4.26531%;
}

.bg-wrap .bg-content-04 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_04.svg);
	width: 35.55556%;
	left: 69.44444%;
	top: 1341px;
	height: 3.83673%;
}

.bg-wrap .bg-content-05 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_05.svg);
	width: 45.34722%;
	left: -12.36111%;
	top: 2008px;
	height: 4.11224%;
}

.bg-wrap .bg-content-06 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_06.svg);
	width: 21.52778%;
	left: 71.38889%;
	top: 2378px;
	height: 2.85714%;
}

.bg-wrap .bg-content-07 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_07.svg);
	width: 32.36111%;
	left: -11.80556%;
	top: 3543px;
	height: 4.08163%;
}

.bg-wrap .bg-content-08 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_08.svg);
	width: 38.54167%;
	left: 70%;
	top: 4282px;
	height: 5.66327%;
}

.bg-wrap .bg-content-09 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_09.svg);
	width: 18.75%;
	left: 83.88889%;
	top: 5824px;
	height: 2.92857%;
}

.bg-wrap .bg-content-10 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_10.svg);
	width: 33.33333%;
	left: -14.375%;
	top: 6291px;
	height: 4.14286%;
}

.bg-wrap .bg-content-11 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_11.svg);
	width: 40.625%;
	left: 70.48611%;
	top: 7403px;
	height: 4.76531%;
}

.bg-wrap .bg-content-12 {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/bg_12.svg);
	width: 18.40278%;
	left: -2.70833%;
	top: 8238px;
	height: 3.22449%;
}

/* # mv
----------------------------------- */
.bl-mainvisual {
	position: relative;
	padding-top: 185px;
	margin-bottom: 160px;
	max-width: inherit;
	position: relative;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-mainvisual .mainvisual-txt-wrap {
	position: relative;
	z-index: 3;
	max-width: 594px;
	margin: auto;
}

.bl-mainvisual .ttl-mainvisual {
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 48px;
	margin-bottom: 18px;
}

.bl-mainvisual .ttl-mainvisual-logo {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.bl-mainvisual .ttl-mainvisual-logo img {
	width: 153px;
}

.bl-mainvisual .txt-mainvisual-lead-wrap-top {
	margin-bottom: 38px;
}

.bl-mainvisual .txt-mainvisual-lead {
	text-align: center;
	font-size: 18px;
	line-height: 2.25;
	position: relative;
	z-index: 3;
}

.bl-mainvisual .txt-mainvisual-lead.txt-mainvisual-lead-top {
	width: 370px;
	height: 45px;
	line-height: 46px;
	border: 1px solid #00A0E6;
	border-radius: 22.5px;
	font-size: 18px;
	margin: 0 auto 63px;
}

.bl-mainvisual .mainvisual-img-wrap {
	position: absolute;
	max-width: 1440px;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}

.bl-mainvisual .mainvisual-img {
	position: absolute;
}

.bl-mainvisual .mainvisual-img img {
	display: block;
	width: 100%;
}

.bl-mainvisual .mainvisual-img-01 {
	width: 25%;
	top: 40px;
	left: 62%;
}

.bl-mainvisual .mainvisual-img-02 {
	width: 22%;
	left: 2%;
	top: 300px;
}

.bl-mainvisual .mainvisual-img-03 {
	width: 24%;
	top: 303px;
	left: 74%;
}

@media screen and (min-width: 1440px) {
	.bl-mainvisual .mainvisual-img-wrap .mainvisual-img-01 {
		width: 27%;
		max-width: 277px;
		top: 40px;
		left: 62%;
	}
	.bl-mainvisual .mainvisual-img-wrap .mainvisual-img-02 {
		width: 27%;
		left: 5%;
		top: 342px;
	}
	.bl-mainvisual .mainvisual-img-wrap .mainvisual-img-03 {
		width: 29%;
		top: 390px;
		left: 68%;
	}
}

.bl-facility {
	max-width: 750px;
	margin-bottom: 20px;
}

.txt-facility-lead-top {
	font-size: 24px;
	text-align: center;
	margin-bottom: 50px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.facility-lists {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.facility-list {
	margin: 0 15px 45px;
	width: 160px;
}

.facility-list-image {
	border-radius: 15px;
	overflow: hidden;
}

.facility-list-image img {
	width: 100%;
	display: block;
	line-height: 0;
}

.facility-list-caps {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	letter-spacing: 0.05em;
}

/* # points
----------------------------------- */
.bl-nav-points {
	position: relative;
	margin-top: 45px;
	margin-bottom: 200px;
	z-index: 2;
}

.bl-nav-points .col3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 auto;
	width: calc(100% + 30px);
}

.bl-nav-points .col3 .col {
	width: 286px;
	margin-right: 30px;
}

.bl-nav-points .box-float {
	position: relative;
	box-sizing: border-box;
	display: block;
	padding-top: 40px;
	padding-bottom: 62px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 40px;
	box-shadow: 4px 10px 30px 0 rgba(0, 0, 0, 0.07);
	text-align: center;
}

.bl-nav-points .box-float .icn-box-float {
	margin-bottom: 40px;
}

.bl-nav-points .box-float .icn-box-float .icn-fill-blue {
	fill: #00a0e6;
	transition: 0.3s;
}

.bl-nav-points .box-float .icn-box-float .icn-stroke-blue {
	stroke: #00a0e6;
	transition: 0.3s;
}

.bl-nav-points .box-float:hover .icn-box-float .icn-fill-blue {
	fill: #f8b417;
}

.bl-nav-points .box-float:hover .icn-box-float .icn-stroke-blue {
	stroke: #f8b417;
}

.bl-nav-points .box-float:hover .down-arrow .arrow {
	fill: #f8b417;
}

.bl-nav-points .box-float .ttl-box-float {
	margin-bottom: 25px;
	color: #00a0e6;
	font-size: 32px;
	transition: .3s;
}

.bl-nav-points .box-float:hover .ttl-box-float {
	color: #f8b417;
}

.bl-nav-points .box-float .txt-box-float-anchorttl {
	font-size: 20px;
	line-height: 1.61;
	margin-bottom: 8px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-nav-points .box-float .down-arrow {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 15px;
}

.bl-nav-points .box-float .down-arrow .arrow {
	fill: #00A0E6;
	transition: .3s;
}

/* # bl-section 共通
----------------------------------- */
.bl-section {
	margin-bottom: 200px;
}

.bl-lead .ttl-section {
	text-align: center;
	font-size: 32px;
	margin-bottom: 75px;
	line-height: 1.4;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-lead .ttl-section-icn {
	display: block;
	margin-bottom: 16px;
	height: 90px;
}

.bl-lead .lead-contents {
	position: relative;
}

.bl-lead .txt-lead-box {
	position: absolute;
	right: 0;
	top: 288px;
	width: 540px;
	height: auto;
	background-color: #fff;
	padding: 40px 60px 35px 50px;
	border-radius: 30px;
	box-shadow: 4px 10px 30px rgba(0, 0, 0, 0.07);
	z-index: 3;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-lead .txt-lead-box-top {
	position: relative;
	margin-bottom: 5px;
}

.bl-lead .txt-lead-box-top::after {
	display: block;
	content: "";
	height: 16px;
	width: 100%;
	position: absolute;
	bottom: -32px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/tri.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.bl-lead .txt-lead-caution {
	position: relative;
	padding-left: 40px;
	text-indent: -16px;
}

.bl-lead .txt-lead-caution::before {
	display: inline-block;
	content: "";
	width: 32px;
	height: 32px;
	position: relative;
	top: 12px;
	right: 0px;
	margin-left: -26px;
	padding-right: 10px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/ico_caution.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.bl-lead .txt-lead {
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

.bl-lead .txt-lead-box-bottom {
	margin-top: 40px;
}

.bl-lead .txt-lead-check {
	font-size: 24px;
	position: relative;
	left: 18px;
	text-indent: -40px;
	margin-left: 20px;
}

.bl-lead .txt-lead-check::before {
	display: inline-block;
	content: "";
	width: 32px;
	height: 32px;
	position: relative;
	top: 8px;
	margin-left: 0;
	padding-right: 10px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/ico_check.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.bl-lead .txt-lead-check + .txt-lead {
	padding-left: 40px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.6em;
}

.bl-lead .img-lead-box {
	position: relative;
	width: 800px;
	margin-left: -13.18083%;
	margin-bottom: 220px;
	z-index: 2;
}

.bl-lead .img-lead-box img {
	display: block;
	border-radius: 30px;
	width: 100%;
}

.txt-section-copy-wrap {
	display: flex;
	justify-content: flex-start;
	height: 150px;
	border-radius: 20px;
	border: solid 2px #00a0e6;
	background-color: #ffffff;
	margin-bottom: 80px;
}

.txt-section-copy-left {
	width: 230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.txt-section-copy-lef-icn {
	display: block;
	padding-bottom: 10px;
}

.txt-section-copy-caps {
	font-size: 20px;
}

.ttl-mainvisual-sub {
	height: 100%;
}

.txt-section-copy-right {
	width: calc(100% - 230px);
	display: flex;
	align-items: center;
	font-size: 24px;
	padding-right: 30px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.txt-section-copy {
	font-size: 24px;
}

.bl-knob .col1 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.bl-knob .col1 .col {
	width: 100%;
}

.bl-knob .col1 .btn-wrap-sm {
	width: 45.09804%;
}

.bl-knob .col2 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.bl-knob .col2 .col.col-img-wrap {
	width: 48.36601%;
}

.bl-knob .col2 .col.col-txt-wrap {
	width: 45.09804%;
}

.bl-knob .col-txt-ttl {
	font-size: 20px;
	margin-bottom: 30px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-knob .col-txt-lead {
	font-size: 14px;
	margin-bottom: 30px;
}

.bl-knob .col-txt-lead-sub {
	font-size: 12px;
}

.bl-knob .btn-wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.bl-knob .btn-wrap-inquiry {
	justify-content: center;
}

.bl-knob .btn {
	width: 100%;
}

.bl-knob .btn.col2 {
	margin: 0 0 20px 0;
}

.bl-knob .btn.col2 a {
	height: 48px;
	line-height: 48px;
}

.bl-knob .btn-wrap-inquiry .btn.col2 a {
	height: 64px;
	line-height: 64px;
}

.bl-knob .btn.col2:nth-of-type(even) {
	margin-right: 0;
}

.bl-knob .search-optimal-door {
	margin-bottom: 40px;
}

.bl-knob .search-optimal-door + p {
	padding-top: 30px;
	border-top: 1px solid #eee;
}

.bl-knob .col-img-wrap {
	position: relative;
}

.bl-knob .col-img-wrap img {
	display: block;
	width: 100%;
	border-radius: 30px;
}

.bl-knob .col2.col-reverse {
	flex-direction: row-reverse;
}

.bl-knob .col2.col-reverse .col-img-wrap {
	position: relative;
}

.bl-knob .col2.col-reverse .col-img {
	position: relative;
	width: 240px;
	flex-direction: column;
}

.bl-knob .col2.col-reverse .col-img img {
	display: block;
	width: 100%;
	text-align: center;
}

.bl-knob .col2.col-reverse .col-img:nth-of-type(1) {
	position: absolute;
	top: 0;
	z-index: 3;
}

.bl-knob .col2.col-reverse .col-img:nth-of-type(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.bl-knob .examples {
	margin-bottom: 80px;
}

.bl-knob .btn-wrap-inquiry {
	padding-top: 50px;
}

.bl-switch {
	margin-bottom: 150px;
}

.bl-switch .bl-lead .lead-contents .txt-lead-box {
	padding-right: 50px;
}

.bl-switch .bl-lead .lead-contents .txt-lead-box .txt-lead-box-top {
	margin-bottom: 5px;
}

.bl-switch .ttl-section-icn {
	margin-bottom: 24px;
}

.bl-switch .switch-col3 {
	display: flex;
	justify-content: center;
	border-bottom: 1px dotted #EEEEEE;
	margin-bottom: 80px;
}

.bl-switch .switch-col3 .col {
	position: relative;
	width: 300px;
	text-align: center;
	border-right: 1px dotted #727272;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.bl-switch .switch-col3 .col:last-child {
	border-right: none;
}

.bl-switch .switch-col3 .col .down-arrow {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	transition: .3s;
}

.bl-switch .switch-col3 .col .down-arrow .arrow {
	fill: #00A0E6;
	transition: .3s;
}

.bl-switch .switch-col3 .col:hover .down-arrow .arrow {
	fill: #f8b417;
}

.bl-switch .switch-col3 .col:hover .switch-col-num {
	background-color: #f8b417;
}

.bl-switch .switch-col3 .col .box-float {
	display: block;
	width: 100%;
	height: 100%;
}

.bl-switch .switch-col3 .col .switch-col-num {
	display: block;
	background-color: #00A0E6;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	margin: 0 auto 18px;
	font-size: 20px;
	transition: 0.3s;
}

.bl-switch .switch-col3 .col .switch-col-txt {
	color: #333333;
	font-size: 16px;
	line-height: 1.6em;
}

.bl-switch .txt-section-copy-wrap {
	margin-bottom: 65px;
}

.bl-switch .col2 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.bl-switch .col2 .col-img-wrap {
	width: 49.32462%;
	margin-left: -10.89325%;
	position: relative;
}

.bl-switch .col2 .col-img img {
	display: block;
}

.bl-switch .col2 .col-txt-wrap {
	padding: 70px 0 40px;
	width: 414px;
}

.bl-switch .col2 .col-txt-ttl {
	width: 100%;
	font-size: 20px;
	margin-bottom: 30px;
	position: relative;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-switch .col2 .col-txt-ttl-caps {
	position: relative;
	left: 10px;
	margin-left: 10px;
	top: 10px;
}

.bl-switch .col2 .col-txt-lead {
	font-size: 14px;
	margin-bottom: 30px;
	line-height: 1.75em;
}

.bl-switch .switch-topic {
	margin-bottom: 85px;
	border-bottom: 1px solid #EEEEEE;
}

.bl-switch .switch-topic .switch-topic-ttl {
	font-size: 24px;
	text-align: center;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-switch .switch-topic .switch-topic-ttl .underline {
	border-bottom: 2px dotted #00A0E6;
	padding-bottom: 5px;
}

.bl-switch .switch-topic .switch-topic-num {
	display: inline-block;
	background-color: #00A0E6;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	margin-right: 10px;
	font-size: 20px;
}

.bl-switch .switch-topic .switch-topic-01-sttl-top,
.bl-switch .switch-topic .switch-topic-01-sttl-btm {
	text-align: center;
}

.bl-switch .switch-topic .switch-topic-01-sttl-top {
	font-size: 18px;
	margin: 56px auto 5px;
}

.bl-switch .switch-topic .switch-topic-01-sttl-btm {
	font-size: 12px;
	margin-bottom: 20px;
}

.bl-switch .switch-topic .switch-topic-images-lists {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.bl-switch .switch-topic .switch-topic-images-list {
	width: 222px;
}

.bl-switch .switch-topic .switch-topic-images-list-txt {
	text-align: center;
}

.bl-switch .switch-topic .switch-topic-images-list-txt-fwb {
	font-weight: bold;
}

.bl-switch .switch-topic .switch-topic-images-list-img img {
	display: block;
	width: 100%;
}

.bl-switch .switch-topic .col2 .col-img-wrap {
	width: 50%;
	margin: 0;
}

.bl-switch .switch-topic-01 .btn {
	width: 464px;
	margin: 0 auto 70px;
}

.bl-switch .switch-topic-01 .btn a {
	padding-left: 20px;
}

.bl-switch .switch-topic-01 .txt-lead {
	font-size: 16px;
	line-height: 2em;
	text-align: center;
	position: relative;
	width: 912px;
}

.bl-switch .switch-topic-01 .txt-lead::after {
	display: block;
	content: "";
	position: relative;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/tri_3.svg);
	width: 100%;
	height: 76px;
	margin: 0 0 10px;
	top: 50px;
	background-repeat: no-repeat;
	background-position: center;
}

.bl-switch .switch-topic-01 .txt-lead .num-persiangreen {
	display: inline-block;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 21px;
	margin: 0 2px;
	font-size: 14px;
	border-radius: 50%;
	background-color: #00A395;
	text-align: center;
}

.bl-switch .switch-topic-01 .switch-topic-images-list-txt {
	text-align: center;
}

.bl-switch .switch-topic-02 {
	margin-bottom: 65px;
}

.bl-switch .switch-topic-02 .switch-topic-ttl {
	margin-left: 30px;
}

.bl-switch .switch-topic-02 .col2 {
	align-items: flex-start;
}

.bl-switch .switch-topic-02 .switch-topic-images-lists {
	text-align: center;
	margin-top: 26px;
	padding-left: 50px;
	margin-bottom: 0;
	width: 100%;
}

.bl-switch .switch-topic-02 .switch-topic-images-list {
	position: relative;
	display: inline-block;
	width: 50%;
	top: -30px;
	z-index: 2;
}

.bl-switch .switch-topic-02 .switch-topic-images-list:first-of-type {
	display: block;
	width: 100%;
	top: 8px;
	z-index: 3;
}

.bl-switch .switch-topic-02 .switch-topic-images-list-img {
	margin-bottom: 0px;
}

.bl-switch .switch-topic-02 .switch-topic-images-list-img img {
	display: block;
	width: 200px;
	margin: 0 auto;
}

.bl-switch .switch-topic-02 .switch-topic-images-list-caps {
	color: #00A395;
	padding-left: 8px;
}

.bl-switch .switch-topic-02 .movie-box {
	padding-left: 50px;
}

.bl-switch .switch-topic-02 .col-txt-ttl {
	margin-bottom: 20px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-switch .switch-topic-02 .col-txt-ttl img {
	width: 50%;
}

.bl-switch .switch-topic-02 .col-txt-ttl strong {
	width: 48%;
	font-size: 14px;
}

.bl-switch .switch-topic-02 .col-txt-wrap {
	background-color: #00A395;
	margin-top: 60px;
	padding: 65px 50px;
	color: #fff;
	border-radius: 20px;
}

.bl-switch .switch-topic-02 .col-txt-ttl {
	text-align: center;
}

.bl-switch .switch-topic-02 .col-txt-ttl img {
	width: 64.33121%;
}

.bl-switch .switch-topic-02 .col-txt-ttl-caps {
	margin: 0 auto;
	left: 0;
}

.bl-switch .switch-topic-02 .btn a {
	padding: 10px 0;
	color: #00A395;
	background-color: #fff;
	height: auto;
	line-height: 1.5;
}

.bl-switch .switch-topic-02 .btn a .inner path {
	fill: #00A395;
}

.bl-switch .switch-topic-02 .col-txt-lead {
	margin-bottom: 20px;
}

.bl-switch .switch-topic-02 .switch-topic-ttl .switch-topic-num {
	background-color: #00A395;
}

.bl-switch .switch-topic-02 .btn a:hover {
	background-color: #f8b417;
}

.bl-switch .switch-topic-02 .switch-topic-ttl .underline {
	border-bottom: 2px dotted #00A395;
}

.bl-switch .switch-topic-02 .col-txt-wrap .btn-wrap {
	width: 100%;
}

.bl-switch .switch-topic-02 .col-txt-wrap .btn-wrap .caps {
	display: inline-block;
	position: relative;
	top: -3px;
	left: 3px;
}

.bl-switch .switch-topic-03 {
	border-bottom: none;
}

.bl-switch .switch-topic-03 .switch-topic-ttl {
	margin-left: -30px;
}

.bl-switch .switch-topic-03 .switch-topic-images-lists {
	margin-top: 36px;
}

.bl-switch .switch-topic-03 .switch-topic-images-list {
	display: inline-block;
	width: 444px;
}

.bl-switch .switch-topic-03 .switch-topic-images-list p {
	font-weight: bold;
}

.bl-switch .switch-topic-03 .switch-topic-images-list-col2{
	display: flex;
}

.bl-switch .switch-topic-03 .switch-topic-images-list-col2 p{
	text-align: center;
}

.bl-switch .switch-topic-03 .col-img-wrap ul {
	margin-top: 30px;
}

.bl-switch .switch-topic-03 .col-txt-wrap {
	padding: 60px 0 0;
}

.bl-switch .switch-topic-03 .col-txt-lead {
	margin-bottom: 25px;
	line-height: 1.6em;
}

.bl-switch .switch-topic-03 .btn-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.bl-switch .switch-topic-03 .btn-wrap .btn {
	width: 80%;
}

.bl-switch .switch-topic-03 .btn-wrap--single .btn {
	width: auto;
}

.bl-switch .switch-topic-03 .btn-wrap .btn a {
	height: 48px;
	line-height: 48px;
}

.bl-disinfection {
	margin-bottom: 100px;
}

.bl-disinfection .col2 {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 80px;
}

.bl-disinfection .col2 .col-img-wrap {
	width: 61.65577%;
	margin-left: -13.28976%;
	margin-right: 60px;
}

.bl-disinfection .col2 .col-img-wrap .col-img img {
	display: block;
	border-radius: 30px;
	display: block;
	width: 100%;
}

.bl-disinfection .col2 .col-txt-wrap {
	padding: 70px 0 0;
	width: 414px;
}

.bl-disinfection .col2 .col-txt-wrap .col-txt-ttl {
	width: 100%;
	font-size: 20px;
	margin-bottom: 25px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-disinfection .col2 .col-txt-wrap .col-txt-lead {
	font-size: 14px;
	margin-bottom: 30px;
}

.bl-disinfection .col2 .col-txt-wrap .btn-wrap .btn-anchor .inner {
	padding: 0;
}

.bl-disinfection .col2 .col-txt-wrap .btn-wrap .btn-anchor svg {
	top: 15px !important;
	right: 16px !important;
}

.bl-disinfection .col2 .col-img-wrap {
	position: relative;
}

.bl-disinfection .col2.col-reverse {
	flex-direction: row-reverse;
}

.bl-disinfection .col2.col-reverse .col-txt-wrap {
	padding: 110px 0 0;
}

.bl-disinfection .col2.col-reverse .col-img-wrap {
	position: relative;
	width: 61.65577%;
	margin-left: 60px;
	margin-right: -13.28976%;
}

.bl-disinfection .col2.col-reverse .col-img-wrap .col-img img {
	border: none;
}

.bl-disinfection .toContact-txt {
	font-size: 24px;
	text-align: center;
	position: relative;
	margin-top: 130px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-disinfection .toContact-txt::after {
	display: block;
	content: "";
	position: relative;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/tri.svg);
	width: 100%;
	height: 20px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 1162px) {
	.bl-disinfection .col2 .col-img-wrap {
		width: 51.45455%;
		margin-left: 0;
		margin-right: 60px;
	}
	.bl-disinfection .col2.col-reverse .col-img-wrap {
		width: 51.45455%;
		margin-left: 60px;
		margin-right: 0;
	}
}

/* # inquiry
----------------------------------- */
.bl.bl-inquiry {
	position: relative;
	height: 500px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	max-width: inherit;
	margin-bottom: 100px;
}

.bl-inquiry::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 500px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	transition: transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	transition: transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	z-index: -1;
	content: "";
}

.bl-inquiry:hover::before {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.bl-inquiry {
	margin-bottom: 72px;
	padding-top: 150px;
}

.bl-inquiry::before {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/products/natrus_2005/bg_inquiry.jpg);
}

.txt-inquiry {
	margin-bottom: 53px;
	font-size: 28px;
	line-height: 1.5;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.bl-inquiry .cl2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 912px;
	margin: 0 auto;
}

.bl-inquiry .cl2 .col {
	width: calc((100% - 60px) / 2 - 0.01px);
	margin-right: 15px;
	margin-left: 15px;
}

.bl-inquiry .cl2 .col a {
	text-align: center;
}

/* movie */
.movie-box .inner-movie-box {
	display: flex;
}

.movie-box .movie-thumb {
	height: auto;
}

.movie-box .movie-thumb a {
	display: block;
	position: relative;
	width: 240px;
	height: 135px;
	z-index: 1;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 auto 10px;
}

.movie-box .movie-thumb a:hover .movie-thumb-playimg {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.movie-box .movie-thumb a:hover .movie-thumb-playimg::before {
	background-color: rgba(0, 0, 0, 0);
}

.movie-box .movie-thumb a:hover::before {
	background-color: rgba(0, 0, 0, 0);
	-webkit-transform: translate(12%, 12%);
	transform: translate(12%, 12%);
}

.movie-box .movie-thumb a::before {
	display: block;
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-right: 50px solid #00A0E6;
	border-bottom: 50px solid #00A0E6;
	border-left: 50px solid transparent;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	z-index: 3;
	transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	transition: transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	transition: transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
}

.movie-box .movie-thumb a::after {
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 60px;
	height: 60px;
	background: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/img_movie_play.svg) no-repeat right center;
	background-position: center;
	z-index: 4;
}

.movie-box .movie-thumb a .movie-thumb-playcaps {
	color: #fff;
	position: absolute;
	width: 60px;
	height: 60px;
	right: 10px;
	bottom: 28px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	z-index: 4;
}

.movie-box .movie-thumb a .movie-thumb-playimg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	transition: transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
	transition: transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
}

.movie-box .movie-thumb a .movie-thumb-playimg::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 2;
	transition: background-color 0.5s cubic-bezier(0.2, 0.675, 0.626, 1);
}

.movie-box .movie-thumb.movie-thumb-green a::before {
	border-right: 50px solid #00A395;
	border-bottom: 50px solid #00A395;
}

.movie-box .movie-thumb .movie-thumb-title {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

.movie-box .movie-thumb-caps {
	display: block;
	text-align: center;
}

.movie-box.movie-box-2col .movie-thumb a {
	width: 240px;
	height: 228px;
	border-radius: 30px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.movie-box.movie-box-2col .movie-thumb a:hover::before {
	background-color: rgba(0, 0, 0, 0);
	-webkit-transform: translate(11%, 11%);
	transform: translate(11%, 11%);
}

.movie-box.movie-box-2col .movie-thumb a::before {
	border-top: 50px solid transparent;
	border-right: 50px solid #00A0E6;
	border-bottom: 50px solid #00A0E6;
	border-left: 50px solid transparent;
}

.movie-box.movie-box-2col .movie-thumb a::after {
	right: 10px;
	bottom: 10px;
}

.movie-box.movie-box-2col .movie-thumb a .movie-thumb-playcaps {
	right: 10px;
	bottom: 28px;
}

.movie-box.movie-box-sm {
	margin: 0 0 30px;
}

.movie-box.movie-box-sm .movie-thumb a {
	width: 125px;
	height: 70px;
	border-radius: 6px;
}

.movie-box.movie-box-center .inner-movie-box {
	justify-content: center;
}

/* modal */
.modal-box {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 68px;
	background-color: transparent;
}

.modal-box .btn-movie-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 10;
}

.modal-box .youtube-load {
	width: 800px;
	height: 450px;
	position: relative;
	z-index: 3;
}

.examples-texts {
	display: flex;
	justify-content: flex-start;
	height: auto;
	border-radius: 20px;
	background-color: #EDF9FF;
	margin-bottom: 80px;
	padding: 38px 0;
}

.examples-texts .examples-texts-left {
	width: 494px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0 25px 0 50px;
}

.examples-texts .examples-texts-left .examples-texts-caps {
	font-size: 20px;
	padding-bottom: 20px;
}

.examples-texts .examples-texts-left .examples-texts-lead {
	display: block;
	height: 100%;
	width: 100%;
}

.examples-texts .examples-texts-right {
	width: calc(100% - 494px);
	display: flex;
	align-items: center;
	font-size: 24px;
	padding-right: 50px;
}

.examples-texts .examples-texts-right .btn-wrap {
	width: 100%;
}

.examples-texts .examples-texts-right .btn.btn-zoom {
	width: 100%;
}

.examples-texts .examples-texts-right .btn.btn-zoom .inner {
	display: flex;
	justify-content: center;
	position: relative;
	padding: 0;
}

.examples-texts .examples-texts-right .btn.btn-zoom a {
	padding-right: 16px;
}

.modal-box__inner {
	width: 800px;
	height: 650px;
	background-color: #fff;
}

.modal-box .modal-examples {
	display: none;
	width: 800px;
	height: 650px;
	background-color: #fff;
}

.modal-box .modal-examples.is-show {
	display: block;
}

.modal-box .modal-examples .case {
	padding: 50px;
}

.modal-box .modal-examples .case-image {
	display: block;
	margin-bottom: 26px;
}

.modal-box .modal-examples .case-image img {
	display: block;
	width: 100%;
}

.modal-box .modal-examples .case-title {
	margin-bottom: 12px;
	font-size: 24px;
	display: flex;
	align-items: center;
}

.modal-box .modal-examples .case-title span {
	display: inline-block;
	background-color: #00A0E6;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 15px;
	font-size: 16px;
	transition: 0.3s;
	margin-left: 14px;
}

.modal-box .modal-examples .case-lead {
	font-size: 20px;
	margin-bottom: 16px;
}

.modal-box .modal-examples .case-voicetitel {
	font-size: 16px;
	margin-bottom: 12px;
}

.modal-box .modal-examples .case-voicetext {
	font-size: 14px;
}

.movie-nav, .modal-nav {
	display: none;
	z-index: 2;
}

.movie-nav.is-show, .modal-nav.is-show {
	display: flex;
	justify-content: space-between;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1000px;
	height: 300px;
}

.movie-nav .btn-modal-change, .movie-nav .btn-movie-change, .modal-nav .btn-modal-change, .modal-nav .btn-movie-change {
	position: relative;
	width: 100px;
	display: flex;
	align-items: center;
}

.movie-nav .btn-modal-change a, .movie-nav .btn-movie-change a, .modal-nav .btn-modal-change a, .modal-nav .btn-movie-change a {
	color: #fff;
	font-size: 20px;
	justify-content: space-between;
	display: none;
	height: 300px;
	width: 100%;
	line-height: 300px;
	align-items: center;
	transition: 0.3s;
}

.movie-nav .btn-modal-change a::before, .movie-nav .btn-modal-change a::after, .movie-nav .btn-movie-change a::before, .movie-nav .btn-movie-change a::after, .modal-nav .btn-modal-change a::before, .modal-nav .btn-modal-change a::after, .modal-nav .btn-movie-change a::before, .modal-nav .btn-movie-change a::after {
	content: "";
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 35px;
	border: 0px;
}

.movie-nav .btn-modal-change a.is-show, .movie-nav .btn-movie-change a.is-show, .modal-nav .btn-modal-change a.is-show, .modal-nav .btn-movie-change a.is-show {
	display: flex;
}

.movie-nav .btn-modal-change a.is-show:hover, .movie-nav .btn-movie-change a.is-show:hover, .modal-nav .btn-modal-change a.is-show:hover, .modal-nav .btn-movie-change a.is-show:hover {
	opacity: 0.8;
}

.movie-nav .btn-modal-change.btn-modal-change-prev a::before, .movie-nav .btn-modal-change.btn-movie-change-prev a::before, .movie-nav .btn-movie-change.btn-modal-change-prev a::before, .movie-nav .btn-movie-change.btn-movie-change-prev a::before, .modal-nav .btn-modal-change.btn-modal-change-prev a::before, .modal-nav .btn-modal-change.btn-movie-change-prev a::before, .modal-nav .btn-movie-change.btn-modal-change-prev a::before, .modal-nav .btn-movie-change.btn-movie-change-prev a::before {
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
	left: 50%;
}

.movie-nav .btn-modal-change.btn-modal-change-next, .movie-nav .btn-modal-change.btn-movie-change-next, .movie-nav .btn-movie-change.btn-modal-change-next, .movie-nav .btn-movie-change.btn-movie-change-next, .modal-nav .btn-modal-change.btn-modal-change-next, .modal-nav .btn-modal-change.btn-movie-change-next, .modal-nav .btn-movie-change.btn-modal-change-next, .modal-nav .btn-movie-change.btn-movie-change-next {
	text-align: right;
}

.movie-nav .btn-modal-change.btn-modal-change-next a::after, .movie-nav .btn-modal-change.btn-movie-change-next a::after, .movie-nav .btn-movie-change.btn-modal-change-next a::after, .movie-nav .btn-movie-change.btn-movie-change-next a::after, .modal-nav .btn-modal-change.btn-modal-change-next a::after, .modal-nav .btn-modal-change.btn-movie-change-next a::after, .modal-nav .btn-movie-change.btn-modal-change-next a::after, .modal-nav .btn-movie-change.btn-movie-change-next a::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	left: -50%;
}

/* # faq
----------------------------------- */
/* box-qa */
.box-qa {
	margin: 20px auto 0;
	border-top: 1px solid #dfe0e1;
	width: 726px;
}

.box-qa dt {
	padding: 12px 18px;
	border-left: 1px solid #dfe0e1;
	border-right: 1px solid #dfe0e1;
	border-bottom: 1px solid #dfe0e1;
	background: #ffffff;
	cursor: pointer;
	font-size: 14px;
}

.box-qa .active dt {
	background: #f7f7f7;
}

.box-qa dd {
	display: none;
	/* デフォルト設定：非表示 */
	padding: 25px 18px;
	background: #fffbf3;
}

.box-qa .active dd {
	/*display: block;  クリック：表示 */
	border-bottom: 1px solid #dfe0e1;
}

.box-qa dl.active.last-child dd {
	border-bottom: none;
}

.box-qa .box-title {
	padding: 0 35px 0 0;
	background: url(/en/assets/before-data/wp-content/themes/nabtesco/img/support/faq/icn_open.png) no-repeat right center;
}

.box-qa .active .box-title {
	background: url(/en/assets/before-data/wp-content/themes/nabtesco/img/support/faq/icn_close.png) no-repeat right center;
}

.box-qa .icn-question,
.box-qa .icn-answer {
	display: block;
	padding: 0 0 0 32px;
}

.en .box-qa .icn-answer {
	font-size: 14px;
	line-height: 1.2;
}

.box-qa dd .box-inner {
	padding: 0 0 0 32px;
}

.box-qa dd .box-inner .icn-answer {
	font-size: 14px;
}

.box-qa dd .box-inner .text {
	margin: 5px 0 0 0;
	font-size: 12px;
}

.box-qa dd .box-inner .sttl {
	margin: 10px 0 5px 0;
	font-size: 14px;
}

.box-qa dd .box-inner .link {
	margin: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}

.box-qa dd .box-supplement {
	margin: 10px 0 0 0;
}

.box-qa dd .box-supplement ul {
	margin: 5px 0;
}

.box-qa dd .box-supplement ul li {
	font-size: 12px;
}

.box-qa dd .box-supplement ol {
	margin: 5px 0 5px 2em;
}

.box-qa dd .box-supplement ol li {
	list-style-type: decimal;
	font-size: 12px;
}

/* # btn
----------------------------------- */
.btn-zoom {
	font-family: "AxisStd-Medium";
}

.btn-zoom a {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border-radius: 6px;
	background-color: #00a0e6;
	color: #ffffff;
}

.btn-zoom a:hover {
	background-color: #f8b417;
}

.btn-zoom a .inner {
	display: block;
	text-align: center;
}

.btn-zoom a .inner div {
	position: absolute !important;
	left: auto !important;
	top: 50% !important;
}

/* zoom btn */
.btn-zoom a .inner {
	background: url(/en/assets/before-data/wp-content/themes/nabtesco/img/products/natrus/icn_btn_zoom.png) no-repeat right 50%;
}

@media screen and (min-width: 768px) {
	.only-sp,
	.sp-only {
		display: none !important;
	}
}

/* slide開閉 */
.slide-down-btn-wrap {
	display: none;
}

/* swiper PC時 非表示 */
.swiper-button-prev,
.swiper-button-next {
	display: none;
}

.swiper-pagination {
	display: none;
}

@media screen and (max-width: 767px) {
	.only-pc,
	.pc-only {
		display: none !important;
	}
	.wrap {
		min-width: inherit;
		padding-top: 0;
	}
	.line-top {
		display: none !important;
	}
	.line-left {
		display: none !important;
	}
	.line-right {
		display: none !important;
	}
	.line-bottom {
		display: none !important;
	}
	.sp-text-center {
		text-align: center;
	}
	.nav-fixed {
		display: block !important;
		height: 60px;
	}
	.nav-fixed .products-all, .nav-fixed .natrus {
		display: none;
	}
	.nav-fixed ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.nav-fixed .inquiry, .nav-fixed .network {
		width: 50%;
	}
	.nav-fixed .inquiry a, .nav-fixed .network a {
		width: 100%;
		font-size: 13px;
		opacity: 1;
		transition: 0.3s;
	}
	.nav-fixed .inquiry a:hover, .nav-fixed .network a:hover {
		opacity: 0.7;
	}
	/* iOS用のフロートナビをオーバーライド */
	.ios-portrait .nav-fixed {
		height: 60px;
	}
	.ios-portrait .nav-fixed li a {
		min-height: 60px;
		font-size: 13px;
	}
	.ios-portrait .nav-fixed li a span {
		margin-top: 20px;
		padding-left: 36px !important;
	}
	.ios-portrait .nav-fixed li a span svg, .ios-portrait .nav-fixed li a span div {
		position: relative !important;
		display: block;
		margin: 0 auto !important;
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
	}
	.ios-portrait .nav-fixed li a span#navAll svg, .ios-portrait .nav-fixed li a span#navAll div {
		margin-top: 0 !important;
		margin-bottom: 0;
	}
	/* ------------------------------------
		* ヘッダー
	* ------------------------------------ */
	header {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
	}
	header .logo {
		float: none;
		display: block;
		margin: 0 auto;
	}
	header .title {
		width: 100%;
		background: #0B9FE6;
		color: #fff;
		font-size: 22px;
		padding: 10px 0;
	}
	header .nav-global {
		display: none;
	}
	/* ------------------------------------
		* フッター
	* ------------------------------------ */
	/* .wrp-footer {
		margin-top: 40px;
		border-top: solid 2px #00a0e6;
		text-align: left;
		padding-bottom: 60px;
	}
	.wrp-footer a {
		display: block;
	}
	.wrp-footer .link-top {
		margin-bottom: 27px;
		border-bottom: solid 1px #dddddd;
		font-size: 15px;
		text-align: center;
	}
	.wrp-footer .link-top a {
		display: block;
		padding: 12px 0;
		color: #333333;
	}
	.wrp-footer .link-top a .link-inner {
		display: inline-block;
		padding-left: 25px;
		background: url(/en/assets/before-data/wp-content/themes/nabtesco/img/common/icn_top.png) no-repeat left 2px;
		background-size: 16px 11px;
	}
	.wrp-footer .global-nav {
		margin: 0 25px 20px;
	}
	.wrp-footer .global-nav li {
		float: left;
		width: 50%;
		margin-bottom: 24px;
		font-size: 15px;
	}
	.wrp-footer .global-nav li a {
		color: #333333;
	}
	.wrp-footer .sub-nav {
		margin: 0 15px 30px;
	}
	.wrp-footer .sub-nav li {
		display: inline-block;
		margin: 0 10px 5px;
		font-size: 12px;
		line-height: 1.8;
		font-family: "AxisStd-Medium";
	}
	.wrp-footer .footer-copy {
		padding: 32px 0;
		background-color: #f7f7f7;
		text-align: center;
	}
	.wrp-footer .footer-copy .logo-nabtesco {
		margin-bottom: 7px;
	}
	.wrp-footer .footer-copy .group {
		margin-bottom: 7px;
		font-size: 11px;
	}
	.wrp-footer .footer-copy .group .copy-logo {
		width: auto;
		margin-right: 15px;
	}
	.wrp-footer .footer-copy .group .copy-logo img {
		max-width: 200px;
	}
	.wrp-footer .footer-copy .group .copy-logo::after {
		margin-left: 5px;
	}
	.wrp-footer .footer-copy .group a {
		display: inline;
	}
	.wrp-footer .footer-copy .copyright {
		font-size: 10px;
	} */
	.contents-sp {
		padding: 0;
		/* # bl
		----------------------------------- */
		/* # bg 背景水玉パララックス
		----------------------------------- */
		/* # mv
		----------------------------------- */
		/* # facility　※スマホ時横スクロール
		----------------------------------- */
		/* # points
		----------------------------------- */
		/* # bl-section 共通
		----------------------------------- */
		/* # inquiry
		----------------------------------- */
		/* # faq
		----------------------------------- */
		/* box-qa */
	}
	.contents-sp * {
		box-sizing: border-box;
	}
	.contents-sp .bl {
		padding: 0;
	}
	.contents-sp .line-gray {
		border: none;
		border-top: 1px solid #eee;
	}
	.contents-sp .bg-wrap .bg-content {
		display: none;
	}
	.contents-sp .bg-wrap .bg-content-01 {
		display: block;
		width: 41.6%;
		left: -13.86667%;
		top: 0px;
		height: 2.37755%;
	}
	.contents-sp .bg-wrap .bg-content-02 {
		display: block;
		width: 67.2%;
		left: 74.93333%;
		top: 344px;
		height: 4.19388%;
	}
	.contents-sp .bg-wrap .bg-content-03 {
		display: block;
		width: 66.13333%;
		left: -36.53333%;
		top: 626px;
		height: 4.26531%;
	}
	.contents-sp .bl-mainvisual {
		padding: 65px 0 0;
		margin-bottom: 290px;
	}
	.contents-sp .ttl-mainvisual {
		font-size: 28px;
		margin: 0 auto 18px;
		width: 61.86667%;
	}
	.contents-sp .ttl-mainvisual .ttl-mainvisual-logo {
		width: 107px;
		margin: 0 auto 10px;
	}
	.contents-sp .ttl-mainvisual .ttl-mainvisual-logo img {
		display: block;
		width: 100%;
	}
	.contents-sp .txt-mainvisual-lead.txt-mainvisual-lead-top {
		width: 280px;
		margin: 0 auto 20px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.contents-sp .txt-mainvisual-lead {
		font-size: 14px;
		line-height: 27px;
	}
	.contents-sp .mainvisual-img-wrap .mainvisual-img-01 {
		width: 38.66667%;
		left: 71.73333%;
		top: 3.5473%;
		max-width: 145px;
	}
	.contents-sp .mainvisual-img-wrap .mainvisual-img-02 {
		width: 46.93333%;
		left: initial;
		right: 59.2%;
		top: 104.39189%;
		max-width: 176px;
	}
	.contents-sp .mainvisual-img-wrap .mainvisual-img-03 {
		width: 61.86667%;
		left: 48.26667%;
		top: 112.66892%;
		max-width: 232px;
	}
	.contents-sp .bl-mainvisual.inview-on .mainvisual-img-wrap .mainvisual-img:nth-of-type(1) img.fadein-slideup {
		transition-duration: .6s;
		transition-delay: 0.9s;
	}
	.contents-sp .bl-mainvisual.inview-on .mainvisual-img-wrap .mainvisual-img:nth-of-type(2) img.fadein-slideup {
		transition-duration: 1.1s;
		transition-delay: 1.2s;
	}
	.contents-sp .bl-mainvisual.inview-on .mainvisual-img-wrap .mainvisual-img:nth-of-type(3) img.fadein-slideup {
		transition-duration: 1.2s;
		transition-delay: 1.4s;
	}
	.contents-sp .bl-facility {
		padding: 0 0 55px;
	}
	.contents-sp .txt-facility-lead-top {
		font-size: 18px;
		margin-bottom: 30px;
	}
	.contents-sp .facility-lists {
		display: flex;
		flex-wrap: nowrap;
		margin: 0 auto;
		overflow-x: auto;
		padding-bottom: 20px;
	}
	.contents-sp .facility-list {
		margin: 0 8px 0;
		width: 120px;
		min-width: 120px;
	}
	.contents-sp .facility-list-caps {
		font-size: 12px;
		margin-top: 5px;
	}
	.contents-sp .facility-list:first-of-type, .contents-sp .facility-list:last-of-type {
		width: 140px;
		min-width: 140px;
	}
	.contents-sp .facility-list:first-of-type {
		padding-left: 20px;
	}
	.contents-sp .facility-list:last-of-type {
		padding-right: 20px;
	}
	.contents-sp .bl-nav-points {
		margin: 0 0 56px;
		padding: 0;
	}
	.contents-sp .bl-nav-points .col3 {
		display: block;
		width: 100%;
		box-shadow: 4px 8px 30px 0 rgba(0, 0, 0, 0.07);
		border-radius: 20px;
	}
	.contents-sp .bl-nav-points .col3 .col {
		width: 100%;
		margin: 0;
		padding: 14px;
		border-bottom: 1px solid #EEEEEE;
		background-color: #fff;
	}
	.contents-sp .bl-nav-points .box-float {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		text-align: left;
		border-radius: 0;
		box-shadow: none;
	}
	.contents-sp .bl-nav-points .box-float:hover .down-arrow .arrow {
		fill: #f8b417;
	}
	.contents-sp .bl-nav-points .box-float .icn-box-float {
		margin: 0;
		width: 100px;
		margin-right: 30px;
		height: auto;
	}
	.contents-sp .bl-nav-points .box-float .icn-box-float svg {
		width: 100px;
	}
	.contents-sp .bl-nav-points .txt-box-float-anchorttl {
		margin: 0;
		color: #00a0e6;
		font-size: 19px;
	}
	.contents-sp .bl-nav-points .txt-box-float-anchorttl .txt-box-float-caps {
		display: inline-block;
		color: #fff;
		background-color: #00a0e6;
		border-radius: 12px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		padding: 0 12px;
		margin: 0 auto 5px 0;
		width: auto;
	}
	.contents-sp .bl-nav-points .txt-box-float-anchorttl + .txt-box-float.txt-color-black {
		display: none;
	}
	.contents-sp .bl-nav-points .down-arrow {
		display: block;
		width: 14px;
		text-align: center;
		position: relative;
		bottom: 0;
		right: 10px;
	}
	.contents-sp .bl-nav-points .down-arrow svg {
		width: 14px;
	}
	.contents-sp .bl-nav-points .down-arrow .arrow {
		fill: #00A0E6;
		transition: .3s;
	}
	.contents-sp .bl-section {
		margin-bottom: 0;
	}
	.contents-sp .bl-lead .lead-contents {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 40px;
	}
	.contents-sp .bl-lead .bl-section-needs-index {
		position: relative;
		width: auto;
		margin-right: auto;
		display: inline-block;
		color: #fff;
		background-color: #00a0e6;
		border-radius: 16px;
		height: 32px;
		line-height: 32px;
		font-size: 18px;
		padding: 0 20px;
		margin-left: 20px;
		z-index: 1;
	}
	.contents-sp .bl-lead .ttl-section {
		font-size: 24px;
		margin-bottom: 30px;
		position: relative;
	}
	.contents-sp .bl-lead .ttl-section-icn {
		margin-bottom: 20px;
	}
	.contents-sp .bl-lead .txt-lead-box {
		position: relative;
		right: -20px;
		top: 0px;
		width: 100%;
		height: auto;
		padding: 30px 40px 30px 20px;
		border-radius: 20px;
	}
	.contents-sp .bl-lead .txt-lead-box-top {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.contents-sp .bl-lead .txt-lead-box-top::after {
		height: 12px;
		bottom: -22px;
	}
	.contents-sp .bl-lead .txt-lead {
		font-size: 16px;
		line-height: 1.6em;
		margin-bottom: 5px;
	}
	.contents-sp .bl-lead .txt-lead-box-bottom {
		font-size: 16px;
		margin-top: 30px;
	}
	.contents-sp .bl-lead .txt-lead-box-bottom,
	.contents-sp .bl-lead .txt-lead-box-top {
		max-width: 315px;
		margin-left: auto;
		margin-right: auto;
	}
	.contents-sp .bl-lead .txt-lead-check + .txt-lead {
		padding-left: 34px;
		margin-top: 10px;
		font-size: 14px;
	}
	.contents-sp .bl-lead .txt-lead-caution,
	.contents-sp .bl-lead .txt-lead-check {
		padding-left: 34px;
		text-indent: -10px;
		left: 0px;
		margin-left: 0px;
	}
	.contents-sp .bl-lead .txt-lead-caution::before,
	.contents-sp .bl-lead .txt-lead-check::before {
		width: 24px;
		height: 24px;
		top: 6px;
		margin-left: -24px;
		padding-right: 10px;
	}
	.contents-sp .bl-lead .img-lead-box {
		position: relative;
		width: 100%;
		margin-left: -20px;
		margin-bottom: -40px;
		z-index: 2;
	}
	.contents-sp .bl-lead .img-lead-box img {
		border-radius: 20px;
	}
	.contents-sp .txt-section-copy-wrap {
		display: block;
		height: auto;
		border-radius: 0;
		margin-bottom: 0;
		padding: 25px;
		margin: 0 -20px;
		border-left: none;
		border-right: none;
	}
	.contents-sp .txt-section-copy-left,
	.contents-sp .txt-section-copy-right {
		width: 100%;
		text-align: center;
	}
	.contents-sp .txt-section-copy-left {
		flex-direction: row;
		justify-content: center;
		align-content: center;
		margin-bottom: 10px;
	}
	.contents-sp .txt-section-copy-lef-icn {
		display: inline-block;
		padding-bottom: 0;
		margin-right: 8px;
		width: 64px;
	}
	.contents-sp .txt-section-copy-lef-icn img {
		width: 100%;
	}
	.contents-sp .txt-section-copy-caps {
		font-size: 16px;
	}
	.contents-sp .ttl-mainvisual-sub {
		height: 100%;
	}
	.contents-sp .txt-section-copy-right {
		display: block;
		font-size: 20px;
		line-height: 1.6;
		padding-right: 0;
	}
	.contents-sp .txt-section-copy {
		font-size: 24px;
	}
	.contents-sp .bl .col1, .contents-sp .bl .col2, .contents-sp .bl .col3 {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.contents-sp .bl .col1 .col, .contents-sp .bl .col2 .col, .contents-sp .bl .col3 .col {
		width: 100%;
	}
	.contents-sp .col-txt-ttl {
		font-size: 18px;
	}
	.contents-sp .col-img {
		margin: 0 0 24px;
	}
	.contents-sp .col-img img {
		border-radius: 0;
	}
	.contents-sp .col-txt-wrap {
		padding: 0 20px;
	}
	.contents-sp .col-txt-ttl {
		margin-bottom: 12px;
	}
	.contents-sp .col .btn-wrap {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
	}
	.contents-sp .btn-wrap {
		width: 100%;
		display: block;
	}
	.contents-sp .btn-wrap .btn {
		width: 100%;
		margin: 0;
	}
	.contents-sp .btn-wrap-inquiry{
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.contents-sp .btn-wrap-inquiry .btn.col2{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.contents-sp .btn-wrap-inquiry .btn.col2:last-child {
		margin-bottom: 0;
	}
	.contents-sp .btn-wrap-inquiry .btn.col2 a {
		font-size: 14px;
		line-height: 22px;
	}
	.contents-sp .bl-knob .btn-wrap-inquiry .btn.col2 a {
		height: auto;
	}


	.contents-sp .btn-wrap .btn a {
		height: auto;
		font-size: 14px;
		line-height: 20px;
		padding: 10px 10px;
	}
	.contents-sp .btn-wrap .btn a .inner {
		padding: 0 30px;
	}
	.contents-sp .btn-wrap--single .btn a .inner {
		padding: 0 15px;
	}
	.contents-sp .btn.col2 {
		margin: 0 0 10px 0;
	}
	.contents-sp .btn.col2 a {
		font-size: 12px;
	}
	.contents-sp .btn.col2:nth-of-type(even) {
		margin-right: 0;
	}
	.contents-sp .bl-knob {
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.contents-sp .bl-knob .btn-wrap-sm .btn {
		width: 100%;
		margin: 0;
	}
	.contents-sp .bl-knob .movie-box-wrap {
		margin-bottom: 20px;
		display: flex;
		flex-direction: column-reverse;
		overflow: hidden;
	}
	.contents-sp .bl-knob .col1 {
		margin-bottom: 0;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap {
		position: relative;
		bottom: 0;
		height: auto;
		padding: 0;
		max-width: 335px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .slide-content-wrap {
		position: relative;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .slide-content-wrap.open {
		height: 250px;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .col-img {
		width: 50%;
		bottom: 0;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .movie-box {
		width: 180px;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .movie-thumb a {
		display: block;
		width: 180px;
		height: 160px;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .movie-thumb a img {
		width: 100%;
		height: 100%;
	}
	.contents-sp .bl-knob .movie-box-wrap .col-img-wrap .col-img:nth-of-type(2) {
		right: 20px;
	}
	.contents-sp .bl-knob .examples {
		margin-bottom: 24px;
	}
	.contents-sp .bl-switch{
		margin-bottom: 20px;
	}
	.contents-sp .bl-switch .txt-section-copy-wrap {
		margin-bottom: 24px;
	}
	.contents-sp .bl-switch .switch-topic {
		padding: 0 20px;
		border-bottom: none;
		margin-bottom: 20px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-ttl {
		position: relative;
		font-size: 18px;
		line-height: 32px;
		text-align: left;
		padding-left: 45px;
		margin: 0;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-ttl .underline {
		padding-bottom: 2px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-num {
		position: absolute;
		left: 0;
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 19px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-01-sttl-top {
		font-size: 16px;
		margin: 24px auto 5px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-01-sttl-btm {
		font-size: 12px;
		margin-bottom: 20px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-images-lists {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-images-list {
		width: 222px;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-images-list-txt {
		text-align: center;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-images-list-txt-fwb {
		font-weight: bold;
	}
	.contents-sp .bl-switch .switch-topic .switch-topic-images-list-img img {
		display: block;
		width: 100%;
	}
	.contents-sp .bl-switch .switch-topic .col2 .col-img-wrap {
		width: 100%;
		margin: 0;
	}
	.contents-sp .bl-switch .switch-topic-01 {
		border-bottom: none;
	}
	.contents-sp .bl-switch .switch-topic-01 .btn {
		display: none;
	}
	.contents-sp .bl-switch .switch-topic-01 .txt-lead {
		text-align: left;
		width: auto;
		font-size: 14px;
	}
	.contents-sp .bl-switch .switch-topic-01 .txt-lead::after {
		display: none;
	}
	.contents-sp .bl-switch .switch-topic-01 .movie-box {
		display: none;
	}
	.contents-sp .bl-switch .switch-topic-01 .switch-topic-images-list {
		width: calc(25% - 10px);
	}
	.contents-sp .bl-switch .switch-topic-01 .switch-topic-images-list-txt {
		text-align: center;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-ttl {
		color: #fff;
		background: #00A395;
		left: -20px;
		width: calc(100% + 40px);
		padding: 25px 0 25px 65px;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-ttl .underline {
		border-bottom: #fff 2px dotted;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-num {
		left: 20px;
		color: #00A395;
		background-color: #fff;
	}
	.contents-sp .bl-switch .switch-topic-02 .col2 .col-img-wrap {
		width: 100%;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-lists {
		margin: 5px 0 0;
		padding: 0 20px;
		width: 100%;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-list {
		width: 50%;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-list:first-of-type {
		width: 100%;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-list:first-of-type .switch-topic-images-list-img img {
		width: 160px;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-list-img {
		margin-bottom: 0px;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-list-img img {
		width: 160px;
	}
	.contents-sp .bl-switch .switch-topic-02 .switch-topic-images-list-caps {
		font-size: 14px;
	}
	.contents-sp .bl-switch .switch-topic-02 .movie-box {
		display: none;
	}
	.contents-sp .bl-switch .switch-topic-02 .col-txt-wrap {
		position: relative;
		left: -20px;
		width: calc(100% + 40px);
		margin-top: 0;
		padding: 20px;
		border-radius: 0;
	}
	.contents-sp .bl-switch .switch-topic-02 .col-txt-ttl img {
		width: 170px;
	}
	.contents-sp .bl-switch .switch-topic-02 .btn a {
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
	}
	.contents-sp .bl-switch .switch-topic-03 .switch-topic-ttl {
		margin-left: 0;
	}
	.contents-sp .bl-switch .switch-topic-03 .switch-topic-images-lists {
		margin: 0;
	}
	.contents-sp .bl-switch .switch-topic-03 .switch-topic-images-list {
		width: 100%;
	}
	.contents-sp .bl-switch .switch-topic-03 .switch-topic-images-list p {
		color: #00A395;
		font-weight: bold;
		text-align: center;
	}
	.contents-sp .bl-switch .switch-topic-03 .col-txt-wrap {
		padding: 20px 0 0;
	}
	.contents-sp .bl-switch .switch-topic-03 .btn-wrap {
		justify-content: center;
	}
	.contents-sp .bl-switch .btn-wrap-inquiry {
		padding-top: 0px;
	}
	.contents-sp .bl-switch .switch-topic-03 .btn-wrap--single {
		justify-content: center;
	}
	.contents-sp .bl-switch .switch-topic-03 .btn-wrap--single .btn {
		width: auto;
	}
	.contents-sp .bl-switch .switch-topic-03 .btn-wrap .btn a {
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.contents-sp .bl-switch .swiper-containe-wrap {
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
	}
	.contents-sp .bl-switch .swiper-containe-wrap .swiper-container {
		padding-bottom: 70px;
	}
	.contents-sp .bl-switch .swiper-containe-wrap .swiper-container .swiper-wrapper {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		margin-bottom: 0;
	}
	.contents-sp .bl-switch .swiper-containe-wrap .swiper-container .switch-topic-images-list {
		margin: 0 auto;
		width: 100%;
	}
	.contents-sp .bl-switch .swiper-containe-wrap .swiper-container .switch-topic-images-list img {
		width: 50%;
		min-width: 222px;
		display: block;
		margin: 0 auto;
	}
	.contents-sp .bl-switch .swiper-pagination-bullets {
		width: 100%;
	}
	.contents-sp .bl-switch .swiper-pagination-bullet {
		width: 10px;
		border-radius: 0;
		width: 36px;
		height: 2px;
	}
	.contents-sp .bl-switch .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: #00A0E6;
	}
	.contents-sp .bl-switch .swiper-button-prev, .contents-sp .bl-switch .swiper-button-next {
		position: absolute;
		top: calc(100% - 12px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border: 1px solid #00A0E6;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		background-image: none;
	}
	.contents-sp .bl-switch .swiper-button-prev::after, .contents-sp .bl-switch .swiper-button-next::after {
		content: "";
		position: absolute;
		top: calc(50% - 2px);
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 4px solid #00A0E6;
	}
	.contents-sp .bl-switch .swiper-button-prev.swiper-button-disabled, .contents-sp .bl-switch .swiper-button-next.swiper-button-disabled {
		border: 1px solid #D7D7D7;
	}
	.contents-sp .bl-switch .swiper-button-prev.swiper-button-disabled::after, .contents-sp .bl-switch .swiper-button-next.swiper-button-disabled::after {
		border-bottom: 4px solid #D7D7D7;
	}
	.contents-sp .bl-switch .swiper-button-prev {
		display: block;
		left: calc(50% - 120px);
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	.contents-sp .bl-switch .swiper-button-prev::after {
		-webkit-transform: translate(-50%) rotate(-90deg);
		transform: translate(-50%) rotate(-90deg);
		left: calc(50% - 1px);
	}
	.contents-sp .bl-switch .swiper-button-next {
		display: block;
		left: calc(50% + 120px);
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	.contents-sp .bl-switch .swiper-button-next::after {
		-webkit-transform: translate(-50%) rotate(90deg);
		transform: translate(-50%) rotate(90deg);
		left: calc(50% + 1px);
	}
	.contents-sp .bl-switch .swiper-button-next,
	.contents-sp .bl-switch .swiper-button-prev {
		z-index: 20;
	}
	.contents-sp .bl-switch .swiper-button-next:focus,
	.contents-sp .bl-switch .swiper-button-prev:focus {
		outline: none;
	}
	.contents-sp .bl-switch .swiper-pagination {
		display: block;
		bottom: 25px;
	}
	.contents-sp .bl-disinfection {
		padding: 0;
	}
	.contents-sp .bl-disinfection .col2 {
		margin-bottom: 40px;
	}
	.contents-sp .bl-disinfection .col2 .col-img-wrap {
		padding: 32px 20px 0;
	}
	.contents-sp .bl-disinfection .col2 .col-txt-wrap {
		padding: 0 20px;
		width: 100%;
	}
	.contents-sp .bl-disinfection .col2.col-reverse {
		flex-direction: row-reverse;
	}
	.contents-sp .bl-disinfection .toContact-txt {
		font-size: 20px;
		margin-top: 30px;
	}
	.contents-sp .bl-disinfection .toContact-txt::after {
		height: 10px;
		background-size: contain;
	}
	.contents-sp .bl-disinfection .col2 .col-txt-wrap .btn-wrap .btn-anchor svg {
		top: 3px !important;
	}
	.contents-sp .ttl-section {
		font-size: 24px;
		margin-bottom: 30px;
		position: relative;
	}
	.contents-sp .ttl-section::after {
		content: "";
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: -1;
		top: -30px;
	}
	.contents-sp .ttl-section-01::after {
		width: 85.6%;
		left: -49.06667%;
		height: 198px;
		background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/ttl-section_bg_1.svg);
	}
	.contents-sp .ttl-section-02::after {
		width: 57.6%;
		left: 57.6%;
		height: 186px;
		background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/ttl-section_bg_2.svg);
	}
	.contents-sp .ttl-section-03::after {
		width: 41.86667%;
		left: -12.8%;
		height: 188px;
		background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/ttl-section_bg_3.svg);
	}
	.contents-sp .examples-texts {
		display: block;
		border-radius: 0;
		padding: 32px 20px;
		margin: 20px;
	}
	.contents-sp .examples-texts .examples-texts-left {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.contents-sp .examples-texts .examples-texts-caps {
		display: block;
		padding-bottom: 12px;
	}
	.contents-sp .examples-texts .examples-texts-lead {
		font-size: 16px;
		margin-bottom: 16px;
	}
	.contents-sp .examples-texts .examples-texts-right {
		width: 100%;
		padding-right: 0;
	}
	.contents-sp .slide-down-btn-wrap {
		display: block;
		position: relative;
		margin: 0 auto;
	}
	.contents-sp .slide-down-btn-wrap .slide-down-btn {
		position: relative;
		text-align: center;
		height: 36px;
		line-height: 36px;
		display: block;
		width: 150px;
		border-radius: 20px;
		background-color: #fff;
		border: #EEEEEE 1px solid;
		margin: 0 auto 20px;
	}
	.contents-sp .slide-down-btn-wrap .slide-down-btn::before, .contents-sp .slide-down-btn-wrap .slide-down-btn::after {
		content: "";
		display: block;
		position: absolute;
		width: 16px;
		height: 2px;
		background-color: #00A0E6;
		left: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(0deg);
		transform: translateY(-50%) rotate(0deg);
	}
	.contents-sp .slide-down-btn-wrap .slide-down-btn::after {
		width: 2px;
		height: 16px;
		background-color: #00A0E6;
		left: 27px;
	}
	.contents-sp .slide-down-btn-wrap .slide-down-btn.slide-down-active::before, .contents-sp .slide-down-btn-wrap .slide-down-btn.slide-down-active::after {
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
	}
	.contents-sp .slide-down-btn-wrap .slide-down-btn-text {
		color: #333333;
		width: 100%;
		padding-left: 20px;
	}
	.contents-sp .switch-topic-02 .slide-down-btn-wrap {
		display: block;
		position: relative;
		margin: 0 auto;
	}
	.contents-sp .switch-topic-02 .slide-down-btn-wrap .slide-down-btn::before, .contents-sp .switch-topic-02 .slide-down-btn-wrap .slide-down-btn::after {
		background-color: #00A395;
	}
	.contents-sp .slide-content-wrap {
		display: none;
	}
	.contents-sp .slide-content-wrap.slide-down-open {
		margin: 20px auto;
		display: block;
	}
	.contents-sp .slide-down-btn-wrap.slide-down-btn-wrap-01 {
		margin: 20px auto;
	}
	.contents-sp .slide-down-btn-wrap.slide-down-btn-wrap-02 {
		margin: 20px auto 0;
	}
	.contents-sp .slide-down-btn-wrap.slide-down-btn-wrap-03 {
		margin: 24px auto 0;
	}
	.contents-sp .slide-down-btn-wrap.slide-down-btn-wrap-03 a {
		margin-bottom: 0;
	}
	.contents-sp .slide-down-btn-wrap.slide-down-btn-wrap-04 {
		margin: 0 auto;
	}
	.contents-sp .switch-topic-02 .col2 {
		margin: 0;
	}
	.contents-sp .bl.bl-inquiry {
		margin-bottom: 0;
		padding: 106px 0;
		height: auto;
	}
	.contents-sp .bl.bl-inquiry .txt-inquiry {
		font-size: 20px;
		text-align: left;
		padding: 0 30px;
		margin-bottom: 24px;
	}
	.contents-sp .bl.bl-inquiry .cl2 {
		display: block;
		width: 100%;
		padding: 0 20px;
	}
	.contents-sp .bl.bl-inquiry .cl2 .col {
		width: 100%;
		margin: 0 0 16px;
	}
	.contents-sp .bl.bl-inquiry .cl2 .col a {
		height: 40px;
		line-height: 40px;
	}
	.contents-sp .bl-inquiry::before {
		background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/products/natrus_2005/bg_inquiry.jpg);
	}
	.contents-sp .txt-inquiry {
		margin-bottom: 53px;
		font-size: 28px;
		line-height: 1.5;
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	.contents-sp .bl-inquiry .cl2 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		width: 912px;
		margin: 0 auto;
	}
	.contents-sp .bl-inquiry .cl2 .col {
		width: calc((100% - 60px) / 2 - 0.01px);
		margin-right: 15px;
		margin-left: 15px;
	}
	.contents-sp .bl-inquiry .cl2 .col a {
		text-align: center;
	}
	.contents-sp .bl-faq .ttl-section {
		font-size: 20px;
		line-height: 32px;
	}
	.contents-sp .box-qa {
		width: 100%;
	}
	.modal-box {
		width: 90vw;
		height: auto;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.modal-box .modal-box__inner {
		width: 100%;
		height: auto;
	}
	.modal-box .btn-movie-close {
		right: 20vw;
		top: -52px;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		width: 20px;
		height: 20px;
	}
	.modal-box .btn-movie-close svg {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	.modal-box .modal-examples {
		width: 90vw !important;
		height: auto;
		max-height: 80vh;
		overflow-y: scroll;
	}
	.modal-box .modal-examples .case {
		padding: 20px;
	}
	.modal-box .modal-examples .case .case-lead {
		font-size: 16px;
	}
	.modal-box .youtube-load {
		width: 90vw !important;
		height: calc(90vw * 0.55);
	}
	.modal-box .youtube-load iframe {
		width: 90vw !important;
		height: calc(90vw * 0.55);
	}
	#cnt-svgmenu {
		margin-top: -32px !important;
	}
	.overlay .overlay-close {
		margin-top: 0 !important;
		right: 20px;
	}
	.overlay #cnt-svgmenu ul {
		height: calc(100vh - 180px);
		overflow-y: scroll;
	}
	.overlay #cnt-svgmenu ul li {
		float: none;
	}
	.movie-nav.is-show, .modal-nav.is-show {
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 90vw;
		height: 60px;
	}
	.movie-nav .btn-modal-change, .movie-nav .btn-movie-change, .modal-nav .btn-modal-change, .modal-nav .btn-movie-change {
		width: 100px;
	}
	.movie-nav .btn-modal-change a, .movie-nav .btn-movie-change a, .modal-nav .btn-modal-change a, .modal-nav .btn-movie-change a {
		font-size: 15px;
		height: 60px;
		line-height: 300px;
	}
	.movie-nav .btn-modal-change a::before, .movie-nav .btn-modal-change a::after, .movie-nav .btn-movie-change a::before, .movie-nav .btn-movie-change a::after, .modal-nav .btn-modal-change a::before, .modal-nav .btn-modal-change a::after, .modal-nav .btn-movie-change a::before, .modal-nav .btn-movie-change a::after {
		top: 0px;
		width: 8px;
		height: 8px;
	}
	.movie-nav .btn-modal-change.btn-modal-change-prev a::before, .movie-nav .btn-modal-change.btn-movie-change-prev a::before, .movie-nav .btn-movie-change.btn-modal-change-prev a::before, .movie-nav .btn-movie-change.btn-movie-change-prev a::before, .modal-nav .btn-modal-change.btn-modal-change-prev a::before, .modal-nav .btn-modal-change.btn-movie-change-prev a::before, .modal-nav .btn-movie-change.btn-modal-change-prev a::before, .modal-nav .btn-movie-change.btn-movie-change-prev a::before {
		border-bottom: solid 1px #fff;
		border-left: solid 1px #fff;
		left: 10px;
	}
	.movie-nav .btn-modal-change.btn-modal-change-next, .movie-nav .btn-modal-change.btn-movie-change-next, .movie-nav .btn-movie-change.btn-modal-change-next, .movie-nav .btn-movie-change.btn-movie-change-next, .modal-nav .btn-modal-change.btn-modal-change-next, .modal-nav .btn-modal-change.btn-movie-change-next, .modal-nav .btn-movie-change.btn-modal-change-next, .modal-nav .btn-movie-change.btn-movie-change-next {
		text-align: right;
	}
	.movie-nav .btn-modal-change.btn-modal-change-next a::after, .movie-nav .btn-modal-change.btn-movie-change-next a::after, .movie-nav .btn-movie-change.btn-modal-change-next a::after, .movie-nav .btn-movie-change.btn-movie-change-next a::after, .modal-nav .btn-modal-change.btn-modal-change-next a::after, .modal-nav .btn-modal-change.btn-movie-change-next a::after, .modal-nav .btn-movie-change.btn-modal-change-next a::after, .modal-nav .btn-movie-change.btn-movie-change-next a::after {
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		left: inherit;
		right: 10px;
	}
}

@media screen and (max-width: 350px) {
	.nav-fixed .inquiry a, .nav-fixed .network a {
		font-size: 12px;
	}
}




/* お問い合わせボタン */
/* sdgsボタン */
/* # btn
----------------------------------- */
.btn-basic, .btn-next, .btn-back, .btn-media, .btn-prev, .btn-play, .btn-pdf, .btn-mylist, .table-base .icn-mylist, .btn-select, .btn-search, .btn-download, .btn-global, .btn-blank, .btn-anchor {
	font-family: "AxisStd-Medium";
}

.btn-basic a, .btn-next a, .btn-back a, .btn-media a, .btn-prev a, .btn-play a, .btn-pdf a, .btn-mylist a, .table-base .icn-mylist a, .btn-select a, .btn-search a, .btn-download a, .btn-global a, .btn-blank a, .btn-anchor a {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border-radius: 6px;
	background-color: #00a0e6;
	color: #ffffff;
}

.btn-basic a:hover, .btn-next a:hover, .btn-back a:hover, .btn-media a:hover, .btn-prev a:hover, .btn-play a:hover, .btn-pdf a:hover, .btn-mylist a:hover, .table-base .icn-mylist a:hover, .btn-select a:hover, .btn-search a:hover, .btn-download a:hover, .btn-global a:hover, .btn-blank a:hover, .btn-anchor a:hover {
	background-color: #f8b417;
}

.btn-basic a .inner, .btn-next a .inner, .btn-back a .inner, .btn-media a .inner, .btn-prev a .inner, .btn-play a .inner, .btn-pdf a .inner, .btn-mylist a .inner, .table-base .icn-mylist a .inner, .btn-select a .inner, .btn-search a .inner, .btn-download a .inner, .btn-global a .inner, .btn-blank a .inner, .btn-anchor a .inner {
	display: block;
	padding-top: 6px;
	padding-bottom: 8px;
	text-align: center;
}

.btn-basic a .inner svg, .btn-next a .inner svg, .btn-back a .inner svg, .btn-media a .inner svg, .btn-prev a .inner svg, .btn-play a .inner svg, .btn-pdf a .inner svg, .btn-mylist a .inner svg, .table-base .icn-mylist a .inner svg, .btn-select a .inner svg, .btn-search a .inner svg, .btn-download a .inner svg, .btn-global a .inner svg, .btn-blank a .inner svg, .btn-anchor a .inner svg, .btn-basic a .inner div, .btn-next a .inner div, .btn-back a .inner div, .btn-media a .inner div, .btn-prev a .inner div, .btn-play a .inner div, .btn-pdf a .inner div, .btn-mylist a .inner div, .table-base .icn-mylist a .inner div, .btn-select a .inner div, .btn-search a .inner div, .btn-download a .inner div, .btn-global a .inner div, .btn-blank a .inner div, .btn-anchor a .inner div {
	position: absolute !important;
	left: auto !important;
	top: 50% !important;
}

.btn-next a .inner {
	padding: 6px 37px 8px 27px;
}

.btn-next a .inner svg, .btn-next a .inner div {
	right: 15px;
	margin-top: -4px;
}

.bl-switch .btn-wrap-inquiry {
	display: flex;
	justify-content: center;
}

.btn-wrap-inquiry .btn.col2{
	width: 350px;
	margin: 0 20px 0 0;
}

.btn-wrap-inquiry .btn.col2:nth-of-type(even) {
	margin-right: 0;
}

.btn-wrap-inquiry .btn-next a{
	background-color: #f8b417;
}

.btn-wrap-inquiry .btn-next a:hover{
	opacity: 0.8;
}

.btn-wrap-inquiry .btn a{
	font-size: 18px;
}

.btn-wrap-inquiry .btn.btn-next a .inquiry, .btn-wrap-inquiry .btn.btn-next a .network{
	position: relative;
	padding-left: 36px;
}

.btn-wrap-inquiry span::before{
	content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
	top: 50%;
	transform: translateY(-50%);
    height: 100%;
    background-position: center;
}

.btn-wrap-inquiry .inquiry::before{
	width: 26px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/nav-fixed-inquiry.svg);
}

.btn-wrap-inquiry .network::before{
	width: 21px;
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/new_lifestyle/nav-fixed-network.svg);
}

.btn.btn-sdgs {
	position: relative;
	margin-top: 120px;
	margin-bottom: 200px;
}

.btn.btn-sdgs .btn-sdgs-inner {
	background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/common/sdgs_btn_bg.png);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 200px;
}

.btn.btn-sdgs .btn-sdgs-content {
	color: #00A0E6;
	width: 45%;
	height: 100%;
	margin-left: auto;
	padding: 7px 0 0;
	text-align: left;
}

.btn.btn-sdgs .btn-sdgs-text {
	font-size: 24px;
}

.btn.btn-sdgs .small-text {
	font-size: 0.6em;
	padding-top: 10px;
}

.btn.btn-sdgs .btn-next {
	position: relative;
	width: 100%;
}

.btn.btn-sdgs .btn-next a {
	height: 48px;
	line-height: 48px;
	width: 286px;
	margin-top: 8px;
	text-align: center;
	font-size: 18px;
}

@media print, screen and (max-width: 767.98px) {
	.btn.btn-sdgs {
		margin-bottom: 0;
	}
	.btn.btn-sdgs .btn-sdgs-inner {
		background-image: url(/en/assets/before-data/wp-content/themes/nabtesco/img/common/sdgs_btn_bg_sp.png);
		padding-bottom: 80.05215%;
		height: 0;
	}
	.btn.btn-sdgs .btn-sdgs-content {
		width: 100%;
		margin: auto;
		padding: 0;
		text-align: center;
	}
	.btn.btn-sdgs .btn-sdgs-text {
		padding-top: 15px;
		font-size: 28px;
	}
	.btn.btn-sdgs .small-text {
		font-size: 16px;
		padding-top: 0;
	}
	.btn.btn-sdgs .btn-next {
		position: relative;
		width: 100%;
	}
	.btn.btn-sdgs .btn-next a {
		height: 41px;
		line-height: 41px;
		width: 90.26667%;
		max-width: 375px;
		margin-top: 8px;
		font-size: 14px;
	}
}



/* 2024.04 */

.bl-lead .txt-lead-box {
	top: 188px;
}

@media (max-width: 767.99px) {

	.bl-knob .col2 {
		display: block;
	}

	.bl-knob .col2 .col.col-img-wrap {
		width: 100%;
		padding: 0 20px;
	}

	.bl-knob .col2 .col.col-txt-wrap {
		width: 100%;
		padding: 0 20px;
		margin-top: 30px;
	}

}

.search-optimal-door .btn a {
	line-height: 1.3;
	display: flex;
	align-items: center;
}

.search-optimal-door .btn-zoom a .inner { 
	width: 100%;
	padding: 0 40px;
}

.bl-knob-btns {
	display: flex;
	margin-left: -20px;
	margin-right: -20px;
}

.bl-knob-btns > .btn-wrap {
	width: 50%;
	padding: 0 20px;
}

@media (max-width: 767.99px) {

	.contents-sp .slide-content-wrap {
		display: block;
	}

	.bl-knob-btns {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}

	.bl-knob-btns > .btn-wrap {
		width: 100%;
		padding: 0 0;
	}

}

.bl-knob-pic {
	margin-top: 50px;
}

.bl-knob-pic p  + p {
	margin-top: 30px;
}

.bl-knob-pic p img{
	width: 100%;
}

.switch-topic-02 .btn.btn-next a .inner {
	padding: 0 30px;
}

.btn.btn-sdgs .btn-sdgs-text {
	font-size: 24px;
	padding: 23px 0 10px 0 ;
}

@media (max-width: 767.99px) {

	.nav-inquiry .btn a {
		font-size: 13px;
	}

}

.spheader-title {
	 display: none;
}

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

	.spheader-title {
		box-sizing: nborder-box;
		display: block;
		width: 100%;
		background: #0B9FE6;
		color: #fff;
		font-size: 22px;
		padding: 10px 0;
		font-family: "AxisStd-Medium", serif;
	 	text-align: center;
	}

}