@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');

/*================================================
 *  共通設定
 ================================================*/


/*色*/
.color_white {
	color: #fff;
}
.color_yellow {
	color: #ffdc64;
}

/*背景*/
.bg_black {
	background-color: #1e1e1e;
}
.bg_white {
	background-color: #fff;
}
.bg_gray {
	background-color: #ebebeb;
}
.bg_yellow {
	background-color: #ffdc64;
}
.bg_green {
	background-color: #06C755;
}





/*文字種類*/
.ff_marugo {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
}
.ff_opensans {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

/*================================================
 *  共通コンテンツ
 ================================================*/


/*******見出し*******/
h3.title_section {
	position: relative;
	text-align: center;
	margin-bottom: 100px;
	z-index: 10;
}
h3.title_section span {
	display: inline-block;
}
h3.title_section span img {
	max-width: 100%;
}
h3.title_section span em {
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-top: 40px;
}

/*******パララックス*******/
@media screen and (min-width:900.1px) {
	.rellax {
		transition: all ease-out 0.3s;
		-webkit-transition: all ease-out 0.3s;
	}
}


/*******ボタン*******/
.btn_hover {
	border-radius: 100vh;
	border: 4px solid;
	font-weight: bold;
	transition-property: background, color;
	transition-duration: 0.15s;
}
.btn_hover:hover {
	background-color: currentColor;
	opacity: 1;
}
.btn_hover:hover span {
	color: #fff;
}






/*================================================
 *  コンテンツ
 ================================================*/

/*******メインエリア*******/
section#main_area {
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
	max-width: 1900px;
	margin: 0 auto;
	padding: 45px 0 20px;
}
@media screen and (max-height:960px), screen and (max-width:1200px) {
	section#main_area {
		padding: 75px 0 40px;
	}
}
section#main_area h1 {
	position: absolute;
	top: 45px;
	left: 60px;
	z-index: 100;
}
section#main_area .inner {
	min-height: 845px;
	max-width: 1620px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 70px;
}


section#main_area .inner #main_slider {
	position: absolute;
	top: 0;
	right: 0;
	width: 865px;
	height: 845px;
	opacity: 0;
}
@media screen and (max-width:1200px) {
	section#main_area .inner {
		display: block;
	}
	section#main_area .inner #main_slider {
		position: relative;
		top: auto;
		right: auto;
		margin-left: auto;
	}
}
section#main_area .inner #main_slider .swiper-slide {
	padding-right: 20px;
}
section#main_area .inner #main_slider .swiper-slide > img {
	clip-path: polygon(0 0, 100% 0, 84.4% 100%, 15.6% 100%);
}
section#main_area .inner #main_slider .swiper-slide figcaption {
	background-color: #fff;
	border: 6px solid;
	border-radius: 50%;
	position: absolute;
	bottom: 80px;
	right: 0;
	font-size: 24px;
	line-height: 1.5;
	width: 260px;
	height: 260px;
	text-align: center;
}
section#main_area .inner #main_slider .swiper-slide figcaption .ltsg {
	letter-spacing: -0.08em;
}

section#main_area .inner .txt_box {
	z-index: 10;
	width: 800px;
}
section#main_area .inner .txt_box h2 span {
	display: block;
	position: relative;
	clip-path: inset(0 100% 0 0);
}
section#main_area .inner .txt_box h2 span + span {
	margin-top: -2.25%;
}

section#main_area .inner .txt_box .inr {
	width: 610px;
	padding: 45px 0 0 25px;
}
section#main_area .inner .txt_box .tag_list {
	margin: -12px 0 0 -12px;
}
section#main_area .inner .txt_box .tag_list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	height: 2em;
	padding: 0 0.7em;
	margin: 12px 0 0 12px;
}

section#main_area .inner .txt_box .btn_hover {
	font-size: 32px;
	margin-top: 55px;
	height: 120px;
	width: 100%;
	opacity: 0;
}
section#main_area .inner .txt_box .btn_hover [class*="icon-"] {
	font-size: 42px;
	margin-right: 0.5em;
}


