@charset "utf-8";

/*
font-family: 'Montserrat', sans-serif;
Medium 500
SemiBold 600

font-family: 'Noto Sans JP', sans-serif;
Regular 400
Medium 500

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 110; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 9.17vw; right: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; right: 3.8vw; top: 3.8vw; }
}/*END*/

/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative; overflow: hidden;}

/*-------------------------------------------------
	main
--------------------------------------------------*/
.pc_x15{display:block;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.pc_x15{display:none;}
.pc_x1{display:block;}
.sp_x15{display:none;}
.sp_x1{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:block;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:block;}
}/*END*/
#main { width: 100%; height: auto; position: relative; z-index: 100; overflow: hidden; outline:none; }
/*main_img*/
#main .main_img { width: 100%; position: relative; z-index: 100;}
#main .main_img img{ width: 100%;}
/*parallax
----------------------*/
#main .parallax-window { position: relative; z-index: 0; height: 50vw; background: transparent; }
#main h1{ width: 100%; margin: 0; position: absolute; left:0%; top: 5.7vw; z-index: 200; text-align: center; }
#main h1 small img{ width:28vw; display: inline-block; }
#main h1 span img{ width: 21.3vw; display:inline-block; margin-top: 2.2vw; }
/*scroll*/
.scroll a{ width: 100%; height: 7vw; display: block; margin: 0; position: absolute; left:0%; bottom: 0%; z-index: 100; text-align: center; display: flex; align-items: center; justify-content: center;}
.scroll svg{ width: 1.8vw; margin: 0 0 0vw 0; display: inline-block; }
.scroll a .st0{fill:#fff}
.scroll a:hover .st0{fill:#fcca00}
/* 縦
-----------------------*/
@media screen and (orientation: portrait) {
#main h1{ width: 100%; margin: 0; position: absolute; left:0%; top: 23.5vw; z-index: 200; text-align: center; }
#main h1 small img{ width:60.5vw; display: inline-block; }
#main h1 span img{ width: 45.5vw; display:inline-block; margin-top: 4.8vw; }
/*scroll*/
.scroll a{ width: 100%; height: 20vw; }
.scroll svg{ width: 6vw; margin: 0; display: inline-block; }
}/*END*/

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
p.txt{ font-size: 16px; }
p.txt15{ font-size: 15px; }
p.txt_fs{ font-size: 16px; }
.lh_1{ line-height: 1.8;}
.lh_2{ line-height: 2.0;}
.lh_3{ line-height: 2.5;}
.ls_1{ letter-spacing: .5px;}
@media (max-width: 1400px) {
p.txt{ font-size: 15px; }
p.txt15{ font-size: 14px; }
p.txt_fs{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
p.txt_fs{ font-size: 14px; }
}/*END*/
@media (max-width: 1100px) {
p.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 1000px) {
p.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 960px) {
.lh_2{ line-height: 2;}
}/*END*/
@media (max-width: 640px) {
p.txt{ font-size: 15px; }
.lh_3{ line-height: 2;}
}/*END*/
@media (max-width: 500px) {
.lh_2{ line-height: 1.9;}
}/*END*/
@media (max-width: 450px) {
p.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
p.txt{ font-size: 12px; }
}/*END*/
/*---txt_s---*/
.txt_s{ margin-top: 20px; font-size: 14px!important; line-height: 1.6;letter-spacing: .6px; }
@media (max-width: 1200px) {
.txt_s{ margin-top: 15px; font-size: 13px!important; line-height: 1.6; }
}/*END*/
@media (max-width: 640px) {
.txt_s{ margin-top: 15px; font-size: 12px!important; line-height: 1.6;letter-spacing: 0px; }
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept {padding: 6.4vw 0;}
#concept p{ width: 80%; max-width:1200px; text-align: left; margin: 0 auto;}
.concept_br{ display: inline-block;}
@media (max-width: 1600px) {
#concept {padding: 100px 0;}
#concept p{ width: 80%; max-width:950px; text-align: left; margin: 0 auto;}
}/*END*/
@media (max-width: 1400px) {
#concept {padding: 100px 0;}
#concept p{ width: 80%; max-width:900px; text-align: left; margin: 0 auto;}
}/*END*/
@media (max-width: 1000px) {
.concept_br{ display: none;}
#concept p{ width: 80%; max-width:1000px; text-align: left; margin: 0 auto;}
}/*END*/
@media (max-width: 640px) {
#concept {padding: 17vw 0;}
}/*END*/



/*-------------------------------------------------
	movie
--------------------------------------------------*/
.movie_head{ position: relative;}
.movie_head .movie_head_bar{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; background: linear-gradient(to right, #303030 0%, #000 100%); z-index: 1;}
.movie_head .movie_title{ width: 850px; background: #fcca00; color: #000; position: relative; z-index: 2;}
.movie_head .movie_title h2{ font-size: 32px; padding:25px 0px 30px 35px; line-height: 1; font-family: 'Montserrat', sans-serif; }
.movie_head .movie_title h2 small{ font-size: 14px; margin-top: 6px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; display: block;}
.movie_head .movie_title h2 br{ display: none; }
.movie_bottom_bar{ width: 100%; height: 50px; background: linear-gradient(to left, #303030 0%, #000 100%);}
@media (max-width: 1700px) {
.movie_head .movie_title{ width: 50%; background: #fcca00; color: #000; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 1560px) {
.movie_head .movie_title h2 br{ display: initial; }
}/*END*/
@media (max-width: 1180px) {
.movie_head .movie_title h2{ font-size: 2.71vw; padding:2.2vw 0px 2.7vw 3vw ; line-height: 1; }
.movie_head .movie_title h2 small{ font-size: 1.2vw; margin-top: 6px; }
}/*END*/
@media screen and (max-width: 900px) {
.movie_head .movie_title{ width: 85vw; }
.movie_head .movie_title h2{ font-size: 32px; padding:25px 0px 30px 35px;}
.movie_head .movie_title h2 small{ font-size: 14px; margin-top: 6px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; display: block;}
}/*END*/
@media screen and (max-width: 680px) {
.movie_head .movie_head_bar{ height: 10vw; background: linear-gradient(to left, #222 0%, #000 100%); z-index: 1;}
.movie_bottom_bar{ height: 10vw; background: linear-gradient(to left, #303030 0%, #000 100%);}
.movie_head .movie_title{ width: 85vw; }
.movie_head .movie_title h2{ font-size: 4.7vw; padding:3.7vw 0px 4.2vw 5vw;}
.movie_head .movie_title h2 small{ font-size: 2.07vw; margin-top: 6px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; display: block;}
}/*END*/
/* movie
-------------------*/
/*.movie{ margin: 0px auto 0px; width: 85%; max-width: 810px; display: block;}*/
.movie_inner{ display: block; position: relative; overflow: hidden; background: #000; border: solid 0px #111;}
.movie_inner img{ transition: 1s; opacity: 1; position: relative; z-index: 1; width: 100%;}
.movie_inner:hover img{ transform:scale(1.05); opacity: .6;}
/*再生icon*/
.movie_inner figure{ position: absolute; left: 50%; top: 65%; margin: -45px 0 0 -45px; width: 90px; height: 90px; background: rgba(255,255,255,0); border: solid 2px rgba(255,255,255,1); border-radius: 50%; box-sizing: border-box; z-index: 2; transition: 0.3s; }
.movie_inner figure::after{ border-width: 15px 0 15px 26px; margin: -15px 0 0 -9px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_inner:hover figure{ background: rgba(252,202,0,.8); border: solid 2px rgba(255,255,255,0);}
.movie_inner:hover figure::after{ border-color: transparent transparent transparent #fff;}
@media screen and (max-width: 1600px) {
.movie_inner figure{position: absolute; left: 50%; top: 65%; margin: -2.8vw 0 0 -2.8vw; width: 5.6vw; height: 5.6vw; }
.movie_inner figure::after{ border-width: .9vw 0 .9vw 1.6vw; margin: -.9vw 0 0 -0.6vw; }
}/*END*/
@media screen and (max-width: 1100px) {
.movie_inner figure{position: absolute; left: 50%; top: 65%; margin: -5vw 0 0 -5vw; width: 10vw; height: 10vw; }
.movie_inner figure::after{ border-width: 2vw 0 2vw 3vw; margin: -2vw 0 0 -1vw; }
}/*END*/
@media screen and (orientation: portrait)and (max-width: 760px) {
.movie_inner figure{position: absolute; left: 50%; top: 65%; margin: -7vw 0 0 -7vw; width: 14vw; height: 14vw; }
.movie_inner figure::after{ border-width: 2.5vw 0 2.5vw 4vw; margin: -2.5vw 0 0 -1.5vw; }
}/*END*/
img.movie_x15{display:block;}
img.movie_x1{display:none;}
img.movie_tab{display:none;}
img.movie_sp{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
img.movie_x15{display:none;}
img.movie_x1{display:block;}
img.movie_tab{display:none;}
img.movie_sp{display:none;}
}/*END*/
@media screen and (max-width: 1100px) {
img.movie_x15{display:none;}
img.movie_x1{display:none;}
img.movie_tab{display:block;}
img.movie_sp{display:none;}
}/*END*/
@media screen and (orientation: portrait)and (max-width: 760px) {
img.movie_x15{display:none;}
img.movie_x1{display:none;}
img.movie_tab{display:none;}
img.movie_sp{display:block;}
}/*END*/

/*-------------------------------------------------
	lineup
--------------------------------------------------*/
#lineup{ padding:90px 0 80px 0; background: #fff; color: #000;}
#lineup h2{ margin: 0 auto 20px; width:50%; max-width: 460px; display: block;text-align: center; }
#lineup h2 small{ margin-top: 23px; font-size: 28px; line-height: 1; display: block; font-family: 'Montserrat', sans-serif; text-align: center;}
#lineup ul { margin-top: 0px; display: flex; justify-content: center; }
#lineup ul li { margin-top: 40px; padding: 0 20px; width: 10%; max-width: 108px; text-align: center; }
#lineup ul li p{ margin-top: 8px; font-size: 11px; font-family: 'Montserrat', sans-serif; color: #666; }
@media screen and (max-width: 1200px) {
#lineup ul li { margin-top: 40px; padding: 0 1.7%; }
}/*END*/
@media screen and (max-width: 1080px) {
#lineup{ padding:8.5vw 0 8vw 0;}
#lineup ul li { margin-top: 3.7vw; }
}/*END*/
@media screen and (max-width: 920px) {
#lineup h2 small{ margin-top: 2.5vw; font-size: 3.05vw; }
}/*END*/
@media screen and (max-width: 640px) {
#lineup{ padding:10vw 0 10vw 0;}
#lineup h2{ margin: 0 auto 5vw; width:70%; }
#lineup h2 small{ margin-top: 2.5vw; font-size: 4.5vw; }
#lineup ul li { margin-top: 3.7vw; padding: 0 1.7%; }
#lineup ul li p{ margin-top: 1vw; font-size: 10px; }
}/*END*/
@media screen and (max-width: 500px) {
#lineup ul li p{ margin-top: 1vw; font-size: 8px; }
}/*END*/
@media screen and (max-width: 360px) {
#lineup ul li p{ margin-top: 1vw; font-size: 2.2vw; }
}/*END*/