@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');
/*------------------------------------------------------------
    デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1.02em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: 'Noto Sans JP', sans-serif;
}
.en {
	font-family: 'Roboto', sans-serif;
}
.serif {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
a, a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}
/*------------------------------------------------------------
    レイアウト
------------------------------------------------------------*/
body {
	min-width: 1280px;
	color: #333;
	font-size: 1.5rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	letter-spacing: 0.03em;
}
body.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#container {
	text-align: left;
	position: relative;
}
#main {
	margin-bottom: 50px;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
	.conts {
		max-width: 750px;
		margin: 0 auto;
	}
	.colBgSp {
		background-color: transparent !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
		font-size: 1.6rem;
	}
	a:hover, a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
.colBg, .colBgSp {
	background-color: #F4EFE6;
}
.colBg02, .colBgSp02 {
	background-color: #E9DFCD;
}
/*------------------------------------------------------------
    ヘッダー
------------------------------------------------------------*/
#gHeader {
	padding: 40px 0 37px;
}
#gHeader .hInner {
	margin: 0 20px 20px 20px;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}
#gHeader .hLinkUl {
	display: flex;
	justify-content: flex-end;
}
#gHeader .hLinkUl li {
	width: 64px;
	margin-left: 14px;
}
#gHeader .hLinkUl li a {
	display: block;
	text-align: center;
	font-size: 1.2rem;
}
#gHeader .hLinkUl li a .circle {
	background-color: #F2F2F2;
	border-radius: 50%;
	height: 64px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gHeader h1 {
	margin: -90px 0 64px;
	text-align: center;
	font-size: 4.2rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.08em;
}
#gHeader h1 a {
	display: inline-block;
	position: relative;
	z-index: 100;
}
#gHeader h1 span {
	display: block;
	font-size: 2.6rem;
}
#gHeader #gNavi ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#gHeader #gNavi ul li {
	margin: 0 28px;
}
#gHeader #gNavi ul li a {
	font-size: 1.8rem;
}
@media all and (min-width: 897px) {
	#gHeader .hLinkUl li a:hover {
		opacity: 0.7;
	}
	#gHeader #gNavi ul li a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	#gHeader .logo {
		width: 28px;
		position: relative;
		z-index: 10;
	}
	#gHeader {
		padding: 17px 0;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	#gHeader .hInner {
		padding: 0 20px;
		margin: 0 0 20px;
	}
	#gHeader h1 {
		margin: -49px 0 0;
		font-size: 2rem;
	}
	#gHeader h1::before {
		display: none;
	}
	#gHeader .hLinkUl, #gHeader #gNavi ul {
		display: none;
	}
}
/*------------------------------------------------------------
    フッター
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	#gFooter .contactBox {
		margin: 0 0 63px;
	}
	#gFooter .contactBox h2 {
		font-size: 2rem;
		margin-bottom: 25px;
	}
	#gFooter .contactUl {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
		max-width: 840px;
	}
	#gFooter .contactBox .contactUl li {
		width: 100%;
		margin-bottom: 30px;
	}
	#gFooter .contactUl li.tel {
		width: 440px;
	}
	#gFooter .contactBox .contactUl li:last-child {
		margin-bottom: 0;
	}
	#gFooter .contactBox .contactUl li a .img {
		width: 58px;
		margin-right: 22px;
	}
	#gFooter .contactBox .contactUl li a {
		padding: 24px 48px 27px;
		letter-spacing: 0.02em;
	}
	#gFooter .contactBox .contactUl .lineBox {
		margin-right: 25px;
		display: flex;
		align-items: center;
	}
	#gFooter .contactBox .contactUl .lineBox img {
		width: 72px;
		margin-right: 17px;
	}
	#gFooter .contactBox .contactUl .lineBox span {
		font-size: 2.2rem;
		font-weight: 500;
		letter-spacing: 0.02em;
		line-height: 1.36;
	}
	#gFooter .contactBox .contactUl li a .note {
		font-size: 2rem !important;
		font-weight: 500;
		display: block;
	}
	#gFooter .contactBox .contactUl li.tel a {
		padding: 0;
	}
	#gFooter .contactBox .contactUl li a .txt {
		font-size: 4rem;
		letter-spacing: 0.03em;
		line-height: 1.35;
		margin-top: -2px;
	}
	#gFooter .contactBox .contactUl li.tel .txt {
		font-size: 4.4rem;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		line-height: 1;
	}
	#gFooter .contactBox .contactUl li.tel a .img {
		width: 39px;
		margin-right: 32px;
	}
	#gFooter .contactBox .contactUl li a::after {
		background-size: 12px auto;
		height: 29px;
		width: 14px;
		right: 36px;
	}
	#gFooter .contactBox .contactUl li.tel a::after {
		display: none;
	}
}
#gFooter .snsUl {
	margin-bottom: 44px;
	display: flex;
	justify-content: center;
}
#gFooter .snsUl li {
	margin: 0 26px;
}
#gFooter .fInner {
	position: relative;
	padding: 53px 0 62px;
	background-color: #333;
}
#gFooter .fContent {
	max-width: 970px;
	margin: 0 auto;
}
#gFooter .fContent .contactBox .comBox {
	margin: 0;
}
#gFooter .fLogo {
	margin-bottom: 40px;
	text-align: center;
}
#gFooter .fNavi {
	display: flex;
	justify-content: center;
	max-width: 1000px;
	margin: 0 auto 45px;
}
#gFooter .fNavi > li {
	margin: 0 30px;
}
#gFooter .fNavi .fLinkUl li {
	margin-bottom: 10px;
}
#gFooter .fNavi .fLinkUl li a {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
}
#gFooter address {
	font-size: 1.2rem;
	color: #ccc;
	text-align: center;
	font-style: normal;
	letter-spacing: 0.07em;
}
@media all and (min-width: 897px) {
	#gFooter .fNavi .fLinkUl li a:hover {
		text-decoration: underline;
	}
	.fSpace {
		margin: 50px -40px 0 0;
	}
}
@media all and (max-width: 896px) {
	#gFooter .contactBox .contactUl li {
		margin-bottom: 25px;
	}
	#gFooter .contactBox .contactUl li a {
		padding: 0;
	}
	#gFooter .contactBox .contactUl li a::after {
		display: none;
	}
	#gFooter .fInner {
		background-color: #EBE3D4;
		padding: 37px 30px 0;
	}
	#gFooter .fLogo {
		margin-bottom: 30px;
	}
	#gFooter .fNavi, .menuBox .fNavi {
		margin-bottom: 13px;
		display: block;
		border-top: 1px solid #ccc;
	}
	#gFooter .fNavi > li, .menuBox .fNavi > li {
		margin: 0 !important;
		border-bottom: 1px solid #ccc;
	}
	#gFooter .fNavi > li a, .menuBox .fNavi > li a {
		padding: 14px 10px 15px;
		box-sizing: border-box;
		font-size: 1.3rem;
		position: relative;
		display: block;
	}
	#gFooter .fNavi > li a::after, .menuBox .fNavi > li a::after {
		position: absolute;
		content: '';
		background: url("../img/common/arrow02.png") no-repeat center;
		height: 12px;
		width: 8px;
		background-size: 8px auto;
		top: 50%;
		transform: translateY(-50%);
		right: 12px;
	}
	.menuBox .fNavi > li a::after {
		background-image: url("../img/common/arrow05.png") !important;
	}
	#gFooter .fNavi02 {
		margin: -10px 10px 32px;
		display: flex;
		justify-content: space-between;
	}
	#gFooter .fNavi02 li {
		margin-top: 10px;
		width: 55%;
	}
	#gFooter .fNavi02 li:nth-of-type(2n) {
		width: 42%;
	}
	#gFooter .fNavi02 li a {
		font-size: 1.1rem;
	}
	#gFooter address, .menuBox .address {
		padding: 18px 0 80px;
		font-size: 0.9rem;
		letter-spacing: 0.1em;
		background-color: #333;
	}
	#gFooter address {
		margin: 0 -30px;
	}
	#gFooter .snsUl {
		margin-bottom: 50px;
	}
	#gFooter .snsUl li a img {
		width: 35px;
	}
	#gFooter .snsUl li {
		margin: 0 18px;
	}
}
.menuBox {
	display: none;
	position: fixed;
	bottom: 73px;
	left: 0;
	width: 100%;
	padding: 30px 30px 30px;
	box-sizing: border-box;
	background-color: #333;
	color: #fff !important;
	z-index: 90;
	height: 80vh;
	overflow: auto;
	border-bottom: 1px solid #fff;
}
.menuBox .fLogo {
	text-align: center;
	margin-bottom: 25px;
}
.menuBox .fNavi {
	margin-bottom: 48px !important;
}
.menuBox a {
	color: #fff;
}
.menuBox .address {
	text-align: center;
	padding: 0;
	margin: 0 -15px;
}
.fixBox #toggle.active a .bg {
	background-image: url("../img/common/close.png");
}
.fixBox {
	background-color: #333;
	padding: 15px 0;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.fixBox ul {
	display: flex;
	justify-content: center;
}
.fixBox ul li {
	margin: 0 15px;
}
.fixBox #toggle a .bg {
	height: 27px;
	width: 28px;
	background: url("../img/common/fix_icon01.png") no-repeat center / 28px auto;
}
.fixBox ul li a {
	color: #fff;
	font-size: 1rem;
	text-align: center;
	display: block;
}
.fixBox ul li a img {
	margin: 0 auto;
}
.fixBox ul li a span {
	display: block;
}
/*------------------------------------------------------------
    汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/*------------------------------------------------------------
    common
------------------------------------------------------------*/
.comButton {
	margin-bottom: 5px;
}
.comButton a {
	display: block;
	color: #fff;
	font-size: 1.6rem;
	font-weight: normal;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.02em;
	line-height: 1.24;
	box-sizing: border-box;
}
.comButton a:hover {
	opacity: 0.7;
}
.comButton a .photo {
	margin-right: 14px;
	width: 82px;
}
.comButton a .textBox {
	display: flex;
	align-items: center;
}
.comButton a .textBox span {
	margin-right: 10px;
	font-size: 5rem;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
}
.comButton a .innBox {
	display: flex;
align-items: center;
background: #333333 url("../img/common/arrow_img.png") no-repeat right 15px center / 14px;
padding: 4px;
}
.conts .next {
    text-align: center;
    color: #333;
    margin-top: 8px;
    font-family: 'Noto Sans JP', sans-serif;
}
.comContent {
	margin: 0 30px 0;
}
@media all and (max-width: 896px) {
	.comContent {
		margin: 15px 30px 0;
	}
	.colBg .comContent {
		margin-top: 0;
	}
}
/**/
.comBox {
	margin: 0 30px;
}
.headLine01 {
	margin-bottom: 82px;
	text-align: center;
	font-size: 2.3rem;
	font-weight: 400;
}
.headLine01 .txt {
	padding: 37px 20px 43px;
	box-sizing: border-box;
	display: inline-block;
	border: 1px solid #000;
}
.headLine01 .en {
	letter-spacing: 0.25em;
}
.headLine01 span small {
	display: inline-block;
	font-size: 1.35rem;
}
/**/
.headLine02 {
	margin-bottom: 16px;
	text-align: center;
	font-size: 2.4rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	line-height: 1.6;
}
.headLine02 .small {
	display: block;
	font-size: 1.9rem;
}
/**/
.headLine03 {
	margin-bottom: 10px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #999;
}
.headLine03 span {
	display: inline-block;
	margin-right: 10px;
	font-size: 2.6rem;
	font-family: 'Noto Serif JP', serif;
}
/**/
.comBtn01 a, .linkTtx {
	font-size: 1.1rem;
	display: inline-block;
	padding-right: 52px;
	background: url("../img/common/arrow03.png") no-repeat center right;
	background-size: 42px auto;
}
/**/
.comBtn02 {
	margin: 0 30px 65px;
}
.comBtn02 a {
	width: 100%;
	display: inline-block;
	font-size: 1.3rem;
	padding: 14px 20px 16px;
	box-sizing: border-box;
	background: #fff url("../img/common/arrow02.png") no-repeat center right 21px / 8px auto;
}
.comBtn02.line a {
	border: 1px solid #000;
}
/**/
.comBtn03 {
	text-align: right;
}
.comBtn03 a, .linkTtx02 {
	font-size: 1.2rem;
	display: inline-block;
	padding-right: 20px;
	background: url("../img/common/arrow02.png") no-repeat center right 5px;
	background-size: 8px auto;
}
/**/
.comBtn04 {
	margin: 30px 0 40px;
}
.comBtn04 a {
	background-color: #F4EFE6;
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
}
.comBtn04 a .ttl {
	padding: 8px;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-family: 'Noto Serif JP', serif;
	background-color: #E9E0CF;
	text-align: center;
}
.comBtn04 a .txtBox {
	padding: 20px;
	box-sizing: border-box;
	background: url("../img/common/com_img04.png") no-repeat left bottom;
	background-size: 84px auto;
	position: relative;
}
.comBtn04 a .txtBox::after {
	position: absolute;
	content: '';
	background: url("../img/common/arrow01.png") no-repeat;
	height: 17px;
	width: 12px;
	background-size: 12px auto;
	top: 50%;
	transform: translateY(-50%);
	right: 17px;
}
.comBtn04 a .txtBox p {
	text-align: right;
	padding-right: 25px;
}
@media all and (min-width: 897px) {
	.comBtn04 a .txtBox p {
		text-align: center;
	}
}
.comBtn04 a .txtBox p span {
	text-align: center;
	display: inline-block;
}
.comBtn06 {
	padding: 14px 5px 16px;
	text-align: center;
	color: #fff;
	background-color: #333;
	width: 101%;
	border: none;
	margin: 10px -5px 0;
	box-sizing: border-box;
	letter-spacing: 0.08em;
	border-radius: 3px;
	font-size: 1.4rem;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.comBtn06 a {
	width: 100%;
	display: inline-block;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
}
.comBtn07 {
	padding: 14px 5px 16px;
	text-align: center;
	color: #fff;
	background-color: #808080;
	width: 101%;
	border: none;
	margin: 10px -5px 0;
	box-sizing: border-box;
	letter-spacing: 0.08em;
	border-radius: 3px;
	font-size: 1.4rem;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.comBtn07 a {
	width: 100%;
	display: inline-block;
	font-size: 1.3rem;
	color: #fff;
	box-sizing: border-box;
}
.comBtn08 {
	text-align: center;
}
.comBtn08 a {
	width: 100%;
	padding: 22px 37px 23px 107px;
	display: inline-block;
	color: #333;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: 0.08em;
	box-sizing: border-box;
	background: #E5D8C2 url("../img/common/arrow04.png") no-repeat right 15px center / 13px;
	position: relative;
	text-align: left;
}
@media all and (min-width: 897px) {
	.comBtn08 a:hover {
		opacity: 0.7;
	}
}
.comBtn08 a span {
	margin-top: 12px;
	display: block;
	font-size: 1.1rem;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.14em;
}
.comBtn08 a::after {
	width: 55px;
	height: 58px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 22px;
	content: '';
	background: url("../img/common/logo_white.png") no-repeat left center / 55px;
}
/**/
.ins {
	color: #4D4D4D;
}
.ins .hTtl {
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.05rem;
}
.ins .hTtl span {
	display: block;
	margin-top: 7px;
	letter-spacing: 0.1em;
	font-weight: 500;
}
.ins h4 {
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 0.12em;
}
.ins .insImg {
	margin: 0 8px;
}
/**/
.iframe {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.iframe::after {
	display: block;
	line-height: 0;
	content: "";
	padding-bottom: 100%;
}
.iframe a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.iframe a svg {
	width: 40px;
}
.iframe iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/**/
.linkUl01 {
	margin: 0 30px;
}
.linkUl01 li {
	margin-bottom: 27px;
}
.linkUl01 li:last-of-type {
	margin-bottom: 0;
}
.linkUl01 li a {
	padding: 0 23px 20px;
	box-sizing: border-box;
	display: block;
	line-height: 1.25;
	min-height: 365px;
	background: url("../img/common/link_ul_bg01.jpg") no-repeat center bottom;
	background-size: cover;
	position: relative;
}
.linkUl01 li a:after {
	content: '';
	min-height: inherit;
	font-size: 0;
}
.linkUl01 li.bg02 a {
	background-image: url("../img/common/link_ul_bg02.jpg")
}
.linkUl01 li.bg03 a {
	background-image: url("../img/common/link_ul_bg03.jpg")
}
.linkUl01 li a .ttl {
	margin: 0 -23px 15px;
	padding: 2px 23px 0;
	background-color: rgba(255, 255, 255, 0.5);
	min-height: 48px;
	display: flex;
	line-height: 1.4;
	justify-content: space-between;
	align-items: center;
}
.linkUl01 li a .ttl .text {
	line-height: 1.3;
}
.linkUl01 li a .ttl .text small {
	font-size: 0.9rem;
	font-weight: 200;
}
.linkUl01 li a .ttl .num {
	font-size: 4.5rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
.linkUl01 li .img {
	margin-bottom: 5px;
}
.linkUl01 li a .txt {
	margin-bottom: 4px;
	font-size: 2.3rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.linkUl01 li a .txt02 {
	font-size: 1.2rem;
	font-weight: 300;
}
.linkUl01 li a span {
	display: block;
}
.linkUl01 li a .linkTtx {
	display: inline-block;
	font-size: 1.2rem;
	position: absolute;
	bottom: 20px;
	letter-spacing: 0.1em;
	background-position: bottom 2px right;
}
/**/
.greyBgBox {
	background-color: #E6E6E6;
	padding: 108px 0 60px;
}
/**/
.shopBox {
	margin-bottom: 27px;
	border: 1px solid #ddd;
	padding: 0 13px 15px 19px;
	box-sizing: border-box;
	font-size: 1.2rem;
}
.shopBox .txt {
	font-size: 1.1rem;
}
.shopBox h2 {
	font-size: 1.5rem;
	background-color: #F2F2F2;
	margin: 0 -13px 10px -19px;
	padding: 8px 18px;
}
.shopBox .text {
	margin-bottom: 4px;
	font-weight: 500;
}
.shopBox .text02 {
	display: flex;
	justify-content: space-between;
}
.shopBox .text .col01 {
	color: #ED1E79;
	font-size: 1.1rem;
	display: inline-block;
	margin-left: 10px;
}
.shopBox .num span {
	font-size: 2.1rem;
	letter-spacing: -0.02em;
	font-weight: 600;
}
.shopBox .num {
	padding-bottom: 10px;
	font-size: 1.2rem;
	color: #ED1E79;
	flex: 1;
}
.shopBox .num small {
	display: block;
	font-size: 1.1rem;
}
.shopBox .inputTxtBox {
	display: flex;
	width: 300px;
	align-items: center;
	font-size: 1.1rem;
}
.shopBox .inputTxtBox .number {
	margin-left: 6px;
	width: 52px;
	height: 37px;
	box-sizing: border-box;
	border-radius: 3px;
	border: 2px solid #F2F2F2;
	background-color: #fff;
	appearance: none;
	cursor: pointer;
	text-align: right;
	font-size: 1.6rem;
	padding: 2px 7px 5px;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
}
select::-ms-expand {
	display: none;
}
.shopBox .inputBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.shopBox .txt {
	font-size: 1.1rem;
	line-height: 1.6;
}
.shopBox .txt02 {
	margin-top: -10px;
}
.shopBox .buy {
	padding: 14px 5px 16px;
	text-align: center;
	color: #fff;
	background-color: #333;
	width: 101%;
	border: none;
	margin: 10px -5px 0;
	box-sizing: border-box;
	letter-spacing: 0.08em;
	border-radius: 3px;
	font-size: 1.4rem;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.shopBox02 {
	margin-bottom: 35px;
}
.shopBox02 h2 {
	margin-bottom: 7px;
}
.shopBox02 .inputBox .num {
	color: #333;
	padding-bottom: 0;
}
.shopBox02 .buy {
	margin-top: 8px;
	background-color: #808080;
}
/**/
.comSec .hTtl {
	margin-bottom: 8px;
	font-size: 1.9rem;
	font-weight: 400;
	letter-spacing: 0.09em;
}
.comSec .txt01 {
	margin-bottom: 30px;
	font-size: 1.1rem;
}
/*  */
.borderBox {
	margin-bottom: 18px;
	padding-bottom: 22px;
}
/*  */
.greyBox01 {
	margin-bottom: 20px;
	background-color: #F2F2F2;
	padding: 10px 14px 16px;
	box-sizing: border-box;
	color: #666;
}
.greyBox01:last-of-type {
	margin-bottom: 0;
}
.greyBox01 h2 {
	margin-bottom: 2px;
	font-size: 1.4rem;
}
.greyBox01 .ttl {
	margin-bottom: 4px;
	font-size: 1.1rem;
}
.greyBox02 {
	background: #F2F2F2 url("../img/common/com_img01.png") no-repeat top 15px right 14px;
	background-size: 82px auto;
}
.greyBox03 {
	background: #F2F2F2 url("../img/common/com_img03.png") no-repeat top 5px right 14px;
	background-size: 78px auto;
}
.greyBox04 {
	background: #F2F2F2 url("../img/common/com_img05.png") no-repeat top 28px right 5px;
	background-size: 83px auto;
}
@media all and (min-width: 897px) {
	.greyBox04 {
		padding-right: 90px;
		background-position: top 10px right 5px;
	}
}
.greyBox02 .ttl {
	font-size: 1rem;
	margin-bottom: 7px;
}
.greyBox02 .note {
	margin-bottom: 6px;
	line-height: 1.65;
	letter-spacing: 0;
}
/*  */
.borderTtx {
	padding: 3px 7px 4px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	font-size: 0.9rem !important;
}
.borderTtx02 {
	margin-bottom: 16px;
	padding: 13px 13px 15px;
	font-size: 1.4rem !important;
	border-color: #000;
}
.borderTtx03 {
	line-height: 1.7;
	font-size: 1.4rem;
	padding-bottom: 15px;
	margin: -5px 0 15px;
	border-bottom: 1px solid #ddd;
}
.borderTtx04 {
	padding: 8px 13px;
	line-height: 1.4;
	min-height: 60px;
	display: flex;
	align-items: center;
}
.borderTtx04 .ttl {
	margin-right: 15px;
}
/*  */
.comBgBox01 {
	margin-bottom: 15px;
	padding: 18px 22px;
	box-sizing: border-box;
	background: url(../img/common/com_img02.png) no-repeat center right;
	background-size: cover;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.7rem;
	line-height: 1.35;
}
@media all and (min-width: 897px) {
	.comBgBox01 {
		background-image: url(../img/common/pc_com_img02.png);
	}
}
.comBgBox01 .txt {
	margin-bottom: 1px;
	font-size: 1.5rem;
}
/**/
.headLine04 {
	margin-bottom: 22px;
	text-align: center;
	font-size: 2.5rem;
	letter-spacing: 0.05em;
	font-weight: 400;
	line-height: 1.2;
	font-family: 'Noto Serif JP', serif;
}
.headLine04 span {
	display: block;
	font-size: 5.2rem;
	font-weight: 200;
	font-family: 'Roboto', sans-serif;
}
/**/
.headLine05 {
	color: #fff;
	background-color: #333;
	padding: 9px 10px 11px;
	box-sizing: border-box;
	font-size: 1.7rem;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin: 0 -33px;
	font-family: 'Noto Serif JP', serif;
}
/**/
.comEestheBox {
	padding: 40px 0 43px;
	margin: -15px -30px 0;
}
.comEestheBox .img {
	margin-bottom: 9px;
	text-align: center;
}
.linkUl03 {
	margin: 0 70px;
}
.linkUl03 li {
	margin-bottom: 12px;
}
.linkUl03 li:last-of-type {
	margin-bottom: 0;
}
.linkUl03 li a {
	padding: 9px 3px 11px;
	box-sizing: border-box;
	padding-right: 30px;
	display: block;
	font-weight: 300;
	text-align: center;
	font-size: 1.55rem;
	letter-spacing: 0.07em;
	font-family: 'Noto Serif JP', serif;
	border: 1px solid #808080;
	background: url("../img/common/arrow06.png") no-repeat center right 20px;
	background-size: 14px auto;
}
/**/
.cleansing .comSec01 .size01.text02 {
	margin: 15px 0 15px;
}
.cleansing .comSec01 .note {
	margin-bottom: 15px;
	padding-bottom: 35px;
	border-bottom: 1px solid #ddd;
}
/**/
.news {
	margin-top: 45px;
}
.news .headLine01 {
	margin-bottom: 78px;
	font-size: 1.35rem;
}
.news .headLine01 .txt {
	padding: 45px 30px 50px;
}
.news .headLine01 .en {
	font-size: 2.3rem;
}
.news .newsDl {
	margin-bottom: 22px;
	color: #B3B3B3;
	font-size: 1.6rem;
}
.news .newsDl dt {
	margin-bottom: 7px
}
.news .newsDl dd {
	font-family: 'Noto Serif JP', serif;
	line-height: 1.25;
}
.news .text {
	font-size: 1.9rem;
	line-height: 1.15;
}
.news .txt02 {
	text-indent: 4.1em;
}
.news .txt01, .news .txt02 {
	font-size: 1.8rem;
	line-height: 1.2;
}
.news .txt03 {
	font-size: 1.8rem;
	line-height: 1.2;
	color: #b29764;
}
.news .sec {
	margin-bottom: 92px;
}
/**/
.comBtn05 {
	width: 100%;
}
.comBtn05 a {
	display: block;
	padding: 3px 5px 7px;
	box-sizing: border-box;
	font-size: 1.9rem;
	text-align: center;
	border: 1px solid #000;
	background: url("../img/common/arrow08.png") no-repeat center left 13px;
	background-size: 9px auto;
}
/**/
.eesthe h3, .eesthe h4 {
	margin-bottom: 10px;
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.07em;
}
.eesthe p {
	margin-bottom: 13px;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.8;
}
.eesthe p:last-of-type {
	margin-bottom: 0;
}
/*  */
.concept {
	padding-bottom: 50px;
}
.concept p {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
.concept .comContent {
	margin: 0 33px 0;
}
.concept .img.space {
	margin: 0 -33px 22px;
}
.concept .comEestheBox {
	margin: 0 -33px;
}
.eesthe .eestheImg {
	margin: 0 -30px 22px;
}
.concept .sec .numTtl {
	line-height: 1.5;
}
.concept .sec img {
	text-align: center;
}
.concept .sec .img02 {
	margin: 0 0 31px 3px;
}
.concept .sec {
	margin-bottom: 45px;
}
.concept .space01 {
	margin: -15px 0 20px;
}
.concept .space02 {
	margin: 2px 0 10px;
}
.concept .sec01 p, .concept .sec02 p {
	letter-spacing: 0.05em;
}
.concept .sec02 .space03 {
	line-height: 1.4;
	margin: -18px 0 40px;
	padding-left: 1em;
	text-indent: -1em;
}
.concept .sec02 .video + h3 {
	margin-bottom: 15px;
}
.concept .video {
	height: 260px;
	margin-bottom: 35px;
}
.concept .sec02 h3 sup {
	font-size: 1rem;
}
.concept .space04 {
	line-height: 1.4;
	letter-spacing: 0.02em;
}
.concept .sec02 {
	margin-bottom: 55px;
}
.concept .sec02 p {
	margin-bottom: 18px;
}
.concept .sec03 .img03 {
	margin-bottom: 8px;
}
.concept .imgUl {
	max-width: 280px;
	margin: -9px auto 31px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.concept .imgUl li {
	margin-bottom: 20px;
	width: 132px;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
}
.concept .imgUl li span {
	display: block;
	margin-top: -4px;
}
.concept .sec03 .note {
	line-height: 1.4;
	color: #666;
}
.concept .sec03 .space05 {
	margin-bottom: 34px
}
.concept .space06 {
	margin-bottom: 39px;
	letter-spacing: 0.08em;
}
.concept .sec .space07 {
	margin-bottom: 22px;
}
.concept.sec03 .img03 {
	margin-bottom: 9px;
}
.concept .sec03 .note {
	margin-bottom: 58px;
}
.concept .greyBox01 {
	margin-bottom: 14px;
	padding: 19px 10px 13px;
	text-align: center;
	line-height: 1.3;
}
.concept .greyBox01 p {
	text-align: center !important;
}
.concept .greyBox01 .img {
	margin-bottom: 8px;
}
.concept .greyBox01 .ttl {
	margin-bottom: -3px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	font-weight: 500;
}
.concept .sec .borderTtx {
	font-size: 1.2rem !important;
	line-height: 1.35;
}
/*  */
.essence .shopBox02 {
	margin-bottom: 45px;
}
.essence .comSec01 .note {
	margin: -10px 0 7px;
}
.essence .comSec02.borderBox {
	padding-bottom: 50px;
	margin-bottom: 8px;
}
.essence .comSec03 .size02 {
	margin-bottom: 45px;
}
.essence .comSec03 .size02:last-of-type {
	margin-bottom: 0;
}
.essence .comSec03.borderBox {
	padding-bottom: 35px;
}
/*  */
.voice {
	padding-bottom: 50px;
}
.voice .comContent {
	margin-top: 0;
	padding-top: 47px;
}
.voice .headLine01 {
	margin-bottom: 68px;
}
.voice .headLine01 .en {
	font-size: 2.3rem;
}
.voice .headLine01 .txt {
	padding: 33px 24px 35px;
}
.voice .bgBox {
	padding-left: 35px;
	background-color: #B3985F;
	margin: 0 -30px 40px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.voice .bgBox .txtBox {
	padding-bottom: 10px;
	width: 185px;
	margin-right: 10px;
}
.voice .bgBox .txtBox p {
	font-size: 1.9rem;
	line-height: 1.4;
}
.voice .bgBox .imgBox {
	width: 145px;
}
.voice .bgBox h2 {
	margin-bottom: 3px;
	font-size: 1.2rem;
	font-weight: 200;
	letter-spacing: 0.1em;
	font-family: 'Roboto', sans-serif;
}
.voice .bgBox h2 .num {
	font-size: 3.8rem;
}
.voice .bgBox h2 .img {
	display: inline-block;
	margin-left: 10px;
	vertical-align: 35px;
}
.voice .whiteBox03 {
	margin-bottom: 25px;
	background-color: #fff;
	font-size: 1.4rem;
	padding: 15px 20px 22px;
	box-sizing: border-box;
	font-weight: 200;
	position: relative;
}
.voice .whiteBox03::before, .voice .whiteBox03::after {
	position: absolute;
	content: '';
	background-size: 15px auto;
	width: 15px;
	height: 15px;
}
.voice .whiteBox03::before {
	top: 0;
	right: 0;
	z-index: 2;
	background: url("../img/voice/arrow01.png") no-repeat;
}
.voice .whiteBox03::after {
	bottom: 0;
	left: 0;
	z-index: 2;
	background: url("../img/voice/arrow02.png") no-repeat;
}
.voice .whiteBox03:last-of-type {
	margin-bottom: 0;
}
.voice .whiteBox03 h2 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.77;
}
.voice .whiteBox03 p {
	line-height: 1.78;
}
.voice .whiteBox03.box02 h2 {
	line-height: 1.8;
	margin-bottom: 4px;
}
.voice .sec {
	margin-bottom: 50px;
}
.voice .sec:last-of-type {
	margin-bottom: 0;
}
.voice .sec02 .bgBox h2 .img {
	margin-left: 25px;
}
.voice .sec02 .bgBox {
	margin-bottom: 30px;
}
.voice .whiteBox03.none {
	opacity: 0.9;
	color: #ccc;
}
.voice .text {
	font-size: 1.1rem;
	font-weight: 300;
	margin-top: 30px;
}
.voice .whiteBox03.box03 {
	padding-top: 20px;
}
.voice .whiteBox03 .imgBox {
	margin-bottom: 3px;
	display: flex;
	justify-content: space-between;
}
.voice .whiteBox03 .imgBox .img {
	margin-right: 14px;
	width: 27.2%;
}
.voice .whiteBox03 .imgBox h2 {
	flex: 1;
}
.voice .box05 .photo {
	margin: -15px -20px 10px;
}
.voice .box05 .photo img {
	width: 100%;
}
.voice .box05::before {
	background-image: url("../img/voice/arrow03.png");
}
/*  */
.experience {
	padding: 25px 0 80px;
}
.experience .comContent {
	margin: 0 20px;
}
.experience .headLine02 {
	margin-bottom: 37px;
	line-height: 1.35;
}
.experience .headLine04 {
	margin-bottom: 29.5vh;
	font-size: 1.9rem;
	line-height: 1.5;
}
.headLine04 span {
	margin-bottom: -2px;
	line-height: 1;
}
.experience .sec {
	padding: 0 15px 15px;
	box-sizing: border-box;
	background-color: #fff;
}
.experience .sec .text {
	margin-bottom: 23px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 1.78;
}
.experience .sec .bgBox02 {
	margin: 0 -15px 16px;
	padding: 18px 17px 25px;
	box-sizing: border-box;
	background: #ECEEED url("../img/experience/bg01.jpg") no-repeat center top;
	background-size: cover;
}
.experience .bgBox02 .img {
	margin: 0 -17px;
}
.experience .bgBox02 .textBox {
	margin: 0 0 25px;
	text-align: center;
	position: relative;
}
.experience .sec01 .bgBox02 .textBox {
	top: 30px;
	margin-bottom: 55px;
}
.experience .bgBox02 .textBox::after {
	position: absolute;
	content: '';
	height: 244px;
	width: 320px;
	background: url(../img/experience/bg_img.png) no-repeat;
	background-size: 320px auto;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
}
.experience .bgBox02 .txt01 {
	font-size: 2.2rem;
}
.experience .bgBox02 .txt02 {
	margin-bottom: 15px;
	font-size: 1.2rem;
}
.experience .bgBox02 .imgUl03 {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 0;
	justify-content: center;
}
.experience .bgBox02 .imgUl03 li {
	margin-top: 10px;
	letter-spacing: -0.01em;
	line-height: 1.3;
	width: 75px;
}
.experience .bgBox02 .imgUl03 li.top {
	margin-top: 7px;
}
.experience .bgBox02 .imgUl03 li p {
	font-size: 0.9rem;
	margin: 0 -3px;
}
.experience .bgBox02 .imgUl03 li .img {
	margin-bottom: 6px;
}
.experience .sec .txt {
	text-align: center;
	font-size: 1.2rem;
}
.experience .sec .txt span {
	font-size: 2.1rem;
	display: inline-block;
	margin-left: 3px;
}
.experience .sec .txt.col {
	color: #ED1E79;
}
.experience .sec .hTtl {
	margin-bottom: 15px;
	padding: 3px 2px 5px;
	box-sizing: border-box;
	text-align: center;
	font-weight: 400;
	font-size: 1.5rem;
	background-color: #F2F2F2;
}
.experience .lineUl01 li {
	margin-bottom: 8px;
	padding-bottom: 22px;
	display: flex;
	font-size: 1.1rem;
	align-items: center;
	font-weight: 300;
	position: relative;
}
.experience .lineUl01 li p {
	line-height: 1.4;
}
.experience .lineUl01 li::before {
	position: absolute;
	content: '';
	background: url(../img/experience/arrow.jpg) no-repeat;
	background-size: 15px auto;
	height: 9px;
	width: 15px;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.experience .lineUl01 li::after {
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	background-color: #B3B3B3;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}
.experience .lineUl01 li h4 {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 2px;
	line-height: 1.35;
}
.experience .lineUl01 li.space07 {
	line-height: 1.15;
}
.experience .lineUl01 .img {
	width: 80px;
	text-align: center;
}
.experience .lineUl01 li:first-of-type {
	align-items: flex-end;
}
.experience .lineUl01 li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}
.experience .lineUl01 li:last-of-type::before, .experience .lineUl01 li:last-of-type::after {
	display: none;
}
.experience .lineUl01 .txtBox {
	flex: 1;
}
.experience .sec .bgTxt {
	margin-top: 7px;
	padding: 5px 10px 9px;
	box-sizing: border-box;
	background-color: #F2F2F2;
	font-size: 1.2rem;
	line-height: 1.35;
}
.experience .lineUl02 {
	margin: 0 -6px 17px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.experience .lineUl02 li {
	padding-top: 20px;
	margin: 0 6px;
	width: 90px;
	font-size: 1.3rem;
	text-align: center;
	position: relative;
}
.experience .lineUl02 li .img {
	margin-bottom: 7px;
}
.experience .lineUl02 li p {
	line-height: 1.25;
}
.experience .lineUl02 li::before {
	position: absolute;
	content: '';
	background: url(../img/experience/arrow.jpg) no-repeat;
	background-size: 15px auto;
	height: 9px;
	width: 15px;
	top: 7px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.experience .lineUl02 li::after {
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	background-color: #B3B3B3;
	top: 7px;
	z-index: 0;
	left: 50%;
	transform: translateX(-50%);
}
.experience .lineUl02 + .text {
	line-height: 1.45;
}
.experience .text02 {
	font-size: 1.1rem;
	font-weight: 200;
	margin: -20px 0 20px;
	line-height: 1.35;
}
.experience .lineBox {
	margin-bottom: 14px;
	padding: 0 8px 14px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #B8A789;
}
.experience .lineBox h3 {
	margin: 0 -8px 8px;
	padding: 3px 13px 5px;
	box-sizing: border-box;
	color: #fff;
	line-height: 1.25;
	font-weight: 400;
	font-size: 1.3rem;
	background-color: #B8A789;
}
.experience .lineBox h4 {
	font-size: 1.2rem;
}
.experience .lineBox p {
	font-size: 1.2rem;
	letter-spacing: -0.002em;
	font-weight: 300;
}
.experience .lineBox .add {
	text-align: center;
	font-weight: 500;
}
@media all and (min-width: 897px) {
	.experience .lineBox .add {
		text-align: left;
	}
}
.experience .lineBox .space {
	margin-bottom: 13px;
}
.experience .lineBox strong {
	font-weight: 500;
}
.experience .lineBox .space02 {
	margin-bottom: 17px;
}
.experience .txtUl09 {
	font-size: 1.2rem;
	font-weight: 200;
}
.experience .txtUl09 li.intent {
	padding-left: 1em;
	text-indent: -1em;
}
.experience .inputBtn a {
	padding-bottom: 3px;
	box-sizing: border-box;
	text-align: center;
	min-height: 50px;
	background-color: #333;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.3;
	position: relative;
	border-radius: 3px;
	letter-spacing: 0.1em;
}
.experience .inputBtn a::after {
	content: '';
	min-height: inherit;
	font-size: 0;
}
.experience .shopBox .text {
	margin-bottom: 0;
	font-weight: 500;
}
.experience .inputBox .price {
	font-size: 1.1rem;
	color: #ED1E79;
}
.experience .shopBox {
	margin-bottom: 14px;
}
.experience .shopBox h2 {
	margin-bottom: 6px;
}
.experience .shopBox02 {
	margin-bottom: 0;
}
.experience .shopBox02 .inputBtn a {
	background-color: #808080;
}
.experience .shopBox02 .num {
	color: #333;
}
.experience .sec {
	margin-bottom: 80px;
}
.experience .sec:last-of-type {
	margin-bottom: 0;
}
.experience .sec02 .bgBox02 {
	background-image: url("../img//experience/bg02.jpg");
}
.experience .sec03 .bgBox02 {
	background-image: url("../img//experience/bg03.jpg");
}
.experience .sec02 .textBox {
	margin-bottom: 35px;
}
.experience .sec02 .bgBox02 .imgUl03 li.top {
	margin-top: -3px;
}
.experience .sec02 .imgUl03 li {
	margin: 0 2px;
}
.experience .sec02 .bgBox02 .txt02 {
	margin-bottom: 25px;
}
.experience .sec02 .txt.col {
	margin-bottom: 3px;
	color: #333;
}
.experience .sec02 .txt.size01 {
	font-size: 1.1rem;
}
.experience .lineUl03 li {
	width: 145px;
	font-size: 1.4rem;
	text-align: left;
	display: flex;
	align-items: center;
}
.experience .lineUl03 li .img {
	margin-right: 5px;
	width: 60px;
}
.experience .lineUl03 li p {
	flex: 1;
}
.experience .lineUl03 li:first-of-type p {
	margin-left: -10px;
}
.experience .sec02 .shopBox02 .size {
	font-size: 1rem;
	margin: -10px 0 10px;
}
.experience .sec02 .textBox::after {
	background-image: url("../img/experience/bg_img02.png");
	background-size: 290px;
	width: 290px;
	height: 275px;
}
.experience .sec03 .textBox {
	margin-top: 24px;
}
.experience .sec03 .txt.col {
	color: #333;
}
.experience .sec03 .imgUl03 li.top {
	margin-top: -3px;
}
.experience .sec03 .bgBox02 .txt02 {
	margin-bottom: 23px;
}
.experience .sec03 .lineUl01 {
	margin-bottom: 17px;
}
.experience .sec03 .lineBox .text02 {
	margin: -9px 0 0;
	font-size: 1rem;
}
.experience .sec03 .lineBox .space {
	margin-bottom: 18px;
}
.experience .sec03 .textBox {
	margin-bottom: 32px;
}
.experience .sec03 .textBox::after {
	background-image: url("../img/experience/bg_img03.png");
	height: 256px;
}
/**/
.howtouse {
	padding: 15px 0 80px 0;
}
.howtouse p {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
.howtouse .topBox .eestheImg + h3 {
	margin-bottom: 13px;
}
.howtouse .eestheImg {
	margin-bottom: 24px;
}
.howtouse .sec01 .headLine06 {
	letter-spacing: 0.05em;
}
.howtouse .sec02 {
	margin-bottom: 69px;
}
.howtouse .headLine04 {
	line-height: 1.4;
	margin-top: -5px;
}
.howtouse .headLine04 span {
	margin-bottom: 2px;
}
.howtouse .box04 {
	margin-bottom: 70px;
}
.howtouse .right.space05 {
	margin: -10px 0 -4px 0 !important;
}
.howtouse .right.space05 + .img {
	margin-top: 0;
}
.howtouse .comEestheBox {
	padding: 46px 0 18px;
}
.howtouse .whiteBox:not(first-of-type) .hTtl {
	line-height: 1.45;
}
.howtouse .size04 {
	font-size: 1.4rem;
}
.howtouse .video {
	margin-bottom: 0;
	height: 180px;
}
.howtouse .topBox {
	margin-bottom: 55px;
}
.howtouse .sec01 {
	margin-bottom: 100px;
}
.howtouse .sec02 .headLine06 {
	margin-bottom: 16px;
}
.howtouse .sec02 .hTtl02 {
	margin-bottom: 0;
	font-size: 6rem;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.05em;
	font-family: 'Noto Serif JP', serif;
}
.howtouse .sec02 .size04 {
	margin-bottom: 37px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 3.2rem;
	line-height: 1.2;
}
.howtouse .sec02 .size04 span {
	display: block;
	margin-bottom: 3px;
	font-size: 2.2rem;
}
.howtouse .sec02 .photo {
	margin: 0 -30px 18px;
}
.howtouse .sec02 .txtBox {
	margin: 0 17px 27px;
}
.howtouse .sec02 .txtBox .txt {
	font-weight: 500;
	line-height: 1.87;
}
.howtouse .sec02 .size02 {
	margin: -10px 0 0;
}
.howtouse .sec02 .whiteBox .hTtl {
	font-size: 2.6rem;
	line-height: 1.4;
	letter-spacing: 0;
}
.howtouse .sec02 .whiteBox .img {
	margin: 0 -23px 20px;
}
.howtouse .sec02 strong {
	font-weight: 500;
}
.howtouse .sec02 .whiteBox p {
	letter-spacing: 0.07em;
}
/**/
.headLine06 {
	padding-bottom: 10px;
	margin: 0 auto 60px;
	width: 180px;
	box-sizing: border-box;
	height: 180px;
	color: #fff;
	background-color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.95rem;
	text-align: center;
	font-weight: 300;
	line-height: 1.7;
}
/**/
.whiteBox {
	margin: 0 -6px 25px;
	background-color: #fff;
	padding: 14px 23px 35px;
	box-sizing: border-box;
}
.whiteBox.box01 {
	padding-top: 23px;
}
.whiteBox.box01 .hTtl {
	padding-bottom: 22px;
}
.whiteBox.box03 {
	padding: 22px 23px 57px;
}
.whiteBox .img.mid {
	margin-top: 23px;
	text-align: center;
}
.whiteBox .img.space02 {
	margin: 20px 0 28px;
}
.whiteBox .size {
	font-size: 1.6rem;
}
.whiteBox .hTtl.space01 {
	padding-bottom: 23px !important;
	margin-bottom: 15px !important;
}
.whiteBox.box05 {
	padding-bottom: 45px;
}
.whiteBox.box05 .space01 {
	padding-bottom: 15px !important;
	;
}
.whiteBox .hTtl {
	margin-bottom: 22px;
	font-family: 'Noto Serif JP', serif;
	font-size: 2rem;
	letter-spacing: 0.03em;
}
.whiteBox .hTtl.border {
	margin-bottom: 27px;
	padding-bottom: 15px;
	border-bottom: 1px solid #B3985F;
}
.whiteBox .col {
	color: #D4145A;
	font-weight: 500;
}
.whiteBox .right {
	margin: -13px 0 20px !important;
}
.whiteBox .space {
	margin-bottom: 25px;
}
.whiteBox h4 {
	margin-bottom: 1px;
	font-size: 1.4rem;
	font-weight: 500;
}
.whiteBox .space01 {
	letter-spacing: 0.08em;
}
.whiteBox .imgUl02 {
	margin: 12px 0 0;
}
@media all and (min-width: 897px) {
	.whiteBox .imgUl02 {
		max-width: 300px;
		margin: 12px auto 0;
	}
}
.whiteBox .imgUl02 li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.whiteBox .imgUl02 li {
	margin-bottom: 10px;
}
.whiteBox .imgUl02 li .img {
	margin-right: 5px;
	text-align: center;
	width: 135px;
}
.whiteBox .imgUl02 li .txtBox {
	flex: 1;
}
.whiteBox .imgUl02 li .txtBox p {
	line-height: 1.6;
}
.whiteBox .txtUl04 {
	margin: -5px 0 22px;
	display: flex;
	justify-content: center;
}
.whiteBox .txtUl04 li {
	margin: 0 5px;
}
.whiteBox .imgBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.whiteBox .imgBox .img {
	margin: -5px 10px 0 0;
	width: 120px;
}
.whiteBox .imgBox .txtBox {
	padding-bottom: 8px;
	flex: 1;
}
.whiteBox .imgBox .txtBox p {
	font-size: 1.3rem;
}
.whiteBox .imgBox h5 {
	margin-bottom: 20px;
	font-weight: 400;
	color: #B3985F;
	font-size: 1.5rem;
	line-height: 1.6;
}
.whiteBox .imgBox .pinkBox {
	margin-bottom: 3px;
	width: 40px;
	height: 16px;
	background-color: #F9DAD9;
}
.whiteBox .space03 {
	margin: 9px 0 0;
	line-height: 1.75;
	font-weight: 400;
}
.whiteBox.box02 .headLine07 {
	margin-bottom: 10px;
}
.whiteBox.box02 .imgBox {
	margin-top: -6px;
	align-items: center;
}
.whiteBox.box02 .imgBox .txtBox {
	padding: 10px 0 0;
}
.whiteBox.box02 .imgBox p {
	color: #B3985F;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.6;
}
.borderBox02 {
	margin-bottom: 15px;
	padding: 7px 0 10px;
	border-top: 1px solid #B3985F;
	border-bottom: 1px solid #B3985F;
	display: flex;
	align-items: center;
	letter-spacing: 0.1em;
}
.borderBox02 p {
	font-weight: 400;
	line-height: 1.5;
}
.borderBox02 .txt a:hover {
	opacity: 0.7;
}
.borderBox02 .ttl {
	margin-bottom: 0;
	margin-right: 4px;
	width: 100px;
	color: #B3985F;
}
.borderBox02 .txt {
	flex: 1;
}
/*  */
.txtUl05 {
	margin: 0 -3px;
}
.txtUl05 li a {
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 0 10px 8px;
	margin-bottom: 20px;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.7rem;
	background: url(../img/common/arrow06.png) no-repeat center right 10px;
	background-size: 15px auto;
}
.txtUl05 li a span {
	display: inline-block;
	margin-right: 2px;
	font-size: 1.8rem;
	font-family: 'Roboto', sans-serif;
}
.txtUl05 .space a span {
	margin-right: 8px;
}
/*  */
.headLine07 {
	position: relative;
	font-weight: 400;
}
.headLine07::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #B3985F;
	top: 1px;
	left: 0;
}
.headLine07 span {
	display: inline-block;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0.2em;
	background-color: #B3985F;
	font-size: 1.5rem;
	font-family: 'Roboto', sans-serif;
	padding: 3px 12px 1px;
	line-height: 1.2;
}
/*  */
.right {
	text-align: right !important;
}
/*  */
.size01 {
	font-size: 1.4rem;
}
.size02 {
	margin-bottom: 24px;
	font-size: 1rem !important;
	font-weight: 300;
}
.size03 {
	font-size: 1.3rem;
}
sup {
	font-size: 0.7rem;
}
sub {
	font-size: 1rem;
	transform: scale(0.7, 0.7);
	display: inline-block;
}
.note {
	font-size: 0.9rem !important;
	font-weight: 200;
}
/*  */
.video {
	margin-bottom: 25px;
}
/*  */
.txtUl {
	margin-bottom: 26px;
}
.txtUl li {
	margin-bottom: 25px;
	position: relative;
	padding-left: 18px;
	font-size: 1.4rem;
	line-height: 1.75;
}
.txtUl li .num {
	position: absolute;
	left: 0;
}
.txtUl li:last-of-type {
	margin-bottom: 0 !important;
}
.txtUl li .size02 {
	display: block;
	margin: 0;
}
.txtUl.flexUl li {
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.txtUl.flexUl li .img {
	margin-left: 10px;
	width: 80px;
	text-align: center;
}
.txtUl.flexUl li p {
	flex: 1;
}
/**/
.txtUl03 {
	margin-bottom: 31px;
	font-size: 1.3rem;
}
.txtUl03 li {
	margin-bottom: 18px;
	line-height: 1.7;
}
.txtUl03 li:last-of-type {
	margin-bottom: 0;
}
/*  */
.comSec01 .text {
	margin-bottom: 3px;
	line-height: 1.63;
	letter-spacing: 0.06em;
}
.comSec01 .txtBox p {
	margin-bottom: 10px;
}
.comSec01 .txtBox .text02 {
	margin-bottom: 14px;
	letter-spacing: -0.02em;
	line-height: 1.8;
}
.comSec03.borderBox {
	padding-bottom: 45px;
	margin-bottom: 10px;
}
.comSec03 .imgBox {
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}
.comSec03 .imgBox .photo {
	width: 74px;
	margin-right: 15px;
}
.comSec03 h2 {
	margin-bottom: 20px;
	font-size: 1.55rem;
	font-weight: 400;
}
.comSec03 .imgBox .txtBox {
	margin-top: -5px;
	flex: 1;
	font-size: 1.3rem;
	line-height: 1.7;
}
.comSec03 .imgBox02 {
	display: block;
}
.comSec03 .imgBox02 .txtBox {
	width: 100%;
}
.comSec03 .textBox {
	margin-bottom: 50px;
}
.comSec03 .textBox p {
	margin-bottom: 3px;
}
.comSec03 .textBox .space01 {
	margin-bottom: 20px;
}
.comSec03 .textBox .space02 {
	margin-bottom: 3px;
}
.comSec03 .textBox .space03 {
	margin-bottom: 20px;
}
.comSec03 .txt01 {
	line-height: 1.78;
}
.comSec04 h2 {
	font-weight: 400;
	margin-bottom: 20px;
}
.comSec04 .greyBox01 {
	margin-bottom: 44px;
	padding: 15px 12px 15px 19px;
	color: #333;
}
.comSec04 .greyBox01 h2 {
	margin-bottom: 2px;
}
.txtUl02 {
	font-size: 1.4rem;
	line-height: 1.8;
}
/**/
.insBox, .cosmeBox {
	margin-bottom: 40px;
}
.insBox h2, .cosmeBox h2 {
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-family: 'Roboto', sans-serif;
}
/**/
.comYlwBox {
	padding: 30px;
	box-sizing: border-box;
	background-color: #EBE3D4;
	margin: 0 -30px 50px;
}
.comYlwBox h2 {
	margin-bottom: 16px !important;
	background-color: #fff;
	padding: 8px 18px 9px;
	box-sizing: border-box;
	font-size: 1.4rem;
}
.comYlwBox h3 {
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 1.4rem;
}
.comYlwBox .txtUl.flexUl {
	margin-bottom: 0 !important;
}
.comYlwBox .txtUl.flexUl li {
	margin-bottom: 25px !important;
	line-height: 1.78;
}
.comYlwBox .txtUl.flexUl li:last-of-type {
	margin-bottom: 0 !important;
}
.comYlwBox .txtUl.flexUl li span {
	font-size: 1.2rem;
	display: block;
	line-height: 1.68;
}
/**/
.video {
	width: 100%;
	height: 316px;
}
.video iframe {
	width: 100%;
	height: 100%;
}
/*  */
.headLine08 {
	margin-bottom: 12px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 3.8rem;
	font-weight: 200;
	line-height: 1.1;
}
.headLine08 span {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}
/*  */
.headLine09 {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.6rem;
	background-color: #F2F2F2;
	font-weight: 400;
	padding: 37px 50px;
	margin: 0 -30px 32px;
	letter-spacing: 0.1em;
}
.headLine09.bg {
	font-family: 'Noto Sans JP', sans-serif;
	padding: 18px 30px;
	letter-spacing: 0.1em;
	background: #F2F2F2 url(../img/common/logo_white.png) no-repeat center right 12px;
	background-size: 56px auto;
}
.headLine09.sans {
	margin: 0 0 10px !important;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 8px 15px;
	font-size: 1.6rem;
	letter-spacing: 0;
}
.headLine10 {
	margin-bottom: 9px;
	display: flex;
	align-items: center;
}
.headLine10 .num {
	width: 45px;
	height: 45px;
	font-size: 3rem;
	margin-right: 10px;
	background-color: #F2F2F2;
	display: flex;
	font-weight: 200;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif;
}
.headLine10 .txt {
	flex: 1;
	line-height: 1.3;
	font-weight: 500;
}
.headLine11 {
	margin-bottom: 25px;
	padding: 7px 0 12px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}
.headLine11.fx {
	padding: 5px 0;
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.35;
	font-weight: 400;
}
.headLine11.fx .lTxt {
	font-size: 1.6rem;
	width: 80px;
	margin-right: 10px;
}
.headLine11.fx .rTxt {
	flex: 1;
}
/*  */
.txtUl06 {
	padding-top: 2px;
	margin-bottom: 30px;
	border-top: 1px solid #ddd;
}
.txtUl06 li {
	padding-right: 15px;
	margin-bottom: 1px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
	font-size: 1.3rem;
	display: flex;
	letter-spacing: 0.07em;
	justify-content: space-between;
}
.txtUl06 li .num {
	width: 50px;
	margin-left: 10px;
	text-align: right;
}
.txtUl06 li .txt {
	flex: 1;
}
/*  */
.txtUl07 li {
	padding-bottom: 22px;
	margin-bottom: 17px;
	border-bottom: 1px solid #ddd;
}
.txtUl07 li p:last-of-type {
	margin-bottom: 0;
}
.txtUl07 li h4 {
	margin-bottom: 6px;
	color: #808080;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	font-family: 'Roboto', sans-serif;
}
.txtUl07 li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}
.txtUl07 li h5 {
	margin-bottom: 4px;
	font-size: 1.6rem;
	font-weight: 500;
}
.txtUl07 li h6 {
	margin: 13px 0 3px;
	font-size: 1.3rem;
}
.txtUl08 {
	margin-bottom: 18px;
}
.txtUl08 li {
	margin-bottom: 18px;
	border: 2px solid #ddd;
	display: flex;
	text-align: center;
	align-items: center;
}
.txtUl08 li:last-of-type {
	margin-bottom: 0;
}
.txtUl08 li .ttl {
	padding: 5px 0 7px;
	width: 112px;
	border-right: 2px solid #ddd;
	font-size: 1.5rem;
	line-height: 1.35;
}
.txtUl08 li .txt {
	padding: 0 15px;
	flex: 1;
	text-align: left;
	font-size: 1.9rem;
	font-weight: 500;
}
.txtUl08 li .txt small {
	font-size: 1.2rem;
}
/**/
.company {
	padding: 100px 0 60px;
}
.company .comContent {
	margin: 0 33px;
}
.company .sec {
	margin-bottom: 108px;
}
.company .sec:last-of-type {
	margin-bottom: 0;
}
.company h2 {
	margin-bottom: 94px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 2.3rem;
	position: relative;
	letter-spacing: 0.3em;
	font-weight: 300;
	z-index: 1;
}
.company h2::after {
	position: absolute;
	content: '';
	background: url("../img/common/logo_white.png") no-repeat;
	background-size: 140px auto;
	width: 140px;
	height: 149px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.company h3 {
	margin-bottom: 42px;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 1.7rem;
}
.company .comDl {
	margin-bottom: 10px;
	border-top: 1px solid #D2C09E;
	font-size: 1.4rem;
}
.company .comDl dt {
	margin-bottom: 2px;
	padding-top: 12px;
	font-weight: 500;
}
.company .comDl dd {
	padding-bottom: 39px;
	font-weight: 300;
	line-height: 1.78;
	border-bottom: 1px solid #D2C09E;
}
.company .comDl dd:last-of-type {
	border-bottom: none;
}
.company .comDl p {
	margin-bottom: 30px;
}
/**/
.faq .comContent {
	margin: 0 20px;
}
.faq {
	margin: -3px 0 50px;
}
.faq .headLine09 {
	margin: 0 -20px 47px;
	padding: 35px 35px 38px;
	font-size: 1.8rem;
}
.faq .faqUl li a {
	padding: 17px 15px 31px;
	box-sizing: border-box;
	display: block;
	font-size: 1.3rem;
	border-top: 1px solid #ccc;
	background: url("../img/common/arrow04.png") no-repeat top 25px right 22px;
	background-size: 6px auto;
}
.faq .faqUl li a h2 {
	margin-bottom: 14px;
	font-weight: 500;
	font-size: 1.7rem;
	letter-spacing: 0.1em;
}
.faq .faqUl li a p {
	margin: 0 15px;
	line-height: 1.77;
	font-weight: 300;
}
/**/
.faq.products .headLine09.sml {
	margin: 0 0 8px;
	padding: 17px 20px 17px;
	font-family: 'Noto Sans JP', sans-serif;
}
.faq.products .txtUl05 {
	margin-bottom: 50px;
}
.faq.products .txtUl05 li a {
	margin-bottom: 7px;
	padding: 0 22px 7px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.3rem;
	letter-spacing: 0.07em;
	background-size: 12px auto;
	background-position: center right 20px;
	border-color: #f2f2f2;
}
/**/
.faqUl02 li {
	padding: 15px 0 48px;
	border-top: 1px solid #000;
}
.faqUl02 li h3 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 400;
}
/**/
.faqDl {
	border-top: 1px solid #f2f2f2;
	font-size: 1.2rem;
	line-height: 1.75;
}
.faqDl span {
	display: inline-block;
	color: #D5B345;
	font-size: 1.7rem;
	font-family: 'Roboto', sans-serif;
	position: absolute;
	left: 1px;
	top: 8px;
}
.faqDl dd span {
	top: 5px;
}
.faqDl dt, .faqDl dd {
	padding: 12px 10px 15px 25px;
	box-sizing: border-box;
	position: relative;
}
.faqDl dt {
	padding-right: 35px;
	font-size: 1.3rem;
	font-weight: 500;
	cursor: pointer;
	border-bottom: 1px solid #f2f2f2;
}
.faqDl dd {
	display: none;
	padding-top: 8px;
	font-weight: 300;
	padding-bottom: 13px;
	border-bottom: 1px solid #f2f2f2;
}
.faqDl p {
	margin-bottom: 20px;
}
.faq .on::after {
	transform: rotate(180deg);
	opacity: 0;
}
.faq dt::before, .faq dt::after {
	transition: all .3s ease;
	position: absolute;
	content: '';
	background-color: #ccc;
}
.faq dt::before {
	width: 13px;
	height: 1px;
	top: 25px;
	right: 18px;
}
.faq dt::after {
	width: 1px;
	height: 13px;
	top: 19px;
	right: 24px;
}
/*  */
.guide .sec {
	margin-bottom: 40px;
}
.guide .comBtn02 {
	margin: 0 0 30px;
}
.guide .comBtn02 a {
	font-size: 1.5rem;
}
.guide p {
	margin-bottom: 24px;
	font-size: 1.3rem;
	line-height: 1.75;
}
.guide .txtUl08 li.spacial .ttl {
	border: none;
	padding: 0;
}
.guide .txtUl08 li p {
	padding: 5px 15px 7px;
	text-align: left;
	margin-bottom: 0;
	flex: 1;
	border-left: 2px solid #ddd;
}
.guide .txtUl08 li p .txt {
	padding: 0;
}
.guide .txtUl08 li .note {
	display: block;
	margin-top: -3px;
}
.guide {
	margin-top: -2px;
}
.guide .space01 {
	margin-bottom: 7px;
}
.guide .sec02 .headLine09 {
	margin-bottom: 25px;
}
.guide .comContent {
	margin: 0 20px;
}
.guide .txtUl05 {
	padding-top: 10px;
	border-top: 1px solid #ddd;
	margin: 0 0 30px;
}
.guide .txtUl05 li a {
	margin-bottom: 12px;
	padding: 0 0 15px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	background-position: top 10px right 25px;
	border-color: #ccc;
}
.guide .size {
	font-size: 1.2rem !important;
	margin-bottom: 10px;
}
.guide .sec02 .size {
	font-weight: 300;
	margin-top: -8px;
}
.guide .sec02 .borderTtx {
	margin-bottom: 9px;
	padding: 6px 6px 8px;
	border-width: 3px;
	border-color: #f2f2f2;
	font-size: 1.6rem !important;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: 0.05em;
	min-height: 60px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.guide .sec02 .img {
	text-align: center;
}
.guide .greyBgBox {
	margin: 25px 0 22px;
	padding: 25px 22px 37px;
	box-sizing: border-box;
	background-color: #F2F2F2;
}
.guide .hTtl {
	margin-bottom: 8px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 300;
}
.guide .sec03 .headLine09.bg {
	margin-bottom: 40px;
}
.guide .sec03 .headLine09 {
	letter-spacing: 0.01em;
}
.guide .sec03 .space01 {
	margin-bottom: 15px !important;
}
.guide .sec04 .space02 {
	margin-bottom: 40px;
}
.guide .sec03 .headLine09 + p {
	margin-bottom: 22px;
}
.guide .sec04 .headLine09 {
	margin-bottom: 24px;
}
.guide .sec04 .headLine09 + P {
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.guide .sec04 h4 {
	margin-bottom: 6px;
	font-size: 1.5rem;
	font-weight: 500;
}
.guide .sec04 .headLine11 {
	margin-bottom: 20px;
}
.guide .imgBox {
	margin-bottom: 8px;
	display: flex;
	align-items: flex-start;
}
.guide .imgBox .rBox {
	width: 147px;
	margin: 5px 0 0 40px;
}
.guide .imgBox .lBox {
	flex: 1;
}
.guide .sec04 .greyBgBox {
	margin: 0 0 12px;
	padding: 13px 15px 12px 23px;
}
.guide .sec04 .greyBgBox .ttl {
	margin-bottom: 12px;
	font-size: 1.5rem;
	line-height: 1.55;
	font-weight: 500;
}
.guide .sec04.sec {
	margin-bottom: 75px;
}
.guide .sec04 .space03 {
	margin-bottom: 17px;
}
.guide .sec04 .greyBgBox .imgBox {
	align-items: center;
}
.guide .sec04 .greyBgBox .imgBox .lBox {
	width: 206px;
	margin-right: 10px;
	flex: none;
}
.guide .sec04 .greyBgBox .imgBox .rBox {
	flex: 1;
	width: auto;
	margin: 0;
}
.guide .sec04 .greyBgBox .imgBox .rBox p {
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	margin: 0;
	font-weight: 500;
}
.guide .sec04 .size03 {
	font-size: 1.5rem !important;
	font-weight: 500;
	margin-bottom: 8px;
	line-height: 1.6;
}
.guide .logoUl {
	margin: -10px -11px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.guide .logoUl li {
	margin: 10px 9px 0;
}
.guide .sec05 .headLine09 {
	margin-bottom: 40px;
}
.guide .sec06 .borderTtx {
	padding: 7px 12px;
	font-size: 1.3rem !important;
}
/*  */
.counseling {
	padding: 15px 0 60px;
}
.counseling p {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
.counseling .topBox {
	padding-bottom: 27px;
	background-color: #fff;
	margin: -22px -30px 45px;
}
.counseling .comEestheBox .headLine04 {
	line-height: 1.38;
	margin: 14px 0 18px;
}
.counseling .comEestheBox .headLine04 span {
	line-height: 1;
	margin-bottom: 3px;
}
.counseling .topBox .eestheImg {
	margin: 0 0 25px;
}
.counseling .topBox .txtBox {
	margin: 0 33px;
}
.counseling .topBox h3 {
	margin-bottom: 38px;
}
.counseling .whiteBox {
	margin-bottom: 50px;
	padding: 30px 25px 51px;
}
.counseling .whiteBox h3 {
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.counseling .sec03 .whiteBox {
	margin-bottom: 0;
}
.counseling .whiteBox .img {
	margin-bottom: 32px;
	text-align: center;
}
.counseling .whiteBox h4 {
	margin-bottom: 22px;
	font-size: 1.9rem;
	letter-spacing: 0.05em;
}
.counseling .whiteBox h4 span {
	display: inline-block;
	vertical-align: revert;
	margin-right: 5px;
}
.counseling .whiteBox p {
	margin-bottom: 12px;
	line-height: 1.78;
}
.counseling .whiteBox h5 {
	margin-bottom: 3px;
	color: #B3985F;
	font-size: 1.4rem;
	font-weight: 400;
}
.counseling .whiteBox h5 span {
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}
.counseling .whiteBox .text {
	font-size: 1.5rem;
	font-weight: 500;
	;
	line-height: 1.65;
}
.counseling .whiteBox p:last-of-type {
	margin-bottom: 0;
}
.counseling .sec03 h4 {
	padding-left: 12px;
}
.counseling .sec03 h5 {
	margin-top: 20px;
}
.counseling .whiteBox .programBox {
	margin-top: 25px;
}
.counseling .whiteBox .programBox .ttl {
	margin-bottom: 25px;
	padding: 5px 0;
	color: #333333;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: center;
	background-color: #E6E6E6;
}
.counseling .whiteBox .programBox .programUl {
	margin-top: -4px;
}
.counseling .whiteBox .programBox .programUl li {
	margin-top: 29px;
	padding: 5px 5px 8px;
	font-size: 1.5rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-align: center;
	border: 1px solid #808080;
	box-sizing: border-box;
	position: relative;
}
.counseling .whiteBox .programBox .programUl li::after {
	width: 10px;
	height: 9px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	background: url("../img/counseling/arrow01.png") no-repeat center bottom / 10px;
}
.counseling .whiteBox .programBox .programUl .lastList {
	color: #fff;
	border-color: #B39960;
	background-color: #B39960;
}
.counseling .whiteBox .programBox .programUl .lastList::after {
	display: none;
}
.counseling .whiteBox .programBox p {
	margin-top: 13px;
	line-height: 1.4;
}
.counseling .sec02 .whiteBox {
	padding-bottom: 42px;
}
.counseling .sec03 {
	margin-bottom: 55px;
}
/*  */
.borderBox03 {
	margin: 0 -6px 17px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #B3985F;
	padding: 12px 10px 8px;
	text-align: center;
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
	position: relative;
}
.borderBox03::after {
	position: absolute;
	content: '';
	background: url(../img/common/arrow07.png) no-repeat;
	background-size: 32px auto;
	width: 32px;
	height: 15px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
}
.borderBox03 p {
	margin-bottom: 7px;
	font-size: 1.7rem;
	line-height: 1.59;
	text-align: center !important;
}
.borderBox03 .colTtx {
	color: #B3985F;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.borderBox03 p:last-of-type {
	margin-bottom: 0;
}
/**/
.brand .comContent {
	margin: 47px 0 0;
}
.brand .linkUl02 {
	padding-top: 15px;
	border-top: 1px solid #B3B3B3;
}
.brand .linkUl02 li {
	margin-bottom: 18px;
	padding-bottom: 15px;
	border-bottom: 1px solid #B3B3B3;
}
.brand .linkUl02 li a .ttl {
	font-size: 1.9rem;
	margin-bottom: 4px;
}
.brand .linkUl02 li a .text {
	font-size: 1.5rem;
}
.brand .linkUl02 li a .text small {
	font-size: 1.3rem;
}
.brand .linkUl02 li a .content {
	padding-bottom: 10px;
}
.brand .linkUl02 li a .text small {
	margin-top: 4px;
}
.brand .linkUl02 li a .text .last {
	margin-top: 0;
}
.brand .linkUl02 li.big .img {
	width: 95px;
	margin: 0 4px 0 -1px;
}
/**/
.promise {
	padding-bottom: 80px;
}
.promise .midBox {
	padding-top: 82px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
}
.promise .midBox h2 {
	margin-bottom: 90px;
	font-size: 2.3rem;
	line-height: 1.3;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.3em;
	position: relative;
	z-index: 1
}
.promise .midBox h2::after {
	position: absolute;
	content: '';
	background: url("../img/common/logo_white.png") no-repeat;
	width: 139px;
	height: 148px;
	background-size: 139px auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.promise .midBox h3 {
	margin-bottom: 35px;
	font-size: 2.2rem;
	line-height: 1.7;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.promise .midBox p {
	margin-bottom: 32px;
	line-height: 2;
	letter-spacing: 0.08em;
}
.promise .sec02.sec {
	margin-bottom: 85px;
}
.promise .midBox .size02 {
	margin: -17px 0 44px;
}
.promise .sec .img {
	margin: 0 -30px 25px;
}
.promise .sec {
	margin-bottom: 68px;
}
.promise .sec:last-of-type {
	margin-bottom: 0;
}
.promise .sec h3 {
	margin-bottom: 14px;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.08em;
	font-weight: 400;
	line-height: 1.55;
}
.promise .sec p {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/**/
.lucent .comContent {
	margin-top: 30px;
}
.lucent .comSec01.borderBox {
	padding-bottom: 7px;
}
.lucent .headLine03 {
	margin-bottom: 14px;
}
.lucent .shopBox .txt {
	margin-bottom: 5px;
}
.lucent .comSec02 .borderBox {
	padding-bottom: 8px;
}
.lucent .comSec02 .size02 {
	line-height: 1.55;
	margin-bottom: 33px;
}
.lucent .comSec02.borderBox {
	padding-bottom: 52px;
	margin-bottom: 8px;
}
.lucent .comSec03 .imgBox {
	margin-bottom: 21px;
}
.lucent .comSec03 .imgBox + .size02 {
	margin-bottom: 45px;
}
.lucent .comSec03.borderBox {
	padding-bottom: 52px;
	margin-bottom: 8px;
}
/**/
.sunscreen .comContent {
	margin-top: 30px;
}
.sunscreen .comSec04 h2 {
	margin-bottom: 17px;
}
.sunscreen .headLine03 {
	margin-bottom: 14px;
}
.sunscreen .shopBox02 {
	margin-bottom: 40px;
}
.sunscreen .comSec01 {
	padding-bottom: 25px;
}
.sunscreen .comSec01 .txtBox .text02 {
	letter-spacing: 0.03em;
}
.sunscreen .comSec01 .txtBox .size02 {
	margin: -8px 0 0;
}
.sunscreen .size02 {
	margin-bottom: 33px;
	line-height: 1.55;
}
.sunscreen .comSec02 {
	padding-bottom: 55px;
	margin-bottom: 8px;
}
.sunscreen .comSec03 .size02 {
	margin: 30px 0 50px;
}
/**/
.makeupbase .comContent {
	margin-top: 31px;
}
.makeupbase .shopBox02 {
	margin-bottom: 45px;
}
.makeupbase .txtUl.flexUl li .img {
	width: 95px;
	margin-left: 15px;
}
.makeupbase .txtUl.flexUl li {
	margin-bottom: 15px;
}
.makeupbase .headLine03 {
	margin-bottom: 13px;
}
.makeupbase .txtBox .text {
	margin-bottom: 16px;
}
.makeupbase .comSec01.borderBox {
	padding-bottom: 17px;
}
.makeupbase .comSec01 .text02 {
	letter-spacing: 0.05em;
}
.makeupbase .comSec02 .size02 {
	margin-bottom: 35px;
	line-height: 1.55;
}
.makeupbase .comSec02.borderBox {
	margin-bottom: 8px;
	padding-bottom: 60px;
}
.makeupbase .comSec03 .imgBox + .size02 {
	margin-bottom: 50px;
}
.makeupbase .comSec03.borderBox {
	margin-bottom: 8px;
	padding-bottom: 54px;
}
.makeupbase .comSec04 h2 {
	margin-bottom: 27px;
}
.makeupbase .comSec04 .borderTtx02 {
	margin-bottom: 32px;
}
.makeupbase .comSec04 .ttl {
	font-size: 1.4rem;
	margin-bottom: 18px;
}
.makeupbase .txtUl:first-of-type {
	margin-bottom: 35px;
}
.makeupbase .txtUl .space04 {
	margin-bottom: 45px;
}
/**/
.serum .comContent {
	margin-top: 30px;
}
.serum .headLine03 {
	margin-bottom: 14px;
}
.serum .shopBox02 .buy {
	margin-top: 12px;
}
.serum .shopBox02 {
	margin-bottom: 40px;
}
.serum .comSec01.borderBox {
	padding-bottom: 18px;
}
.serum .comSec01 .size01.text02 {
	font-size: 1.5rem;
	line-height: 1.65;
}
.serum .comSec02.borderBox {
	padding-bottom: 52px;
	margin-bottom: 8px;
}
.serum .imgBox {
	margin-bottom: 22px;
}
.serum .imgBox + .size02 {
	margin-bottom: 33px;
}
.serum .comSec03 .comBgBox01 {
	margin-bottom: 37px;
}
.serum .comSec03 .txt01 {
	margin-bottom: 12px;
}
.serum .comSec03 .size03 {
	margin-bottom: 7px;
}
.serum .comSec03 {
	padding-bottom: 24px;
}
/**/
.foamwash .comContent {
	margin-top: 30px;
}
.foamwash .headLine03 {
	margin-bottom: 14px;
}
.foamwash .shopBox:first-of-type h2 {
	margin-bottom: 9px;
}
.foamwash .shopBox02 {
	margin-bottom: 30px;
}
.foamwash .comSec01.borderBox {
	padding-bottom: 16px;
}
.foamwash .comSec01 .text02 {
	letter-spacing: 0.06em;
	margin-bottom: 12px;
}
.foamwash .comSec02.borderBox {
	padding-bottom: 42px;
	margin-bottom: 8px;
}
.foamwash .comSec03 h2 {
	margin-bottom: 15px
}
.foamwash .txtUl03 {
	margin-bottom: 20px;
}
.foamwash .txtUl03 + .size02 {
	margin-bottom: 40px;
}
.foamwash .comSec03 .txt01 {
	margin-bottom: 10px;
}
.foamwash .comSec03.borderBox {
	padding-bottom: 8px
}
/**/
.drink .comContent {
	margin-top: 30px;
}
.drink .headLine03 {
	margin-bottom: 13px;
}
.drink .shopBox02 {
	margin-bottom: 28px;
}
.drink .shopBox02:last-of-type {
	margin-bottom: 40px;
}
.drink .comSec02.borderBox {
	padding-bottom: 54px;
	margin-bottom: 7px;
}
.drink .comSec02 .size02 {
	margin-bottom: 30px;
	line-height: 1.55;
}
.drink .comSec03 h2 {
	margin-bottom: 15px;
}
.drink .txtUl03 + .size02 {
	margin-bottom: 60px;
}
/**/
.gel .shopBox .text .col01 {
	margin-left: 10px;
}
.gel .comSec01 .txtBox p {
	margin-bottom: 12px;
}
.gel .comSec01 .txtBox .text02 {
	margin-bottom: 0;
	letter-spacing: 0.03em;
}
.gel .comSec02 .size02 {
	line-height: 1.55;
	margin-bottom: 35px;
}
.gel .comSec02.borderBox {
	padding-bottom: 42px;
	margin-bottom: 7px;
}
.gel .imgBox + .size02 {
	margin-bottom: 43px;
}
.gel .comSec03.borderBox {
	padding-bottom: 57px;
	margin-bottom: 8px;
}
.gel .comBtn04 {
	margin-top: 40px;
}
/**/
.lotion .comSec02 .size02 {
	margin-bottom: 27px;
	line-height: 1.56;
}
.lotion .imgBox {
	margin-bottom: 25px;
}
.lotion .imgBox02 + .size02 {
	margin: -4px 0 40px;
}
.lotion .shopBox h2 {
	margin-bottom: 9px
}
.lotion .shopBox02 {
	margin-bottom: 29px;
}
.lotion .comSec01 .txtBox p {
	margin-bottom: 12px;
}
.lotion .comSec01 .txtBox .text02 {
	margin-bottom: 8px;
}
.lotion .comSec01.borderBox {
	padding-bottom: 10px;
}
.lotion .comSec02.borderBox {
	padding-bottom: 40px;
	margin-bottom: 10px;
}
.lotion .comSec03.borderBox {
	padding-bottom: 25px;
}
.lotion .imgBox + .size02 {
	margin-bottom: 46px;
}
.lotion .comBtn04 {
	margin-top: 40px;
}
/**/
.claywash .shopBox02 {
	margin-bottom: 30px
}
.claywash .imgBox {
	margin-bottom: 22px;
}
.claywash .imgBox .size02 {
	margin: 2px 0 0 2px;
}
.claywash .imgBox + .size02 {
	margin-bottom: 40px;
}
.claywash .size01 .size02 {
	margin: 0;
}
.claywash .comSec02.borderBox {
	padding-bottom: 52px;
	margin-bottom: 7px;
}
/*  */
.top .sec01 {
	margin-bottom: 80px;
	padding-bottom: 265px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.6;
	background: url("../img/index/sec01_bg.jpg") no-repeat center bottom;
	background-size: 100% auto;
}
@media all and (min-width: 897px) {
	.top .sec01 {
		background-image: url("../img/index/pc_sec01_bg.jpg");
	}
}
/**/
.top .mainVisual {
	margin-bottom: 50px;
}
.top .mainVisual .sildeUl li img {
	width: 100%;
}
.top .sec01 h2 {
	margin-bottom: 32px;
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 0.07em;
}
.top .sec01 .img {
	margin-bottom: 43px;
}
.top .sec01 p {
	line-height: 2;
	font-size: 1.6rem;
}
.top .sec02 {
	margin-bottom: 60px;
}
.top .sec02 .headLine01 {
	margin-bottom: 75px;
	font-family: 'Noto Serif JP', serif;
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.3;
}
.top .sec02 .headLine01 span {
	padding: 20px 23px 27px;
	background-color: #333333;
	border: 1px solid #333333;
}
.top .sec02 .imgBox {
	margin-bottom: 79px;
}
.top .sec02 .imgBox:last-of-type {
	margin-bottom: 0;
}
.top .sec02 .imgBox .img {
	margin-bottom: 29px;
	position: relative;
}
.top .sec02 .num {
	font-size: 11rem;
	font-weight: 100;
	position: absolute;
	right: 32px;
	top: -68px;
}
.top .sec02 .imgBox .img img {
	width: 100%;
}
.top .sec02 .imgBox .img02 {
	margin-bottom: 170px;
}
.top .sec02 .imgBox .img .pho {
	width: 80%;
	position: relative;
}
.top .sec02 .imgBox .img .pho::after {
	width: 400px;
	height: 320px;
	position: absolute;
	bottom: -142px;
	right: -150px;
	z-index: -1;
	content: '';
	background: url("../img/index/sec02_img04.png") no-repeat right bottom / 400px;
}
.top .sec02 .imgBox .txtBox {
	margin: 0 49px;
}
.top .sec02 .imgBox .txtBox p {
	margin-bottom: 10px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.top .sec02 .imgBox .txtBox .ttl {
	margin-left: -6px;
	font-family: 'Noto Serif JP', serif;
	font-size: 2.9rem;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "palt";
	letter-spacing: -0.05em;
	margin-bottom: 5px;
	line-height: 1.5;
}
.top .sec02 .imgBox .txtBox .ttl small {
	font-size: 0.85rem;
	vertical-align: 16px;
}
.top .sec02 .imgBox .txtBox p small {
	font-size: 0.85rem;
	vertical-align: 5px;
}
.top .sec02 .textUl {
	margin-bottom: 12px;
}
.top .sec02 .textUl li {
	font-size: 0.9rem;
	color: #333333;
}
.top .sec02 .comBtn01 a {
	padding: 6px 20px 7px 13px;
	color: #fff;
	font-size: 1.5rem;
	background-color: #4D4D4D;
	background-image: none;
}
.top .sec02 .imgBox h3 {
	margin-bottom: 7px;
	font-size: 2.9rem;
	line-height: 1.45;
	letter-spacing: 0.06em;
}
.top .sec02 .imgBox h3 small {
	font-size: 0.9rem;
	vertical-align: 16px
}
.top .sec02 .imgBox .txtBox .node {
	font-size: 0.85rem;
	margin-bottom: 22px;
}
.top .sec03 .headLine01 {
	margin-bottom: 43px;
	line-height: 1;
}
.top .sec03 .headLine01 .txt {
	padding: 50px 28px 50px;
}
.top .sec03 .box01 {
	margin-bottom: 46px;
}
.top .sec03 .box01 .hTtl {
	margin-bottom: 16px;
	text-align: center;
	font-size: 2.4rem;
}
.top .sec03 .box01 .imgBox {
	text-align: center;
}
.top .sec03 .box01 .txtImg {
	margin-top: -35px;
}
.top .imgTxtBox {
	margin-bottom: 36px;
	background-color: #fff;
	width: 92%;
	padding: 37px 25px 30px;
	box-sizing: border-box;
}
.top .imgTxtBox:nth-of-type(2n - 1) {
	float: right;
	clear: both;
}
.top .imgTxtBox:nth-of-type(2n - 1) .txtBox {
	margin: 0 20px 0 7px;
}
.top .imgTxtBox .photoBox {
	margin-bottom: 18px;
	display: flex;
}
.top .imgTxtBox .photoBox .cnt {
	padding-bottom: 11px;
}
.top .imgTxtBox.rBox {
	margin-bottom: 10px;
}
.top .imgTxtBox .ttl p {
	height: 140px;
	width: 140px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	text-align: center;
	border: 1px solid #D4C4A2;
	letter-spacing: 0.05em;
}
.top .imgTxtBox .ttl p .sml {
	font-size: 1.4rem;
	margin-top: 2px;
	display: block;
}
.top .imgTxtBox .txtBox h3 {
	font-size: 2rem;
	margin-bottom: 12px;
	line-height: 1.65;
	letter-spacing: -0.05em;
}
.top .imgTxtBox .txtBox {
	margin: 0 7px 0 20px;
}
.top .imgTxtBox .txtBox p {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.85;
}
.top .imgTxtBox .txtBox .txt {
	font-size: 1.1rem;
	font-weight: 200;
}
.top .sec03 .txt03 {
	margin: 0 8vw 12px;
	font-weight: 300;
	padding-left: 1em;
	text-indent: -1em;
	clear: both;
	font-size: 1.1rem;
	color: #666;
}
.top .sec04 {
	padding-top: 100px;
	margin-bottom: 110px;
	background-color: #E6E6E6;
}
.top .sec04 .headLine01 {
	margin-bottom: 32px;
	line-height: 1.5;
}
.top .sec04 .headLine01 .txt {
	padding: 37px 32px 30px;
	margin-bottom: 37px;
}
.top .sec04 .linkUl01 {
	position: relative;
}
@media all and (min-width: 897px) {
	.top .sec04 .linkUl01 {
		margin-top: -20vh;
	}
}
.top .sec04 .box01 .img01 {
	position: relative;
	margin-right: 15px;
	z-index: -1;
	margin-top: -5vh;
}
.top .sec04 .box01 {
	margin: 0 50px 30px;
	padding: 20px 35px 36px;
	background-color: #fff;
}
.top .sec04 .box01 .headLine02 {
	margin-bottom: 13px;
	font-size: 2.3rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
}
.top .sec04 .box01 .headLine02 small {
	font-size: 1.4rem;
	vertical-align: 9px;
}
.top .sec04 .box01 .headLine02 span {
	display: block;
	font-size: 1.2rem;
	color: #333;
}
.top .sec04 .box01 .text {
	text-align: center;
	font-size: 1.6rem;
	background-color: #E6E6E6;
	padding: 3px 3px 3px;
}
.top .sec04 .box01 .img {
	margin: 15px -9px 7px 0;
	text-align: center;
}
.top .sec04 .box01 .text02 {
	margin-bottom: 16px;
	font-size: 3rem;
	color: #333;
	line-height: 1.17;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
}
.top .sec04 .box01 .img img {
	width: 121px;
}
.top .sec04 .box01 .img02 {
	margin-bottom: 6px;
	text-align: center;
}
.top .sec04 .box01 .img02 img {
	width: 500px;
}
.top .sec04 .box01 .txt {
	margin-bottom: 13px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.125;
}
.top .sec04 .box01 .innTxt {
	margin-bottom: 9px;
	font-size: 1.55rem;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
}
.top .sec04 .box01 .comBtn {
	margin: 0;
}
.top .sec04 .box01 .comBtn a {
	padding: 13px 5px 14px;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	background-color: #333333;
	box-sizing: border-box;
	display: block;
}
.top .sec04 .box01 .comBtn a:hover {
	opacity: 0.7;
}
.top .sec04 .box01 .comBtn a .top .sec04 .innBox01 .linkUl {
	padding: 0 50px 96px;
}
.top .sec04 .innBox01 .linkUl li {
	margin-top: 30px;
	background-color: #fff;
}
.top .sec04 .innBox01 .linkUl a {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.top .sec04 .innBox01 .linkUl .txtBox {
	flex: 1;
	padding: 0 22px 0 3px;
}
.top .sec04 .innBox01 .linkUl .phoBox {
	width: 260px;
}
.top .sec04 .innBox01 .linkUl p {
	margin-bottom: 24px;
	padding: 10px 0 0 11px;
	min-height: 106px;
	font-size: 2rem;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.06em;
	box-sizing: border-box;
}
.top .sec04 .innBox01 .linkUl p span {
	margin-top: 8px;
	display: block;
	font-size: 2.8rem;
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.04em;
}
.top .sec04 .innBox01 .linkUl .button {
	margin-bottom: 0;
	padding: 12px 5px 14px;
	min-height: inherit;
	color: #fff;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.04em;
	text-align: center;
	background-color: #333333;
	box-sizing: border-box;
	display: block;
}
.top .sec04 .innBox01 .linkUl a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.top .sec02 .imgBox .img02 {
		margin-bottom: 99px;
	}
	.top .sec02 .imgBox .img .pho::after {
		width: 202px;
		height: 160px;
		bottom: -71px;
		right: -75px;
		background: url("../img/index/sec02_img04.png") no-repeat right bottom / 202px;
	}
	.top .sec04 .box01 .img02 {
		margin: 0 auto 13px;
		width: 228px;
	}
	.top .sec04 .box01 {
		margin: 0 25px 31px;
		padding: 22px 27px 0;
	}
	.top .sec04 .box01 .img {
		margin-bottom: 6px;
	}
	.top .sec04 .box01 .img img {
		width: 162px;
	}
	.top .sec04 .box01 .text02 {
		margin-bottom: 8px;
		font-size: 2.9rem;
	}
	.top .sec04 .box01 .img02 img {
		width: 455px;
	}
	.top .sec04 .box01 .txt {
		margin-bottom: 9px;
	}
	.top .sec04 .box01 .innTxt {
		margin-bottom: 12px;
	}
	.top .sec04 .box01 .comBtn {
		margin: 0 -27px;
	}
	.top .sec04 .innBox01 .linkUl {
		padding: 0 20px 96px 25px;
	}
	.top .sec04 .innBox01 .linkUl .phoBox {
		width: 105px;
	}
	.top .sec04 .innBox01 .linkUl a {
		padding: 5px;
	}
	.top .sec04 .innBox01 .linkUl p {
		margin-bottom: 19px;
		padding: 7px 0 0 12px;
		min-height: 71px;
		font-size: 1.4rem;
	}
	.top .sec04 .innBox01 .linkUl p span {
		margin-top: 3px;
		font-size: 1.9rem;
	}
	.top .sec04 .innBox01 .linkUl .txtBox {
		padding: 0;
	}
	.top .sec04 .innBox01 .linkUl .button {
		padding: 5px 5px 6px;
		font-size: 1.3rem;
	}
}
.top .sec05 {
	margin-bottom: 96px;
}
.top .sec05 .headLine02 {
	margin-bottom: 40px;
}
.top .sec05 .box01 {
	margin-bottom: 30px;
}
.top .sec05 .headLine01 {
	margin-bottom: 27px;
	line-height: 1;
}
.top .sec05 .headLine01 .txt {
	padding: 48px 9px 51px;
}
.top .sec06 {
	margin-bottom: 115px;
}
.top .sec06 .headLine01 {
	margin-bottom: 63px;
	line-height: 1;
}
.top .sec06 .headLine01 .txt {
	padding: 45px 30px 53px;
}
.top .sec07 {
	margin-bottom: 68px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
}
.top .sec07 h2 {
	margin-bottom: 6px;
	font-weight: 400;
	font-size: 1.8rem;
}
.top .sec07 p {
	line-height: 1.7;
	font-size: 1.35rem;
}
.top .linkBox {
	margin-bottom: 25px;
}
.top .linkBox a {
	display: block;
	color: #fff;
	font-size: 1.35rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.top .linkBox .txtBox {
	margin-top: -62px;
	position: relative;
	z-index: 5;
	padding: 12px 23px 12px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	background-color: rgba(78, 37, 8, 0.5);
}
.top .linkBox .txtBox .lTtx {
	padding-bottom: 4px;
}
.top .linkBox .txtBox .linkTtx02 {
	background-image: url("../img/common/arrow05.png");
	font-size: 1.1rem;
}
.top .linkBox .txtBox big {
	font-size: 2.3rem;
	display: inline-block;
	font-weight: 300;
	margin-right: 8px;
	letter-spacing: 0.2em;
}
.linkUl02 {
	margin: 0 20px 20px;
}
.linkUl02 li {
	margin-bottom: 40px;
}
.linkUl02 li:last-of-type {
	margin-bottom: 0;
}
.linkUl02 li a {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}
.linkUl02 li a::after {
	position: absolute;
	content: '';
	background: url("../img/common/arrow01.png") no-repeat center;
	height: 16px;
	width: 11px;
	background-size: 11px auto;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
}
.linkUl02 li a .img {
	width: 80px;
	text-align: center;
	margin: 0 13px 0 5px;
}
.linkUl02 li a .content {
	flex: 1;
	padding-right: 20px;
}
.linkUl02 li a .content span {
	display: block;
}
.linkUl02 li a .ttl {
	margin-bottom: 3px;
	font-size: 2.4rem;
	font-family: 'Noto Serif JP', serif;
	color: #B3B3B3;
	font-weight: 400;
}
.linkUl02 li a .txt {
	margin-bottom: 6px;
	font-size: 1.2rem;
	min-height: 54px;
	font-weight: 300;
}
.linkUl02 li a .text {
	font-size: 1.4rem;
}
.linkUl02 li a .text small {
	margin-top: 2px;
	display: block;
	font-size: 1.1rem;
}
/**/
.newsUl {
	margin-bottom: 15px;
	border-top: 1px solid #E6E6E6;
}
.newsUl li {
	border-bottom: 1px solid #E6E6E6;
}
.newsUl li a {
	padding: 7px 35px 7px 0;
	box-sizing: border-box;
	font-size: 1.2rem;
	line-height: 1.4;
	display: block;
	position: relative;
}
.newsUl li a::after {
	position: absolute;
	content: '';
	background: url("../img/common/arrow01.png") no-repeat center;
	height: 12px;
	width: 8px;
	background-size: 8px auto;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
}
.newsUl li a .date {
	display: block;
}
.contactBox {
	margin: 0 30px 40px;
}
.contactBox h2 {
	margin-bottom: 14px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 400;
}
.contactBox .contactUl li {
	margin-bottom: 15px;
}
.contactBox .contactUl li:last-of-type {
	margin-bottom: 0;
}
.contactBox .contactUl li a {
	background-color: #F2F2F2;
	line-height: 1.3;
	font-size: 1rem !important;
	display: flex;
	align-items: center;
	padding: 14px 14px 14px;
	box-sizing: border-box;
	position: relative;
}
.contactBox .contactUl li.tel a {
	padding: 0;
}
.contactBox .contactUl li a .note {
	font-size: 1rem !important;
	font-weight: 400;
}
.contactBox .contactUl li a::after {
	position: absolute;
	content: '';
	background: url("../img/common/arrow04.png") no-repeat center;
	height: 16px;
	width: 10px;
	background-size: 10px auto;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
}
.contactBox .contactUl li a .img {
	width: 36px;
	text-align: center;
	margin: 3px 13px 0 0;
}
.contactBox .contactUl li a .content {
	flex: 1;
}
.contactBox .contactUl li a .txt {
	font-size: 2rem;
	font-weight: 600;
}
.contactBox .contactUl li a .content span {
	display: block;
}
.contactBox .contactUl li.tel .txt {
	font-size: 2.5rem;
	letter-spacing: 0.06em;
	margin-bottom: 3px;
	line-height: 1;
}
@media all and (max-width: 896px) {
	.contactBox .contactUl li.tel .img img {
		width: 24px;
	}
}
@media all and (max-width: 374px) {
	.linkUl01 li a .ttl .text {
		font-size: 1.4rem;
	}
	.linkUl01 li a .txt {
		font-size: 1.8rem;
	}
	.linkUl01 li a .txt02 {
		font-size: 0.9rem;
	}
	.linkUl02 li a .txt {
		font-size: 1.1rem;
	}
	.comContent {
		margin: 15px 15px 0;
	}
	.greyBox02 {
		background-size: 60px auto;
	}
	.fixBox ul li {
		margin: 0 10px;
	}
	.top .sec02 .imgBox h3 {
		font-size: 1.8rem;
	}
	.top .imgTxtBox .txtBox h3 {
		font-size: 1.6rem;
	}
	.linkUl02 li a::after {
		right: 5px;
	}
	.top .linkBox .txtBox {
		padding: 10px;
		margin-top: -54px;
	}
	.contactBox .contactUl li a .img {
		width: 30px;
	}
	.contactBox .contactUl li.tel a .img {
		width: 20px;
	}
	.contactUl {
		margin: 0 -10px;
	}
	#gFooter .fNavi02 {
		margin: -10px 0 32px;
	}
	#gFooter .fNavi02 li a {
		font-size: 0.9rem;
	}
	.linkUl02 li a .img {
		width: 60px;
	}
	.top .linkBox .txtBox big {
		font-size: 2rem;
	}
	.top .imgTxtBox .ttl p {
		width: 100px;
		height: 100px;
	}
	.top .imgTxtBox .photoBox .photo {
		width: 100px;
		height: 100px;
	}
	.menuBox {
		padding: 30px 20px 30px;
	}
	.voice .bgBox {
		padding-left: 25px;
	}
	.experience .comContent {
		margin: 0 10px;
	}
	.experience .bgBox02 .textBox::after {
		background-size: 280px auto;
		width: 280px;
	}
	.experience .bgBox02 .imgUl03 {
		margin: -10px -20px 0;
	}
	.experience .bgBox02 .imgUl03 li {
		width: 65px;
	}
	.experience .bgBox02 .imgUl03 li .img {
		margin: 0 0 6px;
	}
	.experience .bgBox02 .imgUl03 li p {
		font-size: 0.7rem;
	}
	.experience .lineUl02 li {
		width: 80px;
	}
	.experience .lineUl02 li p {
		font-size: 1rem;
	}
	.experience .inputBox .price {
		font-size: 1rem;
	}
}
@media all and (min-width: 897px) {
	#gFooter .contactUl li a:hover {
		opacity: 0.7;
	}
	#gFooter .snsUl li a:hover {
		opacity: 0.7;
	}
	.top .linkBox a:hover {
		opacity: 0.7;
	}
	.newsUl li a:hover {
		opacity: 0.7;
	}
	.comBtn02 a:hover {
		opacity: 0.7;
	}
	.linkUl02 li a:hover {
		opacity: 0.7;
	}
	.linkUl01 li a:hover {
		opacity: 0.7;
	}
	.comBtn01 a:hover {
		opacity: 0.7;
	}
	.comBtn04 a:hover {
		opacity: 0.7;
	}
	.shopBox .buy:hover {
		opacity: 0.7;
	}
	.inputBtn a:hover {
		opacity: 0.7;
	}
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
	visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all ease 0.5s;
}
.modal.modalHide {
	opacity: 0;
	position: fixed;
	visibility: hidden;
	pointer-events: none;
}
.modal.modalShow {
	position: absolute;
	visibility: visible;
	opacity: 1;
}
.modal .overlay {
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100vh;
	position: fixed;
}
.modal .close {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff url("../img/common/btn-close-gray.svg") no-repeat center center/14px;
}
.modal .modal-inner {
	position: relative;
	z-index: 1;
	margin: 0 20px;
	width: calc(100% - 40px);
	box-sizing: border-box;
}
@media all and (min-width: 897px) {
	.modal .modal-inner {
		margin: auto;
		width: calc((360/640*100vh) - 80px);
	}
}
.modal .modal-inner:before {
	display: block;
	content: "";
	width: 100%;
	padding-bottom: 56.25%;
}
.modal .modal-inner iframe {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
@media all and (max-width: 896px) {
	.contactUl {
		max-width: 315px;
		margin: 0 auto;
	}
}
.twoweeks {
	padding-top: 2px;
}
.twoweeks .topBox {
	overflow: hidden;
	padding: 20px 30px 39px;
	position: relative;
	background: url("../img/twoweeks/bg05.jpg") no-repeat center top;
	background-size: cover;
}
.twoweeks .topBox .inner {
	position: relative;
	z-index: 1;
}
.twoweeks .topBox .photo {
	margin-bottom: 10px;
	text-align: center;
}
.twoweeks .topBox .photo img {
	width: 100%;
}
.twoweeks .limited {
	margin-bottom: 10px;
	text-align: center;
	padding-top: 17px;
	background: rgba(255, 255, 255, 0.5);
}
.twoweeks .limited .textImg {
	margin-bottom: 5px;
}
.twoweeks .limited .ttl {
	margin-bottom: 14px;
	font-size: 2.7rem;
	letter-spacing: 0.08em;
	line-height: 1.19;
	font-weight: 500;
}
.twoweeks .limited .txt {
	color: white;
	font-size: 1.6rem;
	padding: 3px 5px 5px;
	letter-spacing: 0.04em;
	background-color: #4D4D4D;
}
.twoweeks .topBox .ttl02 {
	margin-bottom: -9px;
	font-size: 1.4rem;
	letter-spacing: 0.04em;
	line-height: 1.45;
	text-align: center;
	position: relative;
	z-index: 1;
}
.twoweeks .topBox .photo02 {
	margin: 0 -30px -56.6vw;
}
.twoweeks .topBox .photo02 img {
	width: 100%;
}
.twoweeks .topBox p {
	position: relative;
	z-index: 1;
}
.twoweeks .topBox .price {
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 300;
	letter-spacing: 0.04em;
}
.twoweeks .topBox .price .txtSpan {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0;
	font-weight: 500;
}
.twoweeks .topBox .price .txtSpan .num {
	font-size: 2.1rem;
}
.twoweeks .topBox .txt02 {
	margin-bottom: 9px;
	text-align: center;
	font-size: 1.55rem;
	letter-spacing: 0.04em;
}
.comLink {
	margin: 0 auto;
	max-width: 315px;
}
.comLink a {
	padding: 8px 10px 11px;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	color: white;
	text-align: center;
	border-radius: 5px;
	background: #333333;
	letter-spacing: 0.04em;
}
.comLink a .txtSpan {
	font-size: 2.1rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	vertical-align: -3px;
	margin-left: 5px;
}
.twoweeks .product {
	overflow: hidden;
	margin-bottom: 31px;
	padding: 43px 0 10px;
	background: url("../img/twoweeks/photo18.jpg") no-repeat center center;
	background-size: cover;
}
.twoweeks .h2Ttl {
	margin-bottom: 10px;
	font-size: 2.3rem;
	letter-spacing: 0.08em;
	line-height: 1.17;
	font-weight: 400;
	text-align: center;
}
.twoweeks .h2Ttl span {
	padding: 11px 11px 12px;
	display: inline-block;
	min-width: 253px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #fff;
}
.twoweeks .h2Ttl .img01 {
	position: absolute;
	top: -3px;
	left: -3px;
}
.twoweeks .h2Ttl .img02 {
	position: absolute;
	top: -3px;
	right: -3px;
}
.twoweeks .h2Ttl .img03 {
	position: absolute;
	bottom: -3px;
	left: -3px;
}
.twoweeks .h2Ttl .img04 {
	position: absolute;
	bottom: -3px;
	right: -3px;
}
.twoweeks .product .photo {
	margin: 0 -30px -46.4vw;
}
.twoweeks .product .photo img {
	width: 100%;
}
.twoweeks .mainBox {
	padding: 0 30px;
}
.twoweeks .product h3 {
	margin-bottom: 7px;
	font-size: 2.3rem;
	letter-spacing: 0.08em;
	line-height: 1.27;
	text-align: center;
}
.twoweeks .product h3 sup {
	font-size: 1.2rem;
}
.twoweeks .product p {
	margin-bottom: 13px;
	font-size: 1.4rem;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.04em;
	line-height: 1.79;
	position: relative;
	z-index: 1;
}
.twoweeks .product p small {
	font-size: 1rem;
}
.twoweeks .product .notes {
	padding-top: 8px;
	font-size: 1.1rem;
	color: #666666;
	letter-spacing: 0;
	border-top: 1px solid #808080;
}
.twoweeksBox .sub {
	margin-bottom: 39px;
}
.twoweeks .bigPhoto {
	margin-bottom: 10px;
	position: relative;
}
.twoweeks .bigPhoto > img {
	width: 100%;
}
.twoweeks .bigPhoto p {
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	position: absolute;
	top: 15px;
	left: 15px;
}
.twoweeks .bigPhoto p span {
	margin-bottom: 3px;
	display: block;
	font-size: 2rem;
	line-height: 1.16;
}
.twoweeksBox h3 {
	margin-bottom: 13px;
	padding-bottom: 7px;
	font-size: 1.95rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	border-bottom: 1px solid #CCCCCC;
}
.twoweeksBox h3 .txtSpan {
	margin-top: 5px;
	display: block;
	font-size: 1.1rem;
	line-height: 1.73;
}
.twoweeksBox p {
	margin-bottom: 4px;
	font-size: 1.4rem;
	letter-spacing: 0.04em;
	line-height: 1.79;
}
.twoweeksBox h4 {
	margin-bottom: 8px;
	letter-spacing: 0.05em;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.53;
}
.twoweeksBox .notes {
	margin-bottom: 7px;
	font-size: 0.9rem;
	line-height: 1.56;
	font-weight: 300;
}
.twoweeksBox .txt02 {
	padding: 0 7px 2px;
	font-size: 0.9rem;
	font-weight: 300;
	border: 1px solid #808080;
}
.twoweeksBox .comLink {
	padding-top: 37px;
}
.twoweeks .support {
	padding: 53px 0 0;
}
.twoweeks .support .photo {
	margin: -4px -30px 0;
}
.twoweeks .support .photo img {
	width: 100%;
}
.twoweeks .bigPhoto02 {
	margin-bottom: -30px;
}
.twoweeks .bigPhoto03 img, .twoweeks .bigPhoto02 img {
	width: 100%;
}
.twoweeks .support .headLine02 {
	line-height: 1.5;
}
.twoweeks .support .headLine02 sup {
	font-size: 1.1rem;
}
.twoweeks .support p {
	margin-bottom: 7px;
	font-size: 1.4rem;
	letter-spacing: 0.04em;
	line-height: 1.79;
	text-align: justify;
	text-justify: inter-ideograph;
}
.twoweeks .support .headLine02.ttl {
	line-height: 1.4;
	margin-bottom: 12px;
}
.twoweeks .support .notes {
	margin-bottom: 36px;
	font-size: 0.9rem;
	letter-spacing: 0.04em;
	line-height: 1.56;
}
.twoweeks .bigPhoto03 {
	margin-bottom: 20px;
}
.twoweeks .support .text {
	margin-bottom: 37px;
}
.twoweeks .sec {
	padding: 45px 0 70px;
	margin-top: 47px;
	background-color: #E5D9B0;
}
.twoweeks .sec .headLine02 {
	font-size: 2.3rem;
	padding-bottom: 5px;
}
.twoweeks .sec .h2Ttl {
	margin-bottom: 44px;
}
.twoweeks .subFlow {
	margin-bottom: 30px;
	padding: 14px 16px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: white;
}
.twoweeks .subFlow:after {
	width: 23px;
	height: 12px;
	background: url("../img/twoweeks/arrow.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: -22px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
}
.twoweeks .subFlow:last-child:after {
	display: none;
}
.twoweeks .subFlow .photoBox {
	margin: -10px -12px 0 0;
	order: 2;
	width: 54%;
}
.twoweeks .subFlow .photoBox img {
	width: 100%;
}
.twoweeks .subFlow p {
	font-size: 1.1rem;
	font-weight: 300;
	letter-spacing: 0.04em;
	line-height: 1.36;
}
.twoweeks .subFlow .textBox {
	flex: 1;
}
.twoweeks .subFlow .ttl {
	margin-bottom: 6px;
	font-size: 1.8rem;
	letter-spacing: 0.06em;
	font-weight: 500;
}
.twoweeks .subFlow02 .photoBox {
	width: 45px;
	margin: -2px 10px 0 30px;
}
.twoweeks .subFlow02 .textBox {
	padding-top: 6px;
}
.twoweeks .subFlow .list {
	margin: -2px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.twoweeks .subFlow .list li {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.twoweeks .subFlow .list li .photo {
	margin-right: 8px;
	width: 32%;
}
.twoweeks .subFlow .list li .textBox {
	flex: 1;
}
.twoweeks .subFlow .list li .textBox .ttl {
	font-size: 1.7rem;
	letter-spacing: 0.06em;
	line-height: 1.18;
}
.twoweeks .subFlow .list .liStyle {
	margin-right: -4%;
	width: 54%;
}
.twoweeks .subFlow .list .liStyle .photo {
	width: 57%;
	margin: 0 3px 0 3px;
}
.twoweeks .subFlow03 {
	padding: 0;
	align-items: center;
}
.twoweeks .subFlow03 .photoBox {
	margin: 0;
	width: 50%;
}
.twoweeks .subFlow03 .textBox {
	padding: 10px 5px 10px 15px;
}
.twoweeks .subFlow04 {
	padding: 0;
	align-items: center;
}
.twoweeks .subFlow04 .photoBox {
	width: 50%;
	margin: 0 -17% 0 0;
	order: 0;
}
.twoweeks .subFlow04 .textBox {
	padding: 10px;
}
.twoweeks .subFlow04 .textBox p {
	font-size: 1.4rem;
}
.twoweeks .flowBox {
	margin-bottom: 110px;
}
.twoweeks .quality .headLine02 {
	padding-bottom: 0;
	font-size: 1.8rem;
	letter-spacing: 0;
	line-height: 1.5;
	font-weight: 300;
}
.twoweeks .quality .headLine02 span {
	padding: 0 35px;
	display: inline-block;
	background: url("../img/twoweeks/line01.png") no-repeat left bottom, url("../img/twoweeks/line02.png") no-repeat right bottom;
	background-size: 27.5px auto;
}
.twoweeks .quality .inner .ttl {
	padding: 8px 5px 4px;
	font-size: 1.7rem;
	color: white;
	text-align: center;
	font-weight: 500;
	background-color: #4D4D4D;
}
.twoweeks .quality .inner .white {
	background-color: #fff;
	padding: 17px 15px 14px;
	text-align: center;
}
.twoweeks .quality .inner .white p {
	margin-bottom: 3px;
	font-size: 1.4rem;
	letter-spacing: 0.04em;
	line-height: 1.43;
}
.twoweeks .quality .inner .white .textImg {
	margin-bottom: 6px;
}
.twoweeks .quality .inner .white .ttl02 {
	margin-bottom: -4px;
	font-size: 2.5rem;
	letter-spacing: 0.08em;
	line-height: 1.2;
	font-weight: 500;
}
.twoweeks .quality .inner .photo {
	margin-bottom: -3px;
}
.twoweeks .quality .inner .white .price {
	margin-bottom: 21px;
	font-size: 1.1rem;
	font-weight: 300;
}
.twoweeks .quality .inner .white .price .txtSpan {
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
}
.twoweeks .quality .inner .white .price .num {
	font-size: 2.1rem;
}
.twoweeks .quality {
	margin-bottom: 27px;
}
.twoweeks .sec02 {
	background-color: white;
	margin-bottom: 5px;
	padding: 5px 10px 15px;
}
.twoweeks .sec02 h2 {
	margin-bottom: 5px;
	padding-bottom: 4px;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	font-weight: 500;
	border-bottom: 1px solid #333333;
}
.twoweeks .sec02 p {
	margin-bottom: 15px;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	font-weight: 300;
	line-height: 1.5;
}
.twoweeks .sec02 p:last-child {
	margin-bottom: 0;
}
.twoweeks .sec02 p .txtSpan {
	display: inline-block;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
.twoweeks .sec02 p strong {
	font-weight: 500;
}
.twoweeks .sec02 .arrow {
	margin-top: -15px;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	font-weight: 500;
	line-height: 1.5;
}
.twoweeks .sec02 .notes {
	font-size: 1.1rem;
	line-height: 1.36;
	margin-top: -8px;
	letter-spacing: 0.05em;
}
@media all and (min-width: 897px) {
	.twoweeks .topBox .inner {
		max-width: 500px;
		margin: 0 auto;
	}
	.twoweeks .topBox {
		padding: 42px 30px 82px;
		background-image: url("../img/twoweeks/pc_bg01.jpg");
	}
	.twoweeks .topBox .headLine02 {
		margin-bottom: 19px;
		font-size: 2.3rem;
		letter-spacing: 0.08em;
		line-height: 1.52;
	}
	.twoweeks .topBox .photo02 {
		margin: 0 20px -257px;
	}
	.twoweeks .limited {
		width: 315px;
		margin: 0 auto 12px;
	}
	.twoweeks .topBox .photo {
		margin: 0 auto 8px;
		width: 316px;
	}
	.twoweeks .topBox .price {
		margin-bottom: 17px;
	}
	.twoweeks .topBox .txt02 {
		margin-bottom: 15px;
	}
	.comLink {
		max-width: 500px;
	}
	.comLink a {
		padding: 4px 10px 10px;
		font-size: 1.7rem;
	}
	.comLink a:hover {
		opacity: 0.7;
	}
	.comLink a .txtSpan {
		font-size: 2.5rem;
		margin-left: 12px;
	}
	.twoweeks .product {
		padding: 62px 30px 82px;
		background-image: url("../img/twoweeks/pc_bg02.jpg");
	}
	.twoweeks .product .photo {
		margin: 0 80px -220px;
	}
	.twoweeks .mainBox {
		max-width: 630px;
		margin: 0 auto;
	}
	.twoweeks .bigPhoto p {
		font-size: 1.8rem;
	}
	.twoweeks .bigPhoto p span {
		font-size: 2.2rem;
	}
	.twoweeksBox .notes {
		font-size: 1.1rem;
	}
	.twoweeksBox .txt02 {
		font-size: 1rem;
		padding: 5px 10px;
	}
	.twoweeksBox h3 .txtSpan {
		font-size: 1.2rem;
	}
	.twoweeks .support .notes {
		font-size: 1rem;
	}
	.twoweeks .subFlow p {
		font-size: 1.4rem;
	}
	.twoweeks .subFlow {
		margin-bottom: 70px;
		align-items: center;
		min-height: 210px;
		box-sizing: border-box;
	}
	.twoweeks .subFlow02 .photoBox {
		width: 85px;
	}
	.twoweeks .subFlow::after {
		width: 40px;
		height: 30px;
		bottom: -58px;
	}
	.twoweeks .subFlow04 .textBox p {
		font-size: 1.8rem;
	}
	.twoweeks .subFlow .list li .textBox .ttl {
		font-size: 2rem;
	}
	.twoweeks .subFlow .ttl {
		font-size: 2rem;
	}
	.twoweeks .quality .inner {
		padding: 0 75px;
		background-color: white;
	}
	.twoweeks .quality .inner .ttl {
		font-size: 2.1rem;
		padding: 7px 5px 6px;
	}
	.twoweeks .quality .inner .white {
		padding: 30px 0 45px;
	}
	.twoweeks .quality .inner .white .textImg img {
		width: 120px;
	}
	.twoweeks .quality .inner .white p {
		margin-bottom: 14px;
		font-size: 1.5rem;
	}
	.twoweeks .quality .inner .white .ttl02 {
		margin-bottom: 2px;
		font-size: 3.1rem;
	}
	.twoweeks .quality .inner .photo img {
		width: 389px;
	}
	.twoweeks .quality .inner .photo {
		margin-bottom: -1px;
	}
	.twoweeks .quality {
		margin-bottom: 15px;
	}
	.twoweeks .quality .inner .white .pcTxt {
		font-size: 1.55rem;
		margin-bottom: 10px;
		letter-spacing: 0.04em;
	}
	.twoweeks .quality .inner .white .price {
		margin-bottom: 12px;
	}
	.twoweeks .quality .comLink {
		margin: 0 -10px;
		max-width: inherit;
	}
	.twoweeks .sec02 p {
		margin-bottom: 17px;
	}
	.twoweeks .sec02 .arrow {
		width: 46%;
		margin-top: -18px;
	}
	.twoweeks .sec02 {
		margin-bottom: 13px;
		padding-bottom: 22px;
	}
	.twoweeks .sec {
		padding-bottom: 50px;
	}
}
@media all and (max-width: 374px) {
	.comLink a .txtSpan {
		font-size: 1.6rem;
		vertical-align: -1px;
	}
	.twoweeks .product h3 {
		font-size: 2rem;
	}
	.twoweeks .sec .headLine02 {
		font-size: 2rem;
	}
	.twoweeks .subFlow .list li .textBox .ttl {
		font-size: 1.4rem;
	}
	.twoweeks .subFlow .ttl {
		font-size: 1.5rem;
	}
	.twoweeks .subFlow04 .textBox p {
		font-size: 1.2rem;
	}
	.twoweeks .quality .headLine02 {
		font-size: 1.5rem;
	}
	.twoweeks .quality .inner .white p {
		font-size: 1.3rem;
	}
	.twoweeks .mainBox {
		padding: 0 15px;
	}
}
.twoweeks.twTop .comLink a {
	background-color: #D4145A;
}
.twTop .topBox {
	padding: 0 30px 28px;
	background-color: #E5D9B0;
	background-image: none;
}
.twTop .topBox .ttl {
	padding: 2px 5px 1px;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-align: center;
	background-color: #B19356;
}
.twTop .topBox .ttl02 {
	margin-bottom: 17px;
	padding: 2px 5px 3px;
	font-size: 1.1rem;
	background-color: #333;
}
.twTop .topBox .ttl02 .big {
	font-size: 1.5rem;
}
.twTop .topBox .ttl02 .time {
	font-size: 2.3rem;
}
.twTop .topBox .photo01 {
	margin: 0 auto 5px;
	max-width: 231px;
}
.twTop .topBox .photo02 {
	margin: 0 -30px;
}
.twTop .topBox .photo {
	margin: -4px -3px 21px -8px;
}
.twTop .topBox .photo img {
	width: 326px;
}
.twTop .topBox .photo03 {
	margin-bottom: 18px;
	text-align: center;
}
.twTop .topBox .photo03 img {
	max-width: 233px;
}
.twTop .topBox .photo04 {
	margin-bottom: 9px;
}
.twTop .topBox .txt02 {
	margin-bottom: 7px;
}
.twTop .topBox .node {
	font-size: 1.1rem;
	margin: 3px 0 0 7px;
}
.twTop .quality .inner {
	padding: 0 20px;
	border: 2px solid #B19355;
	background: #fff url("../img/twoweek_index/sp_bg.png") no-repeat center top -59px / cover;
}
.twTop .quality .inner .ttl {
	padding: 0 5px 2px;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-align: center;
	background-color: #B19356;
}
.twTop .quality .inner .ttl02 {
	margin-bottom: 20px;
	padding: 0 5px;
	font-size: 1.1rem;
	background-color: #333;
}
.twTop .quality .inner .ttl02 .big {
	font-size: 1.5rem;
}
.twTop .quality .inner .ttl02 .time {
	font-size: 2.3rem;
}
.twTop .quality .inner .white .node {
	font-size: 1.1rem;
	margin: 3px 0 0 7px;
	text-align: left;
}
.twTop .quality .inner .white {
	background-color: transparent;
	padding: 0;
}
.twTop .quality .inner .white .textImg {
	margin-bottom: 7px;
	text-align: center;
}
.twTop .quality .inner .white .textImg img {
	width: 223px;
}
.twTop .quality .inner .photo {
	margin: -1px -20px 6px -20px;
}
@media all and (max-width: 896px) {
	.twTop .quality .inner .white p {
		margin-bottom: 10px;
		font-size: 1.5rem;
		letter-spacing: 0.06em;
	}
	.twTop .quality .inner {
		padding: 0 20px 10px;
	}
	.twTop .quality .inner .comLink a {
		margin: 0 -4px;
	}
}
@media all and (min-width: 897px) {
	.twTop .topBox {
		padding: 0 30px 28px;
	}
	.twTop .topBox .ttl {
		padding: 3px 5px 3px;
		font-size: 2.2rem;
	}
	.twTop .topBox .ttl02 {
		margin-bottom: 18px;
		padding: 2px 5px 6px;
		font-size: 1.2rem;
	}
	.twTop .topBox .ttl02 .time {
		font-size: 2.4rem;
	}
	.twTop .topBox .ttl02 .big {
		font-size: 1.6rem;
	}
	.twTop .topBox .photo01 {
		margin: 0 auto 9px;
		max-width: 324px;
	}
	.twTop .topBox .photo02 {
		margin: 0;
	}
	.twTop .topBox .photo {
		margin: -3px -2px 24px 0;
		width: auto;
	}
	.twTop .topBox .photo img {
		width: 359px;
	}
	.twTop .topBox .photo03 {
		margin-bottom: 20px;
	}
	.twTop .topBox .photo03 img {
		max-width: 424px;
	}
	.twTop .topBox .photo04 {
		max-width: 343px;
		margin: 0 auto 14px;
	}
	.twTop .topBox .txt02 {
		margin-bottom: 6px;
		font-size: 1.75rem;
	}
	.twoweeks.twTop .comLink a {
		padding: 4px 10px 8px;
	}
	.twTop .topBox .node {
		margin: 3px auto 0;
		width: 488px;
	}
	.twTop .quality .inner {
		padding: 0 75px 27px;
		border: 10px solid #B19355;
		margin: 0 -10px 28px;
		background: #fff url("../img/twoweek_index/bg.png") no-repeat center top / cover;
	}
	.twTop .quality .inner .ttl {
		padding: 1px 5px 3px;
		background-color: #333;
		margin-top: -10px;
	}
	.twTop .quality .inner .ttl02 {
		margin-top: 0;
		padding: 0 5px;
		background-color: #B19355;
	}
	.twTop .quality .inner .white .textImg img {
		width: 393px;
	}
	.twTop .quality .inner .photo {
		margin: -3px -31px 9px -7px;
	}
	.twTop .quality .inner .photo img {
		width: 522px;
	}
	.twTop .quality .inner .white .node {
		margin: 3px auto 0;
		width: 488px;
	}
}
.top .sec04 .innBox02 {
	padding: 35px 25px 30px;
}
.top .sec04 .innBox02 .inner {
	padding: 0 20px;
	border: 10px solid #B19355;
	background: #fff url("../img/twoweek_index/sp_bg.png") no-repeat center center / cover;
}
.top .sec04 .innBox02 .inner .ttl {
	padding: 0 5px 2px;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-align: center;
	background-color: #333;
}
.top .sec04 .innBox02 .inner .ttl02 {
	margin-bottom: 20px;
	padding: 0 5px;
	font-size: 1.1rem;
	background-color: #B19356;
}
.top .sec04 .innBox02 .inner .ttl02 .big {
	font-size: 1.5rem;
}
.top .sec04 .innBox02 .inner .ttl02 .time {
	font-size: 2.3rem;
}
.top .sec04 .innBox02 .inner .white .node {
	font-size: 1.1rem;
	margin: 3px 0 0 7px;
	text-align: left;
}
.top .sec04 .innBox02 .inner .white {
	background-color: transparent;
	padding: 0;
}
.top .sec04 .innBox02 .inner .white .textImg {
	margin-bottom: 7px;
	text-align: center;
}
.top .sec04 .innBox02 .inner .white .textImg img {
	width: 223px;
}
.top .sec04 .innBox02 .inner .photo {
	margin-bottom: -3px;
	margin: -1px -4px 6px 8px;
}
.top .sec04 .innBox02 .comBtn01 {
	margin: 0 -40px;
}
.top .sec04 .innBox02 .comBtn01 a {
	padding: 12px 20px 16px;
	color: #fff;
	font-size: 1.5rem;
	background-color: #333;
	background-image: none;
	display: block;
	text-align: center;
}
@media all and (max-width: 896px) {
	.top .sec04 .innBox02 .inner .white p {
		margin-bottom: 10px;
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: 0.06em;
	}
	.top .sec04 .innBox02 .inner {
		padding: 0 30px;
		border-bottom: none;
	}
	.top .sec04 .innBox02 .inner .ttl {
		padding: 2px 5px 2px;
		margin-top: -10px;
	}
	.top .sec04 .innBox02 .inner .ttl02 {
		margin-bottom: 17px;
		margin-top: 0;
	}
	.top .sec04 .innBox02 .inner .white .textImg {
		margin-bottom: 10px;
	}
	.top .sec04 .innBox02 .inner .photo {
		margin: 0 -30px 11px -30px;
	}
}
@media all and (min-width: 897px) {
	.top .sec04 .innBox02 {
		padding: 35px 50px 30px;
	}
	.top .sec04 .innBox02 .inner {
		padding: 0 75px 27px;
		border: 10px solid #B19355;
		background: #fff url("../img/twoweek_index/bg.png") no-repeat center top / cover;
	}
	.top .sec04 .innBox02 .inner .ttl {
		padding: 1px 5px 3px;
		background-color: #333;
		margin-top: -10px;
	}
	.top .sec04 .innBox02 .inner .ttl02 {
		margin-top: 0;
		margin-bottom: 18px;
		padding: 0 5px;
		background-color: #B19355;
	}
	.top .sec04 .innBox02 .inner .white .textImg {
		margin-bottom: 21px;
	}
	.top .sec04 .innBox02 .pcTxt {
		text-align: center;
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	.top .sec04 .innBox02 .comBtn01 {
		margin: 0;
	}
	.top .sec04 .innBox02 .inner .white .textImg img {
		width: 393px;
	}
	.top .sec04 .innBox02 .inner .photo {
		margin: -3px -31px 9px -7px;
	}
	.top .sec04 .innBox02 .inner .photo img {
		width: 522px;
	}
	.top .sec04 .innBox02 .inner .white .node {
		margin: 3px auto 0;
		width: 488px;
	}
}
@media all and (max-width: 374px) {
	.top .sec02 .imgBox .txtBox {
		margin: 0 27px;
	}
	.comLink a .txtSpan {
		letter-spacing: 0;
	}
	.top .sec04 .box01 {
		padding: 22px 19px 0;
	}
	.top .sec04 .box01 .comBtn {
		margin: 0 -19px;
	}
	.top .sec04 .innBox01 .linkUl p {
		font-size: 1.2rem;
	}
	.top .sec04 .innBox01 .linkUl p span {
		font-size: 1.7rem;
	}
	.top .sec04 .innBox02 .inner {
		padding: 0 20px;
	}
	.top .sec04 .innBox02 .inner .ttl02 .time {
		font-size: 1.8rem;
	}
	.top .sec04 .innBox02 .inner .ttl02 .big {
		font-size: 1.3rem;
	}
	.top .sec04 .innBox02 .inner .white p {
		font-size: 1.4rem;
	}
	.twoweeksBox h4 {
		font-size: 1.6rem;
	}
	.top .sec04 .innBox02 .inner .photo {
		margin: 0 -20px 11px -20px;
	}
	.top .sec04 .innBox02 .comBtn01 {
		margin: 0 -30px;
	}
}
.mainVisual .slick-dots {
	position: absolute;
	width: 100%;
	bottom: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}
.mainVisual .slick-dots li {
	margin: 0 5px;
	display: inline-block;
	width: 8px !important;
	height: 8px !important;
	background-color: #B3B3B3;
	cursor: pointer;
	border-radius: 100%;
}
.mainVisual .slick-dots li button {
	display: none;
}
.mainVisual .slick-dots li.slick-active {
	background-color: #fff;
}
.linkBox {
	margin-bottom: 49px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.linkBox .linkUl {
	display: flex;
	position: relative;
}
.linkBox .linkUl::after {
	margin-left: -1px;
	position: absolute;
	width: 1px;
	top: 20px;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	background-color: #CCCCCC;
}
.linkBox .linkUl li {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.linkBox .linkUl a {
	padding: 30px 7px 38px 27px;
	display: block;
	width: 100%;
	background: url("../img/common/arrow04.png") no-repeat right center / 8px;
}
.linkBox .linkUl a:hover {
	opacity: 0.7;
}
.linkBox .linkUl li:first-child a {
	background: url("../img/common/arrow08.png") no-repeat left center / 8px;
}
.linkBox .linkUl li .topTxt {
	margin-bottom: 6px;
	color: #999999;
	font-size: 1.6rem;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.08em;
	line-height: 1.5;
}
.linkBox .linkUl li p {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 1.31;
}
.commodity {
	margin: 0 -30px;
	padding-bottom: 21px;
	width: auto;
	background-color: #ffffff;
}
.commodity .text {
	margin-bottom: 37px;
	padding: 11px 10px 13px;
	color: #fff;
	font-size: 1.7rem;
	text-align: center;
	background-color: #ffffff;
	letter-spacing: 0.06em;
}
.commodity .shopLink {
	padding: 0 35px;
}
.commodity .shopLink li {
	display: inline-block;
	width: 100%;
}
.commodity .shopLink li a {
	display: block;
}
.commodity .shopLink li a:hover {
	opacity: 0.7;
}
.commodity .shopLink li:nth-child(2n) {
	margin-right: 0;
}
.commodity .shopLink li .img {
	margin-bottom: 10px;
	border: 2px solid #fff;
}
.commodity .shopLink li .img img {
	width: 100%;
}
.commodity .shopLink li p {
    font-size: 1.3rem;
    letter-spacing: -0.2px;
    line-height: 1;
    text-align: center;
}
.commodity .shopLink li p span {
	margin-bottom: 4px;
	display: block;
	font-size: 1.5rem;
}
.commodity .slick-slider .slick-prev, .commodity .slick-slider .slick-next {
	margin-top: -27px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	color: transparent;
	background: url("../../img/common/arrow08.png") no-repeat left center / 8px;
	border: none;
	overflow: hidden;
	z-index: 5;
	cursor: pointer;
	width: 27px;
}
@media all and (min-width: 897px) {
	.commodity .slick-slider .slick-prev:hover, .commodity .slick-slider .slick-next:hover {
		opacity: 0.7;
	}
}
.commodity .slick-slider .slick-next {
	left: auto;
	right: 22px;
	background-image: url("../../img/common/arrow04.png");
	background-position: right center;
}
.commodity .slick-slide {
	margin: 0 6px;
	width: calc(100%/2 - 6px);
}
.exchange {
	padding-bottom: 106px;
	background-color: #E9D9A2;
}
.exchange .mainBox {
	margin-top: -3px;
	padding-bottom: 30px;
	background-color: #fff;
}
.exchange .mainBox .innBox {
	margin-bottom: 8px;
	position: relative;
}
.exchange .mainBox h2 {
	margin-top: -5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.31;
	letter-spacing: 0.08em;
	text-align: center;
}
.exchange .mainBox h2 span {
	margin-bottom: 7px;
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.04em;
}
.exchange .mainBox p {
	margin-bottom: 14px;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	text-align: center;
}
.exchange .mainBox .redTtx {
	margin-bottom: 0;
	color: #E60044;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.42;
}
.exchange .comContent {
	margin: 0 20px;
}
.exchange .sec01 h2 {
	padding: 6px 5px 8px;
	margin: 0 -20px 27px;
	color: #fff;
	font-size: 1.7rem;
	font-weight: normal;
	letter-spacing: 0.06em;
	text-align: center;
	background-color: #333333;
}
.exchange .hTxt {
	margin-bottom: 25px;
	padding: 7px 17px 8px;
	color: #333333;
	font-weight: normal;
	font-size: 1.7rem;
	letter-spacing: 0.06em;
	box-sizing: border-box;
	background-color: #fff;
}
.exchange .point {
	margin-right: 12px;
	width: 71px;
	height: 71px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	color: #D5B345;
	font-size: 1.2rem !important;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.04em;
	line-height: 1;
	text-align: center;
	border: 2px solid #D5B345;
	background-color: #333333;
}
.exchange .point span {
	margin-bottom: 2px;
	width: 100%;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0;
}
.exchange .imgBox {
	padding-bottom: 28px;
	border-bottom: 1px solid #fff;
	margin-bottom: 24px;
}
.exchange .imgBox .textBox {
	margin-bottom: 18px;
	display: flex;
	align-items: center;
}
.exchange .imgBox .textBox .txt {
	margin-top: -8px;
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	line-height: 1.41;
}
.exchange .phoBox {
	margin: 0 auto 12px;
	padding: 0 9px;
}
.exchange .sec01 .innTxt {
	font-size: 1.3rem;
	line-height: 1.61;
	letter-spacing: 0.04em;
}
.exchange .sec01 .time {
	padding: 0 11px 2px 9px;
	display: inline-block;
	color: #fff;
	font-size: 1.3rem;
	background-color: #E60044;
	text-align: center;
	box-sizing: border-box;
	letter-spacing: 0;
}
.exchange .imgBox02 {
	padding-bottom: 19px;
}
.exchange .imgBox02 .textBox {
	margin-bottom: -3px;
}
.exchange .imgBox02 .phoBox {
	margin-bottom: 13px;
	width: 51.6%;
}
.exchange .imgBox03 .phoBox {
	margin-bottom: 3px;
	width: 83.4%;
	margin-top: -7px;
}
.exchange .imgBox04 .phoBox {
	margin-bottom: 0;
	width: 28.7%;
	margin-top: -29px;
}
.exchange .sec02 {
	margin-bottom: 40px;
}
.exchange .textUl li {
	margin-bottom: 25px;
	padding-bottom: 24px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #fff;
}
.exchange .textUl li p {
	font-size: 1.7rem;
	letter-spacing: 0.04em;
}
.exchange .textUl li:last-of-type {
	margin-bottom: 0;
}
.exchange .sec03 .photoBox {
	margin-bottom: 22px;
}
.exchange .sec03 .photoBox .img img {
	width: 100%;
}
.exchange .sec03 .photoBox .catalog {
	margin: -19px auto 4px;
	max-width: 240px;
	display: block;
	padding: 5px 5px 6px;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	text-align: center;
	box-sizing: border-box;
	border: 2px solid #D5B345;
	background-color: #1A1A1A;
	position: relative;
	z-index: 5;
}
.exchange .sec03 .photoBox .node {
	font-size: 1.1rem;
	letter-spacing: 0.06em;
	text-align: center;
}
.exchange .sec03 h2 {
	margin-bottom: 58px;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-align: center;
}
.exchange .sec03 .listUl {
	margin: -33px 0 30px;
	padding-bottom: 29px;
	border-bottom: 1px solid #fff;
}
.exchange .sec03 .listUl li {
	margin-top: 33px;
	display: flex;
}
.exchange .sec03 .listUl .imgBox {
	margin-bottom: 0;
	padding-bottom: 0;
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: none;
}
.exchange .sec03 .listUl .textBox p {
	font-size: 1.7rem;
	letter-spacing: 0.04em;
	line-height: 1.41;
}
.exchange .sec03 .listUl .textBox p a {
	margin-top: 13px;
	display: block;
	font-size: 1.3rem;
	letter-spacing: 0.06em;
	line-height: 1.46;
}
.exchange .sec03 .listUl .phoBox {
	margin: 0;
	padding: 0;
	max-width: 120px;
}
.exchange .sec03 .listUl .phoBox img {
	width: 100%;
}
.exchange .sec03 .listUl02 .phoBox {
	width: 104px;
}
.exchange .sec03 .topTxt {
	margin-bottom: 21px;
}
.exchange .sec03 .textUl02 {
	margin-bottom: 18px;
	padding-bottom: 38px;
	border-bottom: 1px solid #fff;
}
.exchange .sec03 .textUl02 li {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}
.exchange .sec03 .textUl02 li:last-child {
	margin-bottom: 0;
}
.exchange .sec03 .text {
	margin-bottom: 50px;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	line-height: 1.58;
}
.exchange .sec03 .text02 {
	margin-bottom: 15px;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	line-height: 1.58;
}
.exchange .sec03 .comBtn {
	text-align: center;
}
.exchange .sec03 .comBtn a {
	width: 100%;
	padding: 12px 10px 15px;
	display: inline-block;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.06em;
	text-align: center;
	box-sizing: border-box;
	background-color: #333;
}
@media all and (min-width: 897px) {
	.exchange .sec03 .comBtn a:hover {
		opacity: 0.7;
	}
	.exchange .sec03 .listUl a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 374px) {
	.exchange .mainBox .redTtx {
		font-size: 1.3rem;
	}
	.exchange .sec03 h2 {
		font-size: 1.7rem;
	}
	.exchange .sec03 .listUl .phoBox {
		max-width: 87px;
	}
	.exchange .sec03 .listUl .textBox p {
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.exchange .sec03 .listUl02 .phoBox {
		width: 80px;
	}
	.exchange .sec03 .photoBox .node {
		font-size: 1rem;
	}
}


.check{
  display: none;
}

/* 通常時表示されるテキスト */
.label{

  display: block;
  align-items: center;


}

/* クリック時に表示されるテキスト */
.text{
  align-items: center;

  /*通常時は見えなくする*/
  overflow: hidden;
  /*  通常時は高さ0を指定  */
  height: 0;
  transition: 0.5s;

}

/* クリック時のスタイル */
.check:checked + .label + .text{
  height: auto;

}