/*スクロール*/
section#main_area .scroll {
	position: absolute;
	bottom: -16px;
	left: 70px;
	height: 16px;
	transform: rotate(-90deg);
	transform-origin: top left;
}
section#main_area .scroll div {
	border-radius: 2px;
	width: 100px;
	height: 2px;
	margin-right: 1.1em;
	position: relative;
	overflow: hidden;
}
section#main_area .scroll div::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 120%;
	height: 2px;
	background-color: currentColor;
	-webkit-animation: scrollAnimeX 3s cubic-bezier(0.8, 0, 0.1, 1) infinite;
	animation: scrollAnimeX 3s cubic-bezier(0.8, 0, 0.1, 1) infinite;
}





/*******お悩み解決*******/
section#kaiketsu_area {
	padding: 200px 0;
}

/*お悩み*/
section#kaiketsu_area .nayami_inner h3 {
	text-align: center;
	max-width: 1060px;
	margin: 0 auto;
	width: 100%;
}
section#kaiketsu_area .nayami_inner h3 span {
	display: block;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.75;
	position: relative;
	margin: -0.325em 0;
}
@media screen and (max-width:1059.9px) {
	section#kaiketsu_area .nayami_inner h3 span {
		font-size: clamp(40px, -1.016rem + 6.25vw, 50px);
	}
}
section#kaiketsu_area .nayami_inner h3 span::before,
section#kaiketsu_area .nayami_inner h3 span::after {
	position: absolute;
	content: '';
	top: 0.45em;
	background-color: currentColor;
	border-radius: 6px;
	width: 6px;
	height: 90%;
}
section#kaiketsu_area .nayami_inner h3 span::before {
	left: 0;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform-origin: top left;
}
section#kaiketsu_area .nayami_inner h3 span::after {
	right: 0;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform-origin: top right;
}

section#kaiketsu_area .nayami_inner .fuki_box  {
	max-width: 1180px;
	margin: 95px auto 0;
	padding-top: 225px;
	width: 100%;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li {
	background-color: #286ebe;
	border-radius: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.75;
	text-align: center;
	width: 420px;
	width: calc(50% - 170px);
	height: 180px;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 10;
}
@media screen and (min-width:900.1px) {
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li {
		position: absolute;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(1) {
		top: 0;
		right: 50%;
		margin-right: 50px;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(1)::after {
		bottom: -29px;
		right: 40px;
		border-width: 0 25px 30px 0;
		border-color: transparent #286ebe transparent transparent;
		transform: skewX(18deg);
		transform-origin: right bottom;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(2) {
		top: 0;
		left: 50%;
		margin-left: 50px;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(2)::after {
		bottom: -29px;
		left: 40px;
		border-width: 30px 25px 0 0;
		border-color: #286ebe transparent transparent transparent;
		transform: skewX(-18deg);
		transform-origin: left bottom;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(3) {
		top: 240px;
		left: 0;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(3)::after {
		top: 75px;
		right: -34px;
		border-width: 20px 35px 0 0;
		border-color: #286ebe transparent transparent transparent;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(4) {
		top: 240px;
		right: 0;
	}
	section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(4)::after {
		top: 75px;
		left: -34px;
		border-width: 0 35px 20px 0;
		border-color: transparent #286ebe transparent transparent;
	}
}
section#kaiketsu_area .nayami_inner .fuki_box .img_people {
	display: block;
	margin: 0 auto;
}


/*タンブランドについて*/
section#kaiketsu_area .kaiketsu_inner .arrow {
	padding: 100px 0 80px;
}
section#kaiketsu_area .kaiketsu_inner h3 span {
	display: inline-block;
}
section#kaiketsu_area .kaiketsu_inner h3 span img {
	max-width: 100%;
}

section#kaiketsu_area .kaiketsu_inner .about_box {
	padding-top: 50px;
	min-height: 1285px;
	margin: 40px auto 0;
	max-width: 1900px;
	width: 100%;
}
section#kaiketsu_area .kaiketsu_inner .about_box h4 {
	text-align: center;
	margin-bottom: 100px;
}
section#kaiketsu_area .kaiketsu_inner .about_box .txt {
	font-size: 24px;
	font-weight: bold;
	line-height: 2.5;
	letter-spacing: 0.08em;
	width: 680px;
	margin: -0.75em auto 0;
	position: relative;
	z-index: 5;
	opacity: 1;
}
section#kaiketsu_area .kaiketsu_inner .about_box .txt .marker {
	background: linear-gradient(90deg, #ffdc64, #ffdc64) bottom left / 0 120% no-repeat;
	-webkit-transition: background 1s ease-in-out;
	transition: background 1s ease-in-out;
	opacity: 1;
}
section#kaiketsu_area .kaiketsu_inner .about_box .txt.move .marker {
	background-size: 100% 120%;
}
section#kaiketsu_area .kaiketsu_inner .about_box .txt.move .marker:nth-of-type(2) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
section#kaiketsu_area .kaiketsu_inner .about_box .txt.move .marker:nth-of-type(3) {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}


