@charset "UTF-8";

/* --------------------------------------------------------------------
　ガイド共通設定
-------------------------------------------------------------------- */
/*-- パンくずリスト --*/
.fs-c-breadcrumb > ol > li:has(.not-link){
display:flex;
}

/*-- ショップガイドリスト一覧 --*/
.commons-guide-wrap > #guide-list > h3{
width:100%;
}
.commons-guide-wrap > #guide-list > details > summary{
font-weight:600;
padding:0 0 1rem 0;
}
.commons-guide-wrap > #guide-list > details > summary::-webkit-details-marker,
.commons-guide-wrap > #guide-list > details > summary > .toggle{
display:none;
}
.commons-guide-wrap > #guide-list > details > ul{
width:100%;
}
.commons-guide-wrap > #guide-list > details > ul > li > a{
position:relative;
display:flex;
align-items:center;
letter-spacing:0;
}
.commons-guide-wrap > #guide-list > details > ul > li > a:after{
content:"";
position:absolute;
top:50%;
border-top:1px solid #000;
border-right:1px solid #000;
transform:rotate(45deg) translateY(-50%);
}


/*-- FAQ一覧 --*/
.commons-guide-wrap > #guide-faq-list{
margin:0 auto;
}
.commons-guide-wrap > #guide-faq-list > ul{
max-width:max-content;
width:100%;
margin:auto;
}
.commons-guide-wrap > #guide-faq-list > ul > li{
margin-bottom:10px;
max-width:max-content;
}
.commons-guide-wrap > #guide-faq-list > ul > li > a{
display:flex;
align-items:center;
font-weight:600;
gap:0 1rem;
}
.commons-guide-wrap > #guide-faq-list > ul > li > a:before{
display:flex;
align-items:center;
justify-content:center;
}
.commons-guide-wrap > #guide-faq-list > p.btn{
width:100%;
}
.commons-guide-wrap > #guide-faq-list > p.btn > a{
background:#fff;
border-radius:.5rem;
filter:drop-shadow(0 0 5px rgba(0,0,0,.1));
letter-spacing:0;
position:relative;
display:block;
text-align:center;
width:100%;
}
.commons-guide-wrap > #guide-faq-list > p.btn > a:after{
content:"";
position:absolute;
top:50%;
right:2rem;
border-top:1px solid #000;
border-right:1px solid #000;
transform:rotate(45deg) translateY(-50%);
width:.8rem;
height:.8rem;
}

/*-- タイトル --*/
h1.second-layers-page-title{
font-weight:600;
color:#333;
}
h1.second-layers-page-title > span{
position:relative;
}
h1.second-layers-page-title > span::before,
h1.second-layers-page-title > span::after{
content:"";
display:inline-block;
position:absolute;
transform:translateY(-50%);
width:1.2rem;
height:1.2rem;
border:2px solid #316e7d;
}
h1.second-layers-page-title > span::before{
top:calc(50% - .3rem);
left:0;
}
h1.second-layers-page-title > span::after{
top:calc(50% + .3rem);
left:.5rem;
}
#guide-commons-main > .contents-wrap > h2{
font-weight:600;
line-height:1;
}
#guide-commons-main > .contents-wrap > h3{
display:inline-block;
position:relative;
border-bottom:1px solid #212121;
color:#333;
font-weight:600;
width:100%;
}
#guide-commons-main > .contents-wrap > h3::before{
content:"";
display:inline-block;
border-radius:50%;
background:#316e7d;
}
#guide-commons-main > .contents-wrap > h2:nth-child(n + 2),
#guide-commons-main > .contents-wrap > h3:nth-child(n + 2){
margin-top:2rem;
}

/*-- テキストエリア --*/
#guide-commons-main > .contents-wrap > p{
line-height:1.5;
font-size:1.4rem;
margin-bottom:2rem;
}
a.link-type-00{
text-decoration:underline;
margin:0 .2rem;
}
.guide-marker-00{
background:linear-gradient(transparent 40%, #fff0b9 40%);
}
#guide-commons-main .attention{
background:#e2eaed;
line-height:1.5;
}
#guide-commons-main .attention > h3{
font-weight:600;
color:#316e7d;
}

/*-- リストエリア(UL) --*/
#guide-commons-main > .contents-wrap > ul{
list-style-position:outside;
}
.ul-list-style-00 > li{
list-style:circle;
line-height:1.5;
}
.ul-list-style-00 > li:not(:last-child){
margin-bottom:1rem;
}
.ul-list-style-02{
padding-left:0 !important;
border-left:1px dotted #316e7d;
border-right:1px dotted #316e7d;
border-bottom:1px dotted #316e7d;
}
.ul-list-style-02 > li{
padding:2rem;
border-top:1px dotted #316e7d;
}
.ul-list-style-02 > li > h3{
display:grid;
gap:0 1rem;
margin:0 0 1rem;
line-height:1.5;
color:#316e7d;
font-weight:600;
justify-content:stretch;
align-items:center;
margin-bottom:2rem;
}
.ul-list-style-02 > li > h3:before{
content:"\f22f";
font-family:'Material Symbols Outlined';
background:#316e7d;
aspect-ratio:1 / 1;
width:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0;
margin-right:5px;
color:#fff;
}
.ul-list-style-02 > li > p{
margin-bottom:1rem;
line-height:1.5;
}
.ul-list-style-02 > li > ul,
.ul-list-style-02 > li > ol{
margin:0 0 2rem 3rem;
}

