@charset "UTF-8";
/* CSS Document */


/*
font-family: 'Shippori Mincho B1', serif;456
font-family: 'Zen Kaku Gothic New', sans-serif;345
*/

*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}


html {
  font-size: 62.5%;
}
body{
font-size: 1.6rem;
margin: 0;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 300;
}
header h1{
background: #fff;
text-align: center;
margin: 1rem 0 0;
}
header h1 img{
height: 67px;
}
header .main_img{
width: 100%;
height: 300px;
background: url("/img/header_main.jpg") no-repeat center center /cover;
}

.comison{
width: 100%;
height: 100vh;
position: relative;
}

.box{
margin: 5rem auto;
max-width: 900px;
text-align: center;
}
.box img{
width: 100%;
}
.box p{
margin-top: 5rem;
text-align: center;
letter-spacing:0.2rem;
font-weight: 500;
}
.box p a{
color: #000;
}

.box h2{
font-size: 1.8rem;
letter-spacing: 0.5rem;
font-family: 'Quantico', sans-serif;
margin-top: 5rem;
}

copy{
display: block;
width: 100%;
text-align: center;
margin: 5rem 0 1rem;
font-size: 1.4rem;
}


@media (max-width: 768px) {
header .main_img{height: 170px;}
.box h2{font-size: 1.8rem;}
.box img{width: 95%;}
copy{
font-size: 1.2rem;
}



}