@media screen and (min-width:900.1px) {
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 0;
	}
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div:first-of-type {
		position: absolute;
		top: 160px;
		right: 50%;
		margin-right: 430px;
		width: 520px;
	}
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div:last-of-type {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: 440px;
		width: 510px;
	}
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider01 {
		margin-left: 80px;
		width: 400px;
	}
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider02 {
		margin-top: 100px;
		width: 100%;
	}
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider03 {
		width: 100%;
	}
	section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider04 {
		margin: 120px 0 0 40px;
		width: 360px;
	}
}

section#kaiketsu_area .kaiketsu_inner .point_list {
	margin-top: 45px;
}
section#kaiketsu_area .kaiketsu_inner .point_list li {
	border: 6px solid;
	border-radius: 50%;
	font-size: 26px;
	line-height: 1.75;
	text-align: center;
	margin: 0 -15px;
	height: 340px;
	width: 340px;
}
section#kaiketsu_area .kaiketsu_inner .img_tumbler {
	margin-top: 80px;
}






/*******タンブランドの特長*******/
section#features_area {
	margin-top: 240px;
}

section#features_area .features_list {
	max-width: 1900px;
	margin: 0 auto;
}
section#features_area .features_list .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
section#features_area .features_list .box:nth-of-type(even) {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
section#features_area .features_list .box + .box {
	margin-top: 140px;
}
section#features_area .features_list .box .img {
	height: 606px;
	width: 1010px;
	width: calc(50% + 60px);
	flex-shrink: 0;
}
section#features_area .features_list .box .txt {
	font-size: 24px;
	max-width: 730px;
	padding: 0 100px;
	width: 100%;
}
@media screen and (max-width:1579.9px) {
	section#features_area .features_list .box .txt {
		font-size: clamp(14px, 1.47vw, 24px);
		padding: 0 4.16em;
	}
}
section#features_area .features_list .box:nth-of-type(even) .txt {
	margin-left: auto;
}

section#features_area .features_list .box .txt h4 span {
	font-size: 200%;
	letter-spacing: 0.06em;
}
section#features_area .features_list .box .txt h4 em {
	display: block;
	font-size: 266.666%;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin: 0.3em -1em 0.3em 0;
	text-align: left;
}
section#features_area .features_list .box .txt p {
	font-weight: bold;
	line-height: 2.5;
}




/*******オーダー方法*******/
section#order_area {
	margin-top: 240px;
}
section#order_area .inner {
	padding: 0 90px 200px;
}
section#order_area .inner::before {
	background-color: #fff;
	position: absolute;
	content: '';
	top: -1px;
	left: -1%;
	height: 81px;
	width: 102%;
	z-index: 0;
}

section#order_area .inner h4 {
	margin-bottom: 75px;
	text-align: center;
}


section#order_area .inner .step_list .arrow {
	height: 68px;
	text-align: center;
}
section#order_area .inner .step_list .arrow img {
	margin-top: -5px;
}
section#order_area .inner .step_list dl {
	z-index: 5;
}
section#order_area .inner .step_list dl dt {
	background-color: #1e1e1e;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: -90px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	width: 180px;
	height: 180px;
	font-size: 24px;
	letter-spacing: 0.06em;
}
section#order_area .inner .step_list dl dt span {
	font-size: 64px;
	margin-top: 0.15em;
}
section#order_area .inner .step_list dl dd {
	background-color: #fff;
	border: 6px solid;
	padding: 76px 115px 76px 145px;
}
section#order_area .inner .step_list dl dd .icon {
	width: 200px;
	flex-shrink: 0;
}
section#order_area .inner .step_list dl dd .txt {
	font-weight: bold;
	line-height: 2.5;
}
section#order_area .inner .step_list dl dd .txt h5 {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin: 0 0 0.4em -4px;
	text-align: left;
}
section#order_area .inner .step_list dl dd .txt p {
	font-size: 24px;
}
section#order_area .inner .step_list dl dd .txt ul {
	font-size: 20px;
}