/*-- リストエリア(OL) --*/
#guide-commons-main > .contents-wrap > ol{
list-style-position:outside;
}
.ol-list-style-00 > li{
list-style:decimal;
line-height:1.5;
}
.ol-list-style-00 > li:not(:last-child){
margin-bottom:1rem;
}
.ol-list-style-01{
padding-left:0 !important;
}
.ol-list-style-01 > li{
display:grid;
gap:0 1rem;
padding:1rem;
margin:0 0 1rem;
line-height:1.5;
color:#316e7d;
font-weight:600;
justify-content:stretch;
align-items:center;
border:1px solid #316e7d;
}
.ol-list-style-01 > li:before{
content:"\f22f";
font-family:'Material Symbols Outlined';
background:#316e7d;
aspect-ratio:1 / 1;
width:100%;
display:flex;
align-items:center;
justify-content:center;
margin:0;
margin-right:5px;
color:#fff;
}
.ol-list-style-02{
padding-left:0 !important;
}
.ol-list-style-02{
counter-reset:my-counter;
list-style:none;
}
.ol-list-style-02 > li{
line-height:1.5;
position:relative;
}
.ol-list-style-02 > li:before{
content:counter(my-counter);
counter-increment:my-counter;
background:#316e7d;
display:flex;
justify-content:center;
align-items:center;
color:#ffffff;
line-height:1;
position:absolute;
top:0;
left:0;
font-size:.85em;
}
.ol-list-style-02 > li:not(:last-child){
margin-bottom:1rem;
}

/*-- テーブルエリア --*/
.table-style-00{
border-collapse:collapse;
width:max-content;
max-width:100%;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
}
.table-style-00 th,
.table-style-00 td{
text-align:center;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
vertical-align:middle;
line-height:1.5;
}
.table-style-00 th{
background:#e8e8e8;
}
.table-style-00 td{
background:#fff;
}
.table-style-00 .left{
text-align:left;
}
.table-style-00.width-100{
width:100%;
}

