@charset "shift_jis";
/* CSS Document */

/* ==================================================

   限定セットLP

================================================== */

main#wrapper {
	position: relative;
	width: 100%!important;
	max-width: initial!important;
	max-width: auto!important;
	margin: 0 auto!important;
	padding: 0!important;
	overflow: visible!important;
}
article#contents { padding-bottom: 0!important; }
article#contents .inner_content { padding-top: 0!important; }

:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightgray-rgb: 201,201,200;

	--main-clr-lightbeige: #cbc1ae;
	--main-clr-lightbeige-rgb: 203,193,174;

	--main-clr-white: #f4f5f0;
	--main-clr-white-rgb: 244,245,240;

	--main-clr-gray: #7f7c7a;
	--main-clr-gray-rgb: 127,124,122;

	--clr-ss-red-light: #d07157;
	--clr-ss-red-light-rgb: 208,113,87;

	--clr-ss-black: #48413b;
	--clr-ss-black-rgb: 72,65,59;

	--ks-purple: #8b839d;
	--ks-purple-rgb: 139,131,157;
}

#kumitate_secchi a,
#kumitate_secchi a:hover {
	color: var(--clr-ss-black);
	text-decoration: none;
	transition: all 0.2s;
}
#kumitate_secchi * { box-sizing: border-box; }
#kumitate_secchi h1,
#kumitate_secchi h2,
#kumitate_secchi h3,
#kumitate_secchi h4,
#kumitate_secchi h5 { color: var(--clr-ss-black);}
#kumitate_secchi img { width: 100%; height: auto; }
#kumitate_secchi .pc_none { display: none; }


#kumitate_secchi * span,
#kumitate_secchi * strong {
	font-size: inherit!important;
}

/* ==================================================
   メインコンテンツエリア
================================================== */

#kumitate_secchi {
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 40px auto;
	padding: 0;
}
#kumitate_secchi h1 {
	position: relative;
	width: 100%;
}

#kumitate_secchi #contents {
	position: relative;
	width: 100%;
	background-color: #e8e6eb;
}

#kumitate_secchi .block > h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	padding: 0.35em 0;
	background-color: var(--clr-ss-black);
}
#kumitate_secchi .block > .inner {
	position: relative;
	padding: 20px 80px;
}

@media (max-width: 750px) {
	#kumitate_secchi {
		max-width: initial;
		max-width: auto;
	}
	
	#kumitate_secchi .block > h2 {
		font-size: 24px;
	}
	#kumitate_secchi .block > .inner {
		padding: 16px;
	}
}


/* サービス内容
================================================== */

#kumitate_secchi .survice {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-around;
	gap: 10px;
	margin-bottom: 16px;
}
#kumitate_secchi .survice > li {
	position: relative;
	width: calc((100% - 10px*2)/3);
	background-color: #fff;
	border-radius: 16px;
	padding: 20px 4px;
	text-align: center;
}

#kumitate_secchi .survice > li img {
	width: 100%;
	max-width: 120px;
	margin-bottom: 16px;
}
#kumitate_secchi .survice > li h3 {
	color: var(--ks-purple);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 8px;
}
#kumitate_secchi .survice > li p {
	font-size: 15px;
	line-height: 1.5;
}

