@charset "Shift-JIS";



/*------------------------------------- コース詳細 -------------------------------------*/

#course_shosai *{box-sizing: border-box;}
#course_shosai img{width: 100%;}
#course_shosai{width: 950px;margin: 0 auto}
#course_shosai h2{font-size: 30px;font-weight: bold;text-align: center;margin: 1% 0px;}

#course_shosai .center{font-size: 17px;font-weight: bold;text-align: center;margin: 1% 0 5% 0;}
#course_shosai .hosoku{font-size: 14px;font-weight: 100; color: #434343;}/*補足*/

#course_shosai  .shosai{width: 70%;margin: 0 auto;}

/*血液検査ボタン*/
#course_shosai .shosai_bt{
	display: block;
	width: 98%;
	margin: 5% auto;
	background-color:#fff;
	border: solid 3px #4296d7;
	color: #4296d7;
	font-size: 18px;
	padding: 2% 0;
	text-align: center;
	transition: 0.5s;
}

#course_shosai .shosai_bt:hover{
	color: #fff;
	background-color:#4296d7;
	text-decoration: none;
}

#course_shosai .shosai_bt_p1{border: solid 3px #091744;color: #091744;}/*P1の時ボタン*/
#course_shosai .shosai_bt_p1:hover{background-color:#091744;}

#course_shosai .shosai_bt_p2{border: solid 3px #12451c;color: #12451c;}/*P2の時ボタン*/
#course_shosai .shosai_bt_p2:hover{background-color:#12451c;}

#course_shosai .shosai_bt_p3{border: solid 3px #840520;color: #840520;}/*P3の時ボタン*/
#course_shosai .shosai_bt_p3:hover{background-color:#840520;}



/*============カテゴリ誘導ボタン==========*/
#course_shosai .cate {width: 100%;display: inline-block;padding: 0;margin: 3% 0;}
#course_shosai .cate  li{
	display: flex;
	justify-content: center;	
	position: relative;
	float: left;
	width: calc(96%/3);
	height: 95px;
	font-size: 22px;
	font-weight: bold;
	margin-right:2%;
	background-color: #4296d7;
	color: #fff;
	border: 5px solid #4296d7;
	border-radius: 10px;
	transition: 0.5s;
	align-items: center;
	text-align: center;
}

#course_shosai .cate li:nth-child(3){
	margin-right:0;
}

#course_shosai .cate li:hover{background-color: #fff;color: #4296d7;}
#course_shosai .cate li:after{font-family: "Font Awesome 5 Free";content: '\f054';margin: 1.5% 0 0 2%;}
#course_shosai .cate li a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}


#course_shosai .cate .p1 li{background-color: #091744;border: 5px solid #091744;}/*P1の時*/
#course_shosai .cate .p1 li:hover{color: #091744;}
#course_shosai .cate .p2 li{background-color: #12451c;border: 5px solid #12451c;}/*P2の時*/
#course_shosai .cate .p2 li:hover{color: #12451c;}
#course_shosai .cate .p3 li{background-color: #840520;border: 5px solid #840520;}/*P3の時*/
#course_shosai .cate .p3 li:hover{color: #840520;}


/*===============検査の流れ===============*/
#course_shosai h3{font-size: 26px;font-weight: bold; padding: 2%;color: #fff; background-color: #4296d7;text-align: center;margin-top: 10%;}
#course_shosai .time{font-size: 24px;font-weight: bold; padding: 0.5% 1%;color: #4296d7; background-color: #fff;border-radius: 5px;margin-left: 2%;}


#course_shosai .h3_p1{background-color: #091744;}/*P1の時*/
#course_shosai .time_p1{color: #091744;}
#course_shosai .h3_p2{background-color: #12451c;}/*P2の時*/
#course_shosai .time_p2{color: #12451c;}
#course_shosai .h3_p3{background-color: #840520;}/*P3の時*/
#course_shosai .time_p3{color: #840520;}


#course_shosai .kensa_nagare{
	margin: 0 0 5% 0;
}

#course_shosai .kensa_nagare img{
	width: 40%;
}


#course_shosai .kensa_nagare dt{
	font-size: 20px;
	font-weight: bold;
	padding: 1% 1% 1% 2%;
	color: #000;
	background-color: #c5ddf0;
	text-align: left;
}

#course_shosai .kensa_nagare_p1 dt{background-color: #c9d2ee;}/*P1の時*/
#course_shosai .kensa_nagare_p2 dt{background-color: #c6e4cb;}/*P2の時*/
#course_shosai .kensa_nagare_p3 dt{background-color: #ebc6ce;}/*P3の時*/

#course_shosai .kensa_nagare dd{
	font-size: 18px;
	font-weight: bold;
	color: #434343;
	margin: 0 0 0 2%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	line-height: 35px;
}

#course_shosai .kensa_nagare dd span{
	font-size: 15px;
	font-weight: 500;
	display: contents;
}

#course_shosai .option{
    display: block;
    text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #000;
    background: #fff;
    border: solid 3px #ee2051;
    width: 98%;
    margin: 2% auto 0 auto;
    padding: 2% 0;
	border-radius: 10px;
	transition: 0.5s;
}

#course_shosai .option:hover{
	color: #fff;
	background-color:#ee2051;
	text-decoration: none;
}

#course_shosai .option:after{font-family: "Font Awesome 5 Free";content: '\f054';margin: 1.5% 0 0 2%;}


/*-------スマホ表示-------*/
@media (max-width: 1059px){

	#course_shosai{width: 100%;margin: 0 auto}
	#course_shosai h2{font-size: 6vw;}	
	#course_shosai .center{font-size: 4vw;font-weight: 400;padding: 0 2%;}
	#course_shosai .hosoku{font-size: 3vw;}/*補足*/

	#course_shosai  .shosai{width: 98%;margin: 0 auto;}

	
	#course_shosai .shosai_bt{font-size: 4vw;width: 96%;}/*血液検査ボタン*/
	
	#course_shosai .cate{
		padding:0 2%;
	}

	#course_shosai .cate  li{
		width: calc(99%/2);
		font-size: 4vw;
		margin:0 1% 1% 0;
		height: 18vw;
		border-radius: 5px;
		border: 3px solid #4296d7;
	}

	#course_shosai .cate li:nth-child(2){
		margin:0 0 1% 0;
	}
	
	#course_shosai .cate li:nth-child(3){
		width: 100%;
		margin:0 0 1% 0;
	}


	#course_shosai .smp_speace{margin-right: 4%;}/*改行でスペース開けたいとき*/
	#course_shosai .smp_speace2{margin-right: 5%;}/*改行でスペース開けたいとき*/

	/*検査の流れ*/
	#course_shosai h3 {font-size: 6vw;}
	#course_shosai .time {font-size: 5vw;}

	#course_shosai .kensa_nagare {margin: 0 0 8% 0;}
	#course_shosai .kensa_nagare dt {font-size: 4.5vw;padding: 3% 1% 3% 2%;}

	#course_shosai .kensa_nagare img{
		width: 100%;
	}
	
	#course_shosai .kensa_nagare dd {
		font-size: 4vw;
		margin: 2% 1% 0 1%;
		flex-direction: column;
		line-height: 6vw;
	}
	
	#course_shosai .kensa_nagare dd img{
		margin-top: 5%;
	}

	#course_shosai .kensa_nagare dd span {
		font-size: 3.5vw;
	}


	#course_shosai .option{
		font-size: 5vw;
		width: 96%;
		border-radius: 5px;
	}
	
}