@charset "UTF-8";

/*box1
---------------------------------------------------------*/
.box1 .graph{
	max-width: 820px;
	width: 80%;
	padding: 50px 4%;
	box-sizing: border-box;
	background-color: rgba(99,183,163,0.07);
	text-align: center;
	margin: 0 auto;
	border-radius: 20px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .graph{
	padding: 5% 4%;
	border-radius: 2vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .graph{
	width: 100%;
	padding: 5% 3%;
	border-radius: 2vw;
}
}





/*box2
---------------------------------------------------------*/


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

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_box.pro .med_flex li:nth-last-child(2){
	padding-bottom: 8%;
}
.box2 .med_box.pro .med_flex li:last-child{
	margin-top: 0;
	padding-top: 0;
}
.box2 .med_box.pro .med_flex li:last-child .sp_border{
	padding-top: 8%;
	display: flex;
	flex-direction: column-reverse;
}
}