@charset "utf-8";

/*-------------------------------------------------
	anime set
--------------------------------------------------*/
#main h1 small img,
#main h1 span img,
.main_img img,
#concept p,
.movie_title,
.movie_title h2,
.movie_title h2 small,
.movie_inner,
.co_head .bar,
.co_head h2
{ visibility: hidden; }


/* -----------------------------------------
 top_lead
 -----------------------------------------*/
#top_lead { padding: 120px 0; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
#top_lead .txt_box{ margin: 0 auto; width: 100%; max-width: 1300px;}
#top_lead .txt_box h2{ font-size: 50px; line-height: 1.3; letter-spacing: 1px; text-align: center; font-family: 'Times New Roman', Times, serif;}
#top_lead .txt_box p{ width: 80%; margin: 40px auto 0; font-size: 22px; line-height: 2; text-align: center; letter-spacing: .5px; font-family: 'Times New Roman', Times, serif;}
@media (max-width: 1500px) {
#top_lead { padding: 120px 0; }
#top_lead .txt_box h2{ font-size: 48px; }
#top_lead .txt_box p{ width: 80%; margin: 40px auto 0; font-size: 20px; line-height: 2; letter-spacing: .5px;}
}/*END*/
@media (max-width: 1200px) {
#top_lead { padding: 100px 0; }
#top_lead .txt_box p{ width: 80%; max-width: 780px; margin: 40px auto 0; font-size: 20px; line-height: 2; letter-spacing: .5px;}
}/*END*/
@media (max-width: 750px) {
#top_lead { padding: 80px 0; }
#top_lead .txt_box h2{ font-size: 40px; line-height: 1.3; letter-spacing: 1px;}
#top_lead .txt_box p{ margin: 30px auto 0; font-size: 20px; line-height: 1.8; }
}/*END*/
@media (max-width: 700px) {
#top_lead { padding: 12vw 0; }
#top_lead .txt_box h2{ font-size: 36px; line-height: 1.3; letter-spacing: .1vw;}
#top_lead .txt_box p{ margin: 30px auto 0; font-size: 2.9vw; line-height: 1.7; }
}/*END*/
@media (max-width: 600px) {
#top_lead { padding: 12vw 0; }
#top_lead .txt_box h2{ font-size: 33px; line-height: 1.25; letter-spacing: .1vw;}
#top_lead .txt_box p{width: 85%; margin: 30px auto 0; font-size: 18px; line-height: 1.7; }
}/*END*/
@media (max-width: 450px) {
#top_lead { padding: 12vw 0; }
#top_lead .txt_box h2{ font-size: 28px; line-height: 1.2; letter-spacing: .1vw;}
#top_lead .txt_box p{ margin: 20px auto 0; font-size: 16px; line-height: 1.7;}
}/*END*/
@media (max-width: 375px) {
#top_lead { padding: 12vw 0; }
#top_lead .txt_box h2{ font-size: 7vw; line-height: 1.2; letter-spacing: .1vw;}
#top_lead .txt_box p{ margin: 20px auto 0; font-size: 15px; line-height: 1.7; }
}/*END*/

/* top_lead_bg */
#top_lead .top_lead_bg{ position: absolute; z-index: -1;width: 100%;  }
#top_lead .top_lead_bg img{ width: 100%; height: 580px;}
@media (max-width: 1600px) {
#top_lead .top_lead_bg img{ width: 100%; height: auto;}
}/*END*/
@media (max-width: 750px) {
#top_lead {overflow: hidden;}
#top_lead .top_lead_bg{ position: absolute; z-index: -1; width: 160%; transform:rotate(-20deg);   }
#top_lead .top_lead_bg img{ width: 100%; height: auto;}
}/*END*/
@media (max-width: 450px) {
#top_lead .top_lead_bg{ position: absolute; z-index: -1; width: 160%; transform:rotate(-25deg);   }
#top_lead .top_lead_bg img{ width: 100%; height: 60vw;}
}/*END*/

/* -----------------------------------------
 top_nav
 -----------------------------------------*/
