@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
.bdr-gray {
	padding: 0.5em 1em;
	border: solid 1px #ddd;
}

.pink {
	color: #E3004E;
	font-weight: 500;
}

.sub-section:nth-of-type(even) {
	background-color: #EFEFEF;
}

.page-navi {
	background-color: #EFEFEF;
}

.page-navi-container {
	margin-top: 4em;
}

.flex-container.half {
	display: flex;
	flex-wrap: wrap;
}

.banner-container .img {
	margin-top: 1rem;
}

/* アローリンク */
/* .name a.arrow-item {
	padding-left: 1.2rem;
	font-weight: 500;
} */

.name a.arrow-item {
	font-weight: 500;
	display: inline-block;
	padding: .1em 1em .1em 1.4em;
	background: #fff;
	color: #535353;
	border: solid 1px #535353;
	border-radius: .5rem;
	background-image: url(images/chevron-right-solid.svg);
	background-repeat: no-repeat;
	background-position: left .4em top 0.45em;
	background-size: auto 0.8em;
	margin-top: 0.6rem;
}

.name a.arrow-item:hover {
	font-weight: 500;
	display: inline-block;
	padding: .1em 1em .1em 1.4em;
	background: #fff;
	color: #535353;
	border: solid 1px #535353;
	border-radius: .5rem;
	text-decoration: none;
	background: #535353;
	color: #fff;
	background-image: url(images/chevron-right-solid-w.svg);
	background-repeat: no-repeat;
	background-position: left .4em top 0.45em;
	background-size: auto 0.8em;
}

.name .mr {
	margin-right: 1.2rem;
}


/* 
.name a.arrow-item:hover {
	background: #535353;
	color: #fff;
	text-decoration: none;
} */


.slide-text a.arrow-item {
	padding-left: 3rem;
	font-weight: 500;
	background-image: url(images/chevron-right-solid-b.svg);
	background-repeat: no-repeat;
	background-position: left 1.2em center;
	background-size: auto 0.8em;
}

.gallery .slide-img.has-cap {
	position: relative;
}

.gallery .slide-img .caption-r {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.2rem;
	color: #fff;
}

.fa-angle-right {
	margin-right: 0.25em;
}

.recommend-text .img {
	max-width: 150px;
	padding-bottom: 1rem;
}

/* .smell .inner-container .img.pci {
	width: 150px;
	position: absolute;
	top: 18px;
	left: 3rem;
} */
.smell .two.has-pci.inner-container .img.pci {
	width: 130px;
}

.smell .inner-container {
	position: relative;
}



