@charset "UTF-8";

/*---------------------------------------------------------
m_img
---------------------------------------------------------*/
.contentpage .m_img > div {
	background-image: url(../../images/medical/house/m_img@2x.jpg);
}
.m_point > li:nth-of-type(1) {
	z-index: inherit;
}

/*---------------------------------------------------------
common
---------------------------------------------------------*/
.qmark::after {	background-image: url(../../images/medical/common/qmark_brw.svg);}

.com_deco_txt2,
.med_pickbox .pick_title .ft_att {
	color: #997F4F;
}
.com_deco_txt2.fs18 {
	margin-bottom: 2em;
}
.med_arw_txt {
	margin-bottom: 2em;
}

.com_index_radi span {
	color: #BD9650;
}

.com_lead_box .com_btnlist a {
	width: 21em;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead_box .com_btnlist a {
	width: 19em;
}
}


/*---------------------------------------------------------
graph
---------------------------------------------------------*/
.graph {
	background-color: #fff;
	box-sizing: border-box;
	padding: 35px 2.6%;
}
.graph figcaption {
	text-align: center;
	color: #433200;
	font-size: min(175%,2.2vw);
	letter-spacing: .1em;
	line-height: 1.3;
	background-color: #F1EFED;
	padding: .3em 1em;
	border-radius: 2em;
	margin-bottom: 1em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.graph_col2 {
	display: flex;
	justify-content: space-between;
}
.graph_col2 > figure {
	width: 48%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.graph {
	padding: 25px 2.6%;
}
.graph figcaption {
	letter-spacing: .08em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.graph {
	padding: 7% 6%;
}
.graph figcaption {
	font-size: 110%;
	letter-spacing: .05em;
}
.graph_col2 > figure {
	margin-top: 4%;
}
}


/*---------------------------------------------------------
importance
---------------------------------------------------------*/
#importance .graph {
	width: 80%;
	max-width: 824px;
	margin: 0 auto 2em;
}
.med_col_list > li:nth-of-type(1) dt::before {	background-image: url(../../images/medical/house/col3_icon1.svg)}
.med_col_list > li:nth-of-type(2) dt::before {	background-image: url(../../images/medical/house/col3_icon2.svg)}
.med_col_list > li:nth-of-type(3) dt::before {	background-image: url(../../images/medical/house/col3_icon3.svg)}

/* nym_list */
.nym_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1255px;
	margin-left: auto;
	margin-right: auto;
}
.nym_list > li {
	width: 23%;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#importance .graph {
	width: 100%;
	margin: 0 auto 2em;
}
/* nym_list */
.nym_list > li {
	width: 50%;
}
.nym_list > li:nth-of-type(n+3) {
	margin-top: 3%;
}
}

/*---------------------------------------------------------
med_pickbox
---------------------------------------------------------*/
.med_pickbox .pick_title::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.5 2"><path fill="%23C6B583" d="M1.5,2H1C0.4,2,0,1.6,0,1s0.4-1,1-1h0.5c0.6,0,1,0.4,1,1S2,2,1.5,2z" /></svg>');
}
.med_pickbox .com_index_radi {
	background-color: #E9F1EC;
}
/* pick_point */
.med_pickbox .pick_point {
	background-color: #C6B583;
	margin-top: 35px;
}
.med_pickbox .pick_point .com_marulist > li::before {
	color: #FFF;
}
.med_pickbox .pick_point .com_index_radi {
	font-size: min(2vw,131%);
	white-space: unset;
	background-color: #fff;
	margin-top: 1em;
	margin-bottom: 0;
}
.med_pickbox .pick_point .com_index_radi span {
	color: #F5893E;
}
.med_pickbox .pick_point .com_marulist {
	font-weight: bold;
}
/* pick_col2 */
.med_pickbox .pick_col2 .box_img {
	margin-bottom: 1em;
}
.med_pickbox .pick_col2 dt {
	text-align: center;
	letter-spacing: .05em;
	margin-bottom: .4em;
}
.med_pickbox .pick_col2 dd.grn {
	font-size: 93%;
	font-weight: bold;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_pickbox .pick_col2 {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(2, 48%);
}
.med_pickbox .pick_point .com_marulist {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(2,49%);
	padding-top: 1em;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.med_pickbox .pick_point .com_marulist {
	padding-top: 0;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/* pick_point */
.med_pickbox .pick_point {
	margin-top: 7%;
}
.med_pickbox .pick_point .com_index_radi {
	font-size: 100%;
}
/* pick_col2 */
.med_pickbox .pick_col2 > div {
	margin-bottom: 6%;
}
}


/*---------------------------------------------------------
howto
---------------------------------------------------------*/
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#howto .com_ctc_box {
	width: 90%;
	max-width: 1000px;
}
#howto .com_ctc_box .com_tel {
	width: 62%;
}
}

/*---------------------------------------------------------
risk
---------------------------------------------------------*/
#risk .com_index_radi {
	width: 90%;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}
/* trt_list */
.trt_list {
	text-align: center;
}
.trt_list img {
	width: 65%;
	max-width: max-content;
	border-radius: 50%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#risk .com_flt .img_r {
	width: 48%;
}
/* trt_list */
.trt_list {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(3,33%);
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#risk .com_flt .img_r {
	width: 100%;
}
/* trt_list */
.trt_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.trt_list > li {
	width: 50%;
}
.trt_list > li:nth-of-type(n+3) {
	margin-top: 8%;
}
.trt_list .com_btn1 a {
	min-width: max-content;
}
}



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

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

/* 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) {

}