/*******こんなシーンにおすすめ*******/
section#scene_area {
	padding: 240px 0;
}
section#scene_area .scene_list {
	max-width: 1620px;
	margin: 0 auto;
	width: 100%;
}
section#scene_area .scene_list figure {
	width: 520px;
	width: calc((100% - 60px) / 3);
	
}
section#scene_area .scene_list figure:not(:nth-of-type(3n+1)) {
	margin-left: 30px;
}
section#scene_area .scene_list figure .thumb {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
section#scene_area .scene_list figure .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
section#scene_area .scene_list figure .thumb img.move {
	-webkit-transform: scale(1);
	transform: scale(1);
}
@media screen and (min-width:900.1px) {
	section#scene_area .scene_list figure:nth-of-type(3n+2)  .thumb img{
		transition-delay: 0.3s;
	}
	section#scene_area .scene_list figure:nth-of-type(3n) .thumb img {
		transition-delay: 0.6s;
	}
}
section#scene_area .scene_list figure figcaption {
	font-size: 26px;
	font-weight: bold;
	padding-top: 1.92em;
	text-align: center;
}
@media screen and (max-width:1719.9px) {
	section#scene_area .scene_list figure figcaption {
		font-size: clamp(16px, 1.3vw, 26px);
	}
}
section#scene_area .scene_list figure figcaption h6 {
	font-size: 161.538%;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.06em;
}

section#scene_area .scene_list figure figcaption .tag_list {
	max-width: 11.539em;
	margin: 1.2em auto 0;
	width: 100%;
}
section#scene_area .scene_list figure figcaption .tag_list li {
	background-color: #1e1e1e;
	color: #fff;
	text-align: center;
	padding: 0.655em 0;
}
section#scene_area .scene_list figure figcaption .tag_list li + li {
	margin-top: 10px;
}



/*******おすすめ商品*******/
section#recommend_area {
	max-width: 1580px;
	margin: 0 auto;
	width: 100%;
}
section#recommend_area .inner {
	padding: 0 50px 200px;
}
section#recommend_area .inner::before {
	background-color: #fff;
	position: absolute;
	content: '';
	top: -1px;
	left: -1%;
	height: 81px;
	width: 102%;
	z-index: 0;
}

section#recommend_area .inner .recommend_list {
	max-width: 1260px;
	margin: 0 auto;
}
section#recommend_area .inner .recommend_list a {
	display: block;
	width: 390px;
	width: calc((100% - 90px) / 3);
}
@media screen and (min-width:900.1px) {
	section#recommend_area .inner .recommend_list a:nth-of-type(3n+2) {
		animation-delay: 0.3s;
	}
	section#recommend_area .inner .recommend_list a:nth-of-type(3n) {
		animation-delay: 0.6s;
	}
}

section#recommend_area .inner .recommend_list a:not(:nth-of-type(3n+1)) {
	margin-left: 45px;
}
section#recommend_area .inner .recommend_list a:nth-of-type(n+4) {
	margin-top: 75px;
}
section#recommend_area .inner .recommend_list a.no_link {
	pointer-events: none;
}
section#recommend_area .inner .recommend_list figure .thumb {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
section#recommend_area .inner .recommend_list figure .thumb img {
	position: absolute;
	top: 0;
	left: 0;
}
section#recommend_area .inner .recommend_list figure figcaption {
	font-size: 20px;
	line-height: 1.5;
	padding: 35px 20px 0;
	text-align: left;
}
@media screen and (max-width:1259.9px) {
	section#recommend_area .inner .recommend_list figure figcaption {
		font-size: clamp(14px, 1.5vw, 20px);
	}
}
section#recommend_area .inner .recommend_list figure figcaption .type {
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.06em;
}
section#recommend_area .inner .recommend_list figure figcaption h6 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.75;
	margin-top: 0.75em;
}
section#recommend_area .inner .recommend_list figure figcaption .price {
	letter-spacing: 0.06em;
	margin-top: 1.2em;
}




/*******よくある質問*******/
section#faq_area {
	padding-top: 240px;
	padding-bottom: 190px;
}

section#faq_area .faq_list dt,
section#faq_area .faq_list dd .inr {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
section#faq_area .faq_list dt > span,
section#faq_area .faq_list dd .inr > span {
	font-size: 36px;
	width: 95px;
	text-align: center;
	flex-shrink: 0;
}

