@charset "UTF-8";

.contentpage .m_img{
	background-image: url("../images/kanri/m_img@2x.jpg");
}


/*box1
---------------------------------------------------------*/
.box1 .bg_beige{
	padding: 50px 60px 45px;
}
.box1 .bg_beige > .med_flt .img_l{
	width: 39%;
	max-width: 377px;
}
.box1 .bg_beige > .med_flt .txt_r{
	width: 57%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .bg_beige{
	padding: 40px 50px 35px;
}
.box1 .bg_beige > .med_flt .txt_r{
	width: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .bg_beige > .med_flt .txt_r{
	width: 100%;
}
.box1 .bg_beige > .med_flt .img_l{
	width: 90%;
}
.box1 .bg_beige{
	padding: 6% 4% 5%;
}
.box1 .bg_beige > .med_flt .txt_r.med_style2 dt{
	font-size: 5.2vw!important;
	letter-spacing: 0;
}
}





/*box2
---------------------------------------------------------*/
.box2 .bg_green{
	background-color: #f2ffff;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	box-sizing: border-box;
}
.box2 .bg_green dt{
	background-color: #0087b6;
	color: #fff;
	text-align: center;
	font-size: 120%;
	letter-spacing: 0.15em;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.7em 3%;
	box-sizing: border-box;
	margin-bottom: 35px;
}
.box2 .bg_green dd{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.box2 .syuten{
	margin-top: 40px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .bg_green{
	padding: 40px;
}
.box2 .bg_green dt{
	font-size: 115%;
	margin-bottom: 30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .bg_green{
	padding: 4%;
}
.box2 .bg_green dt{
	font-size: 4.5vw;
	letter-spacing: 0.05em;
	margin-bottom: 5%;
	padding: 0.4em 2%;
}

.box2 .syuten{
	margin-top: 1em;
}
}




/*box3
---------------------------------------------------------*/
/* PMTCの流れ */
.box3 .med_frame_box .med_flow_box{
	background-color: #fff;
	padding: 40px 3%;
}
.box3 .med_frame_box .med_flow_box .ft_min{
	font-size: 140%;
	text-align: center;
	padding-bottom: 1.2em;
}
.box3 .med_frame_box .med_flow_box .med_flow_list {
	max-width:925px;
}
.box3 .med_frame_box .med_flow_box .med_flow_list li {
	width: 16.3%;
}
.box3 .med_flow_list li.flow_arrow {
	width: 2%!important;
	padding-top:7.5%;
}
.box3 .med_flow_list li.flow_arrow img{
	max-width: 8px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .med_frame_box .med_flow_box{
	padding: 30px 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .med_frame_box .med_flow_box{
	padding: 6%;
}
.box3 .med_frame_box .med_flow_box .ft_min{
	font-size: 5.5vw;
	padding-bottom: 1em;
}
.box3 .med_frame_box .med_flow_box .med_flow_list li {
	width: 100%;
}
.box3 .med_flow_list li.flow_arrow {
	width: 100%!important;
	padding: 2% 0;
}
}


/* ポイント */
.box3 .point dl{
	diaplay:table;
	width:100%;
}
.box3 .point dt,.box3 .point dd{
	display:table-cell;
	vertical-align: middle;
}
.box3 .point dt{
	width: 18%;
	background-color: #2ab0ce;
	color: #fff;
	font-size: 160%;
	margin: auto;
	text-align: center;
}
.box3 .point dd{
	width: 82%;
	background-color: #fff;
	padding: 2.2em 3%;
	font-size: 85%;
	line-height: 1.9em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .point dd{
	padding: 1em 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .point dl{
	diaplay:block;
}
.box3 .point dt,.box2 .point dd{
	display:block;
	width:100%;
}
.box3 .point dt{
	padding: 0.4em 5%;
	box-sizing: border-box;
	font-size: 6vw;
}
.box3 .point dd{
	padding: 5% 6%;
}
}