#kumitate_secchi .txt_spe {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
	margin-bottom: 8px;
}
#kumitate_secchi .txt_spe strong {
	color: #fff;
	background-color: var(--ks-purple)!important;
	padding: 0.2em 0.75em;
	border-radius: 8px;
}
#kumitate_secchi #block01 .txt_s {
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 750px) {
	
	#kumitate_secchi .survice {
		flex-direction: column;
		gap: 8px;
		margin-bottom: 12px;
	}
	#kumitate_secchi .survice > li {
		width: 100%;
		padding: 12px;
		text-align: center;
		/**/
		display: flex;
		align-items: center;
		/* gap: 8px; */
	}
	
	#kumitate_secchi .survice > li div {
		width: 16%;
	}
	#kumitate_secchi .survice > li div img {
		width: 100%;
		max-width: initial!important;
		max-width: auto!important;
		margin-bottom: 0;
	}
	#kumitate_secchi .survice > li h3 {
		width: 24%;
		color: var(--ks-purple);
		font-size: 14px;
		line-height: 1.5;
		margin: auto;
	}
	#kumitate_secchi .survice > li p {
		width: 60%;
		font-size: 12px;
		line-height: 1.5;
		text-align: left;
	}
	
	#kumitate_secchi .txt_spe {
		font-size: 14px;
		margin-bottom: 8px;
	}
	#kumitate_secchi #block01 .txt_s {
		font-size: 12px;
		text-align: left;
		text-indent: -1em;
		margin-left: 1em;
	}
}



/* ご利用の流れ
================================================== */

#kumitate_secchi .flow {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#kumitate_secchi .flow > li {
	position: relative;
	background-color: #fff;
	padding: 24px 48px;
	border-radius: 16px;
	text-align: center;
}
#kumitate_secchi .flow > li h3 {
	position: relative;
	width: 100%;
	margin-bottom: 16px
}
#kumitate_secchi .flow > li h3 dl {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	border: solid 3px var(--clr-ss-black);
	border-radius: 100px;
	overflow: hidden;
}
#kumitate_secchi .flow > li h3 dt,
#kumitate_secchi .flow > li h3 dd {
	font-weight: 700;
	text-align: center;
}
#kumitate_secchi .flow > li h3 dt {
	width: 30%;
	color: #fff;
	font-size: 20px;
	background-color: var(--clr-ss-black);
	padding: 0.5em 0;
}
#kumitate_secchi .flow > li h3 dt strong {
	font-size: 150%!important;
}
#kumitate_secchi .flow > li h3 dd {
	flex: 1;
	font-size: 28px;
}

#kumitate_secchi .flow > li img {
	width: auto!important;
	max-width: 100%!important;
	height: auto;
}

#kumitate_secchi .flow > li p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1em;
}
#kumitate_secchi .flow > li p.txt_s {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 1em;
}


#kumitate_secchi .meyasu {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgba(var(--ks-purple-rgb),0.25);
	margin-top: 16px;
}
#kumitate_secchi .meyasu dt,
#kumitate_secchi .meyasu dd {
	font-weight: 700;
}
#kumitate_secchi .meyasu dt {
	width: 30%;
	color: #fff;
	background-color: var(--ks-purple);
	font-size: 24px;
	font-weight: 700;
	padding: 0.75em 0;
}
#kumitate_secchi .meyasu dd {
	flex: 1;
	font-size: 24px;
}
#kumitate_secchi .meyasu dd span {
	color: var(--clr-ss-red-light)!important;
}
#kumitate_secchi .meyasu dd strong {
	font-size: 200%!important;
}

@media (max-width: 750px) {
	
	#kumitate_secchi .flow {
		gap: 12px;
	}
	#kumitate_secchi .flow > li {
		padding: 20px;
		border-radius: 8px;
	}
	#kumitate_secchi .flow > li h3 {
		margin-bottom: 8px
	}
	#kumitate_secchi .flow > li h3 dt {
		width: 30%;
		font-size: 12px;
		padding: 0.5em 0;
	}
	#kumitate_secchi .flow > li h3 dt strong {
		font-size: 150%!important;
	}
	#kumitate_secchi .flow > li h3 dd {
		flex: 1;
		font-size: 18px;
	}
	
	#kumitate_secchi .flow > li img {
		width: 70%!important;
		max-width: initial!important;
		max-width: auto!important;
	}
	
	#kumitate_secchi .flow > li p {
		font-size: 14px;
	}
	#kumitate_secchi .flow > li p.txt_s {
		font-size: 12px;
	}
	
	
	#kumitate_secchi .meyasu {
		margin-top: 8px;
	}
	#kumitate_secchi .meyasu dt {
		width: 22%;
		font-size: 12px;
	}
	#kumitate_secchi .meyasu dd {
		flex: 1;
		font-size: 14px;
	}
	#kumitate_secchi .meyasu dd span {
		color: var(--clr-ss-red-light)!important;
	}
	#kumitate_secchi .meyasu dd strong {
		font-size: 150%!important;
	}

}


