@charset "Shift-JIS";

/*-----------------------
common
-----------------------*/
body { margin: 0; padding: 0; background-color: #fff; } /* リセットCSSないため余白対策 */
body > img { display: none; }
#wrap { position: relative; }
main { font-size: 14px; background-color: #fff; }
main a, main a:link, main a:visited { color: #000; text-decoration: none; }
img { vertical-align: bottom; margin: 0; } /* リセットCSSないため余白対策 */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
li { list-style: none; }
.pc { display: block; }
.sp { display: none; }

/*--------------------------------
overwrite
---------------------------------*/
/* #lxl-breadcrumb-list
--------------------------------------------------------- */
#lxl-breadcrumb-list { background: #ffffff; overflow: hidden; padding-top: 20px; }
#lxl-breadcrumb-list .lxl-topicpath { width: 948px; margin: 11px auto 13px; }

/*-----------------------
layout
-----------------------*/
/* 横幅の種類
100%
1240px
1030px
800px
*/
.ly_full { width: 100%; margin: 0;  box-sizing: border-box;  }
.ly_home { max-width: 1240px; margin: auto; box-sizing: border-box; width: 100%; }
.ly_homeImage { max-width: 1030px; margin: auto; box-sizing: border-box; }
.ly_single { max-width: 800px; margin: auto; box-sizing: border-box; }

/*-----------------------
module
-----------------------*/
/* .pd_s */
.pd_s { padding: 30px; }

/* .bg_gray */
.bg_gray { background-color: #f6f6f6; }
.bg_blue { background-color: #E0F1F9; }

/* .bl_row */
.bl_row { display: flex; justify-content: space-between; margin: 0; padding: 0; }

/* .bl_nav_menu */
.bl_nav_menu { margin-left: 38px; }
.bl_nav_menu li:first-child { display: none; }

/* .bl_columnList */
.bl_columnList { display: flex; justify-content: space-between; }

/* .bl_btnEllipse */
.bl_btnEllipse { width: 150px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 30px; }
.bl_btnEllipse.brd { border: #C1C1C1 solid 1px; }
.bl_btnEllipse.wh { background-color: #fff; }
.bl_btnEllipse.arrow { position: relative; }
.bl_btnEllipse.arrow:after { content: ''; display: block; position: absolute; top: 40%; right: 20px; transform: rotate(45deg) translateY(-50%); width: 7px; height: 7px; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.bl_btnEllipse.mt35 { margin-top: 35px; }

/*figure.bl_figure*/
figure.bl_figure {  }
figure.bl_figure figcaption { font-size: 16px; margin-top: 25px; }

/* .bl_homeTitle */
.bl_homeTitle { padding: 250px 0 120px; }
.bl_homeTitle h2 { font-size: 40px; text-align: center; margin: 0 auto; }

/* .bl_homeTitleImage */
.bl_homeTitleImage { position: relative; }
.bl_homeTitleImage img { width: 100%; }
.bl_homeTitleImage .btn { position: absolute; bottom: 60px; right: 70px; }

/* .bl_homeImage */
.bl_homeImage { display: flex; justify-content: space-between; }
.bl_homeImage .img { width: 50%; display: flex; align-items: center; }
.bl_homeImage .text { display: flex; align-items: center; justify-content: center; }
.bl_homeImage .text .inner { display: block; }
.bl_homeImage .text h2 { font-size: 36px; margin-bottom: 10px; margin: 0 auto; }
.bl_homeImage .text p { font-size: 18px; line-height: 2.11; }
.bl_homeImage .text a {  }
.bl_homeImage .left { justify-content: flex-start; }
.bl_homeImage .right { justify-content: flex-end; }

/* .bl_list_nav */
.bl_list_nav { display: none; position: absolute; box-sizing: border-box; top: 72px; right: 30px; padding-top: 10px; }
.bl_list_nav.active { display: block; }
.bl_list_nav ul { margin: 0; }
.bl_list_nav li { font-size: 16px; width: auto; position: relative; margin-left: 20px; }
.bl_list_nav li:before { content: ''; display: inline-block; position: absolute; top: 48%; left: -20px; transform: translateY(-48%); width: 8px; height: 8px; background: #CECECE; border-radius: 100%; }
.bl_list_nav li.tow_lines:before { top: 18%; transform: translateY(-18%); }
.bl_list_nav li.multiple_lines:before { top: 11%; transform: translateY(-11%); }
.bl_list_nav li + li { margin-top: 15px; }
.bl_list_nav_inner > a { display: flex; align-items: center; font-size: 16px; background: #fff; padding: 20px; margin-top: 25px; }
.bl_list_nav_inner > a span { font-size: 12px; margin-right: 10px; }


/*-----------------------
satiss
-----------------------*/
#satiss img { width: 100%; }
#satiss figcaption { margin-top: 7px; font-size: 12px; }
#satiss .hero { position: relative; }
#satiss .hero > figure > figcaption { position: absolute; left: 15px; }
#satiss .hero_img { width: 100%; height: auto; }
#satiss .contents { padding: 90px 0 100px; position: relative; }
#satiss .contents .has_list > a { position: absolute; top: 30px; right: 30px; margin: 0; }
#satiss .content_inner img { align-self: flex-start; margin-top: 45px; }
#satiss .flex_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
#satiss .flex_wrap.w590 { max-width: 590px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 25px auto 0; }
#satiss .flex_wrap.w590 .flex_box { max-width: 250px; }
#satiss .flex_wrap .bdr { border: 1px solid #C1C1C1; }
/* #satiss .flex_wrap .flex_box p { margin-top: 0; } */
#satiss .flex_wrap .flex_box img { margin-top: 22px; }
#satiss .content_inner p.flex_box  { margin-top: 16px; }
#satiss .content_inner img.flex_box  { margin-top: 25px; }
#satiss section p { font-size: 16px; margin-top: 10px; line-height: 2.13; }
#satiss section .lead { margin-top: 80px; }
#satiss section .lead .flex_box { margin-top: 0; }
#satiss section p span { display: block; font-size: 12px; margin-top: 7px; line-height: 1.83; }
#satiss section h1 { font-size: 36px; width: 100%; padding-top: 90px; margin-top: -90px; }
#satiss section h2 { font-size: 26px; width: 100%; margin-top: -52px; margin-bottom: 20px; padding-top: 138px; line-height: 1.85; font-weight: bold; }
#satiss section h3 { font-size: 18px; width: 100%; margin-top: 37px; font-weight: bold; }
#satiss section h3 + p  { margin-top: 16px; }
#satiss section .lead .headline { font-size: 18px; width: 100%; margin-top: 37px; font-weight: bold; }
#satiss section .lead .flex_box:first-child .headline:first-child { margin-top: 0; }
#satiss section h4 { font-size: 16px; width: 100%; font-weight: bold; }
#satiss section h4 + p  { margin-top: 15px; }
#satiss .flex_box { margin-top: 34px; }
#satiss .flex_box.w50 { max-width: 380px; width: 48vw; }
#satiss .flex_box.w50nm { max-width: 400px; width: 50vw; }

#satiss .flex_box.w65 { width: 520px; }
#satiss .flex_box.w35 { width: 205px; align-self: center; }
#satiss .flex_box.w33 { width: 230px; }

#satiss .flex_box.w63 { max-width: 475px; width: 59.38vw; }
#satiss section .lead .flex_box.w37 { max-width: 285px; margin-top: 35px; width: 35.63vw; }
#satiss section .lead .flex_box:last-child.w37 { margin-top: -5px; }
#satiss .content_inner_box { margin-top: 50px; }
#satiss .content_inner_box.flex_box { margin-top: 0; }
#satiss .content_inner_box.flex_box p { margin-top: 15px; }

#satiss .content_inner .touchless { margin: 55px 0 -20px; }
#satiss section h1:not(:first-child) { padding-top: 180px; margin-top: -90px; }

#satiss img.img_full { position: relative; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1240px; margin-top: 50px; }


/*-----------------------
.relief_wrap
-----------------------*/
#satiss .relief_wrap { margin-top: 45px; }
#satiss .relief_wrap h3 { margin-top: 10px; text-align: center; }
#satiss .relief_wrap .flex_box { margin-top: 30px; }
#satiss .relief_wrap .flex_box img { position: relative; left: 50%; transform: translateX(-50%); margin-top: 0; width: 120px; }
#satiss .relief_wrap .flex_box p { font-size: 14px; margin-top: 20px; }



/*-----------------------
.bl_pagination
-----------------------*/
#satiss .bl_pagination { margin-top: 75px; }
#satiss .bl_pagination p { font-size: 14px; display: flex; justify-content: center; }
#satiss .bl_pagination p span { font-size: 14px; font-weight: bold; margin: 0 10px 0 0; }
#satiss .bl_pagination_inner { display: flex; justify-content: center; margin-top: 30px; }
#satiss .bl_pagination_inner li { width: 40px; height: 40px; }
#satiss .bl_pagination_inner li + li { margin-left: 10px; }
#satiss .bl_pagination_inner li a { position: relative; display:flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 18px; }
#satiss .bl_pagination_inner li.prev a:after { content: ''; position: absolute; width: 8px; height: 8px; border-top: 2px solid #C3C3C3; border-left: 2px solid #C3C3C3; transform: rotate(-45deg); }
#satiss .bl_pagination_inner li.next a:after { content: ''; position: absolute; width: 8px; height: 8px; border-top: 2px solid #C3C3C3; border-right: 2px solid #C3C3C3; transform: rotate(45deg); }
#satiss .bl_pagination_inner li.active.prev a:after { content: ''; position: absolute; width: 8px; height: 8px; border-top: 2px solid #54585A; border-left: 2px solid #54585A; transform: translateX(-50%) rotate(-45deg); left: 45%; }
#satiss .bl_pagination_inner li.active.next a:after { content: ''; position: absolute; width: 8px; height: 8px; border-top: 2px solid #54585A; border-right: 2px solid #54585A; transform: translateX(-50%) rotate(45deg); left: 45%; }
#satiss .bl_pagination_inner li.active { background: #C3C3C3; }
#satiss .bl_pagination_inner li.active.prev, #satiss .bl_pagination_inner li.active.next { background: #F6F7F7; }
#satiss .bl_pagination_inner li.active a { color: #fff; }

/*-----------------------
.bl_secretStory
-----------------------*/
#satiss .bl_secretStory { padding: 0 55px; margin-top: 80px; }
#satiss .bl_secretStory .flex_box.text { display: flex; align-items: center; justify-content: center; flex-direction: column; }
#satiss .bl_secretStory .text h2 { font-size: 24px; margin-top: -140px; width: auto; letter-spacing: -.04em; }
#satiss .bl_secretStory .flex_box.w50 { max-width: 300px; margin-top: 0; width: 36vw; }
#satiss .bl_secretStory .flex_box .bl_btnEllipse { margin-top: 30px; }

/*-----------------------
.bl_gallery_wrap
-----------------------*/
#satiss .bl_gallery_wrap { margin-top: 130px; padding: 20px 0 0; }
#satiss .gallery_ttl { margin: 0 auto 35px; text-align: center; }
#satiss .gallery_ttl img { width: 106px; height: 19px; }
#satiss .bl_gallery_wrap .bl_row { margin: 30px auto 0; width: 100%; justify-content: space-between; flex-wrap: wrap; }
#satiss .bl_gallery_wrap .bl_row li { max-width: 400px; width: 32.26%; margin-bottom: 1.2%; }
#satiss .bl_gallery_wrap .bl_row li:nth-child(3n) { margin-right: 0; }



/*-----------------------
.bl_relation_wrap
-----------------------*/
#satiss .bl_relation_wrap { margin-top: 130px; padding: 80px 0; }
#satiss .relation_ttl { font-size: 30px; width: 100%; text-align: left; margin-top: 0; }
#satiss .bl_relation_wrap .bl_row { margin: 30px auto 0; width: 100%; justify-content: center; flex-wrap: wrap; }
#satiss .bl_relation_wrap .bl_row li + li { margin-top: 20px; }
#satiss .bl_relation_wrap .bl_row li { width: 100%; background: #fff; border: 1px solid #E6E6E6; }
#satiss .bl_relation_wrap .bl_row li a { display: flex; padding: 40px; justify-content: space-between; align-items: stretch; }
#satiss .bl_relation_wrap .bl_row li a .img { margin-right: 40px; max-width: 560px; }
#satiss .bl_relation_wrap .bl_row li a .text { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; width: 45.16vw; max-width: 560px; }
#satiss .bl_relation_wrap .bl_row li a .text span {  }
#satiss .bl_relation_wrap .text p { margin-bottom: auto; margin-top: 10px; font-size: 14px; line-height: 1.71; }
#satiss .bl_relation_wrap .text p.text_ttl { margin-top: 0; margin-bottom: 0; font-size: 22px; font-weight: 500; }
#satiss .bl_relation_wrap .text .bl_btnEllipse { margin-top: 20px; }



/* recommendation */
#satiss .swiper-wrap { max-width: 1300px; }
#satiss .recommendation { margin: 100px 30px 0; max-width: 1300px; position: relative; }
#satiss .recommendation .swiper-container { max-width: 1240px;}
#satiss .recommendation h3 { text-align: center; }
#satiss .recommendation .recommendation_ttl { font-size: 30px; width: 100%; text-align: left; margin-top: 0; }
#satiss .recommendation ul { margin-top: 30px; flex-wrap: nowrap; justify-content: space-between; }
#satiss .recommendation li { max-width: 380px; width: 30%; margin: 0 0 40px; }
/* #satiss .recommendation li:nth-child(3n + 2) { margin: 0 4% 40px; } */
#satiss .recommendation .text { display: flex; flex-direction: column; justify-content: flex-start; margin-top: 20px; }
#satiss .recommendation .text h4 { font-size: 22px; margin-bottom: 15px; font-weight: normal; }
#satiss .recommendation .text p { font-size: 14px; margin: 0; line-height: 2; letter-spacing: -.02em; }
#satiss .recommendation .text .btn { margin-top: 20px; }

.swiper-button-next, .swiper-button-prev { position: absolute; /*top: calc( 74px + 9.19vw );*/ margin-top: 0; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(/lineup/brands/inax/pic/common/button-next.svg); max-width: 60px; max-height: 60px; background-size: contain; left: -30px; right: auto; width: 5vw; height: 5vw; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(/lineup/brands/inax/pic/common/button-prev.svg); max-width: 60px; max-height: 60px; background-size: contain; right: -30px; left: auto; width: 5vw; height: 5vw; }
.swiper-button-next, .swiper-button-prev { top: 270px !important; }


@media screen and (max-width: 1300px) {
	.swiper-button-next, .swiper-button-prev { top: calc(19.3vw + 1.5%) !important; }
}



@media screen and (max-width: 768px) {
	/*-----------------------
	common
	-----------------------*/
	body { margin: 0; padding: 0; } /* リセットCSSないため余白対策 */
	#wrap { position: relative; }
	main { font-size: 14px; background-color: #fff; }
	main a, main a:link, main a:visited { color: #000; text-decoration: none; }
	img { vertical-align: bottom; width: 100%; } /* リセットCSSないため余白対策 */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
	li { list-style: none; }
	.pc { display: none; }
	.sp { display: block; }

	/*-----------------------
	layout
	-----------------------*/
	/* 横幅の種類
	100%
	1240px
	1030px
	800px
	*/
	.ly_full { width: 100%; margin: 0;  box-sizing: border-box;  }
	.ly_home { max-width: 89.33vw; margin: auto; box-sizing: border-box; }
	.ly_homeImage { max-width: 74.67vw; margin: auto; box-sizing: border-box; }
	.ly_single { max-width: 89.33vw; margin: auto; box-sizing: border-box; }

	/*-----------------------
	module
	-----------------------*/
	/* .pd_s */
	.pd_s { padding: 5.33vw; }

	/* .bg_gray */
	.bg_gray { background-color: #f6f6f6; }

	/* .bl_row */
	.bl_row { display: flex; justify-content: space-between; margin: 0; padding: 0; flex-direction: column; }

	/* .bl_nav */
	.bl_nav { width: 100%; height: 12vw; display: flex; align-items: center; justify-content: center; 	background-color: #F6F7F7; position: relative; }
	.bl_nav .logo { position: absolute; top: 50%; left: 5.33vw; transform: translateY(-50%); }
	.bl_nav .logo img { width: 14.8vw !important; }

	/* body.js_nav_open .bl_nav ul { display: flex; width: 100%; } */

	/* .bl_navBtn */
	.bl_navBtn { display: block; position: absolute; width: 6.45vw; height: 4.48vw; top: 50%; right: 5.33vw; transform: translateY(-50%); }
	.bl_navBtn span { display: block; position: absolute; width: 6.45vw; height: 1px; background: #4A4E50; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.bl_navBtn span:nth-child(1) { top: 0; left: 50%; }
	.bl_navBtn span:nth-child(2) { top: 50%; left: 50%; }
	.bl_navBtn span:nth-child(3) { top: 100%; left: 50%; }

	/* body.js_nav_open .bl_nav_menu { position: fixed; top: 0; left: 0; z-index: 1000; width: 100vw; height: 100vh; background: #F6F7F7; display: flex; justify-content: flex-start; margin-top: 0; flex-direction: column; padding: 21.33vw 16vw; box-sizing: border-box; margin-left: 0; }
	body.js_nav_open .bl_nav_menu .bl_navBtn { display: block; position: absolute; width: 6.45vw; height: 4.48vw; top: 7vw; right: 8vw; z-index:100; transform: translateY(0); }
	body.js_nav_open .bl_nav_menu .bl_navBtn span { position: absolute; width: 10vw; height: 2px; background: #AAAAAA; top: 50%; left: 50%; transform: rotate(45deg) translateY(-50%); }
	body.js_nav_open .bl_nav_menu .bl_navBtn span:nth-child(1) { top: 50%; left: 50%; transform: translateX(-50%)rotate(45deg); }
	body.js_nav_open .bl_nav_menu .bl_navBtn span:nth-child(2) { opacity: 0; }
	body.js_nav_open .bl_nav_menu .bl_navBtn span:nth-child(3) { top: 50%; left: 50%; transform: translateX(-50%)rotate(-45deg); }


	.bl_nav ul { display: none; }
	body.js_nav_open .bl_nav_menu ul { display: flex; justify-content: flex-start; margin-top: 0; flex-direction: column; width: 100%; }
	body.js_nav_open .bl_nav_menu li:first-child { display: block; }
	body.js_nav_open .bl_nav_menu li:first-child img { width: 20.78vw !important; }
	body.js_nav_open .bl_nav_menu li + li { margin-top: 10.67vw; }
	body.js_nav_open .bl_nav_menu li:nth-child(2) { margin-top: 26.67vw; }
	body.js_nav_open .bl_nav_menu li a { font-size: 5.33vw; position: relative; }
	body.js_nav_open .bl_nav_menu li a:before { display: none; } */

	/* .bl_columnList */
	.bl_columnList { display: flex; justify-content: space-between; }

	/* .bl_btnEllipse */
	.bl_btnEllipse { width: 20.8vw; height: 6.67vw; display: flex; align-items: center; justify-content: center; border-radius: 30px; font-size: 3.2vw; }
	.bl_btnEllipse.brd { border: #C1C1C1 solid 1px; }
	.bl_btnEllipse.wh { background-color: #fff; }
	.bl_btnEllipse.arrow { position: relative; }
	.bl_btnEllipse.arrow:after { content: ''; display: block; position: absolute; top: 40%; right: 4.5vw; transform: rotate(45deg) translateY(-50%); width: 1.7vw; height: 1.7vw; border-bottom: 1px solid #000; border-right: 1px solid#000; }
	.bl_btnEllipse.mt35 { margin-top: 3vw; }

	/* .bl_homeTitle */
	.bl_homeTitle { padding: 26.67vw 0 10.67vw; }
	.bl_homeTitle h2 { font-size: 6.4vw; text-align: center; margin: 0 auto; }

	/* .bl_homeTitleImage */
	.bl_homeTitleImage { position: relative; }
	.bl_homeTitleImage img { width: 100%; }
	.bl_homeTitleImage .btn { position: absolute; bottom: 5.33vw; right: 5.33vw; font-size: 3.2vw; }

	/* .bl_homeImage */
	.bl_homeImage { display: flex; justify-content: space-between; flex-direction: column; }
	.bl_homeImage .img { width: 100%; display: flex; align-items: center; }
	.bl_homeImage .text { display: flex; align-items: center; justify-content: center; margin-top: 6.67vw; }
	.bl_homeImage .text .inner { display: block; }
	.bl_homeImage .text h2 { font-size: 6.4vw; margin-bottom: 10px; margin: 0 auto; }
	.bl_homeImage .text p { font-size: 4.27vw; line-height: 2; letter-spacing: -.03em; margin-top: 4%; }
	.bl_homeImage .text a { font-size: 3.2vw; }
	.bl_homeImage .left { justify-content: flex-start; }
	.bl_homeImage .right { justify-content: flex-end; }

	/* .bl_list_nav */
	.bl_list_nav { display: none; margin-top: 0; position: absolute; box-sizing: border-box; padding-top: 0; }
	.bl_list_nav.active { display: block; z-index: 1; width: auto; box-sizing: border-box; top: 13vw;
		right: 5.33vw; }
	.bl_list_nav ul { margin: 0; }
	.bl_list_nav li { font-size: 3.2vw; width: auto; position: relative; margin-left: 6.33vw; letter-spacing: -.05em; }
	.bl_list_nav li:before { content: ''; display: inline-block; position: absolute; top: 48%; left: -20px; transform: translateY(-48%); width: 8px; height: 8px; background: #CECECE; border-radius: 100%; }
	.bl_list_nav li.tow_lines:before { top: 18%; transform: translateY(-18%); }
	.bl_list_nav li.multiple_lines:before { top: 11%; transform: translateY(-11%); }
	.bl_list_nav li + li { margin-top: 15px; }
	.bl_list_nav_inner > a { display: flex; align-items: center; font-size: 3.2vw; background: #fff; padding: 4vw; margin-top: 6.67vw; }
	.bl_list_nav_inner > a span { font-size: 3.2vw; margin-right: 10px; }



	/*-----------------------
	koukin
	-----------------------*/
	#satiss figcaption { margin-top: 3vw; font-size: 3.2vw; }
	#satiss .hero { position: relative; }
	#satiss .hero > figure > figcaption { position: absolute; left: 2vw; margin-top: 1.33vw; font-size: 2.67vw; }
	#satiss .hero_img { width: 100%; height: auto; }
	#satiss .contents { padding: 17vw 0 13.33vw; position: relative; }
	#satiss .contents .has_list > a { position: absolute; top: 5.33vw; right: 5.33vw; margin: 0; width: 31.2vw; }
	#satiss .contents.satiss_story { padding: 24vw 0 13.33vw; position: relative; }
	#satiss .contents.satiss_story .has_list > a { position: absolute; top: 10.67vw; right: 5.33vw; margin: 0; width: 31.2vw; }
	#satiss .contents.satiss_story .bl_list_nav.active { display: block; z-index: 1; width: auto; box-sizing: border-box; top: 18vw; right: 5.33vw; }
	#satiss .content_inner img { align-self: flex-start; margin-top: 8vw; }
	#satiss .flex_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
	#satiss .flex_wrap.w590 { max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; }
	#satiss .flex_wrap.w590 .flex_box { max-width: 66.67vw; margin-top: 9.33vw; }
	#satiss .flex_wrap .bdr { border: 1px solid #C1C1C1; }
	#satiss .flex_wrap .flex_box p { margin-top: 0; }
	#satiss section p { font-size: 3.73vw; margin-top: 8vw; line-height: 2.13; text-align: justify; }
	#satiss section .lead { margin-top: 9.87vw; }
	#satiss section p span { display: block; font-size: 3.2vw; margin-top: 3.67vw; line-height: 2.13; }
	#satiss section h1 { font-size: 6.4vw; width: 100%; }
	#satiss section h2 { font-size: 5.33vw; width: 100%; margin-top: -24.67vw; padding-top: 39.33vw; letter-spacing: -.04em; }
	#satiss section h1 + .content_inner h2 { margin-top: -17.67vw;
		padding-top: 28vw; }
	#satiss section h3 { font-size: 4.27vw; width: 100%; margin-top: 7vw; font-weight: bold; }
	#satiss section .lead .headline { font-size: 4.27vw; width: 100%; margin-top: 7vw; font-weight: bold; line-height: inherit; }
	#satiss section h3 + p  { margin-top: 4vw; }
	#satiss section .lead .headline + p  { margin-top: 4vw; }
	#satiss section h4 { font-size: 3.73vw; width: 100%; font-weight: bold; }
	#satiss section h4 + p  { margin-top: 2.67vw; }
	#satiss .flex_box { margin-top: 5vw; }
	#satiss .flex_box.w50 { width: 100%; max-width: 100%;}
	#satiss .flex_box.w50nm { max-width: 100%; width: 100%; margin: 0; }
	#satiss img.flex_box.w50nm:last-child { margin-top: 0; }
	#satiss .flex_box.w65 { width: 100%; }
	#satiss .flex_box.w35 { width: 54.67vw; align-self: center; margin: auto; margin-top: 3vw; }
	#satiss .flex_box.w63 { width: 100%; }
	#satiss section .lead .flex_box.w37 { width: 100%; margin: 0 auto; position: absolute; bottom: 29%; }
	#satiss section .lead .flex_box:last-child.w37 { margin-top: -5px; bottom: 0; left: 50%; transform: translateX(-50%); width: 76vw; }
	#satiss .flex_box.w33 { width: 100%; }

	#satiss .content_inner_box { margin-top: 8vw; }
	#satiss .content_inner_box.flex_box { margin-top: 0; }
	#satiss .content_inner_box.flex_box p { margin-top: 4vw; }

	#satiss .content_inner.flex_wrap.lead { position: relative;  padding-bottom: 185%; }
	#satiss .content_inner.history_wrap .history_box { overflow-x: scroll; }
	#satiss .content_inner.history_wrap img { width: 202%; }

	#satiss .content_inner .touchless { margin: 10vw 0 -3vw; }
	#satiss section h1:not(:first-child) { margin-top: -13.67vw; padding-top: 27.33vw; }

	#satiss img.img_full { position: relative; left: 50%; transform: translateX(-50%); width: 89.33%; max-width: 89.33%; margin-top: 9.33vw;
	}

	/*-----------------------
	.relief_wrap
	-----------------------*/
	#satiss .relief_wrap { margin-top: 13.33vw; }
	#satiss .relief_wrap h3 { margin-top: 10px; text-align: center; }
	#satiss .relief_wrap .flex_box { margin-top: 30px; }
	#satiss .relief_wrap .flex_box img { position: relative; left: 50%; transform: translateX(-50%); margin-top: 0; width: 40vw; }
	#satiss .relief_wrap .flex_box p { font-size: 3.73vw; margin-top: 5.33vw; }

	/*-----------------------
	.bl_pagination
	-----------------------*/
	#satiss .bl_pagination { margin-top: 16vw; }
	#satiss .bl_pagination p { font-size: 3.73vw; display: flex; justify-content: center; }
	#satiss .bl_pagination p span { font-size: 3.73vw; font-weight: bold; margin: 0 10px 0 0; }
	#satiss .bl_pagination_inner { display: flex; justify-content: center; margin-top: 8vw; }
	#satiss .bl_pagination_inner li { width: 10.67vw; height: 10.67vw; }
	#satiss .bl_pagination_inner li + li { margin-left: 10px; }
	#satiss .bl_pagination_inner li a { position: relative; display:flex; width: 100%; height: 100%; justify-content: center; 	align-items: center; font-size: 4.8vw; }
	#satiss .bl_pagination_inner li.prev a:after { content: ''; position: absolute; width: 1.87vw; height: 1.87vw; border-top: 2px solid 	#C3C3C3; border-left: 2px solid #C3C3C3; transform: translateX(-50%) rotate(-45deg); left: 45%; }
	#satiss .bl_pagination_inner li.next a:after { content: ''; position: absolute; width: 1.87vw; height: 1.87vw; border-top: 2px solid 	#C3C3C3; border-right: 2px solid #C3C3C3; transform: translateX(-50%) rotate(45deg); left: 45%; }
	#satiss .bl_pagination_inner li.active.prev a:after { content: ''; position: absolute; width: 1.87vw; height: 1.87vw; border-top: 2px solid #54585A; border-left: 2px solid #54585A; transform: translateX(-50%) rotate(-45deg); left: 45%; }
	#satiss .bl_pagination_inner li.active.next a:after { content: ''; position: absolute; width: 1.87vw; height: 1.87vw; border-top: 2px solid #54585A; border-right: 2px solid #54585A; transform: translateX(-50%) rotate(45deg); left: 45%; }
	#satiss .bl_pagination_inner li.active { background: #C3C3C3; }
	#satiss .bl_pagination_inner li.active.prev, #satiss .bl_pagination_inner li.active.next { background: #F6F7F7; }
	#satiss .bl_pagination_inner li.active a { color: #fff; }

	/*-----------------------
	.bl_secretStory
	-----------------------*/
	#satiss .bl_secretStory { padding: 0; margin-top: 16vw; }
	#satiss .bl_secretStory .flex_box.text { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 3.33vw; }
	#satiss .bl_secretStory .text h2 { font-size: 5.87vw; margin-top: -32vw; width: auto; text-align: center; line-height: 1.55; }
	#satiss .bl_secretStory .flex_box.w50 { width: 100%; margin-top: 0; }
	#satiss .bl_secretStory .flex_box .bl_btnEllipse { margin-top: 3.33vw; width: 29.33vw; }


	/*-----------------------
	.bl_gallery_wrap
	-----------------------*/
	#satiss .bl_gallery_wrap { margin-top: 16vw; padding: 0; }
	#satiss .gallery_ttl { margin: 0 auto 8vw; text-align: center; }
	#satiss .gallery_ttl img { width: 20.27vw; height: 4.8vw; }
	#satiss .bl_gallery_wrap .bl_row { margin: 0 auto; width: 100%; justify-content: space-between; flex-wrap: wrap; flex-direction: row; }
	#satiss .bl_gallery_wrap .bl_row li { max-width: 28.8vw; width: 28.8vw; margin-bottom: 0; }
	#satiss .bl_gallery_wrap .bl_row li:nth-child(3n) { margin-right: 0; }


	/*-----------------------
	.bl_relation_wrap
	-----------------------*/
	#satiss .bl_relation_wrap { margin-top: 13.33vw; padding: 6.33vw 0 8vw; }
	#satiss .relation_ttl { font-size: 6.4vw; width: 100%; text-align: left; margin-top: 0; }
	#satiss .bl_relation_wrap .bl_row { margin-top: 5.33vw; width: 100%; }
	#satiss .bl_relation_wrap .bl_row li + li { margin-top: 2.67vw; margin-left: 0; }
	#satiss .bl_relation_wrap .bl_row li { width: 100%; border: 1px solid #E6E6E6; }
	#satiss .bl_relation_wrap .bl_row li a { display: flex; padding: 4vw; justify-content: space-between; align-items: stretch; flex-direction: column; }
	#satiss .bl_relation_wrap .bl_row li a .img { margin: 0 0 3.33vw 0; max-width: 100%; }
	#satiss .bl_relation_wrap .bl_row li a .text { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 100%; }
	#satiss .bl_relation_wrap .bl_row li a .text span { margin-top: 4vw; }
	#satiss .bl_relation_wrap .text p { margin-top: 1.67vw; font-size: 3.73vw; line-height: 1.86; margin-bottom: 0; }
	#satiss .bl_relation_wrap .text p.text_ttl { margin-top: 0; font-size: 4.8vw; font-weight: 500; }
	#satiss .bl_relation_wrap .text .bl_btnEllipse { margin-top: 2.33vw; font-size: 3.2vw; }



	/* recommendation */
	#satiss .swiper-wrap { max-width: 94.67vw; }
	#satiss .recommendation { max-width: 94.67vw; margin: 13.33vw auto 0; position: relative; }
	#satiss .recommendation .swiper-container { max-width: 89.33vw;}
	#satiss .recommendation h3 { text-align: center; }
	#satiss .recommendation .recommendation_ttl { font-size: 6.4vw; width: 89.33vw; margin: auto; }
	#satiss .recommendation ul { margin-top: 6vw; flex-wrap: nowrap; justify-content: space-between; }
	#satiss .recommendation li { max-width: 100%; width: 100%; margin: 0; }
	/* #satiss .recommendation li:nth-child(3n + 2) { margin: 10.67vw 0 0; }
	#satiss .recommendation li + li { margin-top: 10.67vw; } */
	#satiss .recommendation .text { display: flex; flex-direction: column; justify-content: flex-start; margin-top: 2.5vw; }
	#satiss .recommendation .text h4 { font-size: 4.8vw; margin-bottom: 1.33vw; line-height: 1.78; }
	#satiss .recommendation .text p { font-size: 3.73vw; margin: 0; line-height: 1.78; letter-spacing: -.01em; }
	#satiss .recommendation .text .btn { margin-top: 2.67vw; font-size: 3.2vw; }

	.swiper-button-next, .swiper-button-prev { position: absolute; top: 36.8%; margin-top: 0; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(/lineup/brands/inax/pic/common/button-next.svg); max-width: 10.67vw; max-height: 10.67vw; background-size: contain; left: 0; right: auto; width: 10.67vw; height: 10.67vw; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(/lineup/brands/inax/pic/common/button-prev.svg); max-width: 10.67vw; max-height: 10.67vw; background-size: contain; right: 0; left: auto; width: 10.67vw; height: 10.67vw; }

	.swiper-button-next, .swiper-button-prev { top: calc(58.3vw + 1.5%) !important; display: block; }

}

	/* 2022-03-15　更新 */
	#satiss .note.remocon{max-width: 670px; margin: 20px auto 0;}
	#satiss .txt-margin-80{margin: 80px auto 0;}
	#satiss .txt-margin-50{margin: 50px auto 0;}
	#satiss .txt-margin-60{margin: 60px auto 15px;}
	#satiss img.pict-margin-100{margin: 100px auto 0;}
	#satiss .pict-margin-60{margin: 35px auto 0;}
	#satiss sup{font-size: 8px;}
	#satiss .content_inner small{font-size: 12px; margin: 10px auto 0; display: block;}
	#satiss .txt-marginbottom-0{margin-bottom: 0;}
	#satiss  img.pic-margin-60{margin: 60px auto 0;}

	@media screen and (max-width: 768px) {
		#satiss section h1.remocon{letter-spacing: -1px;}
		#satiss .note.remocon{max-width: 72vw; margin: 4vw auto 0;}
		#satiss .txt-margin-80{margin: 9.3vw auto 0;display: block;}
		#satiss .txt-margin-50{margin: 8vw auto 0;display: block;}	
		#satiss .txt-margin-60{margin: 13vw auto 1.3vw;display: block;}	
		#satiss img.pict-margin-100{margin: 16vw auto 0; display: block;}
		#satiss .pict-margin-60{margin: 3vw auto 0; display: block;}
		.space-toilet figure { width: 43vw;}
		#satiss sup{font-size: 2vw;}
		#satiss .content_inner small{font-size: 3.2vw; margin: 3.2vw auto 0;}
		#satiss  img.pic-margin-60{margin-top: 8vw;}		
	}