@charset "UTF-8";

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




/* lead
---------------------------------------------------------*/
#lead .flex_box{
	 justify-content: center;
}
#lead .flex_box li{
	width: min(320px,27vw);
	height: min(320px,27vw);
	margin-right: min(60px,3vw);
	border-radius: 50%;
	border:1px solid #004150;
	display: flex;
    justify-content: center;
    align-items: center;
}
#lead .flex_box li:last-child{
	margin-right: 0;
}
#lead .flex_box li p{
	line-height: 1.3em!important;
	margin-bottom: .3rem;
}
#lead .flex_box li p:last-child{
	margin-bottom: 0;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#lead .flex_box li{
	width: 42vw;
	height: 42vw;
	margin-right: 2vw;
}
#lead .flex_box li:nth-child(even),
#lead .flex_box li:last-child{
	margin-right: 0;
}
#lead .flex_box li:last-child{
	margin-top: -3vw;
}
}








/* yoyaku
---------------------------------------------------------*/
#yoyaku .box1 .flex_box{
	 justify-content: center;
}
#yoyaku .box1 .flex_box li{
	margin-right: 2.2em;
}
#yoyaku .box1 .flex_box li:last-child{
	margin-right: 0;
}
#yoyaku .box1 .flex_box li .ft_co{
	font-size: 150%;
}

#yoyaku .box2 .flex_box{
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
#yoyaku .box2 .flex_box li{
	width: 49%;
	max-width: 450px;
}
#kakunin .list1,
#yoyaku .box3 .list1{
    justify-content: center;
}
#kakunin .list1 li,
#yoyaku .box3 .list1 li{
	width:min(220px,21vw);
	height:min(220px,21vw);
	margin-right: min(20px,2vw);
	border-radius: 50%;
	background: #004150;
	display: flex;
    justify-content: center;
    align-items: center;
}
#kakunin .list1 li:last-child,
#yoyaku .box3 .list1 li:last-child{
	margin-right: 0;
}

#yoyaku .box3 .list2{
	max-width:780px;
	margin-left: auto;
	margin-right: auto;
}
#yoyaku .box3 .list2 li{
	width: 49%;
	max-width: 360px;
	background: #948f8b;
}
#yoyaku .box3 .list2 li .ft_min{
	line-height: 1.3em;
	padding: 1em 0;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#yoyaku .box1 .flex_box li{
	margin-right: 1em;
}

#yoyaku .box2 .flex_box{
	display: block;
}
#yoyaku .box2 .flex_box li{
	width:100%;
	max-width:100%;
	margin-bottom: 8%;
}
#yoyaku .box2 .flex_box li:last-child{
	margin-bottom: 0;
}
#yoyaku .box2 .flex_box li .img{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
}
#yoyaku .box2 .flex_box li .min26{
	margin-bottom: .1em;
}
#kakunin .list1 li{
	width: 26vw;
	height:26vw;
	margin-right:1vw!important;
}	
#yoyaku .box3 .list1 li{
	width: 40vw;
	height:40vw;
	margin-right:2vw;
}
#kakunin .list1 li:nth-child(even),
#yoyaku .box3 .list1 li:nth-child(even){
	margin-right: 0;
}
#yoyaku .box3 .list1 li:last-child{
	margin-top: -4vw;
}

#yoyaku .box3 .list2{
	display: block;
}
#yoyaku .box3 .list2 li{
	width: 100%;
	max-width: 360px;
	margin: 0 auto 4%;
}
#yoyaku .box3 .list2 li:last-child{
	margin-bottom: 0;
}
}







/* kakunin
---------------------------------------------------------*/
#kakunin .list2{
    justify-content: center;
}
#kakunin .list2 li{
	width: 180px;
	height: 180px;
	margin-right: 20px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center,  rgba(112,67,80,0.85) 0%,rgba(112,67,80,1) 100%);
	display: flex;
    justify-content: center;
    align-items: center;
}
#kakunin .list2 li:last-child{
	margin-bottom: 0;
}
#kakunin .list2 li p{
	line-height: 1.2em!important;
}

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

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#kakunin .list2 li{
	width: 32vw;
	height: 32vw;
	margin-right: 2vw;
}
}