#top_nav{ padding-bottom: 120px; }
#top_nav nav ul{ display: flex;}
#top_nav nav ul li{ width: 50%;}
#top_nav nav ul li .img_box{ position: relative;}
#top_nav nav ul li .img_box .top_nav_img{ position: relative; width:34.5%; margin: 0 auto; }
#top_nav nav ul li .img_box .top_nav_bg img{ width: 100%;}
#top_nav nav ul li .img_box .top_nav_bg{  width: 100%;position: absolute; top: 18%; z-index: -1;}
#top_nav nav ul li .title_box{margin-top: 5px; height: 100px; display: flex; align-items: center; justify-content: center;}
#top_nav nav ul li .title_box h3{ font-size: 34px;line-height: 1; text-align: center; font-family: 'Times New Roman', Times, serif;}
#top_nav nav ul li .title_box h3 small{  font-size: 21px; line-height: 1.2; display: block;}
#top_nav nav ul li p {width: 80%; margin: 0px auto 0; max-width: 520px; font-family: 'Times New Roman', Times, serif;}
#top_nav nav ul li .btn{ margin: 34px auto 0; text-align: center;}
#top_nav nav ul li .btn a{ padding: 14px 0; width: 175px; font-size:16.5px; letter-spacing: 2px; color: #fff; display: inline-block; background: #000; text-align: center; font-family: 'Times New Roman', Times, serif; text-decoration: none; position: relative; transition: 0.3s;}
#top_nav nav ul li .btn a:hover{ background: #444; }
#top_nav nav ul li .btn a::after{ content: ''; position: absolute; top: 0px; right: 14px; background: url(../img/arrow.svg) center center no-repeat; background-size: contain; width: 6px; height: 100%; transition: 0.3s; }
@media (max-width: 1000px) {
#top_nav nav ul li .img_box .top_nav_img{ position: relative; width:40%; margin: 0 auto; }
}/*END*/
@media (max-width: 900px) {
#top_nav nav ul li .title_box{margin-top: 5px; height: 90px;}
#top_nav nav ul li .title_box h3{ font-size: 32px;}
#top_nav nav ul li .title_box h3 small{ font-size: 19px;}
}/*END*/
@media (max-width: 750px) {
#top_nav nav ul li .img_box .top_nav_img{ position: relative; width:45%; margin: 0 auto; }
#top_nav nav ul li .title_box{margin-top: 5px; height: 90px;}
#top_nav nav ul li .title_box h3{ font-size: 29px;}
#top_nav nav ul li .title_box h3 small{ font-size: 17px;}
}/*END*/
@media (max-width: 700px) {
#top_nav nav ul{ display: block;}
#top_nav nav ul li{ width: 100%; margin-top: 100px;}
#top_nav nav ul li:nth-child(1){  margin-top: 30px; }
#top_nav nav ul li .img_box .top_nav_img{ position: relative; width:40%; margin: 0 auto; }
#top_nav nav ul li .title_box{margin-top: 5px; height: 90px;}
#top_nav nav ul li .title_box h3{ font-size: 34px;}
#top_nav nav ul li .title_box h3 small{ font-size: 21px; }
#top_nav nav ul li p {width: 80%; margin: 0px auto 0; max-width: 450px;}
#top_nav nav ul li .btn a{ padding: 12px 0; width: 150px; font-size:15px; letter-spacing: 2px; }
}/*END*/
@media (max-width: 640px) {
#top_nav nav ul li{ width: 100%; margin-top: 80px;}
#top_nav nav ul li:nth-child(1){  margin-top: 30px; }
#top_nav nav ul li .title_box h3{ font-size: 32px;}
#top_nav nav ul li .title_box h3 small{ font-size: 19px;}
}/*END*/

/*[ on / off ]*/
#top_nav .x15{display:block;}
#top_nav .x1{display:none;}
@media (max-width: 1000px) {
#top_nav .x15{display:none;}
#top_nav .x1{display:block;}
}/*END*/


/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
.txt_nav p{ font-size: 17px; letter-spacing: .5px; line-height: 1.6; }
@media (max-width: 1360px) {
.txt_nav p{ font-size: 17px; }
}/*END*/
@media (max-width: 1100px) {
.txt_nav p{ font-size: 17px; }
}/*END*/
@media (max-width: 850px) {
.txt_nav p{ font-size: 17px;  letter-spacing: .1px;}
}/*END*/
@media (max-width: 500px) {
.txt_nav p{ font-size: 16px; }
}/*END*/
@media (max-width: 400px) {
.txt_nav p{ font-size: 15px; }
}/*END*/

.txt_nav{  height: 90px; }
@media (max-width: 1282px) {
.txt_nav{ height: 110px; }
}/*END*/
@media (max-width: 1062px) {
.txt_nav{ height: 132px; }
}/*END*/
@media (max-width: 771px) {
.txt_nav{ height: 160px; }
}/*END*/
@media (max-width: 700px) {
.txt_nav{ height: auto; }
}/*END*/





/*

background: rgba(255,0,0,0.1);

/**/