/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.sp-none {
		display: none;
	}

	/* ナビメニュー */
	.page-navi-wrap .nav-ttl {
		font-weight: 500;
		font-size: 2.2rem;
		text-align: center;
	}

	.page-navi-wrap .nav-text {
		font-size: 1.5rem;
		text-align: left;
		padding-top: 4rem;
		max-width: 768px;
		margin: 0 auto;
	}

	.navi-section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	/*リストナビ */
	ul.list-page-navi {
		display: flex;
		flex-wrap: wrap;
	}

	ul.list-page-navi>li {
		width: 48.2%;
		margin-left: 3.5%;
		margin-top: 2rem;
	}

	ul.list-page-navi>li>a {
		display: block;
		text-decoration: none;
	}

	ul.list-page-navi>li:nth-of-type(2n-1) {
		margin-left: 0;
	}

	ul.list-page-navi>li:nth-of-type(-n+2) {
		margin-top: 0;
	}

	/* メインタイトル */
	.sub-title-header {
		text-align: center;
	}

	.sub-title-header .img-text {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.2rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		color: #fff;
		background-color: #b7b7b7;
		width: 120px;
		height: 33px;
		border-radius: 8px;
		margin: 0 auto;
		margin-bottom: 4rem;
	}

	.sub-title-container {
		position: relative;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
		padding: 1em 0;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}

	.sub-title-container:after {
		border-style: solid;
		border-color: #000 transparent transparent transparent;
		border-width: 14px 8px 0 8px;
		border-top-color: #000;
		border-bottom-width: 0;
		bottom: -15px;
		content: "";
		display: block;
		left: 48%;
		position: absolute;
		width: 0;
	}

	.sub-title-container .sub-title {
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 1.6;
	}

	.sub-title-header .air {
		font-size: 1.6rem;
	}

	/* フレックスコンテナ */
	.flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flex-container>.flex-item {
		width: 100%;
		margin-top: 3rem;
	}

	.flex-container .flex-item .sp-first {
		order: 1;
	}

	.flex-container>.flex-item:first-of-type {
		margin-top: 0;
	}

	/* リコメンド */
	.outer-recommend {
		margin-top: 3em;
	}

	.pic-recommend {
		width: 12rem;
		padding-bottom: 0.1em;
	}

	.pic-recommend .img {
		width: 100%;
	}

	.recommend-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		border: 4px solid #D9D9D9;
		padding: 1em 1em;
		background-color: #fff;
	}

	.two .recommend-container {
		display: inherit;
		border: 4px solid #D9D9D9;
		padding: 1em 1em;
		background-color: #fff;
	}

	.recommend-container .recommend-img {
		width: 30%;
		max-width: 140px;
		display: flex;
	}

	/* .kanso .two .recommend-container .recommend-img.right {
		width: 26%;
		margin-left: 2%;
	} */

	.smell .two .recommend-container .recommend-img.right {
		width: 30%;
		margin-left: 2%;
	}

	.recommend-container .recommend-text {
		/* width: 67%; */
		padding-left: 5%;
		flex: 1;
	}

	.recommend-container .recommend-text .text {
		font-size: 1.2rem;
	}

	.recommend-container .recommend-text .text li {
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 0.3em;
	}


	.recommend-container .recommend-text .text li {
		padding-left: 0em;
		text-indent: 0em;
	}


	.recommend-container .recommend-text .name {
		font-size: 1.3rem;
		margin-top: auto;
		margin-top: 1em;
	}

	.recommend-container .bold {
		font-weight: 500;
	}

	.recommend-container .light {
		font-weight: 200;
	}

	/* .inner-container .recommend-container {
		padding: 1em 0.8em 1em 0;
		align-items: flex-start;
	} */

	/* .inner-container .inner-flex-container {
		padding-top: 1em;
	} */

	.inner-container .inner-flex-container:nth-of-type(2) {
		padding-top: 4rem;
	}

	/*.inner-flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 50%;
		padding-left: 0.4em;
	}
	.inner-flex-container:first-of-type {
		padding-left: 0;
	}
	.inner-flex-container .recommend-img {
		width: 36%;
	}
	.inner-flex-container .recommend-text {
		width: 60%;
		line-height: 1.6;
		font-size: 1.4rem;
	}*/

	.inner-flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	/* .inner-flex-container:first-of-type {
		padding-left: 0;
	} */

	.inner-flex-container .recommend-text {
		width: 67%;
		line-height: 1.6;
		font-size: 1.4rem;
		display: flex;
		flex-direction: column;
	}

	/* .two .recommend-container {
		padding: 3em 1em 1em 1em;
	} */

	/* .kanso .two .recommend-container {
		padding: 3.2em 0.8em 1em 0.2em;
		align-items: end;
	} */

	.kanso .inner-container .img.pci {
		left: 2rem;
	}

	.smell .recommend-container {
		padding: 3.2em 0.8em 1em 0.2em;
		align-items: end;
	}

	.smell .two.has-pci .recommend-container {
		padding: 1em 0.8em 1em 0.2em;
	}

	.smell .inner-container .img.pci {
		left: 2rem;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 4rem;
	}

	.sub-section .sub-item {
		padding-bottom: 5rem;
	}

	.sub-section .sub-title {
		font-size: 1.8rem;
	}

	.text-container {
		margin-top: 2rem;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.img-container {
		margin-top: 3rem;
	}

	/* フレックスコンテナ ハーフ */
	.flex-container.half .img-container {
		position: relative;
	}

	.flex-container.half .img-container .img-text {
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		color: #fff;
		background-color: #000;
		padding: 0.2rem 1.2em 0.3rem;
		position: absolute;
		left: 0;
		top: 1em;
	}

	/* スライドコンテナ */
	.gallery {
		border-top: 1px solid #000;
	}

	.gallery .gallery-title-box {
		padding-top: 6rem;
		text-align: center;
		margin-bottom: 5rem;
	}

	.gallery .gallery-title {
		position: relative;
		display: inline-block;
	}

	.gallery .gallery-title:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;
		display: inline-block;
		width: 50px;
		height: 7px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: black;
	}

	.gallery {
		border-top: 1px solid #000;
	}

	.gallery #slide {
		margin-top: 2.2rem;
	}

	.gallery .swiper-slide {
		padding: 0 20px;
	}

	.gallery .slide-text-container {
		width: 100%;
		background-color: #D9D9D9;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 0.8em 0em;
	}

	.gallery .slide-text-box .slide-ttl {
		font-weight: 500;
	}

	.gallery .slide-img {
		width: 100%;
	}

	.gallery .gallery-title {
		font-size: 3rem;
		font-weight: 700;
	}

	.gallery .slide-for {
		font-size: 2.4rem;
		font-weight: 500;
		color: #A0A0A0;
		background-color: #fff;
		padding: 0.1em 1.8em;
		position: absolute;
		left: 0;
		top: 2em;
	}

	.caption-section {
		margin-top: 6em;
	}

	.banner-container {
		margin-top: 8rem;
		text-align: center;
		font-size: 1.4rem;
	}

	.banner-container .img {
		margin-left: auto;
		margin-right: auto;
		max-width: 468px;
	}

	.name.pd-none a.arrow-item {
		padding-left: 0;
	}

	.name a.arrow-item {
		background-position: left .4em top 0.46em;
	}
}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width:768px) and (max-width:1079px) {
	article .outer-base-width {
		padding-left: 5%;
		padding-right: 5%;
	}

	.pc {
		display: none;
	}

	.tab-none {
		display: none;
	}

	article .outer-base-width {
		padding-left: 5%;
		padding-right: 5%;
	}

	/* メインビジュアル */
	#mainVisual .visual {
		max-width: 1200px;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	/* ナビメニュー */
	.page-navi-wrap .nav-ttl {
		font-weight: 500;
		font-size: 3rem;
		text-align: center;
	}

	.page-navi-wrap .nav-text {
		font-size: 1.6rem;
		text-align: center;
		padding-top: 4rem;
		max-width: 768px;
		margin: 0 auto;
	}

	.navi-section {
		padding-top: 10rem;
		padding-bottom: 8rem;
		padding-right: 5%;
		padding-left: 5%;
	}

	/*リストナビ */
	ul.list-page-navi {
		display: flex;
		flex-wrap: wrap;
	}

	ul.list-page-navi>li {
		width: 31%;
		margin-left: 3.5%;
		margin-top: 2rem;
	}

	ul.list-page-navi>li>a {
		display: block;
		text-decoration: none;
	}

	ul.list-page-navi>li:nth-of-type(3n-2) {
		margin-left: 0;
	}

	ul.list-page-navi>li:nth-of-type(-n+3) {
		margin-top: 0;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 7rem;
	}

	.sub-section .sub-item {
		padding-bottom: 10rem;
	}

	.sub-title {
		font-size: 2.2rem;
	}

	.text-container {
		margin-top: 4rem;
		font-size: 1.4rem;
		line-height: 2;
	}

	.img-container {
		margin-top: 4rem;
	}

	.img-container.img-inbox {
		margin-top: 3rem;
	}

	/* メインタイトル */
	.sub-title-header {
		text-align: center;
	}

	.sub-title-header .img-text {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		color: #fff;
		background-color: #b7b7b7;
		width: 140px;
		height: 33px;
		border-radius: 8px;
		margin: 0 auto;
		margin-bottom: 6rem;
	}

	.sub-title-container {
		max-width: 1000px;
		position: relative;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
		padding: 1em 0;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}

	.sub-title-container:after {
		border-style: solid;
		border-color: #000 transparent transparent transparent;
		border-width: 14px 8px 0 8px;
		border-top-color: #000;
		border-bottom-width: 0;
		bottom: -15px;
		content: "";
		display: block;
		left: 49%;
		position: absolute;
		width: 0;
	}

	.sub-title-container .sub-title {
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 1.6;
	}

	.sub-title-header .air {
		font-size: 1.6rem;
	}

	/* リコメンド */
	.outer-recommend {
		width: 640px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4em;
	}

	.pic-recommend {
		width: 12rem;
		padding-bottom: 0.1em;
	}

	.pic-recommend .img {
		width: 100%;
	}

	.recommend-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		border: 4px solid #D9D9D9;
		padding: 1em 1em;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: 4px solid #D9D9D9;
		background-color: #fff;
	}

	.recommend-container .recommend-img {
		width: 20%;
		display: flex;
	}

	.recommend-container .recommend-text {
		width: 75%;
	}

	.recommend-container .recommend-text .text {
		font-size: 1.2rem;
	}

	/*.recommend-container .recommend-text .text li {
		margin-bottom: 0.3em;
	}
	.recommend-container .recommend-text .name {
		font-size: 1.3rem;
		margin-top: 1em;
	} */


	.recommend-container .recommend-text .text li {
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 0.3em;
	}

	.recommend-container .recommend-text .text li {
		padding-left: 0em;
		text-indent: 0em;
	}

	.recommend-container .recommend-text .name {
		font-size: 1.4rem;
		margin-top: 1em;
	}




	.recommend-container .bold {
		font-weight: 500;
	}

	.recommend-container .light {
		font-weight: 200;
	}


	.inner-flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 50%;
		padding-left: 0.2em;
	}


	.inner-flex-container:first-of-type {
		padding-left: 0;
	}

	.inner-flex-container .recommend-img {
		width: 38%;
		/* margin-top: 1rem; */
	}

	.kanso .inner-flex-container .recommend-img {
		width: 34%;
	}

	.kanso .inner-flex-container .recommend-img.right {
		width: 32%;
		margin-right: 4%;
	}

	.smell .inner-flex-container .recommend-img {
		width: 34%;
	}

	.smell .inner-flex-container .recommend-img.right {
		width: 34%;
	}

	.inner-flex-container .recommend-text {
		width: 62%;
		line-height: 1.6;
		font-size: 1.4rem;
	}

	.two .recommend-container {
		padding: 3.5em 1em 1em 0.4em;
	}

	.two.has-pci .recommend-container {
		padding: 1em 0.8em 1em 0.4em;
		align-items: flex-start;
	}


	/* フレックスコンテナ */
	.flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flex-container>.flex-item {
		width: 100%;
		margin-top: 0;
	}

	.flex-container .flex-item .sp-first {
		order: 1;
	}

	.flex-container>.flex-item:first-of-type {
		margin-top: 0;
	}

	/* フレックスコンテナ ハーフ */
	.flex-container.half .img-container {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
	}

	.flex-container.half .img-container .img-text {
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		color: #fff;
		background-color: #000;
		padding: 0.1rem 1.4em 0.2rem;
		position: absolute;
		left: 0;
		top: 2em;
	}

	/* スライドコンテナ */
	.gallery {
		border-top: 1px solid #000;
	}

	.gallery .gallery-title-box {
		padding-top: 6rem;
		text-align: center;
	}

	.gallery .gallery-title {
		position: relative;
		display: inline-block;
	}

	.gallery .gallery-title:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;
		display: inline-block;
		width: 50px;
		height: 7px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: black;
	}

	.gallery {
		border-top: 1px solid #000;
	}

	.gallery #slide {
		margin-top: 2.2rem;
	}

	.gallery .swiper-slide {
		padding: 0 20px;
	}

	.gallery .slide-text-container {
		width: 100%;
		background-color: #D9D9D9;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 1.4em 0em;
	}

	.gallery .slide-text-box .slide-ttl {
		font-weight: 500;
	}

	.gallery .slide-img {
		width: 100%;
		margin-top: 4rem;
	}

	.gallery .gallery-title {
		font-size: 3rem;
		font-weight: 700;
	}

	.gallery .slide-for {
		font-size: 2.4rem;
		font-weight: 500;
		color: #A0A0A0;
		background-color: #fff;
		padding: 0.1em 1.8em;
		position: absolute;
		left: 0;
		top: 2em;
	}

	.caption-section {
		margin-top: 6em;
	}

	.banner-container {
		margin-top: 8rem;
		text-align: center;
	}

	.banner-container .img {
		margin-left: auto;
		margin-right: auto;
		max-width: 468px;
	}
}