section#faq_area .faq_list dt {
	border: 1px solid;
	cursor: pointer;
	position: relative;
	font-size: 26px;
	font-weight: bold;
	padding: 31px 100px 31px 0;
}
section#faq_area .faq_list dd + dt {
	margin-top: 50px;
}
section#faq_area .faq_list dt::before,
section#faq_area .faq_list dt::after {
	position: absolute;
	content: '';
	width: 24px;
	height: 2px;
	background-color: currentColor;
	top: 50%;
	right: 40px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
section#faq_area .faq_list dt:not(.active)::after {
	transform: translate(0,-50%) rotate(90deg);
	-webkit-transform: translate(0,-50%) rotate(90deg);
}
section#faq_area .faq_list dt.active::after {
	opacity: 0;
}
section#faq_area .faq_list dt em {
	line-height: 1.75;
	text-align: left;
}
section#faq_area .faq_list dd {
	display: none;
	padding-top: 30px;
}
section#faq_area .faq_list dd .inr {
	padding-right: 100px;
}
section#faq_area .faq_list dd .inr > span {
	padding-top: 5px;
}
section#faq_area .faq_list dd .inr > div {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 20px;
	line-height: 2.5;
}





/*******ネットショップでオーダー*******/
section[id*="store_area"] {
	padding: 150px 50px 160px;
}
section#store_area {
	padding-bottom: 150px;
}
section[id*="store_area"] .bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
section[id*="store_area"] .img_box {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	width: 1900px;
	height: 100%;
	z-index: 1;
}
section[id*="store_area"] .img_box .img01 {
	bottom: -70px;
	left: 105px;
}
section[id*="store_area"] .img_box .img02 {
	top: -70px;
	right: 60px;
}
section[id*="store_area"] .inner {
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 10;
}
section[id*="store_area"] .inner h3 {
	color: #fff;
	font-size: 58px;
	font-weight: bold;
	line-height: 1.75;
	margin: -0.325em -1em 1em;
}
section[id*="store_area"] .inner .btn_order {
	font-size: 46px;
	height: 160px;
}
section[id*="store_area"] .inner .btn_order [class*="icon-"] {
	font-size: 50px;
	margin-right: 0.16em;
}

section[id*="store_area"] .inner .btn_list {
	margin-top: 30px;
}
section[id*="store_area"] .inner .btn_list a {
	width: 420px;
	width: calc(50% - 10px);
	height: 120px;
}
section[id*="store_area"] .inner .btn_list a.btn_tel {
	font-size: 36px;
	letter-spacing: 0.04em;
}
section[id*="store_area"] .inner .btn_list a.btn_contact {
	font-size: 32px;
	letter-spacing: 0.1em;
}
section[id*="store_area"] .inner .btn_list a [class*="icon-"] {
	font-size: 34px;
	margin-right: 0.26em;
}




/*================================================
 *  ページトップ
 ================================================*/
.pagetop {
	cursor: pointer;
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
}

/*================================================
 *  fixedボタン
 ================================================*/
#fixed_btn {
	position: fixed;
	top: 35px;
	right: 60px;
	z-index: 1001;
}
#fixed_btn .btn_hover {
	font-size: 20px;
	height: 80px;
	width: 360px;
}
#fixed_btn .btn_hover [class*="icon-"] {
	font-size: 28px;
	margin-right: 0.3em;
}

/*================================================
 *  フッター
 ================================================*/
footer .inner {
	padding-top: 80px;
}
footer .inner .logo {
	margin-bottom: 50px;
}
footer .inner .copyright {
	padding: 70px 0 80px;
	letter-spacing: 0.1em;
}
















/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:900px) {


/*================================================
 *  共通コンテンツ
 ================================================*/



/*******見出し*******/
h3.title_section {
	margin-bottom: 10vw;
}
h3.title_section span img {
	height: 15vw;
	width: auto;
}
h3.title_section span em {
	font-size: 4vw;
	margin-top: 4.5vw;
}


/*******ボタン*******/
.btn_hover {
	border-width: 0.8vw;
}






/*================================================
 *  コンテンツ
 ================================================*/

/*******メインエリア*******/
section#main_area {
	min-height: inherit;
	max-width: inherit;
	padding: 0 0 20vw;
}
section#main_area h1 {
	position: static;
	top: auto;
	left: auto;
	text-align: center;
	height: 21vw;
	padding-top: 5.5vw;
}
section#main_area h1 img {
	width: 47vw;
}