/*-- フローチャート --*/
.p-process-flow.cards{
margin:3rem 0 !important;
}
.p-process-flow.cards > li{
display:flex;
flex-wrap:wrap;
padding:0;
}
.p-process-flow.cards > li > .step-wrap{
background:#316e7d;
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
position:relative;
}
.p-process-flow.cards > li > .step-wrap::after{
position:absolute;
font-family:'Material Symbols Outlined';
content:"\e5d4";
display:block;
font-size:3rem;
bottom:-4rem;
left:50%;
transform:translateX(-50%);
line-height:1;
color:#316e7d;
}
.p-process-flow.cards > li > .step-wrap > span{
color:#fff;
text-align:center;
line-height:1;
display:block;
width:100%;
font-weight:600;
}
.p-process-flow.cards > li > .step-wrap > span.txt{
margin:auto auto 0 auto;
}
.p-process-flow.cards > li > .step-wrap > span.num{
margin:0 auto auto auto;
}
.p-process-flow.cards > li > .material-symbols-outlined{
line-height:1;
color:#316e7d;
}
.p-process-flow.cards > li > .step-contents > h3{
font-weight:600;
color:#316e7d;
margin-bottom:1.5rem;
}
.p-process-flow.cards > li > .step-contents > p{
line-height:1.5;
}
@media screen and (min-width:769px){
	/*-- パンくずリスト --*/
	.fs-c-breadcrumb{
	padding:2rem 2rem 6rem 2rem;
	}

	/*-- 2階層目以降のページレイアウト --*/
	.commons-guide-wrap.second-layers{
	width:1100px;
	padding:0 2rem;
	margin:0 auto;
	display:grid;
	grid-template-columns:280px 1fr;
	grid-template-rows:auto 1fr;
	justify-content:flex-start;
	align-items:flex-start;
	gap:4rem 8rem;
	}
	.commons-guide-wrap.second-layers > #guide-commons-main{
	grid-column:2;
	grid-row:span 2;
	padding-bottom:100px;
	}
	.commons-guide-wrap.second-layers > #guide-commons-main > .contents-wrap:not(:last-child){
	margin-bottom:10rem;
	}


	/*-- ショップガイドリスト一覧 --*/
	.commons-guide-wrap > #guide-list{
	grid-column:1;
	grid-row:1;
	padding:0;
	margin:0;
	}
	.commons-guide-wrap:not(#guide-first) > #guide-list > h3{
	display:none;
	}
	.commons-guide-wrap > #guide-list > details{
	width:100%;
	margin-bottom:2rem;
	}
	.commons-guide-wrap > #guide-list > details > summary{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	padding:0;
	color:#333;
	font-weight:600;
	cursor:pointer;
	font-size:1.4rem;
	}
	.commons-guide-wrap > #guide-list > details > summary::before,
	.commons-guide-wrap > #guide-list > details > summary::after{
	width:.1rem;
	height:1.5rem;
	background:#868686;
	content:'';
	}
	.commons-guide-wrap > #guide-list > details > summary::before{
	position:absolute;
	right:0;
	rotate:90deg;
	}
	.commons-guide-wrap > #guide-list > details > summary::after{
	transition:rotate .3s;
	}
	.commons-guide-wrap > #guide-list > details[open] > summary::after{
	rotate:90deg;
	}
	.commons-guide-wrap > #guide-list > details > ul{
	transform:translateY(-10px);
	opacity:0;
	margin:0;
	padding:1.5rem 0 .5rem 0;
	color:#333333;
	transition:transform .5s, opacity .5s;
	}
	.commons-guide-wrap > #guide-list > details[open] > ul{
	transform:none;
	opacity:1;
	}
	.commons-guide-wrap > #guide-list > details > ul > li{
	border:0;
	}
	.commons-guide-wrap > #guide-list > details > ul > li > a{
	padding:0 0 0 1rem;
	height:3rem;
	font-size:1.3rem;
	}
	.commons-guide-wrap > #guide-list > details > ul > li > a:after{
	width:.8rem;
	height:.8rem;
	right:0;
	border-top:1px solid #666;
	border-right:1px solid #666;
	}

	/*-- FAQ一覧 --*/
	.commons-guide-wrap > #guide-faq-list{
	grid-column:1;
	grid-row:2;
	margin:0;
	padding:3rem 0 0 0;
	border-top:1px solid #ddd;
	}
	.commons-guide-wrap > #guide-faq-list > h3{
	margin-bottom:2.5rem;
	text-align:left;
	line-height:1;
	font-size:1.3rem;
	color:#888;
	}
	.commons-guide-wrap > #guide-faq-list > h3 > span{
	display:none;
	}
	.commons-guide-wrap > #guide-faq-list > ul{
	margin:auto auto auto 0;
	}
	.commons-guide-wrap > #guide-faq-list > ul > li{
	margin-bottom:1.5rem;
	}
	.commons-guide-wrap > #guide-faq-list > ul > li > a{
	font-size:1.3rem;
	font-weight:300;
	line-height:1.5;
	align-items:flex-start;
	gap:0 .35rem;
	}
	.commons-guide-wrap > #guide-faq-list > ul > li > a:before{
	width:unset;
	content:"・";
	background:unset;
	padding:0;
	margin:0;
	color:#000;
	}
	.commons-guide-wrap > #guide-faq-list > p.btn{
	margin:2.5rem auto 0 auto;
	}
	.commons-guide-wrap > #guide-faq-list > p.btn > a{
	padding:2rem 0;
	line-height:1;
	font-size:1.4rem;
	font-weight:600;
	}

	/*-- タイトル --*/
	h1.second-layers-page-title{
	width:1060px;
	margin:6rem auto;
	font-size:2.2rem;
	}
	h1.second-layers-page-title > span{
	padding:0 0 0 4rem;
	}
	#guide-commons-main > .contents-wrap > h2{
	font-size:1.8rem;
	margin-bottom:3rem;
	}
	#guide-commons-main > .contents-wrap > h3{
	font-size:1.6rem;
	margin-bottom:2rem;
	padding:0 0 1.5rem 0;
	}
	#guide-commons-main > .contents-wrap > h3::before{
	width:1rem;
	height:1rem;
	margin-right:1rem;
	}

	/*-- テキストエリア --*/
	#guide-commons-main > .contents-wrap > p{
	line-height:1.5;
	font-size:1.4rem;
	margin-bottom:2rem;
	}
	#guide-commons-main .attention{
	padding:3rem;
	margin-bottom:3rem;
	}
	#guide-commons-main .attention > h3{
	font-size:1.6rem;
	margin-bottom:1rem;
	}
	#guide-commons-main .attention > ul{
	padding:0 0 0 2rem;
	}
	#guide-commons-main .attention > p{
	font-size:1.4rem;
	}

	/*-- リストエリア（UL） --*/
	#guide-commons-main > .contents-wrap > ul{
	list-style-position:outside;
	padding-left:2rem;
	margin-bottom:3rem;
	}
	.ul-list-style-00{
	font-size:1.4rem;
	}
	.ul-list-style-02 > li > h3{
	font-size:1.4rem;
	grid-template-columns:4.5rem 1fr;
	}
	.ul-list-style-02 > li > h3:before{
	font-size:2.0rem;
	}
	.ul-list-style-02 > li > p{
	font-size:1.4rem;
	}
	.ul-list-style-02 > li > ul,
	.ul-list-style-02 > li > ol{
	font-size:1.4rem;
	}

	/*-- リストエリア(OL) --*/
	#guide-commons-main > .contents-wrap > ol{
	list-style-position:outside;
	padding-left:2rem;
	margin-bottom:3rem;
	}
	.ol-list-style-00 > li{
	font-size:1.4rem;
	}
	.ol-list-style-01 > li{
	font-size:1.4rem;
	grid-template-columns:5rem 1fr;
	}
	.ol-list-style-01 > li:before{
	font-size:2.5rem;
	}
	.ol-list-style-02 > li{
	font-size:1.4rem;
	padding-left:3rem;
	}
	.ol-list-style-02 > li:before{
	height:2rem;
	width:2rem;
	}

	/*-- テーブルエリア --*/
	.table-style-00{
	font-size:1.4rem;
	margin-bottom:2rem;
	}
	.table-style-00 th,
	.table-style-00 td{
	padding:1rem 2rem;
	}

	/*-- フローチャート --*/
	.p-process-flow.cards > li{
	gap:0 2rem;
	margin:0 0 2rem;
	}
	.p-process-flow.cards > li > .step-wrap{
	width:6rem;
	height:6rem;
	}
	.p-process-flow.cards > li > .step-wrap > span.txt{
	font-size:1.0rem;
	}
	.p-process-flow.cards > li > .step-wrap > span.num{
	font-size:2.3rem;
	}
	.p-process-flow.cards > li > .material-symbols-outlined{
	font-size:6rem;
	}
	.p-process-flow.cards > li > .step-contents{
	width:calc(100% - 16rem);
	padding:1rem 0 0 0;
	}
	.p-process-flow.cards > li > .step-contents > h3{
	font-size:1.6rem;
	}
	.p-process-flow.cards > li > .step-contents > p{
	font-size:1.4rem;
	}
}
@media screen and (max-width:768px){
	/*-- 2階層目以降のページレイアウト --*/
	.commons-guide-wrap.second-layers > #guide-commons-main{
	padding:4rem 2rem 2rem 2rem;
	}
	.commons-guide-wrap.second-layers > #guide-commons-main > .contents-wrap:not(:last-child){
	margin-bottom:8rem;
	}

	/*-- ショップガイドリスト一覧 --*/
	.commons-guide-wrap > #guide-list{
	margin:4rem auto 0 auto;
	padding:4rem 2rem 5rem 2rem;
	border-top:1px solid #ddd;
	}
	.commons-guide-wrap > #guide-list > h3{
	font-size:1.6rem;
	line-height:1;
	font-weight:600;
	text-align:center;
	}
	.commons-guide-wrap > #guide-list > h3 > span{
	font-size:1.2rem;
	display:block;
	text-align:center;
	font-weight:300;
	margin-top:.5rem;
	color:#0A2111;
	letter-spacing:.091em;
	}
	.commons-guide-wrap > #guide-list > details{
	margin-top:3rem;
	}
	.commons-guide-wrap > #guide-list > details > summary{
	text-align:center;
	}
	.commons-guide-wrap > #guide-list > details > ul > li{
	border:1px solid #ddd;
	margin-bottom:.5rem;
	}
	.commons-guide-wrap > #guide-list > details > ul > li > a{
	background:#fff;
	height:4.5rem;
	font-size:1.3rem;
	padding:0 1.5rem;
	}
	.commons-guide-wrap > #guide-list > details > ul > li > a:after{
	right:1.5rem;
	width:.6rem;
	height:.6rem;
	}

	/*-- FAQ一覧 --*/
	.commons-guide-wrap > #guide-faq-list{
	padding:0 2rem;
	}
	.commons-guide-wrap > #guide-faq-list > h3{
	font-size:1.6rem;
	line-height:1;
	font-weight:600;
	text-align:center;
	}
	.commons-guide-wrap > #guide-faq-list > h3 > span{
	font-size:1.2rem;
	display:block;
	text-align:center;
	font-weight:300;
	margin-top:.5rem;
	color:#0A2111;
	letter-spacing:.091em;
	}
	.commons-guide-wrap > #guide-faq-list > ul{
	margin:2rem auto 3rem auto;
	}
	.commons-guide-wrap > #guide-faq-list > ul > li > a{
	font-size:1.2rem;
	}
	.commons-guide-wrap > #guide-faq-list > ul > li > a:before{
	content:"Q";
	background:#dadada;
	color:#fff;
	border-radius:100%;
	aspect-ratio:1 / 1;
	width:2.5rem;
	line-height:1;
	}
	.commons-guide-wrap > #guide-faq-list > p.btn{
	max-width:240px;
	margin:0 auto;
	}
	.commons-guide-wrap > #guide-faq-list > p.btn > a{
	padding:1.2rem 0;
	font-size:1.3rem;
	}

	/*-- タイトル --*/
	h1.second-layers-page-title{
	margin:0 auto;
	padding:4rem 2rem;
	font-size:1.8rem;
	background:#eaedee;
	}
	h1.second-layers-page-title > span{
	width:max-content;
	display:block;
	padding:0 0 0 3rem;
	margin:0 auto;
	}
	#guide-commons-main > .contents-wrap > h2{
	font-size:1.5rem;
	margin-bottom:2rem;
	}
	#guide-commons-main > .contents-wrap > h3{
	font-size:1.4rem;
	margin-bottom:1.5rem;
	padding:0 0 1.5rem .5rem;
	line-height:1;
	}
	#guide-commons-main > .contents-wrap > h3::before{
	width:.8rem;
	height:.8rem;
	margin-right:.8rem;
	}

	/*-- テキストエリア --*/
	#guide-commons-main > .contents-wrap > p{
	line-height:1.5;
	font-size:1.2rem;
	margin-bottom:1.5rem;
	}
	#guide-commons-main .attention{
	padding:1.5rem;
	margin-bottom:1.5rem;
	}
	#guide-commons-main .attention > h3{
	font-size:1.45rem;
	margin-bottom:1rem;
	}
	#guide-commons-main .attention > ul{
	font-size:1.2rem;
	padding:0 0 0 2rem;
	}
	#guide-commons-main .attention > p{
	font-size:1.2rem;
	}

	/*-- リストエリア（UL） --*/
	#guide-commons-main > .contents-wrap > ul{
	list-style-position:outside;
	padding-left:2rem;
	margin-bottom:2.5rem;
	}
	.ul-list-style-00{
	font-size:1.2rem;
	}
	.ul-list-style-02 > li > h3{
	font-size:1.2rem;
	grid-template-columns:4rem 1fr;
	}
	.ul-list-style-02 > li > h3:before{
	font-size:2.0rem;
	}
	.ul-list-style-02 > li > p{
	font-size:1.2rem;
	}
	.ul-list-style-02 > li > ul,
	.ul-list-style-02 > li > ol{
	font-size:1.2rem;
	}

	/*-- リストエリア(OL) --*/
	#guide-commons-main > .contents-wrap > ol{
	padding-left:2rem;
	margin-bottom:2.5rem;
	}
	.ol-list-style-00 > li{
	font-size:1.2rem;
	}
	.ol-list-style-01 > li{
	font-size:1.2rem;
	grid-template-columns:4.5rem 1fr;
	}
	.ol-list-style-01 > li:before{
	font-size:2.0rem;
	}
	.ol-list-style-02 > li{
	font-size:1.2rem;
	padding-left:2.5rem;
	}
	.ol-list-style-02 > li:before{
	height:1.8rem;
	width:1.8rem;
	}

	/*-- テーブルエリア --*/
	.table-style-00{
	font-size:1.2rem;
	margin-bottom:2.5rem;
	}
	.table-style-00 th,
	.table-style-00 td{
	padding:1rem;
	}
	.table-style-00.cell-half td,
	.table-style-00.cell-half th{
	width:50%;
	}
	.table-style-00.sp-width-100{
	width:100%;
	}

	/*-- フローチャート --*/
	.p-process-flow.cards{
	padding:0 !important;
	}
	.p-process-flow.cards > li{
	justify-content:space-between;
	margin:0 0 3rem;
	}
	.p-process-flow.cards > li:last-child{
	margin:0;
	}
	.p-process-flow.cards > li > .step-wrap{
	width:5rem;
	height:5rem;
	}
	.p-process-flow.cards > li > .step-wrap > span.txt{
	font-size:.9rem;
	}
	.p-process-flow.cards > li > .step-wrap > span.num{
	font-size:2.0rem;
	}
	.p-process-flow.cards > li > .material-symbols-outlined{
	display:none;
	}
	.p-process-flow.cards > li > .step-contents{
	width:calc(100% - 7rem);
	}
	.p-process-flow.cards > li > .step-contents > h3{
	font-size:1.4rem;
	margin-bottom:1rem;
	}
	.p-process-flow.cards > li > .step-contents > p{
	font-size:1.2rem;
	}
}


