@charset "UTF-8";

/* med_point_list
---------------------------------------------------------*/
.med_point_list .com_btn1{
    margin-top: 1.5rem;
}

/*type_full*/
.med_point_list .type_full{
    width: 100%;
}
.med_point_list .type_full .fltbox .imgbox{
    width: 47%;
    max-width: 610px;
}
.med_point_list .type_full .fltbox .txtbox{
    width: 46.7%;
}

/*type_half*/
.med_point_list .type_half{
    width: 48%;
    max-width: 610px;
}
.med_point_list .type_half .type_half_img{
    margin-bottom: 1.5rem;
}

/*type_line*/
.med_point_list .type_line{
    width: 100%;
    border-bottom: rgba(99,183,163,0.30) 1px solid;
    margin: 80px 0;
}

/*med_point_index*/
.med_point_index{
    font-size:min(2.9vw,230%);
    letter-spacing: normal;
    line-height: 1.3em;
    margin-bottom: 1.5rem;
}
.med_point_list .type_full .med_point_index{
    text-align:center;
}
.med_point_index_txt{
    text-align: center;
    margin-top: -0.3em;
}

/*com_chon_tit*/
.med_point_list .type_full .com_chon_tit_waku{
    text-align: center;
}
.med_point_list .com_chon_tit{
    color: #63B7A3;
    margin-left: .7em;
    margin-bottom: 1.7em;
}
.med_point_list .com_chon_tit .com_chon_tit_inbox p{
    display: flex;
    justify-content: center;
    align-items: center;	
}
.med_point_list .com_chon_tit .com_chon_tit_inbox p strong{
    display: inline-block;
    font-weight: normal!important;
}
.med_point_list .com_chon_tit .number{
    font-size:150%;
    padding-left: .3em;
}
.med_point_list .com_chon_tit .com_chon::before{
    background-color: #63B7A3;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
/*type_full*/
.med_point_list .type_full .fltbox .imgbox{
	margin-right: 4%;
	margin-bottom: 1em;
}
.med_point_list .type_full .fltbox .txtbox{
    width: 100%;
	float: none;
}
	
/*type_line*/
.med_point_list .type_line{
    margin: 8% 0;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.med_point_list .com_btn1{
    text-align: center;
}
.med_point_list {
	display: block;
}
.med_point_list > li{
	margin-top: 10%;
	padding-top: 10%;
	border-top: rgba(99,183,163,0.30) 1px solid;
}
.med_point_list > li:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: none;	
}
/*type_full*/
.med_point_list .type_full .fltbox .imgbox{
	width: 100%;
	margin: 0 auto 4vw;
	text-align: center;
	float: none;
}
.med_point_list .type_full .fltbox .txtbox{
    width: 100%;
	float: none;
}

/*type_half*/
.med_point_list .type_half{
    width: 100%;
    max-width: 100%;
}

/*type_line*/
.med_point_list .type_line{
    margin: 10% 0;
}

/*med_point_index*/
.med_point_index{
    font-size:130%;
	text-align: center;
}
.med_point_index_txt{
    text-align: left;
}
	
/*com_chon_tit*/
.med_point_list .com_chon_tit {
	display: flex;
    justify-content: center;
}
.med_point_list .com_chon_tit .com_chon.type1{
    top:-0.8em;
	left: auto;
    right: calc(50% + 3em);
}
.med_point_list .com_chon_tit .com_chon.type2{
    top:-0.8em;
	right: auto;
   	left: calc(50% + 3em);
}
.med_point_list .com_chon_tit .com_chon.type3{
    bottom:-0.8em;
	left: auto;
    right: calc(50% + 3em);
}
.med_point_list .com_chon_tit .com_chon.type4{
    bottom:-0.8em;
	right: auto;
    left: calc(50% + 3em);
}
}






