@charset "utf-8";
@import url('reset.css');
@import url('basic.css');


body {background:#1E1E1E; color:#fff;}


#logo {text-align: center; padding: 45px 0 0;}

#main {width:100%; max-width:1200px; margin: 0 auto; padding:45px 0 200px;}


#main > div {width:100%; text-align: center;}
#main > div > img {max-width:100%; margin: 0 0 150px;}
#main > div > h1,
#container_title span {color:#fff; font-size:100px;}
#main > div > p {margin: 0 0 170px; font-size: 22px; color:#787878;}


#container {width:100%; max-width:1200px; margin: 0 auto; padding:45px 0 0;}
#container_title {margin: 0 auto; text-align: center; font-size: 40px; color:#fff;}
#container_title span {font-size: unset;}

#ft_copy {padding: 0 0 6vw;}

@media (max-width:1440px) {

#main {padding:45px 3vw 200px;}
#container {padding:45px 3vw 0;}

}

@media (max-width:1024px) {

#main {padding:40px 3vw 150px;}
#main > div > img {margin: 0 0 120px;}
#main > div > h1,
#container_title span {font-size: 80px;}
#main > div > p {margin: 0 0 140px; font-size: 21px;}

#ft_copy {padding: 0 0 7vw;}

}



@media (max-width:768px) {

#main {padding:40px 5vw 100px;}
#main > div > img {margin: 0 0 90px;}
#main > div > h1,
#container_title span {font-size: 60px;}
#main > div > p {margin: 0 0 110px; font-size: 18px;}

#container {padding:40px 5vw 0;}

#ft_copy {padding: 0 0 9vw;}

}



@media (max-width:440px) {

#main > div > img {margin: 0 0 50px;}
#main > div > p {margin: 0 0 80px; font-size: 16px;}
#main > div > p br {display:block}

#ft_copy {padding: 0 0 15vw;}

}