section#main_area .inner {
	min-height: inherit;
	max-width: inherit;
	padding: 0;
}
section#main_area .inner #main_slider {
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	height: 80vw;
}
section#main_area .inner #main_slider .swiper-slide {
	padding: 0 10vw;
	
}
section#main_area .inner #main_slider .swiper-slide figcaption {
	border-width: 0.8vw;
	bottom: 10.5vw;
	right: 2.5vw;
	font-size: 2.9vw;
	width: 31.2vw;
	height: 31.2vw;
}

section#main_area .inner .txt_box {
	top: -5vw;
	margin: 0 auto -5vw;
	width: 90vw;
}
section#main_area .inner .txt_box h2 span img {
	width: 100%;
	height: auto;
}

section#main_area .inner .txt_box .inr {
	width: 100%;
	padding: 8vw 5vw 0;
}
section#main_area .inner .txt_box .tag_list {
	margin: -1.5vw 0 0 -1.5vw;
}
section#main_area .inner .txt_box .tag_list li {
	font-size: 2.8vw;
	padding: 0 1.5vw;
	margin: 1.5vw 0 0 1.5vw;
}

section#main_area .inner .txt_box .btn_hover {
	font-size: 4.8vw;
	margin-top: 10vw;
	height: 18vw;
}
section#main_area .inner .txt_box .btn_hover [class*="icon-"] {
	font-size: 5.8vw;
	margin-right: 0.3em;
}




/*******お悩み解決*******/
section#kaiketsu_area {
	padding: 0 0 20vw;
}

/*お悩み*/
section#kaiketsu_area .nayami_inner h3 {
	max-width: 87vw;
}
section#kaiketsu_area .nayami_inner h3 span {
	font-size: 5.6vw;
}
section#kaiketsu_area .nayami_inner h3 span::before,
section#kaiketsu_area .nayami_inner h3 span::after {
	border-radius: 0.8vw;
	width: 0.8vw;
}
section#kaiketsu_area .nayami_inner .fuki_box  {
	max-width: 90vw;
	margin-top: 7vw;
	padding-top: 0;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list  {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li {
	border-radius: 1.3vw;
	font-size: 3.7vw;
	width: 43vw;
	height: auto;
	padding: 5.5vw 0;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(n+3) {
	margin-top: 7vw;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(odd)::after {
	bottom: -3vw;
	right: 18.1vw;
	border-width: 0 3.5vw 3.5vw 0;
	border-color: transparent #286ebe transparent transparent;
	transform: skewX(18deg);
	transform-origin: right bottom;
}
section#kaiketsu_area .nayami_inner .fuki_box .fuki_list li:nth-of-type(even)::after {
	bottom: -3vw;
	left: 18.1vw;
	border-width: 3.5vw 3.5vw 0 0;
	border-color: #286ebe transparent transparent transparent;
	transform: skewX(-18deg);
	transform-origin: left bottom;
}
section#kaiketsu_area .nayami_inner .fuki_box .img_people {
	margin-top: 4vw;
	width: 45vw;
	height: auto;
}


/*タンブランドについて*/
section#kaiketsu_area .kaiketsu_inner .arrow {
	padding: 12vw 0 10vw;
}
section#kaiketsu_area .kaiketsu_inner .arrow img {
	width: 8.8vw;
	height: auto;
}
section#kaiketsu_area .kaiketsu_inner h3 span img {
	width: 89vw;
}

section#kaiketsu_area .kaiketsu_inner .about_box {
	min-height: inherit;
	margin-top: 11vw;
	max-width:inherit;
	padding-top: 0;
}
section#kaiketsu_area .kaiketsu_inner .about_box h4 {
	margin-bottom: 11vw;
}
section#kaiketsu_area .kaiketsu_inner .about_box h4 img {
	width: 60vw;
}
section#kaiketsu_area .kaiketsu_inner .about_box .txt {
	font-size: 4vw;
	line-height: 2;
	margin-top: -0.5em;
	width: 100%;
}

