@charset "UTF-8";

/*---------------------------------------------------------
m_img
---------------------------------------------------------*/
.contentpage .m_img > div {
	background-image: url(../../images/medical/kids_ortho/m_img@2x.jpg);
}


/*---------------------------------------------------------
common
---------------------------------------------------------*/
.marker::before {
	background-color: rgba(192,140,186,0.4);
}
.med_style2 > dt::before,
.med_rsn .rsn_title .fuki span,
.med_rsn .rsn_no .ft_att,
.med_pickbox .pick_title .bubble span,
.med_dl_list li dt span {
	color: #E4643E;
}
.med_rsn .rsn_title .fuki span::before {
	background-image: url(../../images/medical/common/accent_org.svg);
}
.med_arw_txt::before {
	background-image: linear-gradient(to bottom, rgba(192,140,186,0), rgba(192,140,186,1));
}
/* med_rsn */
.med_rsn::before {
	background-image: url(../../images/medical/kids_ortho/rsn_bg@2x.png);
}
/* med_cnsl */
.med_cnsl::before {
	background-color: #F5893E;
}
.med_cnsl .cnsl_tit .com_deco_txt1 {
	color: #F5773E;
}

/*---------------------------------------------------------
about
---------------------------------------------------------*/
#about .com_deco_txt2 {
	color: #C08CBA;
	margin-bottom: 2em;
}
#about .med_arw_txt {
	margin-bottom: 3em;
}
.qmark::after {	background-image: url(../../images/medical/common/qmark_ppl.svg);}

/* nym_list */
.nym_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.nym_list > li {
	width: 18%;
	margin: 0 -0.7%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

/* nym_list */
.nym_list > li:nth-of-type(1) {
	margin-left: 7%;
}
.nym_list > li:nth-of-type(5) {
	margin-right: 7%;
}
.nym_list > li:nth-of-type(n+6) {
	margin-top: -2%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

/* nym_list */
.nym_list > li {
	width: 36%;
	margin: 0 -1.5%;
}
.nym_list > li:nth-of-type(n+4) {
	margin-top: -2%;
}
}

/*---------------------------------------------------------
mrc
---------------------------------------------------------*/
.mrc {
	background-color: #FFBE50;
}
.mrc .pick_point {
	color: #FFF;
	background-color: #F5893E;
}

.mrc .pick_title::after {
	background-image: url(../../images/common/dot_w.svg);
}
.med_dl_list > li {
	background-color: rgba(255,255,255,0.4);
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.mrc .com_flt .img_l {
	width: 40%;
}
.mrc .com_flt p {
	padding-top: 1em;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_dl_list {
	grid-template-columns: repeat(3, 32%);
	column-gap: 1.3%;
}
.med_dl_list li:nth-of-type(n+4) {
	margin-top: 4%;
}
.mrc .com_flt p {
	padding-top: 0;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}

/*---------------------------------------------------------
importance
---------------------------------------------------------*/
/* stg_list */
.stg_list {
	padding-top: 5.7%;
}
.stg_list > li {
	position: relative;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 25px 6%;
	border-radius: .9em;
}
.stg_list dt {
	position: relative;
	text-align: center;
	font-size: min(2.8vw,193%);
	font-weight: bold;
}
.stg_list dt::before {
	position: absolute;
	content: "";
	background: url(../../images/medical/kids_ortho/col3_abs1@2x.png) no-repeat center center;
	background-size: contain;
	width: 2.6em;
	height: 2.84em;
	left: 0;
	right: 0;
	bottom: 110%;
	margin: auto;
}
.stg_list dt > span > span {
	font-family: "new-atten", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 200%;
	letter-spacing: .06em;
	line-height: 1;
	vertical-align: -0.12em;
}
.stg_list dt > span > span:last-child {
	margin-right: .1em;
}
.stg_list > li:nth-of-type(1) dt > span {color: #E4643E;}
.stg_list > li:nth-of-type(2) dt > span {color: #B8D200;}
.stg_list > li:nth-of-type(3) dt > span {color: #74C8B2;}
.stg_list > li:nth-of-type(2) dt::before {background-image: url(../../images/medical/kids_ortho/col3_abs2@2x.png);}
.stg_list > li:nth-of-type(3) dt::before {background-image: url(../../images/medical/kids_ortho/col3_abs3@2x.png);}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.stg_list {
	display: grid;
	justify-content: space-between;
    flex-wrap: wrap;
	grid-template-columns: repeat(3, 31.4%);
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* stg_list */
.stg_list {
	padding-top: 10%;
}
.stg_list > li {
	padding: 5% 6% 7%;
}
.stg_list > li:nth-of-type(n+2) {
	margin-top: 12%;
}
.stg_list dt {
	font-size: 125%;
}
}


/*---------------------------------------------------------

---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}