@charset "utf-8";
#kokkaku-service #sec01 p {
	font: 1.4rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#kokkaku-service .contactbtn {
}
#kokkaku-service #sec01 {
	background-image: url(../../images/kokkaku-service/bg_kokkaku-service_01.jpg);
}
#kokkaku-service #sec01 .lead {
}
#kokkaku-service #sec01 h2 {
	color: #12566c;
	font-weight: normal;
	text-align: center;
}
#kokkaku-service #sec01 .outer {
	font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #FFFFFF;
	font-size: 1.4rem;
	line-height: 2.4rem;
}
#kokkaku-service #sec01 .result ul {
	display: inline-block;
}
#kokkaku-service #sec01 .result {
}

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

pcSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width: 768px), print {
#kokkaku-service #contents p {
	line-height: 3rem;
}
#kokkaku-service .contactbtn {
	margin-bottom: 40px;
}
#kokkaku-service #sec01 {
	padding: 20px 0px 70px;
	margin-bottom: 55px;
}
#kokkaku-service #sec01 .lead {
	margin-bottom: 35px;
}
#kokkaku-service #sec01 h2 {
	margin-bottom: 10px;
	font-size: 3.5rem;
}
#kokkaku-service #sec01 .overview {
	margin-bottom: 10px;
}
#kokkaku-service #sec01 .overview .overviewtitle {
	background-image: url(../../images/personal-color-service/bg_personal-color-service_02.jpg);
}
#kokkaku-service #sec01 .overview .overviewlist ul {
	display: inherit;
	padding-left: 20px;
	padding-right: 20px;
}
#kokkaku-service #sec01 .overview .overviewlist > ul > li.txtArea {
	padding: 0;
	margin-bottom: 15px;
}
#kokkaku-service #sec01 .overview .overviewlist .txtArea:last-child {
	margin-bottom: 0px;
}
#kokkaku-service #sec01 .overview .overviewIcon, #kokkaku-service #sec01 .overview .overTxt {
	line-height: 1.8rem;
}
#kokkaku-service #sec01 .overview .overviewTxt {
	line-height: 1.8rem;
}
#kokkaku-service #sec01 .outer {
	padding: 45px 0px 45px 85px;
}
#kokkaku-service #sec01 .result ul {
	padding-right: 140px;
}
#kokkaku-service #sec01 .result {
	margin-top: 50px;
}
}

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

spSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
#kokkaku-service #contents p {
}
#kokkaku-service .contactbtn {
	margin-bottom: 30px;
}
#kokkaku-service #sec01 {
	padding: 30px 0px;
	margin-bottom: 30px;
}
#kokkaku-service #sec01 .lead {
	margin-bottom: 15px;
}
#kokkaku-service #sec01 h2 {
	font-size: 2rem;
	margin-bottom: 10px;
}
#kokkaku-service #sec01 .outer {
	padding: 15px 3.5%;
}
#kokkaku-service #sec01 .result {
	margin-top: 30px;
}
#kokkaku-service #sec01 .result ul {
	display: flex;
	flex-wrap: wrap;
}
#kokkaku-service #sec01 .result ul > li {
	flex-basis: 50%;
}
}