/* --------------------------------------------------------------------
　初めての方へ
-------------------------------------------------------------------- */
/*-- 挨拶部分 --*/
#guide-first > #greeting{
width:100%;
}
#guide-first > #greeting > figure{
background:#316e7d;
display:flex;
align-items:center;
overflow:hidden;
aspect-ratio:1 / .4;
color:#fff;
}
#guide-first > #greeting > h1{
letter-spacing:.048em;
text-align:center;
font-weight:600;
line-height:1;
margin:0 auto;
}
#guide-first > #greeting > h2{
letter-spacing:.036em;
text-align:center;
line-height:1.5;
margin:0 auto;
}
#guide-first > #greeting > ul{
display:grid;
}
#guide-first > #greeting > ul > li{
background:#e9e9e8;
border-radius:1rem;
text-align:center;
}
#guide-first > #greeting > ul > li > p{
font-weight:600;
line-height:1.5;
}
#guide-first > #greeting > ul > li > span:not(.material-symbols-outlined){
display:block;
line-height:1.5;
text-align:left;
}
#guide-first > #greeting > a{
padding:1.2rem 0;
border:1px solid #212121;
font-weight:600;
text-align:center;
display:block;
width:100%;
letter-spacing:0;
}

/*-- ショップガイドリスト一覧 --*/
#guide-first.commons-guide-wrap > #guide-list{
border-top:1px solid #ddd;
background:unset;
}

