@charset "utf-8";

/* treatment43_sp.css：SP
 * ======================================
 * 
 * ======================================
 */
 
/* #treatment43
------------------------------------------------------------------ */


#subPage #content #treatment43_cat03 p > img{
	float: left;
	width: 80px;
	margin: 0 10px 20px 0;
}
#treatment43_cat03 .bottomTxt{
text-align: center;
margin-top: 2em;	
}

#treatment43_flow{
margin-top: 3em;
margin-bottom: 6em;
padding: 20px 6% 0;
border-top: 1px solid #dadada;
overflow: hidden;
}	

#treatment43_flow .num{
	margin-bottom: 10px;
	text-align: center;
	margin-top: 2em;
}
#treatment43_flow .num img{
	max-width: 100%;
	height: auto;
	margin: auto;
}
#treatment43_flow .num + .note{
font-size: 10px;
text-align: center;	
}
#treatment43_flow .title_area{
	text-align: center;
	margin-top: 2em;
}
#treatment43_flow .title_area h2{
margin-bottom: 0;	
}
#treatment43_flow .title_area p{
	text-align: center;
}
#treatment43_flow .fig{
	position: relative;
	margin-top: 3em;
}
#treatment43_flow .fig img{
	max-width: 100%;
	height: auto;
}
#treatment43_flow .fig a{
position: absolute;
height: 14vw;
bottom: 0;
}
#treatment43_flow .fig a::after{
	content: none;
}
#treatment43_flow .fig a.link1{
left:4%;
width: 17%;
}
#treatment43_flow .fig a.link2{
left:27%;
width: 22%;
}
#treatment43_flow .fig a.link3{
left:50%;
width: 27%;
}
#treatment43_flow .fig a.link4{
right:0;
width: 22%;
}
#treatment43_flow .flow_att{
margin-top: 2em;
padding:0 5em;
text-align: center;	
}
/* #course style */
#course3_intro{
padding-bottom: 3em;	
}
#course3_intro h2{
color: #15181d;
font-size: 2em;
letter-spacing: 1px;
margin: 0;
padding: 0;
}
#course3_intro h2::after{
display: block;
width: 80%;
background: #15181d;	
content: "";
height: 1px;
margin: 1em auto 2em;
}
#course3_intro .check_area{
display: flex;
justify-content: center;	
}
#course3_intro .check_area .wrap{
border: 1px solid	#15181d;
padding:3em 4em;
}
#course3_intro .check_area .wrap .num{
display: flex;
align-items: center;	
line-height: 1;
font-size: 1.2em;
font-weight: bold;
}
#course3_intro .check_area .wrap .num + .num{
margin-top: 2em;	
}
#course3_intro .check_area .wrap .num i{
margin-right: 10px;	
}
#course3_intro .check_area .wrap .num i img{
width: 20px;
height: auto;	
}
#course3_intro .txt{
	text-align: center;
	margin-top: 2em;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.4em;
}
#course3_intro .note{
font-size: 11px;
margin-top: 3em;
text-align: center;	
}
#course3_intro table{
width: 100%;	
border: 0;
margin-top: 1.5em;
}
#course3_intro table th{
	background: none;
	padding: 5px 20px;
	width: 80%;
	text-align: left;
	border: 0;
}
#course3_intro table td{
	background: none;
	padding:5px 10px;
	text-align: left;
	border: 0;
}

.noto{
font-family: 'Noto Serif JP', serif;
font-weight: 500;
font-size: 160%;	
}
.noto small{
font-size: 80%;	
}

#sec_item .item_list{
margin: 0;
padding: 0;	
}
#sec_item .item_list li{
margin-bottom: 4.5em;	
list-style-type: none;
}
#sec_item .item_list li::after{
width: 0;
height: 0;
border-style: solid;
border-width: 20px 35px 0 35px;
border-color: #ccc transparent transparent transparent;
display: block;
content: "";
margin:40px auto 0;
}
#sec_item .item_list li:last-child::after{
	content: none;
}
#subPage #content #sec_item .item_list li h3{
padding: 15px 20px;
line-height: 1;	
font-size: 1.5em;
background: #f3f3f3;
text-align: left;
position: relative;
}
#subPage #content #sec_item .item_list li h3.pink{
background: #f9dcdc;	
}
#subPage #content #sec_item .item_list li h3 .require{
position: absolute;
left: 20px;
top: -10px;
border: 1px solid #151815;	
font-size: 11px;
font-weight: normal;
padding:3px 8px;
line-height: 1;
}
#sec_item .item_list li .row{
display: flex;
align-items: center;	
padding-top: 4em;
padding-left: 1.8em;
}
#sec_item .item_list li .row .thumb{
width:30%;
text-align: center;	
padding: 0 6%;
}
#sec_item .item_list li .row .txt_area{
width: 70%;	
padding-right: 1em;
}
#sec_item .item_list li .row .txt_area .price{
	margin:1.5em 0;
	padding-left: 1em;
}
#sec_item .item_list li .row .txt_area .price.margin0{
	margin: 0;
}

#sec_item .item_list li .row .txt_area .price small{
	font-size: 80%;
}
#sec_item .item_list li .row .txt_area .component{
	font-weight: bold;
	line-height: 2;
}
#sec_item .item_list li .row .txt_area .component .price{
/* 	margin-left: 30px; */
padding-left: 2em;
	
}
#sec_item .item_list li .row .txt_area .note.mt{
margin-top: 2.5em;	
}
#sec_item .item_list li .row .txt_area .note .red{
color: red;	
}
#sec_item .item_list li .top-txt{
text-align: center;
margin: 2em 0 0;	
}