@charset "utf-8";

body{
font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

main div{
max-width:640px;
width:100%;
margin: 0 auto;
}

img {
  width: 100%;
  vertical-align: bottom;
}

.footer_navi{
text-align:center;
font-size:15px;
color:#333333;
margin-top: 30px;
padding-top: 5px;
border-top: 1px dashed #333333;
}

.footer_navi a{
color:#cc2a42;
}


#copyright{
color:#ffffff;
text-align:center;
background-color:#333333;
font-size:15px;
padding: 10px 0px 8px 0px;
}

@media (max-width: 767px) {


.footer_navi{
font-size:12px;
padding-bottom: 6px;
}

#copyright{
padding: 13px 0px 18px 0px;
}

}


/*--------------------*/

.flex{
	display: flex; /*2分割するためのCSS*/
	flex-wrap:wrap; /*2分割したものを全体サイズで折り返し表示するCSS*/
	margin: auto; /*このクラスを表示を真ん中にするためのCSS*/
}

.box,#box1,#box2,#box3,#box4{
width:50%;
height: auto;
}

.box-img{
vertical-align: bottom;
height:auto;
}



.skin_box{
	width: 25%;
	height: auto;
}

.skin_img{
	vertical-align: bottom;
	height: auto;
}