@charset "UTF-8";

.contentpage .m_img_area{
	background-image: url(../images/policy/m_img@2x.jpg);
	background-position: center bottom;
}


/* message
---------------------------------------------------------*/
#message .fltbox .img_l{
	width: 38%;
	max-width: 450px;
	float: left;
}
#message .fltbox .txt_r{
	width: 58%;
	max-width: 660px;
	float: right;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#message .fltbox .img_l{
	width: 70%;
	float: none;
	margin: 0 auto 4%;
}
#message .fltbox .txt_r{
	width: 100%;
	max-width: 100%;
	float: none;
}
}






/* philosophy
---------------------------------------------------------*/
#philosophy .box1{
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.05));
	background: #fff;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: min(60px,4vw) 4% min(90px,7vw);
	box-sizing: border-box;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#philosophy .box1{
	padding: 6% 5% 6%;
}
}







/* policy
---------------------------------------------------------*/
#policy ul{
    justify-content: center;
}
#policy li{
	width: 30%;
	margin-right: 5%;
	margin-top: 5%;
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.3) 100%); 
	padding: 60px 1%;
	box-sizing: border-box;
}
#policy li:nth-child(-n+3){
	margin-top: 0;
}
#policy li:nth-child(3n),
#policy li:last-child{
	margin-right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#policy li{
	width: 32.666%;
	margin-right: 1%;
	margin-top:1%;
	padding: min(60px,4vw) 1%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#policy ul{
	display: block;
}
#policy li{
	width: 90%;
	margin: 0 auto 8%!important;
	padding: 12% 6% 13%;
}
#policy li:last-child{
	margin-bottom: 0!important;
}
}






/* feature
---------------------------------------------------------*/
#feature .bg{
	background: url(../images/policy/img10@2x.jpg)no-repeat bottom right;
	background-size: 55% auto;
}
#feature .com_col2{
	margin-bottom: min(-100px,-8vw);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#feature .com_col2{
	margin-bottom: -6vw;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#feature .bg{
	padding-bottom: 25vw
	background-size: 60% auto;
}
#feature .com_col2{
	margin-bottom: 0
}
}







/* experts
---------------------------------------------------------*/
#experts .intyo{
	border-top:1px solid #004150;
	border-bottom:1px solid #004150;
	padding: min(130px,11vw) 0;
}
#experts .intyo .flex_box{
	max-width: 1140px;
	margin: 0 auto;
}
#experts .intyo .img_l{
	width: 40%;
	position: relative;
}
#experts .intyo .img_l .ft_co{
	position: absolute;
	bottom: -.4em;
	left: -.3em;
	line-height: 1em;
	font-size:min(520%,7vw);
	color: #99b3b9;
	 mix-blend-mode: difference;
}
#experts .intyo .txt_r{
	width: 56%;
	max-width: 600px;
}
#experts .staff .flex_box li{
	width: 24%;
}
#experts .staff .flex_box li .img{
	position: relative;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}
#experts .staff .flex_box li .img .ft_co{
	position: absolute;
	top: -.4em;
	left: -1em;
	line-height: 1em;
	font-size:160%;
	color: #99b3b9;
	 mix-blend-mode: difference;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#experts .staff .flex_box li .img .ft_co{
	left: -.2em;
}
#experts .staff .flex_box li h4{
	line-height: 1.4em!important;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#experts .intyo{
	padding: 12% 0;
	margin-bottom: 15%;
}
#experts .intyo .flex_box{
	display: block;
}
#experts .intyo .img_l{
	width: 60%;
	margin: 0 auto 10%;
}
#experts .intyo .img_l .ft_co{
	font-size: 250%;
}
#experts .intyo .txt_r{
	width: 100%;
	max-width: 100%;
}
#experts .intyo .txt_r .com_btm_10{
	margin-bottom: 0!important;
}
	
#experts .staff .flex_box{
	display: block;
}
#experts .staff .flex_box li{
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 12%;
	margin-bottom: 15%;
}
#experts .staff .flex_box li:last-child{
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
#experts .staff .flex_box li .img{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
}






/* last
---------------------------------------------------------*/
#last .com_bgimg{
	background-image: url(../images/policy/img16@2x.jpg);
	background-position: top left;
}