/*-- FAQ一覧 --*/
#guide-first.commons-guide-wrap > #guide-faq-list{
border:0;
}

/*-- お客さまへのお願い --*/
#guide-first.commons-guide-wrap > #customer-harassment{
background:#e9e9e8;
border-radius:1rem;
}
#guide-first.commons-guide-wrap > #customer-harassment > h3{
letter-spacing:.048em;
text-align:center;
font-weight:600;
line-height:1;
}
#guide-first.commons-guide-wrap > #customer-harassment > h3 > span{
color:#0A2111;
line-height:1.5;
letter-spacing:0;
display:block;
font-weight:300;
}
#guide-first.commons-guide-wrap > #customer-harassment > .contents > p{
line-height:1.5;
}
#guide-first.commons-guide-wrap > #customer-harassment > .contents > p:not(:last-child){
margin-bottom:2rem;
}

@media screen and (min-width:769px){
	/*-- 挨拶部分 --*/
	#guide-first > #greeting{
	width:1180px;
	margin:6rem auto 0 auto;
	padding:0 2rem 6rem 2rem;
	}
	#guide-first > #greeting > figure{
	aspect-ratio:1 / .35;
	border-radius:1rem;
	}
	#guide-first > #greeting > figure > img{
	width:65%;
	}
	#guide-first > #greeting > figure > figcaption{
	width:35%;
	margin:auto 0 auto auto;
	text-align:left;
	padding:0 4rem 0 0;
	}
	#guide-first > #greeting > figure > figcaption > p{
	font-size:2.2rem;
	line-height:1.5;
	}
	#guide-first > #greeting > figure > figcaption > span{
	font-size:1.4rem;
	display:block;
	margin-top:2rem;
	}
	#guide-first > #greeting > h1{
	margin:6rem auto 0 auto;
	font-size:2.4rem;
	}
	#guide-first > #greeting > h2{
	font-size:1.8rem;
	margin:3rem auto 0 auto;
	}
	#guide-first > #greeting > p{
	font-size:1.5rem;
	padding-bottom:4rem;
	margin-top:4rem;
	}
	#guide-first > #greeting > ul{
	grid-template-columns:repeat(4,1fr);
	gap:0 2rem;
	margin:3rem auto 0 auto;
	}
	#guide-first > #greeting > ul > li{
	padding:3rem;
	}
	#guide-first > #greeting > ul > li > .material-symbols-outlined{
	font-size:8rem;
	line-height:1;
	margin-bottom:2rem;
	}
	#guide-first > #greeting > ul > li > p{
	font-size:1.6rem;
	margin-bottom:2rem;
	}
	#guide-first > #greeting > ul > li > span:not(.material-symbols-outlined){
	font-size:1.3rem;
	}
	#guide-first > #greeting > a{
	width:360px;
	margin:4rem auto 0 auto;
	font-size:1.4rem;
	}

	/*-- ショップガイドリスト一覧 --*/
	#guide-first.commons-guide-wrap > #guide-list{
	width:100%;
	margin:auto;
	padding:6rem 2rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1rem;
	}
	#guide-first.commons-guide-wrap > #guide-list > h3{
	font-size:2.2rem;
	letter-spacing:.048em;
	text-align:center;
	font-weight:600;
	line-height:1;
	margin-bottom:3rem;
	}
	#guide-first.commons-guide-wrap > #guide-list > h3 > span{
	font-size:1.6rem;
	color:#0A2111;
	line-height:1.5;
	letter-spacing:.091em;
	display:block;
	margin:.8rem 0 0 0;
	font-weight:300;
	}
	#guide-first.commons-guide-wrap > #guide-list > details{
	width:calc((1180px / 4) - 2rem);
	display:block;
	}
	#guide-first.commons-guide-wrap > #guide-list > details > summary{
	font-size:1.6rem;
	justify-content:center;
	}
	#guide-first.commons-guide-wrap > #guide-list > details > summary:after,
	#guide-first.commons-guide-wrap > #guide-list > details > summary:before{
	display:none;
	}
	#guide-first.commons-guide-wrap > #guide-list > details > ul > li{
	margin:0 0 1rem 0;
	}
	#guide-first.commons-guide-wrap > #guide-list > details > ul > li > a{
	height:5.5rem;
	font-size:1.3rem;
	padding:0 2rem;
	background:#fff;
	}
	#guide-first.commons-guide-wrap > #guide-list > details > ul > li > a:after{
	right:2rem;
	width:.8rem;
	height:.8rem;
	}

	/*-- FAQ一覧 --*/
	#guide-first.commons-guide-wrap > #guide-faq-list{
	padding:0 2rem 9rem 2rem;
	}
	#guide-first.commons-guide-wrap > #guide-faq-list > h3{
	font-size:2.2rem;
	letter-spacing:.048em;
	text-align:center;
	font-weight:600;
	line-height:1;
	margin-bottom:3rem;
	color:#111;
	}
	#guide-first.commons-guide-wrap > #guide-faq-list > h3 > span{
	font-size:1.6rem;
	color:#0A2111;
	line-height:1.5;
	letter-spacing:.091em;
	display:block;
	margin:.8rem 0 0 0;
	font-weight:300;
	}
	#guide-first.commons-guide-wrap > #guide-faq-list > ul{
	margin:3rem auto 4rem auto;
	}
	#guide-first.commons-guide-wrap > #guide-faq-list > ul > li > a{
	font-size:1.6rem;
	font-weight:600;
	gap:0 1rem;
	}
	#guide-first.commons-guide-wrap > #guide-faq-list > ul > li > a:before{
	content:"Q";
	background:#dadada;
	color:#fff;
	border-radius:100%;
	aspect-ratio:1 / 1;
	width:3rem;
	line-height:1;
	}
	#guide-first.commons-guide-wrap > #guide-faq-list > p.btn > a{
	padding:1.2rem 0;
	border:1px solid #212121;
	font-weight:600;
	text-align:center;
	display:block;
	margin:0 auto;
	border-radius:0;
	filter:none;
	background:unset;
	width:360px;
	font-size:1.4rem;
	}

	/*-- お客さまへのお願い --*/
	#guide-first.commons-guide-wrap > #customer-harassment{
	width:1140px;
	margin:0 auto 6rem auto;
	padding:5rem;
	display:grid;
	grid-template-columns:auto 1fr;
	gap:5rem;
	align-items:center;
	}
	#guide-first.commons-guide-wrap > #customer-harassment > h3{
	font-size:2.2rem;
	}
	#guide-first.commons-guide-wrap > #customer-harassment > h3 > span{
	font-size:1.3rem;
	margin:1rem 0 0 0;
	}
	#guide-first.commons-guide-wrap > #customer-harassment > .contents > p{
	font-size:1.4rem;
	}
}
@media screen and (max-width:768px){
	/*-- 挨拶部分 --*/
	#guide-first > #greeting{
	margin:0 auto;
	padding:0 0 4rem 0;
	}
	#guide-first > #greeting > figure{
	aspect-ratio:1 / .5;
	position:relative;
	}
	#guide-first > #greeting > figure > img{
	width:130%;
	position:absolute;
	top:50%;
	left:0;
	opacity:.6;
	transform:translateY(-50%);
	}
	#guide-first > #greeting > figure > figcaption{
	width:100%;
	margin:auto 0 auto auto;
	text-align:center;
	padding:0;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	}
	#guide-first > #greeting > figure > figcaption > p{
	font-size:1.2rem;
	line-height:1.5;
	margin-top:1.5rem;
	order:2;
	width:100%;
	}
	#guide-first > #greeting > figure > figcaption > span{
	font-size:1.8rem;
	line-height:1.5;
	display:block;
	font-weight:600;
	order:1;
	width:100%;
	}
	#guide-first > #greeting > h1{
	font-size:1.6rem;
	padding:0 2rem 2rem 2rem;
	margin-top:3rem;
	order:1;
	}
	#guide-first > #greeting > h2{
	font-size:1.4rem;
	order:2;
	padding:0 2rem;
	}
	#guide-first > #greeting > ul{
	grid-template-columns:repeat(2,1fr);
	gap:1.5rem;
	margin:2rem auto 0 auto;
	padding:0 2rem;
	}
	#guide-first > #greeting > ul > li{
	padding:2rem 2rem 3rem 2rem;
	}
	#guide-first > #greeting > ul > li > .material-symbols-outlined{
	font-size:5rem;
	line-height:1;
	margin-bottom:1rem;
	}
	#guide-first > #greeting > ul > li > p{
	font-size:1.2rem;
	margin-bottom:1rem;
	}
	#guide-first > #greeting > ul > li > span:not(.material-symbols-outlined){
	font-size:1.2rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	}
	#guide-first > #greeting > a{
	margin:2rem auto 0 auto;
	font-size:1.3rem;
	width:calc(100% - 4rem);
	}
	#guide-first > #greeting > p{
	margin:2rem auto 0 auto;
	font-size:1.3rem;
	}

	/*-- ショップガイドリスト一覧 --*/
	#guide-first.commons-guide-wrap > #guide-list{
	margin:0 auto;
	}

	/*-- FAQ一覧 --*/
	#guide-first.commons-guide-wrap > #guide-faq-list{
	padding:2rem 2rem 0 2rem;
	}

	/*-- お客さまへのお願い --*/
	#guide-first.commons-guide-wrap > #customer-harassment{
	width:calc(100% - 4rem);
	margin:6rem auto 0 auto;
	padding:4rem 3rem;
	}
	#guide-first.commons-guide-wrap > #customer-harassment > h3{
	font-size:1.6rem;
	margin-bottom:2rem;
	padding-bottom:2rem;
	border-bottom:1px solid #d4d4d4;
	}
	#guide-first.commons-guide-wrap > #customer-harassment > h3 > span{
	font-size:1.2rem;
	margin:1rem 0 0 0;
	}
	#guide-first.commons-guide-wrap > #customer-harassment > .contents > p{
	font-size:1.2rem;
	}

}


