@charset "UTF-8";



.cont-wrap{
max-width:1200px;
margin:2em auto;
padding:0.5em;
}


.perspective-drawing{
display:flex;
justify-content:space-around;
max-width:900px;
margin:0 auto;
}

.perspective-drawing div{
flex:1;
margin:2%;
}


.overview{
max-width:900px;
margin:1em auto;
}


.menu-area{
display:flex;
justify-content:space-around;
}

.menu-area a{
position:relative;
flex:1;
max-width:33%;
margin:1%;
text-decoration:none;
background-color:#E9EBED;
background-color:#FFF;
border:#ECECEC solid 1px;
}

.menu-area a:hover{
*opacity:0.8;
}


.menu-col .img-col{
width:100%;
background-color:#FFF;
overflow:hidden;
}

.menu-col h3{
font-size:12px;
margin:0;
padding:1em 5px;
color:#333;
font-weight:normal;
text-align:center;
}

.menu-col span:after{
position:absolute;
right:-5px;
bottom:-5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:200%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0d7";
margin-right:5px;
color:#999;
transform:rotate(-45deg);
}



@media all and (min-width:700px) {
	

.menu-area{
max-width:900px;
margin:0 auto;
}

.menu-col h3{
font-size:16px;

/** 以下中央揃え**/
display:-webkit-box;
display:-ms-flexbox;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.menu-area a img,
.menu-area a:hover img{
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-o-transition: -o-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
}

.menu-area a:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.menu-area{
display:flex;
justify-content:center;
}

.menu-area a{
margin:2%;
}

	
}