section#kaiketsu_area .kaiketsu_inner .about_box .slider_list {
	height: 132vw;
	margin-top: 10vw;
	width: 100%;
	position: relative;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div {
	position: absolute;
	top: 0;
	height: 100%;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div:first-of-type {
	left: 0;
	width: 53vw;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div:last-of-type {
	right: 0;
	width: 48vw;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div [class*="kaiketsu_slider"] {
	position: absolute;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider01 {
	top: 13vw;
	left: 0;
	width: 45vw;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider02 {
	bottom: 0;
	left: 0;
	width: 100%;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider03 {
	top: 0;
	right: 0;
	width: 100%;
}
section#kaiketsu_area .kaiketsu_inner .about_box .slider_list > div .kaiketsu_slider04 {
	bottom: 5.5vw;
	right: 0;
	width: 40vw;
}

section#kaiketsu_area .kaiketsu_inner .point_list {
	margin-top: 15vw;
}
section#kaiketsu_area .kaiketsu_inner .point_list li {
	border-width: 0.8vw;
	font-size: 3.4vw;
	margin: 0 -2vw;
	height: 45vw;
	width: 45vw;
}
section#kaiketsu_area .kaiketsu_inner .point_list li:nth-of-type(1) {
	margin: 0 10vw;
}
section#kaiketsu_area .kaiketsu_inner .point_list li:nth-of-type(n+2) {
	margin-top: -9.5vw;
}
section#kaiketsu_area .kaiketsu_inner .point_list li:nth-of-type(2) {
	animation-delay: 0s;
}
section#kaiketsu_area .kaiketsu_inner .point_list li:nth-of-type(3) {
	animation-delay: 0.3s;
}
section#kaiketsu_area .kaiketsu_inner .img_tumbler {
	margin-top: 13vw;
}
section#kaiketsu_area .kaiketsu_inner .img_tumbler img {
	width: 75vw;
}





/*******タンブランドの特長*******/
section#features_area {
	margin-top: 25vw;
}

section#features_area .features_list .box {
	display: block;
}
section#features_area .features_list .box + .box {
	margin-top: 13vw;
}
section#features_area .features_list .box .img {
	height: 54vw;
	width: 90vw;
}
section#features_area .features_list .box:nth-of-type(even) .img {
	margin-left: auto;
}
section#features_area .features_list .box .txt {
	font-size: 4vw;
	max-width: inherit;
	padding: 10vw 10vw 0;
}

section#features_area .features_list .box .txt h4 span {
	font-size: 6.4vw;
	letter-spacing: 0.06em;
}
section#features_area .features_list .box .txt h4 em {
	font-size: 8.5vw;
	margin: 0.3em -1em 0.3em 0;
}



/*******オーダー方法*******/
section#order_area {
	margin-top: 25vw;
}
section#order_area .inner {
	padding: 0 0 20vw;
}
section#order_area .inner::before {
	height: 8vw;
}

section#order_area .inner h4 {
	margin-bottom: 8vw;
}
section#order_area .inner h4 img {
	width: 66vw;
}

section#order_area .inner .step_list .arrow {
	height: 14vw;
}
section#order_area .inner .step_list .arrow img {
	margin-top: -0.5vw;
	width: 6.8vw;
}

section#order_area .inner .step_list dl {
	padding-top: 12vw;
}
section#order_area .inner .step_list dl dt {
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	width: 24vw;
	height: 24vw;
	font-size: 3.2vw;
}
section#order_area .inner .step_list dl dt span {
	font-size: 8.5vw;
	margin-top: 0.1em;
}
section#order_area .inner .step_list dl dd {
	border-width: 0.8vw;
	padding: 18vw 10vw 11vw;
}
section#order_area .inner .step_list dl dd .icon {
	width: 100%;
	text-align: center;
	margin-bottom: 5vw;
}
section#order_area .inner .step_list dl dd .icon img {
	width: 23vw;
}
section#order_area .inner .step_list dl dd .txt h5 {
	font-size: 6.6vw;
	text-align: center;
	margin: 0 -0.5em 0.5em;
}
section#order_area .inner .step_list dl dd .txt p {
	font-size: 4vw;
}
section#order_area .inner .step_list dl dd .txt ul {
	font-size: 4vw;
}




/*******こんなシーンにおすすめ*******/
section#scene_area {
	padding: 25vw 0;
}
section#scene_area .scene_list figure {
	width: 100%;
	margin-left: 0!important;
}
section#scene_area .scene_list figure + figure {
	margin-top: 15vw;
}

