@charset "utf-8";
#dress #sec01 {
	background-image: url('/import/tenant_1/icb-color.com/images/dress/bg_dress_01.webp');
	background-position: center top;
}
#dress #sec01 .overview {
}
#dress #sec01 .item h2 {
	color: #12566c;
	text-align: center;
	font-weight: normal;
}
#dress #sec01 .itembox {
	background-color: #FFFFFF;
}
#dress #sec01 .item .itembox:last-child {
	margin-bottom: 0px;
}
#dress #sec01 .item .itembox ul > li:before {
	content: "・";
	position: relative;
	padding-right: 3px;
}
#dress #sec01 .item .itembox .itemelementA {
	color: #12566c;
}
#dress #sec01 .item .itembox .itemelementB {
}
#dress #sec01 .item .itembox .itemelementB > ul {
	font: 1.4rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	display: inline-block;
}
#dress #sec01 .item .itembox .itemelementB .few {
	vertical-align: top;
}
#dress #sec02 #introduction .steplist > ul {
}
#dress #sec02 #introduction .steplist .additional {
	font: 1.4rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#dress #sec02 #introduction .steplist .contactbtn {
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

pcSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width: 768px), print {
#dress #sec01 {
	padding: 50px 0px 30px;
}
#dress #sec01 .overview {
	margin-bottom: 50px;
}
#dress #sec01 .item h2 {
	font-size: 3.5rem;
	line-height: 4.5rem;
	margin-bottom: 40px;
}
#dress #sec01 .itembox {
	height: 100px;
	padding: 12px 0px;
	flex-wrap: wrap;
	display: table;
	width: 1000px;
	margin-bottom: 45px;
}
#dress #sec01 .item .itembox:last-child {
}
#dress #sec01 .item .itembox ul > li:before {
}
#dress #sec01 .item .itembox .itemelementA {
	border-right: 1px solid #9bb4bd;
	font-size: 2rem;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 11.5%;
}
#dress #sec01 .item .itembox .itemelementB {
	padding-left: 45px;
	display: table-cell;
	vertical-align: middle;
}
#dress #sec01 .item .itembox .itemelementB > ul {
	line-height: 3rem;
	width: 24%;
}
#dress #sec01 .item .itembox .itemelementB .few {
}
#dress #sec02 #introduction .steplist > ul {
	margin-bottom: 30px;
}
#dress #sec02 #introduction .steplist .additional {
	margin-bottom: 70px;
	}
#dress #sec02 #introduction .steplist .contactbtn {
	margin-bottom: 35px;
}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

spSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
#dress #sec01 {
	padding: 30px 0px;
}
#dress #sec01 .overview {
	margin-bottom: 30px;
}
#dress #sec01 .item h2 {
	font-size: 1.8rem;
	line-height: 3rem;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
#dress #sec01 .itembox {
	margin-bottom: 15px;
	padding: 15px 3.5%;
}
#dress #sec01 .item .itembox:last-child {
	margin-bottom: 0px;
}
#dress #sec01 .item .itembox ul > li:before {
}
#dress #sec01 .item .itembox .itemelementA {
	font-size: 1.8rem;
}
#dress #sec01 .item .itembox .itemelementA p:before {
	content: "●";
	position: relative;
	padding-right: 3px;
}
#dress #sec01 .item .itembox .itemelementB {
}
#dress #sec01 .item .itembox .itemelementB > ul {
	line-height: 2.4rem;
	width: 47%;
}
#dress #sec01 .item .itembox .itemelementB .few {
}
#dress #sec02 #introduction .steplist > ul {
	margin-bottom: 10px;
}
#dress #sec02 #introduction .container .steplist > ul > li .txtbox {
}
#dress #sec02 #introduction .steplist > ul > li:nth-child(n+4) {
	margin-bottom: 0px;
}
#dress #sec02 #introduction .steplist .additional {
	margin-bottom: 15px;
}
#dress #sec02 #introduction .steplist .contactbtn {
	margin-bottom: 30px;
}
}