@charset "UTF-8";

/*box1
---------------------------------------------------------*/
.box1 .support_box{
	background-color: #EFF8F6;
	padding: 70px 4% 80px;
	border-radius: 30px;
	box-sizing: border-box;
}
.box1 .support_box .inbox{
	max-width: 1100px;
	margin: 0 auto;
}
.box1 .support_box .med_flt{
	position: relative;
}
.box1 .support_box .txt_r{
	max-width:630px;
	width: 58%;
	float: right;
}
.box1 .support_box .txt_r .com_btn1_list{
    margin-top: .5em;
    text-align: left;
}
.box1 .support_box .img_l{
	position: absolute;
	max-width: 496px;
	width: 45.1%;
	left: -7%;
	top:0;
	transform: translateY(-18%);
}
.box1 .support_box .support_style dt{
	font-size: min(3.4vw,220%);
	letter-spacing: 0.06em;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 0.5em;
	position: relative;
}
.box1 .support_box .support_style dt::before{
	position: absolute;
	content: "";
	background: url("../../images/medical/kids/onpu.svg") no-repeat right top;
	background-size: 100% 100%;
	width: 1.352em;
	height: 1.352em;
	left: 13.3em;
	top:0.5em;
}
.box1 .support_box .support_style dt span{
	font-size: 136%;
	letter-spacing: 0.06em;
	line-height: 1.5em;
	display: block;
	color: #63B7A3;
}
.box1 .support_point .com_chon_tit{
	font-size: min(2.4vw,136%);
	letter-spacing: 0.06em;
	line-height: 1.5em;
	font-weight: bold;
	color: #63B7A3;
	display: block;
	text-align: center;
	margin: 0 auto 2em;
}
.box1 .support_point .com_chon_tit .com_chon_tit_inbox{
	display: block;
}
.box1 .support_point .com_chon_tit .com_chon.type1{
    top:-0.8em;
	left: auto;
    right: calc(50% + 13em);
}
.box1 .support_point .com_chon_tit .com_chon.type2{
    top:-0.8em;
	right: auto;
   	left: calc(50% + 13em);
}
.box1 .support_point .com_chon_tit .com_chon.type3{
    bottom:-0.8em;
	left: auto;
    right: calc(50% + 13em);
}
.box1 .support_point .com_chon_tit .com_chon.type4{
    bottom:-0.8em;
	right: auto;
    left: calc(50% + 13em);
}
.box1 .support_point .com_chon_tit .com_chon::before {
	background-color: #63B7A3;
}
.box1 .support_point ul{
	display: flex;
	justify-content: space-between;
	font-size: min(2.6vw,150%);
	letter-spacing: 0.06em;
	line-height: 1em;
	text-align: center;
	font-weight: bold;
}
.box1 .support_point ul li{
	max-width: 344px;
	width: 31.5%;
}
.box1 .support_point ul li div{
	max-width: 344px;
	margin: 0 auto 0.8em;
	text-align: center;
	position: relative;
}
.box1 .support_point ul li div .abs{
	position: absolute;
	display: block;
	max-width: 153px;
	width: 44.5%;
	left: 2.6%;
	top:0;
	transform: translateY(-6%);
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1250px) {
.box1 .support_box .txt_r .com_btn1_list{
    margin-left: -70%;
    text-align: center;
    
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1050px) {
.box1 .support_box .img_l{
	left: -5.5%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .support_box{
	padding: 6% 4% 7%;
	border-radius: 3vw;
}
.box1 .support_box .txt_r .com_btn1_list{
    margin-top: .5em;
    width: 170%;
    margin-left: -70%;
    text-align: center;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .support_box{
	padding: 75vw 5% 7%;
	border-radius: 3vw;
	margin-top: 22%;
}
.box1 .support_box .inbox{
	max-width: 100%;
}
.box1 .support_box .txt_r{
	max-width:100%;
	width:100%;
	float: none;
}
.box1 .support_box .img_l{
	width: 95%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-105%);
}
.box1 .support_box .support_style dt{
	font-size: 140%;
	letter-spacing: 0.05em;
}
.box1 .support_box .support_style dt span{
	letter-spacing: 0.05em;
}
.box1 .support_point .com_chon_tit{
	font-size: 116%;
	letter-spacing: 0.05em;
	margin: 0 auto 1.5em;
}

.box1 .support_point .com_chon_tit .com_chon.type1{
    right: calc(50% + 8.5em);
}
.box1 .support_point .com_chon_tit .com_chon.type2{
   	left: calc(50% + 8.5em);
}
.box1 .support_point .com_chon_tit .com_chon.type3{
    right: calc(50% + 8.5em);
}
.box1 .support_point .com_chon_tit .com_chon.type4{
    left: calc(50% + 8.5em);
}
.box1 .support_point ul{
	display: block;
	font-size: 130%;
	letter-spacing: 0.05em;
}
.box1 .support_point ul li{
	max-width: 100%;
	width: 100%;
	margin-top: 8%;
}
.box1 .support_point ul li:first-child{
	margin-top: 0;
}
.box1 .support_point ul li div{
	width: 80%;
	margin: 0 auto 0.6em;
}
}