
.sec_selfcheck_intro {
	margin-top: 38px;
}
.sec_selfcheck_intro::after {
	display: block;
	width: 53px;
	height: 49px;
	margin: 36px auto 0;
	background-image: url("../img/selfcheck/arrow.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}
.sec_selfcheck_intro_title {
	max-width: 345px;
	margin: 0 auto 23px;
	background-image: url("../img/selfcheck/h3_bg.svg");
	background-position: center bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #269158;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: .02em;
	text-align: center;
}
.sec_selfcheck_intro_title span {
	display: inline-block;
}
.sec_selfcheck_intro_img {
	max-width: 326px;
	margin: 0 auto 36px;
}
.sec_selfcheck_intro p {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.8;
}
@media (min-width: 375px) {
	.sec_selfcheck_intro_title {
		font-size: 24px;
	}
}
@media (min-width: 750px) {
	.sec_selfcheck_intro {
		margin-top: 35px;
	}
	.sec_selfcheck_intro::after {
		width: 77px;
		height: 71px;
		margin-top: 47px;
	}
	.sec_selfcheck_intro_title {
		position: relative;
		max-width: 23.1em;
		margin-bottom: 25px;
		background: none;
		font-size: 32px;
	}
	.sec_selfcheck_intro_title::before {
		left: 0;
		content: "＼";
	}
	.sec_selfcheck_intro_title::after {
		right: 0;
		content: "／";
	}
	.sec_selfcheck_intro_title::before, .sec_selfcheck_intro_title::after {
		position: absolute;
	}
	.sec_selfcheck_intro_title span {
		padding: 0 .5em;
	}
	.sec_selfcheck_intro_img {
		max-width: 687px;
		margin-bottom: 50px;
	}
	.sec_selfcheck_intro p {
		font-size: 24px;
		line-height: 1.92;
		text-align: center;
	}
}
@media (min-width: 1024px) {
	.sec_selfcheck_intro_title {
		font-size: 34px;
	}
	.sec_selfcheck_intro p {
		font-size: 26px;
	}
}

.sec_selfcheck_howto {
	margin-top: 36px;
}
@media (max-width: 749px) {
	.sec_selfcheck_howto {
		margin-bottom: 120px;
	}
}
.sec_selfcheck_howto_list {
	margin-top: 42px;
}
.sec_selfcheck_howto_list dt {
	margin-bottom: 25px;
	padding-bottom: 16px;
	border-bottom: 1px solid #148cd4;
	font-weight: 500;
	font-size: 22px;
}
.sec_selfcheck_howto_list dd {
	position: relative;
	margin-top: 17px;
	padding-bottom: 25px;
	padding-left: 23px;
	border-bottom: 1px solid #cdcdcd;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.78;
}
.sec_selfcheck_howto_list dd .num {
	position: absolute;
	top: 0;
	left: 0;
	color: #269158;
}
.sec_selfcheck_howto_box {
	margin-top: 50px;
	padding: 38px 16px 35px;
	border-radius: 25px;
	background-color: #e0f6eb;
	text-align: center;
}
.sec_selfcheck_howto_box p:not([class]) {
	font-weight: normal;
	font-size: 18px;
	line-height: 2;
}
.sec_selfcheck_howto_box_title {
	margin-bottom: 11px;
	color: #c60000;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.6;
}
.sec_selfcheck_howto_box_title span {
	display: inline-block;
}
.sec_selfcheck_howto_box_img {
	display: flex;
	flex-direction: column;
	margin: 17px auto;
	gap: 13px;
}
.sec_selfcheck_howto_note {
	margin-top: 42px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.78;
}
.sec_selfcheck_howto_notice {
	margin-top: 50px;
	padding: 40px 15px 41px;
	border: 1px solid #269158;
}
.sec_selfcheck_howto_notice_title {
	margin-bottom: 27px;
	color: #269158;
	font-size: 24px;
	text-align: center;
}
.sec_selfcheck_howto_notice p:not([class]) {
	font-weight: normal;
	font-size: 18px;
	line-height: 2;
}
.sec_selfcheck_howto_btn {
	height: 6em;
	margin: 46px auto 0;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 5px 5px 0 rgba(0,0,0,.161);
	position: relative;
	z-index: 1;
}
.sec_selfcheck_howto_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-bottom: 2px;
	/*background: linear-gradient(180deg, #00b3b6 0%, #00a5a1 16%, #008878 53%, #00765e 82%, #007055 100%, #266bc0 100%);*/
	background: linear-gradient(180deg, #fdce22 0%, #fdc01c 7%, #f70 31%, #e5581f 60%, #eea11f 100%);
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	transition: all .5s ease;
}
.sec_selfcheck_howto_btn a:hover {
	opacity: .8;
}
.sec_about_bottom_outer {
	margin-top: 70px;
}
@media (min-width: 375px) {
	.sec_selfcheck_howto_btn a {
		font-size: 24px;
	}
}
@media (min-width: 750px) {
	.sec_selfcheck_howto {
		margin-top: 50px;
	}
	.sec_selfcheck_howto_list {
		margin-top: 45px;
	}
	.sec_selfcheck_howto_list dt {
		font-size: 32px;
	}
	.sec_selfcheck_howto_list dd {
		min-height: 65px;
		margin-top: 23px;
		padding-bottom: 20px;
		padding-left: 31px;
		font-size: 24px;
		line-height: 1.71;
	}
	.sec_selfcheck_howto_box {
		margin-top: 58px;
		padding: 32px 20px 44px;
	}
	.sec_selfcheck_howto_box p:not([class]) {
		font-size: 24px;
		line-height: 1.45;
	}
	.sec_selfcheck_howto_box_title {
		font-size: 32px;
		line-height: 1.2;
	}
	.sec_selfcheck_howto_box_img {
		flex-direction: row;
		justify-content: center;
		margin: 43px auto 28px;
		gap: 20px;
	}
	.sec_selfcheck_howto_box_img figure {
		max-width: 340px;
	}
	.sec_selfcheck_howto_note {
		margin-top: 57px;
		font-size: 24px;
		line-height: 1.71;
	}
	.sec_selfcheck_howto_notice {
		margin-top: 67px;
		padding: 33px 33px 51px 40px;
	}
	.sec_selfcheck_howto_notice_title {
		margin-bottom: 25px;
		font-size: 32px;
	}
	.sec_selfcheck_howto_notice p:not([class]) {
		font-size: 24px;
		line-height: 1.75;
	}
	.sec_selfcheck_howto_btn {
		max-width: 560px;
		height: 100px;
		margin-top: 65px;
	}
	.sec_selfcheck_howto_btn a {
		font-size: 35px;
	}
	.sec_about_bottom_outer {
		margin-top: 97px;
	}
}
@media (min-width: 1024px) {
	.sec_selfcheck_howto_box_img {
		gap: 76px;
	}
}

/*緑内障について詳しく*/
.more_d{
	margin: 40px auto 0;
}
@media (min-width: 750px) {
	.more_d{
		margin: 128px auto 0;
	}
}