/* 追加料金オプション
================================================== */

#block03 h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	margin-bottom: 16px;
}

#block03 table {
	position: relative;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 4px;
	margin: 0 auto 16px;
}
#block03 table tr {
	vertical-align: middle;
}
#block03 table th,
#block03 table td {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	padding: 0.5em 0;
}
#block03 table th {
	width: 40%;
	color: #fff;
	background-color: var(--ks-purple);
}
#block03 table td {
	width: 60%;
	background-color: #fff;
}


#block03 .list_sub02 {
	position: relative;
	margin-left: 2.5em;
}
#block03 .list_sub02 > li {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0.5em;
	text-indent: -2.5em;
}
.txt_red {
	color: var(--clr-ss-red-light)!important;
	font-weight: 700!important;
}
.link_inline {
	position: relative;
	display: inline;
	color: var(--clr-ss-red-light)!important;
	text-decoration: underline!important;
	margin: 0 0.5em;
}
.link_inline::after {
	position: relative;
	display: inline-block;
	vertical-align: 2px;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--clr-ss-red-light);
	border-right: solid 2px var(--clr-ss-red-light);
	transform: rotate(45deg);
}

@media (max-width: 750px) {
	
	#block03 h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}
	
	#block03 table {
		margin: 0 auto 8px;
	}
	#block03 table th,
	#block03 table td {
		font-size: 14px;
		padding: 0.75em 0;
	}
	
	#block03 .list_sub02 > li {
		font-size: 12px;
	}

}



/* 注意事項・交換について
================================================== */

#kumitate_secchi .block .attention {
	position: relative;
	background-color: #fff;
	border: solid 20px var(--clr-ss-black);
	padding: 24px 48px;
}
#kumitate_secchi .block .attention h2 {
	font-size: 28px;
	text-align: center;
	border-bottom: solid 3px var(--clr-ss-black);
	padding-bottom: 0.35em;
	margin-bottom: 0.75em;
}

.list_main {
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
}
.list_main > li {
	position: relative;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0.25em;
	text-indent: -1em;
}
.list_main > li::before {
	position: relative;
	display: inline-block;
	vertical-align: -1px;
	content: "";
	width: 14px;
	height: 14px;
	background-color: var(--clr-ss-black);
	border-radius: 50%;
}

.list_sub {
	position: relative;
	margin-left: 1em;
	margin-bottom: 3em;
}
.list_sub > li {
	position: relative;
	font-size: 14px;
	line-height: 1.75;
	margin-bottom: 0.25em;
	text-indent: -1em;
}
.list_sub > li::before {
	position: relative;
	content: "※";
}


@media (max-width: 750px) {
	
	#kumitate_secchi .block .attention {
		border: solid 10px var(--clr-ss-black);
		padding: 16px;
	}
	#kumitate_secchi .block .attention h2 {
		font-size: 18px;
		border-bottom: solid 2px var(--clr-ss-black);
	}
	
	.list_main > li {
		font-size: 13px;
	}
	.list_main > li::before {
		width: 12px;
		height: 12px;
	}
	
	.list_sub > li {
		position: relative;
		font-size: 12px;
		line-height: 1.95;
	}

}


/* 組立に関する注意事項
================================================== */

#block05 h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	margin-bottom: 16px;
}

#block05 .inner dl {
	margin-bottom: 1%;
}

#block05 .inner dl dt{
	font-size: 24px;
    text-align: left;
    font-weight: 700;
    padding: 1% 0;
    line-height: 32px;
	text-indent: -0.5em;
}

#block05 .inner dl>dd{
	font-size: 18px;
}

@media (max-width: 750px) {
	
	#block05 h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}
	

}