@charset "UTF-8";

.intro {
	padding: 70px 0;
}

.intro_ttl {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.5;
}

.intro_text {
	margin-top: 30px;
}

.intro_row {
	margin-top: 70px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.intro_cnt {
	width: 405px;
	padding: 50px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background-color: #FFF;
	position: relative;
	z-index: 20;
	margin-left: -70px;
}

.intro_row.-reverse .intro_cnt {
	margin-right: -70px;
}

.intro_cnt_ttl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	color: #82C1B7;
}

.intro_row.-reverse .intro_cnt_ttl {
	color: #7EB95A;
}

.intro_cnt_text {
	margin-top: 15px;
}

.intro_cnt_img {
}

.intro_cnt_img > img {
	border-radius: 10px;
}

.step {
	padding-bottom: 90px;
}

.step:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-image: url(/img/common/img-line-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 70px;
}

.step_ttl {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.5;
}

.step_text {
	margin-top: 30px;
}

.step_list {
	margin-top: 50px;	/*margin-top: 30px;*/
}

..step_list > li {
}

.step_list_ttl {
	font-size: 18px;
	position: relative;
	padding: 15px 0 15px 115px;
}

.step_list_ttl:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.step_list_ttl > span {
	font-size: 15px;
}

.step_list_ttl.-step01 {
	background-color: #F4C51E;
}

.step_list_ttl.-step01:before {
	background-image: url(/img/orthodontics/child/img-icon-num01@2x.png);
}

.step_list_ttl.-step02 {
	background-color: #B1D982;
}

.step_list_ttl.-step02:before {
	background-image: url(/img/orthodontics/child/img-icon-num02@2x.png);
}

.step_list_ttl.-step03 {
	background-color: #A7DFE6;
}

.step_list_ttl.-step03:before {
	background-image: url(/img/orthodontics/child/img-icon-num03@2x.png);
}

.step_list_wrap {
	padding: 20px 0 90px 115px;
	position: relative;
}

.step_list_wrap:before {
	content: "";
	background-repeat: repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 32px;
	width: 15px;
	height: 95%;
}

.step_list_wrap.-step01:before {
	background-image: url(/img/orthodontics/child/img-icon-arrow-under01@2x.png);
}

.step_list_wrap.-step02:before {
	background-image: url(/img/orthodontics/child/img-icon-arrow-under02@2x.png);
}

.step_list_row {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.step_list_cnt {
	width: 65%;
}

.step_cnt_ttl {
	font-size: 26px;
	font-weight: 500;
}

.step_cnt_text {
	margin-top: 15px;
}

.step_list_img {
}

.step_list_conf {
	margin-top: 15px;
	padding: 25px;
	border: 1px solid #F4C51E;
	border-radius: 10px;
}

.step_list_conf > li {
	position: relative;
	padding-left: 30px;
}

.step_list_conf > li:before {
	content: "・";
	font-size: 30px;
	color: #F4C51E;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.step_list_check {
	margin-top: 80px;
	padding: 70px 50px 50px 50px;
	background-color: #FFFCF0;
	border-radius: 10px;
}

.step_check_ttl {
	margin-top: -100px;
}

.step_check_cnt {
	margin-top: 30px;
}

.step_check_list {
	font-size: 17px;
}

.step_check_list > li {
	position: relative;
	padding: 5px 0 5px 25px;
}

.step_check_list > li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.step_check_list.-step01 > li:before {
	background-image: url(/img/orthodontics/child/img-icon-checkbox@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 20px;
	height: 20px;
}

.step_check_list.-step02 > li:before {
	content: "\e908";
	font-family: icomoon;
	font-size: 10px;
	color: #F4C51E;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.step_check_text {
	margin-top: 35px;
	padding-top: 35px;
	border-top: 2px dotted #F4C51E;
}

.step_list_detail {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 30px 40px;
	background-color: #FFFCF0;
	border-radius: 10px;
	margin-top: 15px;
}

.step_detail_img {
	width: 180px;
}

.step_detail_img > img {
	border-radius: 10px;
}

.step_detail_cnt {
	padding-left: 25px;
	-webkit-box-flex: 1;
	flex: 1;
}

.step_detail_ttl {
	font-size: 18px;
	font-weight: bold;
}

.step_detail_text {
	margin-top: 10px;
}

.step_detail_risk {
	margin-top: 10px;
}

.step_detail_risk > dd {
	padding-left: 25px;
}

@media screen and (max-width:1030px) {
}

@media screen and (max-width:640px) {
	.intro {
		padding: 40px 0;
	}

	.intro_ttl {
		font-size: 20px;
	}

	.intro_text {
		margin-top: 10px;
	}

	.intro_row {
		margin-top: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.intro_row.-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
	}

	.intro_cnt {
		width: 100%;
		padding: 20px;
		margin: 20px 0 0;
	}

	.intro_row.-reverse .intro_cnt {
		margin-right: 0;
	}

	.intro_cnt_ttl {
	}

	.intro_row.-reverse .intro_cnt_ttl {
	}

	.intro_cnt_text {
	}

	.intro_cnt_img {
		width: 100%;
	}

	.intro_cnt_img > img {
	}

	.step {
		padding-bottom: 40px;
	}

	.step:before {
		margin-bottom: 40px;
	}

	.step_ttl {
		font-size: 20px;
	}

	.step_text {
		margin-top: 10px;
	}

	.step_list {
		margin-top: 30px;
	}

	..step_list > li {
	}

	.step_list_ttl {
		font-size: 15px;
		padding: 15px 0 15px 80px;
		width: 95%;
		margin-left: 10px;
	}

	.step_list_ttl:before {
		left: -20px;
	}

	.step_list_ttl.-step01 {
	}

	.step_list_ttl.-step01:before {
	}

	.step_list_ttl.-step02 {
	}

	.step_list_ttl.-step02:before {
	}

	.step_list_ttl.-step03 {
	}

	.step_list_ttl.-step03:before {
	}

	.step_list_wrap {
		padding: 20px;
	}

	.step_list_wrap:before {
		display: none;
	}

	.step_list_wrap.-step01:before {
	}

	.step_list_wrap.-step02:before {
	}

	.step_list_row {
		display: block;
	}

	.step_list_cnt {
		width: 100%;
	}

	.step_cnt_ttl {
		font-size: 15px;
	}

	.step_cnt_text {
		margin-top: px;
	}

	.step_list_img {
		text-align: center;
	}

	.step_list_conf {
		padding: 10px;
	}

	.step_list_conf > li {
	}

	.step_list_conf > li:before {
		top: -3px;
		-webkit-transform: none;
		transform: none;
	}

	.step_list_check {
		padding: 50px 15px 20px;
	}

	.step_check_ttl {
		margin-top: -80px;
	}

	.step_check_cnt {
	}

	.step_check_list {
		font-size: 14px;
	}

	.step_check_list > li {
	}

	.step_check_list > li:before {
		top: 8px;
		-webkit-transform: none;
		transform: none;
	}

	.step_check_list.-step01 > li:before {
	}

	.step_check_list.-step02 > li:before {
		top: 10px;
		-webkit-transform: none;
		transform: none;
	}

	.step_check_text {
		margin-top: 20px;
		padding-top: 20px;
	}

	.step_list_detail {
		padding: 20px;
		display: block;
	}

	.step_detail_img {
		margin: auto;
	}

	.step_detail_cnt {
		padding-left: 0;
		margin-top: 10px;
	}

	.step_detail_text {
	}

}

@media print {
}