/* --------------------------------------------------------------------
　ご注文の流れ
-------------------------------------------------------------------- */
p.mail-configuration{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0 1rem;
}
p.mail-configuration:before{
content:"ドメイン名";
}
p.mail-configuration > input{
background:#fff;
border:1px solid #d4d4d4 !important;
width:18rem;
height:3.8rem;
display:flex;
align-items:center;
padding:0 2rem;
}
p.mail-configuration > span{
background:#dadada;
border:1px solid #ddd;
text-align:center;
width:max-content;
height:3.7rem;
cursor:pointer;
display:flex;
align-items:center;
padding:0 2rem;
}

@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
	p.mail-configuration:before{
	width:100%;
	margin-bottom:.5rem;
	}
}


/* --------------------------------------------------------------------
　お支払い方法
-------------------------------------------------------------------- */
#guide-order-pay .credit-img{
display:flex;
flex-wrap:wrap;
gap:1rem;
margin:3rem 0;
}
#guide-order-pay .credit-img > figure{
width:max-content;
}
#guide-order-pay .credit-img > figure > img{
width:auto !important;
height:100%;
}
p.price-total{
font-weight:600;
color:#316e7d;
}
#guide-order-pay .ul-list-style-00 > li > .ol-list-style-00{
background:#e8e8e8;
margin:2rem 0;
}
@media screen and (min-width:769px){
	#guide-order-pay .credit-img > figure{
	height:3.5rem;
	}
	#guide-order-pay .ul-list-style-00 > li > .ol-list-style-00{
	padding:3rem 3rem 3rem 4rem;
	}
}
@media screen and (max-width:768px){
	#guide-order-pay .credit-img > figure{
	height:2.5rem;
	}
	#guide-order-pay .ul-list-style-00 > li > .ol-list-style-00{
	padding:2rem 2rem 2rem 3rem;
	}
}