/* box1
---------------------------------------------------------*/
.box1{
   padding-bottom: 130px;
	background-color: rgba(99,183,163,0.07);
}
.box1 .info_color {
  background: rgba(99,183,163,0.07);
  padding: 70px 4% 60px;
  box-sizing: border-box;
  border-radius: 30px;
}
.box1 .info_color_col4{
	max-width: 1140px;
	margin: 0 auto;
}
.box1 .info_color_col4 li {
  width: 23.5%;
  max-width: 240px;
  text-align: center;
}
.box1 .info_color_col4 li .img{
	max-width: 240px;
	margin: 0 auto 1em;
	text-align: center;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1{
	margin-bottom: 11vw;
}
.box1 .info_color {
  padding: 5% 3.5% 5%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.box1{
	margin-bottom: 14vw;
}
.box1 .info_color {
	 padding: 7% 4%;
}
.box1 .info_color_col4{
    flex-wrap: wrap;
}
.box1 .info_color_col4 li {
	width: 48.5%;
	max-width: 48.5%;
	margin-top: 8%;
}
.box1 .info_color_col4 li:nth-child(-n + 2){
	margin-top: 0;
}
}





/* box2
---------------------------------------------------------*/
.box2 {
	padding-top: 100px;
}
.box2 .fltbox .imgbox{
    width: 54%;
    max-width: 699px;
    padding-top: 40px;
}
.box2 .fltbox .txtbox{
    width:42.5%;
}
.box2 .fltbox .txtbox .ft_dip{
    font-size:min(7.6vw,410%);
    line-height: 1em;
    letter-spacing: 0.1em;
    color: #63B7A3;
}
.box2 .fltbox .txtbox h2{
   font-size:min(3.3vw,180%);
    letter-spacing: normal;
    line-height: 1em;
    margin: .6em 0 .95em;
}
.box2 .attention{
    text-align: center;
    color: #B9B6B3;
    line-height: 2.1em;
    margin-top: 3.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 {
	padding-top: 8vw;
}
.box2 .fltbox .imgbox{
    padding-top: 0;
	margin-right: 4%;
	margin-bottom: 1em;
}
.box2 .fltbox .txtbox{
    width:100%;
	float: none;
}
.box2 .fltbox .txtbox .ft_dip{
    font-size:7.3vw;
}
.box2 .fltbox .txtbox h2{
    font-size:3.2vw;
}
.box2 .attention{
    line-height:2em;
	 margin-top: 2.5em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box2 {
	padding-top: 12vw;
}
.box2 .fltbox .imgbox{
    width: 80%;
    max-width: 699px;
	margin: 0 auto 4vw;
    padding-top: 0;
	float: none;
}
.box2 .fltbox .txtbox{
    width:100%;
	float: none;
}
.box2 .fltbox .txtbox .ft_dip{
    font-size:330%;
	text-align: center;
}
.box2 .fltbox .txtbox h2{
   font-size:145%;
	text-align: center;
}
.box2 .attention{
    line-height: 1.8em;
    margin-top: 1.5em;
	text-align: left;
}
}








/* box3
---------------------------------------------------------*/
.box3 .invisa_table{
    width: 100%;
	font-weight: bold;
	line-height: 1.8em;
	font-size: min(1.4vw,100%);
}
.box3 .invisa_table th,
.box3 .invisa_table td{
    border-bottom: 5px solid #fff;
    box-sizing: border-box;
    padding: 25px 0;
    text-align: center;
}
.box3 .invisa_table th{
    width: 24%;
    background:rgba(66,57,50,0.90);
    color: #fff;
	font-size: 150%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.box3 .invisa_table td{
    width: 38%;
    background: rgba(173,245,227,0.51);
    border-left: 5px solid #fff;
	color: #63B7A3;
}
.box3 .invisa_table td.txt{
	padding-bottom: 15px;
}
.box3 .invisa_table td:nth-child(3){
    background:rgba(109,121,138,0.10);
	color: #737478;
}
.box3 .invisa_table td i{
    font-size:200%;
}
.box3 .invisa_table thead th{
    background:rgba(66,57,50,0.07);
}
.box3 .invisa_table thead td{
	background-color: #63B7A3;
	font-size: min(1.7vw,130%);
	letter-spacing:normal;
	line-height: 1.5em;
	color: #fff!important;
	padding: 35px 0 20px;
}
.box3 .invisa_table thead td:nth-child(3){
	background-color: rgba(109,121,138,0.5);
}
.box3 .invisa_table thead td dl{
	margin-bottom: 0.6em;
}
.box3 .invisa_table thead td dt{
	font-size: 123%;
	letter-spacing: normal;
	line-height: 1.5em;
}
.box3 .invisa_table thead td div{
	max-width: 289px;
	width: 65%;
	margin: 0 auto;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .invisa_table{
	font-size: 100%;
}
.box3 .invisa_table th,
.box3 .invisa_table td{
    padding: 2.5% 0;
}
.box3 .invisa_table th{
	font-size: 140%;
}
.box3 .invisa_table thead td{
	font-size: min(3vw,130%);
	padding: 3.5% 0 2%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.box3 .scroller{
	overflow-x: scroll;
	padding-bottom: 5%;
	padding-top: 5vw;
}
.box3 .invisa_table{
	width: 155%;
	font-size: 80%;
	line-height: 1.5em;
}
.box3 .invisa_table th,
.box3 .invisa_table td{
    padding: 2.5% 0;
}
.box3 .invisa_table th{
	font-size: 130%;
	letter-spacing: 0.05em;
}
.box3 .invisa_table td.txt{
	padding-bottom: 2%;
}
.box3 .invisa_table thead td{
	font-size: 120%;
	padding: 3.5% 0 2%;
}
.box3 .scroll_txt{
	font-size: 80%;
	letter-spacing: 0.05em;
	line-height: 1em;
	margin-top: 0.5em;
}
.box3 .scroll_txt span{
	position: relative;
	padding-right: 2.2em;
}
.box3 .scroll_txt span::before {
	font-family: 'fontello';
	content: '\e800';
	position: absolute;
	right: .5em;
	top: 50%;
	transform: translateY(-50%);
}

}







/* box4
---------------------------------------------------------*/
.box4 .med_flow_vertical li:nth-child(2) .icon_list{
	margin-bottom: 0.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1070px) {
.box4 .med_flow_vertical li:nth-child(2) .com_btn_list{
	display: block;
}
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box4 .med_flow_vertical li:nth-child(2) .icon_list{
	margin-bottom: 0.3em;
}
}