/* ====================================
	PC専用スタイル
===================================== */
@media print,
screen and (min-width:1080px) {
	article .outer-base-width {
		padding-left: 5%;
		padding-right: 5%;
	}

	/* メインビジュアル */
	#mainVisual .visual {
		width: 1200px;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.main-pin-container {
		width: 7%;
	}

	.pin-wrap {
		position: absolute;
		left: 50%;
	}

	.main-pin-container .click-01 {
		top: 17rem;
		transform: translate(-450px, 0);
	}

	.main-pin-container .click-02 {
		top: 50rem;
		transform: translate(100px, 0);
	}

	.main-pin-container .click-03 {
		top: 42rem;
		transform: translate(327px, 0);
	}

	.main-pin-container .click-04 {
		top: 57rem;
		transform: translate(-510px, 0);
	}

	.main-pin-container .click-05 {
		top: 17rem;
		transform: translate(285px, 0);
	}

	.main-pin-container .click-06 {
		top: 50rem;
		/* transform: translate(35px, 0); */
		transform: translate(-282px, -86px);
	}

	.main-pin-container .click-07 {
		top: 53rem;
		transform: translate(-324px, 0);
	}

	.main-pin-container .click-08 {
		top: 53.5rem;
		transform: translate(244px, 0);

	}

	.main-pin-container .click-09 {
		top: 20em;
		transform: translate(88px, 0);
	}




















	#mainVisual .pin {
		width: 35px;
		position: absolute;
		left: 50%;
		bottom: 0;
		cursor: pointer;
		animation: elasticity 4s ease-in-out infinite;
	}

	/* #mainVisual .pin:hover {
		width: 40px;
		transition-duration: 0.3s;
	}  */
	#mainVisual .mv-product {
		width: 120px;
		opacity: 0;
	}

	#mainVisual .on-mouse .mv-product {
		opacity: 1;
		animation: animScale 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}

	#mainVisual .on-mouse .pin img {
		opacity: 0;
	}

	/* ナビメニュー */
	.page-navi-wrap {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.page-navi-wrap .nav-ttl {
		font-weight: 500;
		font-size: 3rem;
		text-align: center;
	}

	.page-navi-wrap .nav-text {
		font-size: 1.6rem;
		text-align: center;
		padding-top: 4rem;
		max-width: 768px;
		margin: 0 auto;
	}

	.navi-section {
		padding-top: 10rem;
		padding-bottom: 8rem;
		position: relative;
	}

	/*リストナビ */
	ul.list-page-navi {
		display: flex;
		flex-wrap: wrap;
	}

	ul.list-page-navi>li {
		width: 31%;
		margin-left: 3.5%;
		margin-top: 2rem;
	}

	ul.list-page-navi>li>a {
		display: block;
		text-decoration: none;
	}

	ul.list-page-navi>li:nth-of-type(3n-2) {
		margin-left: 0;
	}

	ul.list-page-navi>li:nth-of-type(-n+3) {
		margin-top: 0;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 7rem;
	}

	.sub-section .sub-item {
		padding-bottom: 13rem;
	}

	.sub-title {
		font-size: 2.2rem;
	}

	.text-container {
		margin-top: 9rem;
		line-height: 2;
	}

	.img-container {
		margin-top: 9rem;
	}

	.img-container.img-inbox {
		margin-top: 3rem;
	}

	/* メインタイトル */
	.sub-title-header {
		text-align: center;
	}

	.sub-title-header .img-text {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.1rem;
		color: #fff;
		background-color: #b7b7b7;
		width: 140px;
		height: 33px;
		border-radius: 8px;
		margin: 0 auto;
		margin-bottom: 6rem;
	}

	.sub-title-container {
		max-width: 1000px;
		position: relative;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
		padding: 1em 0;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
	}

	.sub-title-container:after {
		border-style: solid;
		border-color: #000 transparent transparent transparent;
		border-width: 14px 8px 0 8px;
		border-top-color: #000;
		border-bottom-width: 0;
		bottom: -15px;
		content: "";
		display: block;
		left: 49%;
		position: absolute;
		width: 0;
	}

	.sub-title-container .sub-title {
		font-weight: 500;
		font-size: 3.6rem;
		line-height: 1.6;
	}

	.sub-title-header .air {
		font-size: 2rem;
	}

	/* フレックスコンテナ：ハーフ */
	.flex-container.half {
		justify-content: space-between;
	}

	.flex-container.half>.flex-item {
		width: 48%;
	}

	.flex-container.half .img-container {
		position: relative;
	}

	.sub-section:nth-of-type(odd) .flex-container.half {
		position: relative;
		flex-direction: row-reverse;
	}

	/* リコメンド */
	.outer-recommend {
		margin-top: 22%;
	}

	.pic-recommend {
		padding-bottom: 0.1em;
		width: 25%;
	}

	.pic-recommend .img {
		width: 100%;
	}

	.recommend-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/* align-items: center; */
		border: 4px solid #D9D9D9;
		padding: 1em 1em;
		background-color: #fff;
		margin-top: 0.2rem;
	}

	.smell .recommend-container {
		padding-top: 3.2em;
	}

	.recommend-container .recommend-img {
		width: 20%;
		display: flex;
	}

	.recommend-container .recommend-text {
		width: 75%;
	}

	.recommend-container .recommend-text .text {
		font-size: 1.3rem;
	}

	.recommend-container .recommend-text .text li {
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 0.3em;
	}

	.recommend-container .recommend-text .text li {
		padding-left: 0em;
		text-indent: 0em;
	}

	.recommend-container .recommend-text .name {
		font-size: 1.4rem;
		margin-top: 1em;
	}

	.recommend-container .bold {
		font-weight: 500;
	}

	.recommend-container .light {
		font-weight: 200;
	}

	.inner-flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/* align-items: center; */
		width: 49%;
	}

	.inner-flex-container:first-of-type {
		padding-left: 0;
	}

	.inner-flex-container .recommend-img {
		width: 38%;
	}

	.kanso .inner-flex-container .recommend-img {
		width: 34%;
		padding-top: 10px;
	}

	.kanso .inner-flex-container .recommend-img.right {
		width: 32%;
		margin-right: 4%;
	}

	.smell .inner-flex-container .recommend-img {
		width: 34%;
		margin-top: 1rem;
	}

	.smell .inner-flex-container .recommend-img.right {
		width: 34%;
	}

	/*.inner-flex-container .recommend-text {
		width: 60%;
		line-height: 1.6;
		font-size: 1.4rem;
		padding-left: 1rem;
	}*/

	.inner-flex-container .recommend-text {
		width: 64%;
		line-height: 1.6;
		font-size: 1.4rem;
	}

	/* .kanso .two .recommend-container {
		padding: 3.5em 1em 1em 0.4em;
		align-items: end;
	} */
	.smell .two.has-pci .recommend-container {
		padding: 1em 0.8em 1em 0.4em;
		align-items: flex-start;
	}

	.smell .two .recommend-container {
		padding: 3.5em 1em 1em 0.4em;
		align-items: flex-start;
	}


	/* スライドコンテナ */
	.gallery {
		border-top: 1px solid #000;
	}

	.gallery .img-container {
		margin-top: 8rem;
	}

	.gallery .gallery-title-box {
		padding-top: 4rem;
		text-align: center;
	}

	.gallery .gallery-title {
		position: relative;
		display: inline-block;
	}

	.gallery .gallery-title:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;
		display: inline-block;
		width: 90px;
		height: 7px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: black;
	}

	.gallery #slide {
		margin-top: 10rem;
	}

	.gallery .swiper-slide {
		display: flex;
		/* padding: 0 20px; */
	}

	.gallery .slide-text-container {
		width: 28%;
		background-color: #D9D9D9;
		text-align: center;
		margin-top: 4rem;
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 8.9em 2em 1em;
		position: relative;
	}

	.gallery .slide-text-box {
		margin-top: 4rem;
	}

	.gallery .slide-text-box .slide-ttl {
		font-weight: 500;
	}

	.gallery .slide-img {
		width: 87%;
		margin-top: 4rem;
		order: 2;
	}

	.gallery .swiper-slide .slide-text-container.pc-first {
		order: 1;
	}

	.gallery .gallery-title {
		font-size: 6rem;
		font-weight: 700;
	}

	.gallery .slide-for {
		font-size: 2.3rem;
		font-weight: 500;
		color: #A0A0A0;
		background-color: #fff;
		padding: 0.1em 0.8em;
		position: absolute;
		left: 0;
		top: 2em;
	}

	.slide-text a.arrow-item {
		padding-left: 1.4rem;
		background-position: left 0em center;
	}

	/* .slide-text.pd-none a.arrow-item {
		padding-left: 0;
	} */

	.caption-section {
		margin-top: 6em;
	}

	.banner-container {
		margin-top: 8rem;
		text-align: center;
	}

	.banner-container .img {
		margin-left: auto;
		margin-right: auto;
		max-width: 674px;
	}

	/* スクロール */
	.scroll-img {
		position: absolute;
		width: 10rem;
		bottom: 20px;
	}
}

/* ====================================
	IE印刷専用スタイル
===================================== */
@media print and (-ms-high-contrast: none) {
	.flex-container.column2 {
		display: block;
	}

	.flex-container.column2 .flex-item {
		margin-left: 3.5%;
		display: inline-block;
		vertical-align: top;
	}

	.flex-container.column2 .flex-item:nth-child(odd) {
		margin-left: 0;
	}
}