/* --------------------------------------------------------------------
　返品の流れ
-------------------------------------------------------------------- */
@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
	#guide-item-returned-flow .table-style-00.sp-width-100 th,
	#guide-item-returned-flow .table-style-00.sp-width-100 td{
	width:50%;
	}
}

/* --------------------------------------------------------------------
　今週の発送予定
-------------------------------------------------------------------- */
#guide-delivery-schedule .table-style-00.width-100 td{
width:calc(100% / 5);
}
@media screen and (min-width:769px){
	#guide-delivery-schedule .table-style-00.width-100 td{
	padding:2rem;
	}
	#guide-delivery-schedule .table-style-00.width-100 th br,
	#guide-delivery-schedule .table-style-00.width-100 td br{
	display:none;
	}
}
@media screen and (max-width:768px){
	#guide-delivery-schedule .table-style-00{
	width:100%;
	}
	#guide-delivery-schedule .table-style-00.width-100 th,
	#guide-delivery-schedule .table-style-00.width-100 td{
	padding:1rem .5rem;
	line-height:1.5;
	}
}


/* --------------------------------------------------------------------
　配送方法・送料
-------------------------------------------------------------------- */
#guide-delivery-info p.productmark-icon-in{
display:flex;
flex-wrp:wrap;
}
#guide-delivery-info p.productmark-icon-in > .fs-c-productMark__mark{
width:max-content;
margin:0 .5rem;
padding-left:.4rem;
padding-right:.4rem;
height:1.8rem;
display:flex;
align-items:center;
}
@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
}