section#scene_area .scene_list figure figcaption {
	font-size: 4vw;
	padding-top: 7vw;
}
section#scene_area .scene_list figure figcaption h6 {
	font-size: 6.6vw;
}
section#scene_area .scene_list figure figcaption .tag_list {
	max-width: 48vw;
	margin-top: 5.5vw;
}
section#scene_area .scene_list figure figcaption .tag_list li {
	padding: 0.655em 0;
}
section#scene_area .scene_list figure figcaption .tag_list li + li {
	margin-top: 1.6vw;
}




/*******おすすめ商品*******/
section#recommend_area {
	max-width: inherit;
}
section#recommend_area .inner {
	padding: 0 5vw 20vw;
}
section#recommend_area .inner::before {
	height: 8vw;
}

section#recommend_area .inner h3.title_section span img {
	height: 16.5vw;
}

section#recommend_area .inner .recommend_list {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: inherit;
}
section#recommend_area .inner .recommend_list a {
	font-size: inherit;
	width: 42.5vw;
	margin-left: 0!important;
}
section#recommend_area .inner .recommend_list a:nth-of-type(even) {
	animation-delay: 0.3s;
}
section#recommend_area .inner .recommend_list a:nth-of-type(n+3) {
	margin-top: 10vw;
}
section#recommend_area .inner .recommend_list figure figcaption {
	padding: 4.5vw 1vw 0;
}
section#recommend_area .inner .recommend_list figure figcaption .type {
	font-size: 3.2vw;
}
section#recommend_area .inner .recommend_list figure figcaption h6 {
	font-size: 4vw;
}
section#recommend_area .inner .recommend_list figure figcaption .price {
	font-size: 3.2vw;
}




/*******よくある質問*******/
section#faq_area {
	padding: 25vw 0 20vw;
}

section#faq_area .faq_list dt > span,
section#faq_area .faq_list dd .inr > span {
	font-size: 6.6vw;
	width: 14vw;
}

section#faq_area .faq_list dt {
	font-size: 4.2vw;
	padding: 5vw 17vw 5vw 0;
}
section#faq_area .faq_list dd + dt {
	margin-top: 8vw;
}
section#faq_area .faq_list dt::before,
section#faq_area .faq_list dt::after {
	width: 4.2vw;
	right: 6vw;
}
section#faq_area .faq_list dd {
	padding-top: 4.5vw;
}
section#faq_area .faq_list dd .inr {
	padding-right: 4.5vw;
}
section#faq_area .faq_list dd .inr > span {
	padding-top: 0;
}
section#faq_area .faq_list dd .inr > div {
	font-size: 4vw;
	line-height: 2;
}









/*******ネットショップでオーダー*******/
section[id*="store_area"] {
	padding: 17vw 0!important;
}
section[id*="store_area"] .img_box img {
	object-position: top center;
	font-family: 'object-fit: cover; object-position: top center;';
}
section[id*="store_area"] .inner h3 {
	font-size: 5.6vw;
}
section[id*="store_area"] .inner .btn_order {
	font-size: 4.8vw;
	height: 18vw;
}
section[id*="store_area"] .inner .btn_order [class*="icon-"] {
	font-size: 5.8vw;
	margin-right: 0.3em;
}

section[id*="store_area"] .inner .btn_list {
	margin-top: 4vw;
}
section[id*="store_area"] .inner .btn_list a {
	font-size: 4.8vw!important;
	letter-spacing: 0.04em!important;
	width: 38.5vw;
	height: 16vw;
}


/*================================================
 *  fixedボタン
 ================================================*/
#fixed_btn {
	top: auto;
	bottom: 0;
	right: 0;
	height: 25vw;
	width: 100%;
	opacity: 0;
}
#fixed_btn .btn_hover {
	font-size: 4.8vw;
	height: 18vw;
	width: 80vw;
	margin: 0 auto;
}
#fixed_btn .btn_hover [class*="icon-"] {
	font-size: 5.8vw;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	padding-bottom: 25vw;
}
footer .inner {
	padding-top: 15vw;
}
footer .inner .logo {
	margin-bottom: 9vw;
	width: 42vw;
}
footer .inner .copyright {
	font-size: 3.2vw;
	padding: 14vw 0 15vw;
}





}