@charset "UTF-8";
/*//////////////////////////////////////////////////

Title:med_exam.css

Created:
Last Modified :

//////////////////////////////////////////////////*/
.med_exam_detail_wrap {
	font-size: 0;
	margin: 0 120px;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 20px 40px;
	justify-content: space-between;
}
.med_exam_detail_wrap_w {
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
}
.med_exam_detail {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	width: calc(49.5% - 20px);
	font-size: 16px;
}
.med_exam_detail_wrap_w .med_exam_detail ,
.med_exam_detail_wrap_w .med_exam_detail:nth-child(2n) {
	width: 32%;
}
.med_exam_detail_h3 {
	text-align: center;
	border-bottom: solid 2px #bfbfbf;
	padding-bottom: 6px;
	font-size: 28px;
}
.med_exam_detail_medical .med_exam_detail_h3 {
	color: #ce80b5;
}
.med_exam_detail_dental .med_exam_detail_h3 {
	color: #68b2b7;
}
.med_exam_detail_medexam .med_exam_detail_h3 {
	color: #8e89f7;
}
.med_exam_detail_h3 span {
	position: relative;
	padding-left: 45px;
}
.med_exam_detail_h3 span:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
}
.med_exam_detail_medical .med_exam_detail_h3 span:before {
	background-image: url(/images/front/med_exam/icn_detail_01.png) ;
}
.med_exam_detail_dental .med_exam_detail_h3 span:before {
	background-image: url(/images/front/med_exam/icn_detail_02.png) ;
}
.med_exam_detail_medexam .med_exam_detail_h3 span:before {
	background-image: url(/images/front/med_exam/icn_detail_03.png) ;
}
.med_exam_detail_ul {
	margin-top: 25px;
	height: 250px;
}
.med_exam_detail_li {
	position: relative;
	list-style: none;
	padding-left: 40px;
	margin-bottom: 14px;
}
.med_exam_detail_wrap_w .med_exam_detail_li {
	font-size: 20px;
}
.med_exam_detail_li:last-child {
	margin-bottom: 0;
}
.med_exam_detail_li:before {
	content: "";
	position: absolute;
	background-size:cover;
	top: 50%;
	margin-top: -18px;
	left: 0;
	width: 32px;
	height: 32px;
}
.med_exam_detail_medical .med_exam_detail_li:before {
	background-image: url(/images/front/icn_check_list_pink.png);
}
.med_exam_detail_dental .med_exam_detail_li:before {
	background-image: url(/images/front/icn_check_list_green.png);
}
.med_exam_detail_medexam .med_exam_detail_li:before {
	background-image: url(/images/front/icn_check_list_violet.png);
}
.med_exam_example {
	border-radius: 10px;
	height: 400px;
}
.med_exam_detail_medical .med_exam_example {
	border: 2px solid #ce80b5;
}
.med_exam_detail_dental .med_exam_example {
	border: 2px solid #68b2b7;
}
.med_exam_example_h4 {
	position: relative;
	text-align: center;
	color: #fff;
	padding: 10px 0 8px;
	border-radius: 4px 4px 0 0;
	font-size: 20px;
}
.med_exam_detail_medical .med_exam_example_h4 {
	background: #ce80b5;
}
.med_exam_detail_dental .med_exam_example_h4 {
	background: #68b2b7;
}
.med_exam_example_h4:after {
	position: absolute;
	content: "";
	left: 50%;
	top: -30px;
	margin-left: -15px;
	border: 15px solid transparent;
}
.med_exam_detail_medical .med_exam_example_h4:after {
	border-bottom: 15px solid #ce80b5;
}
.med_exam_detail_dental .med_exam_example_h4:after {
	border-bottom: 15px solid #68b2b7;
}
.med_exam_example_ul {
	padding: 20px 20px 5px;
}
.med_exam_example_li ,
.med_exam_faq_li ,
.med_exam_about_li {
	position: relative;
	list-style: none;
	padding-left: 20px;
	margin-bottom: 5px;
}
.med_exam_example_li:before ,
.med_exam_faq_li:before ,
.med_exam_about_li:before {
	position: absolute;
	content: "・";
	margin-left: -20px;
}
.med_exam_example_kome {
	padding: 0 20px;
	font-size: 14px;
}
.med_exam_about_wrap {
	max-width: 840px;
	padding: 50px 0 80px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.med_exam_about {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	width: calc(50% - 20px);
	padding-bottom: 40px;
}
.med_exam_about_w {
	font-weight: bold;
	width: 100%;
}
.med_exam_about_inner {
	border: solid 1px #4545a7;
}
.med_exam_about_ttl {
	background: #4545a7;
	color: #fff;
	padding: 10px;
	font-size: 20px;
}
.med_exam_about_ul ,
.med_exam_about_ul_w {
	list-style: none;
	padding: 10px;
}
.med_exam_about_ul_w {
	display: inline-block;
	vertical-align: top;
	width: 51.5%;
}
.med_exam_about_ul_w.med_exam_about_ul_w_right {
	width: 46%;
}
.med_exam_about_kome {
	margin-top: -5px;
	padding: 0 12px 10px;
	font-size: 13px;
}
.med_exam_faq_wrap {
	margin: 80px 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.med_exam_faq {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	width: calc(49.5% - 20px);
}
.med_exam_faq_inner {
	position: relative;
	background: #f0f0f9;
	border-radius: 6px;
}
.med_exam_faq_ttl {
	position: absolute;
	top: -20px;
	left: 25px;
	background: #4545a7;
	color: #fff;
	padding: 10px 20px 8px;
	border-radius: 6px;
	font-size: 20px;
}
.med_exam_faq_ttl:after {
	position: absolute;
    content: "";
    left: 55px;
    bottom: -22px;
    border: 10px solid transparent;
    border-top: 15px solid #4545a7;
}
.med_exam_faq_ul {
	list-style: none;
	padding: 60px 25px 15px;
}
.med_exam_area {
	background: #f0f0f9;
	padding-bottom: 80px;
	margin-bottom: -60px;
}
.med_exam_area_ul {
	list-style: none;
	margin-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 15px;
}
.med_exam_area_ul li {
	display: inline-block;
	background: #fff;
	color: #4545a7;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	font-size: 24px;
	padding: 6px 15px 5px;
	width: 24.5%;
}








@media screen and (max-width: 1200px) {
	/*//////////////////////////////////////////////////

	  max-width: 1200px start PC

	//////////////////////////////////////////////////*/
	.med_exam_faq_wrap {
		margin: 80px 80px 60px;
	}
	
	/*//////////////////////////////////////////////////

	  max-width: 1200px end PC

	//////////////////////////////////////////////////*/
}
@media screen and (max-width: 991px) {
/*//////////////////////////////////////////////////

  max-width: 991px start Tablet

//////////////////////////////////////////////////*/
	.med_exam_detail_li {
		padding-left: 36px;
		margin-bottom: 12px;
		font-size: 18px;
	}
	.med_exam_detail_wrap_w .med_exam_detail_li {
		font-size: 16px;
	}
	.med_exam_detail_li:before {
		margin-top: -14px;
		width: 28px;
		height: 28px;
	}
	.med_exam_detail_h3 {
		font-size: 22px;
	}
	.med_exam_example_h4 {
		font-size: 16px;
	}
	.med_exam_example_ul {
		padding: 20px 20px 5px;
	}
	.med_exam_example_li ,
	.med_exam_faq_li {
		padding-left: 15px;
		margin-bottom: 3px;
	}
	.med_exam_example_li:before ,
	.med_exam_faq_li:before {
		margin-left: -15px;
	}
	.med_exam_example_kome {
		padding: 0 20px;
		font-size: 13px;
	}
	.med_exam_about_wrap {
		padding-bottom: 50px;
	}
	.med_exam_about_ttl {
		font-size: 16px;
	}
	.med_exam_faq_wrap {
		margin: 60px 30px 60px;
	}
	.med_exam_faq {
		font-size: 14px;
	}
	.med_exam_faq_inner {
	}
	.med_exam_faq_ttl {
		top: -15px;
		padding: 8px 15px 6px;
		font-size: 16px;
	}
	.med_exam_area {
		padding-bottom: 60px;
	}
	.med_exam_area_ul {
		margin-bottom: 35px;
	}
	.med_exam_area_ul li {
		font-size: 20px;
		width: 30%;
	}

	
	
/*//////////////////////////////////////////////////

  max-width: 991px end Tablet

//////////////////////////////////////////////////*/
}

@media screen and (max-width: 991px) {
	.med_exam_detail_wrap {
		margin: auto;
	}
}

@media screen and (max-width: 767px) {
/*//////////////////////////////////////////////////

  max-width: 767px start SP

//////////////////////////////////////////////////*/
	.med_exam_detail ,
	.med_exam_detail:nth-child(2n) {
		width: 100%;
		padding: 0;
	}
	.med_exam_detail_wrap_w .med_exam_detail ,
	.med_exam_detail_wrap_w .med_exam_detail:nth-child(2n) {
		padding: 0;
		width: 100%;
	}
	.med_exam_detail_h3 {
		padding-bottom: 12px;
	}
	.med_exam_detail_ul {
		height: auto;
		margin-bottom: 20px;
	}
	.med_exam_detail_wrap_w .med_exam_detail_ul {
		margin-bottom: 30px;
	}
	.med_exam_example {
		height: auto;
		padding-bottom: 15px;
	}
	.med_exam_detail_medical .med_exam_example {
		margin-bottom: 40px;
	}
	.med_exam_example_kome {
	}
	.med_exam_about {
		width: 100%;
		padding: 0 0 20px;
		font-size: 14px;
	}
	.med_exam_about_w {
		padding: 0;
		font-size: 14px;
	}
	.med_exam_about_ttl {
		font-size: 16px;
	}
	.med_exam_about_ul ,
	.med_exam_about_ul_w {
	}
	.med_exam_about_ul_w {
		width: 100%;
	}
	.med_exam_about_ul_w.med_exam_about_ul_w_right {
		width: 100%;
		margin-top: -10px;
		padding-top: 0;
	}
	.med_exam_about_kome {
		font-size: 12px;
	}
	.med_exam_faq_wrap {
		margin: 60px 0;
	}
	.med_exam_faq {
		font-size: 14px;
	}
	.med_exam_faq ,
	.med_exam_faq:nth-child(2n) {
		width: 100%;
		padding: 0;
	}
	.med_exam_faq:nth-child(2n) {
		margin-top: 30px;
	}
	.med_exam_faq_ttl {
		top: -15px;
		padding: 8px 15px 6px;
		font-size: 16px;
	}
	
	.med_exam_area_ul {
		margin-bottom: 20px;
	}
	.med_exam_area_ul li {
		font-size: 16px;
	}
	
	
	
/*//////////////////////////////////////////////////

  max-width: 767px end SP

//////////////////////////////////////////////////*/
}
/*//////////////////////////////////////////////////

  max-width: 575px start SP

//////////////////////////////////////////////////*/
@media screen and (max-width: 575px){
	
/*//////////////////////////////////////////////////

  max-width: 575px end SP

//////////////////////////////////////////////////*/
}