/* --------------------------------------------------------------------
　サイズ表記について
-------------------------------------------------------------------- */
#guide-item-size > section > div > figure{
display:flex;
justify-content:center;
gap:1rem;
margin-bottom:2rem;
}
#guide-item-size > section > div > figure > img{
width:50%;
mix-blend-mode:darken;
}
#guide-item-size table{
width:100%;
}
#guide-item-size table th,
#guide-item-size table td{
text-align:left;
}
@media screen and (min-width:769px){
}
@media screen and (max-width:768px){
}


/* --------------------------------------------------------------------
　よくあるご質問
-------------------------------------------------------------------- */
.dl-faq-style-01{
line-height:1.5;
}
.dl-faq-style-01 > dt{
background:#e8e8e8;
padding:2rem;
font-weight:600;
}
.dl-faq-style-01 > dt > div:before{
content:"Q.";
margin-right:.5rem;
}
.dl-faq-style-01 > dd{
background:#fff;
margin-bottom:4rem;
padding:2rem 2rem 3rem 2rem;
}
.dl-faq-style-01 > dd > div > h3{
font-weight:600;
margin-top:2rem;
margin-bottom:1rem;
}
.dl-faq-style-01 > dd > div > ul{
padding:0 0 0 2rem;
margin-bottom:2rem;
}
@media screen and (min-width:769px){
	.dl-faq-style-01 > dt{
	font-size:1.4rem;
	}
	.dl-faq-style-01 > dd{
	font-size:1.4rem;
	}
}
@media screen and (max-width:768px){
	.dl-faq-style-01 > dt{
	font-size:1.2rem;
	}
	.dl-faq-style-01 > dd{
	font-size:1.2rem;
	}
}


/* --------------------------------------------------------------------
　洗濯絵表示について
-------------------------------------------------------------------- */
#guide-item-wash .table-style-00 td > img{
line-height:0;
}
@media screen and (min-width:769px){
	#guide-item-wash .table-style-00 td{
	padding:1.5rem 2rem;
	}
	#guide-item-wash .table-style-00 td:not(.left){
	width:17rem;
	}
	#guide-item-wash .table-style-00 td > img{
	width:8rem;
	}
}
@media screen and (max-width:768px){
	#guide-item-wash .table-style-00 td:not(.left){
	width:9rem;
	padding:1rem 2rem;
	}
	#guide-item-wash .table-style-00 td > img{
	width:100%;
	}
}