/* ---------------------------------------
  ODOL
-----------------------------------------*/
/* page_head
--------------------------------*/
#page_head .page_ttl,
#page_head .breadcrumb ol li,
#page_head .breadcrumb ol li a {
	color: #fff;
}
#page_head .breadcrumb ol li + li::before {
	background-color: #fff;
}

.bg_main {
	background: url(../img/odol/main_bg_pc.png) no-repeat center top -10rem/cover;
}
@media screen and (max-width: 767px) {
	.bg_main {
		background-image: url(../img/odol/main_bg_sp.png);
		background-position: center top -12rem;
	}
}

/* sec_odol
--------------------------------*/
#sec_odol {
	padding: 11rem 0 13rem;
}
@media screen and (max-width: 767px) {
	#sec_odol {
		padding: 13rem 0 18rem;
	}
}
#sec_odol .sec_ttl {
	font-size: 5rem;
}
@media screen and (max-width: 767px) {
	#sec_odol .sec_ttl {
		font-size: 6rem;
	}
}
#sec_odol .odol_main {
	width: 89.4rem;
	margin: 8rem 0 0 auto;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main {
		width: 100%;
		margin-top: 10rem;
	}
}
#sec_odol .odol_main .lead {
	font-size: 1.6rem;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main .lead {
		font-size: 3rem;
	}
}
#sec_odol .odol_main .ttl {
	color: rgba(255, 255, 255, 0.2);
	font-weight: 700;
	font-size: 4.2rem;
	margin-top: 2em;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main .ttl {
		font-size: 5.2rem;
	}
}
#sec_odol .odol_main .txt_wrap {
	margin-top: 5rem;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main .txt_wrap {
		margin-top: 10rem;
	}
}
#sec_odol .odol_main .txt_wrap > * + * {
	margin-top: 4rem;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main .txt_wrap > * + * {
		margin-top: 6rem;
	}
}
#sec_odol .odol_main .txt_wrap .txt {
	text-align: justify;
	font-weight: 500;
	font-size: 2rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main .txt_wrap .txt {
		font-size: 3.2rem;
	}
}
#sec_odol .odol_main .txt_wrap .catch {
	font-weight: 700;
	font-size: 9rem;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	#sec_odol .odol_main .txt_wrap .catch {
		font-size: 12rem;
		line-height: 1.2;
	}
}

/* sec_misconceptions
--------------------------------*/
#sec_misconceptions {
	padding: 13.5rem 0 15rem;
}
@media screen and (max-width: 767px) {
	#sec_misconceptions {
		padding: 18rem 0;
	}
}
#sec_misconceptions .misconceptions_main {
	width: 89.4rem;
	margin: 8rem 0 0 auto;
}
@media screen and (max-width: 767px) {
	#sec_misconceptions .misconceptions_main {
		width: 100%;
		margin-top: 10rem;
	}
}
#sec_misconceptions .misconceptions_main .txt_wrap .txt {
	text-align: justify;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	#sec_misconceptions .misconceptions_main .txt_wrap .txt {
		font-size: 3.2rem;
	}
}
#sec_misconceptions .misconceptions_main .txt_wrap .txt + .txt {
	margin-top: 2.5em;
}
#sec_misconceptions .misconceptions_main .txt_wrap .txt .bold {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #212121;
}