@charset "UTF-8";

/* ====================================
	共通スタイル
===================================== */

.second_contents {
	padding-block-start: 10rem;
}

.second_contents h2 {
	text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
}

.second_contents h3 {
	text-align: left;
	color: var(--color-black);
	font-size: 2.2rem;
	font-weight: 700;
}

.second_contents h3:after {
	content: none;
}


/* 洗濯アイコン */
.washicon-list {
	margin-top: 1rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3rem;
	margin-bottom: 6rem;
}

.washicon-list > li {
	font-weight: 700;
}

.washicon-list > li > span {
	margin-right: .7rem;
}

.icon-course {
	display: inline-block;
	padding-inline: 1rem;
	margin-block: .2rem;
	text-align: center;
	line-height: 1.6;
	color: var(--color-white);
	border-radius: 5px;
	font-weight: 500;
}

.icon-course + .icon-course,
sup + .icon-course {
	margin-left: 1rem;
}


.i-sentaku {
	background-color: #4C9FE3;
}
.i-sen-kan {
	background-color: #F0C041;
}

.i-kansou {
	background-color: #D8692A;
}

.i-sen-kaze {
	background-color: #2175D0;
}

.i-hanger {
	position: relative;
	width: 5.2rem;
	background-color: #83B846;
}

.i-hanger img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.9rem;
}

/* 注釈 */
.wash_list_caption_disc li {
	position: relative;
	font-size: 1.2rem;
	line-height: 1.5;
	padding-inline-start: 1.5em;
}

.wash_list_caption_disc li:before {
	content: "";
	display: block;
	width: 5px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: var(--color-black);
	position: absolute;
	left: .5em;
	top: .5em;
}


/* テーブル */

.course-table-box .course-table {
	width: 100%;
}

.second_contents_table:nth-of-type(n+2) {
	margin-block-start: 6rem;
}

.second_contents_table table {
	margin-block-start: 1rem;
}

.course-table tr:first-of-type th:first-of-type{
	width: 40%;
}

.course-table tr:first-of-type th:nth-of-type(2),
.course-table tr:first-of-type th:nth-of-type(3),
.course-table tr:first-of-type th:nth-of-type(4){
	width: 20%;
}

.course-table-text {
	display: block;
	font-size: 1.2rem;
}

/* リンクボタン */
.link_btn {
	margin-block: 6rem;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {
	.second_contents {
		padding-block-start: 5rem;
	}

	.second_contents h2 {
		font-size: 2.2rem;
		font-weight: 500;
	}

	.second_contents h3 {
		font-size:1.6rem;
	}

	/* 洗濯アイコン */
	.washicon-list {
		margin-top: 3rem;
		gap: .6rem 3rem;
		margin-bottom: 5rem;
	}

	.icon-course {
		display: inline-block;
		padding-inline: .5rem;
		margin-block: .2rem;
		margin-inline: .2rem;
	}
	
	.icon-course + .icon-course,
	sup + .icon-course {
		margin-left: 0;
	}
	
	
	/* テーブル */
	.second_contents_table table th,
	.second_contents_table table td {
		padding-inline: .3em;
		padding-block: .3em;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.second_contents_table table tr:nth-of-type(1) th {
		font-size: 1.1rem;
	}

	.second_contents_table table {
		table-layout: fixed;
	}

	.course-table tr:first-of-type th:first-of-type{
		width: auto;
	}

	.course-table tr:first-of-type th:nth-of-type(2),
	.course-table tr:first-of-type th:nth-of-type(3),
	.course-table tr:first-of-type th:nth-of-type(4){
		width: auto;
	}
	
}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {}

/* ====================================
	タブレット専用スタイル（768px～1024px）
===================================== */
@media screen and (768px <=width < 1024px) {}

/* ====================================
	PC専用スタイル（1024px～）
===================================== */
@media print,
screen and (1024px <=width) {}