@charset "utf-8";
/*--------------------------------------------------------
	reset 
---------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; }
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }

/*--------------------------------------------------------
	base 
---------------------------------------------------------*/
body { background: #0d0d0d; font-family:"Times New Roman", Times, "serif"; font-weight: 400; line-height: 1.8; font-size: 16px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%;}
a:link { color: #14233e; text-decoration: none; }
a:visited { color: #14233e; text-decoration: none; }
a:hover,a:active { text-decoration: underline; }
.wrapper{ overflow: hidden; position: relative;}
/* img select
------------------------*/
img{pointer-events: none;  user-select: none;}
header img,
footer img,
.logo_gs img{pointer-events:auto; user-select:auto;}

/*anime set
------------------------*/
#main .main_img img,
#main .ksk_logo,
#main h1,
#concept .txt,
#concept img,
#ks h2,
#ks .txt,
#ks .ks_r,
#ks .ks_r .txt_s2,
#design h2,
.design_01 .img,
.design_02 .img,
.design_03 .img,
.design_04 .img,
#design .inner,
#design .emblem,
#gallery .gallery_head img,
#gallery .gallery_img1 img,
#gallery .gallery_img2 img,
#movie .movie_bg,
#movement .img_box,
#movement .txt_box,
.collections h2,
.collections .inner .inner_L,
.collections .inner .inner_R
{ visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 600; width: 100%; height:0px; background: #f00; }
/*------ header logo ------*/
header .seiko_logo{ width: 135px; position:absolute; left: 30px; top: 30px; transition: 0.5s;padding: 0; z-index: 600;}
header .seiko140th{ width: 170px; position:absolute; right: 30px; top: 30px; transition: 0.5s;padding: 0; z-index: 600;}
@media (max-width: 1300px) {
header .seiko_logo{ width: 10.5vw; position:absolute; left: 2.2vw; top: 2.2vw;}
header .seiko140th{ width: 13vw; position:absolute; right: 2.2vw; top: 2.2vw;}
}/*END*/
@media (max-width: 640px) {
header .seiko_logo{ width: 13.5vw; position:absolute; left: 2.2vw; top: 2.2vw;}
header .seiko140th{ width: 15.5vw; position:absolute; right: 2.2vw; top: 2.2vw;}
}/*END*/
@media screen and (max-width: 1200px) and (orientation: portrait) {   
header .seiko_logo{ width: 16vw; position:absolute; left: 3vw; top: 3vw;}
header .seiko140th{ width: 18vw; position:absolute; right: 3vw; top: 3vw;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 24vw; position:absolute; left: 3vw; top: 3.5vw;}
header .seiko140th{ width: 26vw; position:absolute; right: 3vw; top: 3.5vw;}
}/*END*/

/*-------------------------------------------------
	main
---------------------------------------------------*/
.main_pc_x1{display:inline-block; }
.main_sp{display:none; }
@media screen and (max-width: 1024px) {
.main_pc_x2{display:none; }
.main_pc_x1{display:inline-block; }
.main_sp{display:none; }
}/*END*/	
@media screen and (orientation: portrait) {/*縦*/
.main_pc_x2{display:none; }
.main_pc_x1{display:none; }
.main_sp{display:inline-block; }
}/*END*/
#main { width: 100%; max-height: 60vw; height: 100vh; position: relative; overflow: hidden; background: #000; }
/*main_img*/
#main .main_img { width: 200%; height:100%; position: absolute; left: 32%; top:0vw; margin-left: -100%; z-index: 2; text-align: center; }
#main .main_img img{ width:auto; height: 100%; }/*
/*title_box*/
#main .title_box{ max-height:58vw; width: 142%; height: 100vh; position: relative; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
#main .title_box div .ksk_logo{ width: 23vw; margin: 0 auto 2.7vw;}
#main .title_box div .ksk_logo img{ width: 100%; }
#main .title_box div h1{ font-size: 1.8vw; line-height: 1.7; letter-spacing: 0.08vw; color: #fff; font-weight: normal; }
@media screen and (max-width: 1600px) {
#main .title_box div .ksk_logo{ width: 380px; max-width: 500px; margin: 0 auto 40px;}
#main .title_box div h1{ font-size: 30px; line-height: 1.7; letter-spacing: 1.4px; }
}/*END*/
@media screen and (max-width: 1500px) {
#main .title_box{ width: 145%; }
}/*END*/
@media screen and (max-width: 1500px) {
#main .title_box{ width: 147%; }
}/*END*/
@media screen and (max-width: 1350px) {
#main .title_box{ width: 148%; }
#main .title_box div .ksk_logo{ width: 25vw; max-width: 390px; margin: 0 auto 2.5vw;}
#main .title_box div h1{ font-size: 2vw; line-height: 1.7; letter-spacing: 0.1vw; }
}/*END*/

/*  縦
-----------------------*/
@media screen and (orientation: portrait){/*縦*/
#main { width: 100%; max-height: 175vw; height: 100vh; position: relative; overflow: hidden; }
/*main_img*/
#main .main_img { width: 200%; max-height:85vh; height:auto; position: absolute; left: 50%; top:0vw; z-index: 2; margin-left: -100%; text-align: center;  transition: .5s; }
#main .main_img img{ width:auto; height:140vw; max-height:76vh; }
/*title_box*/
#main .title_box{ max-height:100%; width: 95%; height: 40%; position: absolute; left: 2.5%; bottom:0px; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
#main .title_box div { margin-top: 0vh; }
#main .title_box div .ksk_logo{ width: 440px; max-width: 440px; margin: 0 auto 40px;}
#main .title_box div h1{ font-size: 37px; line-height: 1.4; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 900px) and (orientation: portrait){/*縦*/
#main .title_box div .ksk_logo{ width: 50vw; max-width: 440px; margin: 0 auto 5vw;}
#main .title_box div h1{ font-size: 4.2vw; line-height: 1.4; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 760px) and (orientation: portrait){/*縦*/
#main .main_img { width: 200%; max-height:85vh; height:auto; position: absolute; left: 50%; top:0vw; z-index: 2; margin-left: -100%; text-align: center;  transition: .5s; }
#main .main_img img{ width:auto; height:120vw; max-height:76vh; }
#main .title_box{ max-height:100%; width: 95%; height: 40%; position: absolute; left: 2.5%; bottom:0px; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
#main .title_box div .ksk_logo{ width: 62vw; max-width: 470px; margin: 0 auto 5vw;}
#main .title_box div h1{ font-size: 5.2vw; line-height: 1.4; letter-spacing: 1px; }
}/*END*/

/*-------------------------------------------------
	CONCEPT
---------------------------------------------------*/
#concept { padding: 70px 0; position: relative; text-align: center; background: #f0f0ef; color: #000;}
#concept .txt {  margin: 0px auto ; width: 85%; max-width: 1000px; position: relative;  z-index: 1}
#concept .txt p{ font-size:19px; line-height: 2; letter-spacing: 1.2px; }
#concept .txt p span{ display: inline-block;}
@media screen and (max-width:1800px) {
#concept .txt p{ font-size:18px; line-height: 2; letter-spacing: 1.2px; }
#concept .txt p br{ display: none;}
}/*END*/
@media screen and (max-width: 960px) {/*tab*/
#concept { padding: 60px 0; }
#concept .txt {  margin: 0px auto 0; width: 85%; text-align: left; }
#concept .txt p{ font-size:17px; line-height: 1.8; letter-spacing: 0px; }
#concept .txt p br{ display: none;}
}/*END*/
@media screen and (max-width: 480px) {/*sp*/
#concept { padding: 50px 0;  }
#concept .txt {  margin: 0px auto 0; width: 85%; text-align: left; }
#concept .txt p{ font-size:16px; line-height: 1.8; letter-spacing: 0px; }
}/*END*/
@media screen and (max-width: 400px) {
#concept .txt p{ font-size: 3.7vw; line-height: 1.7; letter-spacing: 0.1vw; text-align: left; }
}/*END*/
#concept .history_banner{ max-width: 660px; width: 80%; margin: 60px auto 20px; overflow: hidden; background: #000; }
#concept .history_banner a{ transition: 0.7s; display: block;}
#concept .history_banner a:hover{ transform: scale(1.04); opacity: 0.7; }
@media screen and (max-width: 640px) {
#concept .history_banner{ max-width: 660px; width: 80%; margin: 40px auto 0px;}
}/*END*/
.history_banner_pc{ display: block;}
.history_banner_sp{ display: none;}
@media screen and (max-width: 640px) {
.history_banner_pc{ display: none;}
.history_banner_sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	base
---------------------------------------------------*/
h2{ font-size: 19px; line-height: 1; letter-spacing: 10px; text-align: center; font-family:"Times New Roman", Times, "serif"; color: #7c7c7c;}
p.txt{ font-size: 18px; line-height: 2; letter-spacing: 0.5px; text-align: left; }
p.txt_s{ margin-top: 25px; font-size: 16px; line-height: 1.8; letter-spacing: 0.5px; text-align: left; color: #999;}
p.txt_s2{ margin-top: 25px; font-size: 16px; line-height: 1.8; letter-spacing: 1.5px; text-align: left; color: #fff;}
p.txt_s3{ margin-top: 25px; font-size: 16px; line-height: 1.4; letter-spacing: 0.5px; text-align: left; color: #222;}
.design_02 .inner .txt_box p.txt_s{  color: #ccc;}
@media screen and (max-width:1800px) {
h2{ font-size: 19px; line-height: 1; letter-spacing: 10px; }
p.txt{ font-size: 17px; line-height: 2; letter-spacing: 0.5px; text-align: left; }
p.txt_s{ margin-top: 25px; font-size: 15px; line-height: 1.8; letter-spacing: 0.5px; text-align: left; color: #999;}
p.txt_s2{ margin-top: 25px; font-size: 16px; line-height: 1.8; letter-spacing: 1px; text-align: left; color: #fff;}
p.txt_s3{ margin-top: 25px; font-size: 15px; line-height: 1.4; letter-spacing: 0.5px; }
}/*END*/
@media screen and (max-width:1200px) {
h2{ font-size: 19px; line-height: 1; letter-spacing: 10px; }
p.txt{ font-size: 17px; line-height: 1.8; letter-spacing: 0.5px; text-align: left; }
p.txt_s{ margin-top: 25px; font-size: 15px; line-height: 1.6; letter-spacing: 0.5px; text-align: left; color: #999;}
p.txt_s2{ margin-top: 25px; font-size: 16px; line-height: 1.6; letter-spacing: 0.5px; text-align: left; color: #fff;}
p.txt_s3{ margin-top: 25px; font-size: 15px; line-height: 1.4; letter-spacing: 0.5px; }
}/*END*/
@media screen and (max-width: 640px) {
h2{ font-size: 18px; line-height: 1; letter-spacing: 6px; }
p.txt{ font-size: 15.5px; line-height: 1.8; letter-spacing: 0.5px; text-align: left; }
p.txt_s{ margin-top: 15px; font-size: 13.5px; line-height: 1.6; letter-spacing: 0px;}
p.txt_s2{ margin-top: 15px; font-size: 13.5px; line-height: 1.6; letter-spacing: 0px;}
p.txt_s3{ margin-top: 15px; font-size: 13.5px; line-height: 1.4; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 400px) {
h2{ font-size: 17px; line-height: 1; letter-spacing: 5px;}
p.txt{ font-size: 3.7vw; line-height: 1.8; letter-spacing: 0.5px; text-align: left; }
p.txt_s{ margin-top: 3vw; font-size: 3.5vw; line-height: 1.6; letter-spacing: 0px;}
p.txt_s2{ margin-top: 3vw; font-size: 3.5vw; line-height: 1.6; letter-spacing: 0px;}
p.txt_s3{ margin-top: 3vw; font-size: 3.4vw; line-height: 1.4; letter-spacing: 0px;}
}/*END*/

/*-------------------------------------------------
	ks
---------------------------------------------------*/
#ks{ width: 100%; margin: 0 auto; text-align: center;display: flex; color: #fff;box-sizing: border-box; position: relative;  overflow: hidden; }
#ks .ks_l{width: 50%; display: flex; align-items: center; justify-content: center; position: relative;  z-index: 2; }
#ks .ks_l .ks_l_inner{ width: 50%; max-width: 550px; position: relative;}
#ks .ks_l .ks_l_inner h2{ font-size: 28px; line-height: 1; letter-spacing: 2px; padding-bottom: 25px; position: relative; color: #fff; }
#ks .ks_l .ks_l_inner h2::after{ content: ''; display: block; width: 82px; height: 3px; position: absolute; left: 50%; bottom: 0px; margin-left: -41px; background: #636363;}
#ks .ks_l .ks_l_inner p{ margin-top: 55px; text-align: left; }
#ks .ks_r{ width: 50%; position: relative;  transition: 0.5s; }
#ks .ks_r img{ width: 100%; }
#ks .ks_r p{ position: absolute; bottom:0px; left: 0px; width: 100%; height: 22%; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center;}
/*concept_bg*/
#ks .ks_bg{ position: absolute; left: -20%; top: -20%; background: radial-gradient(circle at 5% -20%, #3f3e3f 0%, #000 70%); width: 130%; height: 130%; z-index: -1; }/*29394c*/
@media screen and (max-width: 1900px) {
#ks .ks_l .ks_l_inner{ width: 70%; max-width: 440px; position: relative;}
}/*END*/
@media screen and (max-width: 960px) {
#ks{ width: 100%; margin: 0 auto; padding: 0 0 80px; text-align: center;display: block; color: #fff; box-sizing: border-box; }
#ks .ks_l{width: 100%; padding: 100px 0 60px;   }
#ks .ks_l .ks_l_inner{ width: 80%; max-width: 600px; position: relative;}
#ks .ks_r{ width: 80%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 640px) {
#ks{ width: 100%; margin: 0 auto; padding: 0 0 60px;text-align: center;display: block; color: #fff; box-sizing: border-box; }
#ks .ks_l{width: 100%; padding: 80px 0 40px;  }
#ks .ks_l .ks_l_inner{ width: 80%; max-width: 600px; position: relative;}
#ks .ks_l .ks_l_inner p{ margin-top: 40px; text-align: left; }
#ks .ks_r{ width: 80%; max-width: 600px; margin: 0 auto; }
}/*END*/
.ks_img{display:inline-block;}
.ks_img_m{display:none;}
@media screen and (min-width: 960px) and (max-width: 1400px) {
.ks_img{display:none;}
.ks_img_m{display:inline-block;}
}/*END*/
@media screen and (max-width: 420px) {
#ks{ width: 100%; margin: 0 auto; padding: 0 0 12vw;text-align: center;display: block; color: #fff; box-sizing: border-box; }
#ks .ks_l{width: 100%; padding: 60px 0 7vw;  }
#ks .ks_l .ks_l_inner h2{ font-size: 6.5vw; line-height: 1; letter-spacing: 2px; padding-bottom: 25px; position: relative; color: #fff; }
#ks .ks_l .ks_l_inner p{ margin-top: 9vw; text-align: left; }
}/*END*/

/*-------------------------------------------------
  design
---------------------------------------------------*/
#design{ position: relative; width: 100%;}
#design .design_head{ padding: 95px 0; background: #fff; }
#design .design_head h2{ color: #000; }
@media screen and (max-width: 850px) {
#design .design_head{ padding: 12vw 0; }
}/*END*/
@media screen and (max-width: 640px) {
#design .design_head{ padding: 12vw 0; }
}/*END*/
.x2{display:none; }
.x1{display:block; }
.sp{display:none; }
@media screen and (max-width: 1024px) {
.x2{display:none; }
.x1{display:none; }
.sp{display:block; }
}/*END*/

/*-------------------------------------------------
	design_01
---------------------------------------------------*/
.design_01{ position: relative; background: #000;}
.design_01 .img {  margin-left: -10vw;}
.design_01 .img img{ width: 90%; }
.design_01 .inner { max-width:990px; width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -495px; z-index: 1; }
.design_01 .inner .txt{ width:420px; height: 100%; position: absolute; right:0px; top:0px; z-index: 1; display: flex; align-items: center; }
@media screen and (max-width:1800px) {
.design_01 .inner .txt{ width:390px; height: 100%; position: absolute; right:0px; top:0px; z-index: 1; display: flex; align-items: center; }
}/*END*/
@media screen and (max-width:1600px) {
.design_01 .img { margin-left: -20vw;}
.design_01 .img img{ width: 100%; }
}/*END*/
@media screen and (max-width:1400px) {
.design_01 .inner { max-width:990px; width: 71%; height: 100%; position: absolute; left:50%; top:0; margin-left: -35%; z-index: 1; }
.design_01 .inner .txt{ width:390px; height: 100%; position: absolute; right:0px; top:0px; z-index: 1; display: flex; align-items: center; }
}/*END*/
@media screen and (max-width:1300px) {
.design_01 .img { margin-left: -25vw;}
}/*END*/
@media screen and (max-width:1200px) {
.design_01 .inner { max-width:900px; width: 71%; height: 100%; position: absolute; left:50%; top:0; margin-left: -35%; z-index: 1; }
.design_01 .inner .txt{ width:340px; height: 100%; position: absolute; right:0px; top:0px; z-index: 1; display: flex; align-items: center; }
}/*END*/
@media screen and (max-width: 1024px) {
.design_01 .inner { width: 80%; max-width:660px; height: auto; position: relative; left:0%; top:0; padding: 0px 0 12vw; margin: 0 auto; z-index: 1;}
.design_01 .inner .txt{ width:100%; position: relative; right:0px; bottom:0vw; z-index: 1;}
.design_01 .img {margin-left: 0vw;}
}/*END*/

/*-------------------------------------------------
	design_02
---------------------------------------------------*/
.design_02{ position: relative; background: #ebebeb; color: #000; overflow: hidden;}
.design_02 .img { margin-left: 0vw; transition: 0.5s;}
.design_02 .img img{ width: 90%; margin:5vw 0 -7vw 18vw; }
.design_02 .inner { width: 86%; height: 100%; position: absolute; left:50%; top:0; margin-left: -43%; z-index: 1; transition: 0.5s; }
.design_02 .inner .txt_box{ width:320px; height: 100%; position: absolute; left:2vw; top:0px; z-index: 1; display: flex; align-items: center; transition: 0.5s; }
@media screen and (max-width:1800px) {
.design_02 .inner .txt_box{ width:310px; height: 100%; position: absolute; left:0vw; top:0px; z-index: 1; display: flex; align-items: center; transition: 0.5s; }
}/*END*/
@media screen and (max-width:1600px) {
.design_02 .img img{ width: 90%; margin:7vw 0 -7vw 20vw; }
}/*END*/
@media screen and (max-width:1400px) {
.design_02 .img img{ width: 100%; margin:7vw 0 -7vw 17vw; }
}/*END*/
@media screen and (max-width:1300px) {
.design_02 .img img{ width: 90%; margin:7vw 0 -7vw 24vw; }
}/*END*/
@media screen and (max-width:1200px) {
.design_02 .img img{ width: 90%; margin:9vw 0 -4vw 26vw; }
.design_02 .inner .txt_box{ width:310px; height: 100%; position: absolute; left:0vw; top:0px; z-index: 1; display: flex; align-items: center; transition: 0.5s; }
}/*END*/
@media screen and (max-width: 1024px) {
.design_02 .img { padding-top: 0vw; margin-left: 0vw;}
.design_02 .img img{ width: 100%; margin:0vw 0 0vw 0vw; }
.design_02 .inner { width: 80%; max-width: 660px; height: auto; position: relative; left:0%; top:0; padding: 0px 0 12vw; margin: 0 auto; z-index: 1;}
.design_02 .inner .txt_box{ width:100%; position: relative; margin-top: 3vw; left:0px; bottom:0vw; z-index: 1;}
}/*END*/

/*-------------------------------------------------
	design_03
---------------------------------------------------*/
.design_03{ position: relative; background: #000;}
.design_03 .img img{ width: 92%; margin:0vw 0 0vw -15vw;transition: 0.5s; }
.design_03 .inner { width: 80%; height: 100%; position: absolute; left:50%; top:0; margin-left: -40%; z-index: 1; }
.design_03 .inner .txt_box{ width:360px; height: 100%; position: absolute; right:0px; top:0px; z-index: 1; display: flex; align-items: center; }
@media screen and (max-width:1800px) {
.design_03 .img img{ width: 100%; margin:0vw 0 0vw -19vw;transition: 0.5s; }
.design_03 .inner { width: 80%; height: 100%; position: absolute; left:50%; top:0; margin-left: -40%; z-index: 1; }
.design_03 .inner .txt_box{ width:340px; height: 100%; position: absolute; right:0px; top:0px; z-index: 1; display: flex; align-items: center; }
}/*END*/
@media screen and (max-width:1600px) {
.design_03 .inner { width: 90%; height: 100%; position: absolute; left:48%; top:0; margin-left: -45%; z-index: 1; }
}/*END*/
@media screen and (max-width:1400px) {
.design_03 .inner { width: 90%; height: 100%; position: absolute; left:50%; top:0; margin-left: -47%; z-index: 1; }
}/*END*/
@media screen and (max-width: 1024px) {
.design_03 .inner { width: 80%; max-width:660px; height: auto; position: relative; left:0%; top:0; padding: 0px 0 12vw; margin: 0 auto; z-index: 1;}
.design_03 .inner .txt_box{ width:100%; position: relative; right:0px; bottom:0vw; margin-top: 5vw;  z-index: 1;}
.design_03 .img img{ width: 100%; margin:0;}
}/*END*/

/*-------------------------------------------------
	design_04
---------------------------------------------------*/
.design_04 .x1{display:block!important; }
.design_04 .xm{display:none!important; }
.design_04 .sp{display:none!important; }
@media screen and (max-width: 1350px) {
.design_04 .x1{display:none!important; }
.design_04 .xm{display:block!important; }
.design_04 .sp{display:none!important; }
}/*END*/
@media screen and (max-width: 1024px) {
.design_04 .x1{display:none!important; }
.design_04 .xm{display:none!important; }
.design_04 .sp{display:block!important; }
}/*END*/
.design_04{ position: relative; background: #f0f0f0; color: #000; overflow: hidden;}
.design_04 .img { margin-left: 0vw; transition: 0.5s; }
.design_04 .img img{ width: 37%; margin:0vw 0 0vw 46vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -32%; z-index: 1;  display: flex; align-items: center; transition: 0.5s; }
.design_04 .inner .txt_box{ width:470px; z-index: 1;}
.design_04 .inner .emblem{ width:150px; margin: 50px auto 0; text-align: center;}
@media screen and (max-width:2000px) {
.design_04 .img img{ width: 740px; margin:0vw 0 0vw 46vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -32%; }
}/*END*/
@media screen and (max-width:1930px) {
.design_04 .img img{ width: 740px; margin:0vw 0 0vw 45vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -34%; }
}/*END*/
@media screen and (max-width:1850px) {
.design_04 .img img{ width: 740px; margin:0vw 0 0vw 44vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -36%; }
}/*END*/
@media screen and (max-width:1650px) {
.design_04 .img img{ width: 740px; margin:0vw 0 0vw 42vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -38%; }
}/*END*/
@media screen and (max-width:1550px) {
.design_04 .img img{ width: 680px; margin:0vw 0 0vw 44vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -40%; }
.design_04 .inner .txt_box{ width:450px; z-index: 1;}
}/*END*/
@media screen and (max-width:1350px) {
.design_04 .img img{ width: 620px; margin:0vw 0 0vw 44vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -40%; }
.design_04 .inner .txt_box{ width:400px; z-index: 1;}
}/*END*/
@media screen and (max-width:1200px) {
.design_04 .img img{ width: 620px; margin:0vw 0 0vw 42vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -42%; }
}/*END*/
@media screen and (max-width:1150px) {
.design_04 .img img{ width: 600px; margin:0vw 0 0vw 40vw; }
.design_04 .inner { width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -42%; }
.design_04 .inner .txt_box{ width:340px; z-index: 1;}
}/*END*/
@media screen and (max-width: 1024px) {
.design_04 .img { padding-top: 0vw; margin-left: 0vw;}
.design_04 .img img{ width: 90%; margin:0vw 0 0vw 5vw; }
.design_04 .inner { width: 80%; max-width: 660px; height: auto; position: relative; left:0%; top:0; padding: 0px 0 12vw; margin: 0 auto; z-index: 1;}
.design_04 .inner .txt_box{ width:100%; position: relative; margin-top: 3vw; left:0px; bottom:0vw; z-index: 1;}
.design_04 .inner .emblem{ width:140px; margin: 6vw auto 0; text-align: center;}
}/*END*/
@media screen and (max-width: 410px) {
.design_04 .inner .emblem{ width:100px; margin: 5vw auto 0; text-align: center;}
}/*END*/

/*-------------------------------------------------
	gallery
--------------------------------------------------*/
#gallery{ position: relative; width: 100%;}
#gallery .gallery_head{ padding: 100px 0; background: #191919; text-align: center; }
#gallery .gallery_head img{ width:232px;}
@media screen and (max-width: 850px) {
#gallery .gallery_head{ padding: 15vw 0; }
}/*END*/
@media screen and (max-width: 640px) {
#gallery .gallery_head img{ width:40%; max-width: 232px; }
}/*END*/
.gallery_img1 img ,
.gallery_img2 img { width: 100%;}
.gallery_img1 ul,
.gallery_img2 ul{ display: flex; }
.gallery_img1 ul li{ width: 33.3333%; }
.gallery_img2 ul li{ width: 50%; }

/*-------------------------------------------------
	movie
--------------------------------------------------*/
#movie{ width: 100%; height: auto; padding: 0; margin: 0; vertical-align: bottom;}
video{ width: 100%; outline: none; padding: 0; margin: 0; vertical-align: bottom;}
.movie_pc{ display: block;}
.movie_sp{ display: none;}
@media screen and (max-width: 640px) {
.movie_pc{ display: none;}
.movie_sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	movement
--------------------------------------------------*/
#movement{ padding: 105px 0; background: #090909;}
.movement_inner{ margin: 50px auto 0; max-width: 1210px; width: 90%; }
.movement_inner::after { content:" "; display:block; clear:both;}/*clearfix*/
.movement_inner .img_box{ float: right;  width: 56.5%; }
.movement_inner .txt_box{ float: left; width: 33%; margin: 64px 0 0 3.9%; }
@media screen and (max-width: 1250px) {
.movement_inner{ margin: 50px auto 0; max-width: 1210px; width: 90%; }
.movement_inner .txt_box{ float: left; width: 33%; margin: 4vw 0 0 3.9%; }
}/*END*/
@media screen and (max-width: 1024px) {
#movement{ padding: 80px 0;}
.movement_inner{ margin: 2vw auto 0; max-width: 1210px; width: 90%; }
.movement_inner .img_box{ float: none;  width: 80%; margin: 0 auto; }
.movement_inner .img_box img{margin-left: 10vw; }
.movement_inner .txt_box{ float: none; width: 85%; margin: 7vw auto 0 auto; }
}/*END*/
@media screen and (max-width: 640px) {
#movement{ padding: 80px 0;}
.movement_inner{ margin: 5vw auto 0; max-width: 1210px; width: 90%; }
.movement_inner .img_box{ float: none;  width: 80%; margin: 0 auto; }
.movement_inner .img_box img{margin-left: 10vw; }
.movement_inner .txt_box{ float: none; width: 85%; margin: 7vw auto 0 auto; }
}/*END*/
@media screen and (max-width: 420px) {
#movement{ padding: 60px 0;}
.movement_inner{ margin: 5vw auto 0; max-width: 1210px; width: 90%; }
.movement_inner .img_box{ float: none;  width: 80%; margin: 0 auto; }
.movement_inner .img_box img{margin-left: 10vw; }
.movement_inner .txt_box{ float: none; width: 85%; margin: 7vw auto 0 auto; }
}/*END*/

/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections{ background: #f2f2f2; color: #000; }
.collections .collections_btn a { background: #000; color: #fff;}
.collections { width: 100%; margin: 0 auto ; padding: 85px 0 0px; position: relative; text-align: center; z-index: 10; }
.collections h2{ font-size: 31px; line-height: 1.6; letter-spacing: 1px; color: #000; }
@media screen and (max-width: 650px) {
.collections {  padding: 60px 0 0px; }
.collections h2{ font-size: 4.8vw; line-height: 1.6; letter-spacing: 0.1vw; }
.collections h2 span{ display: block;}
.collections h2 .br{ display: none;}
}/*END*/
@media screen and (max-width: 450px) {
.collections { padding: 50px 0 0px; }
}/*END*/
.collections .inner{ max-width: 560px; margin: 0 auto; padding: 80px 0 90px ; transition: 0.5s;}
@media screen and (max-width: 750px) {
.collections .inner{ max-width: 740px; margin: 0 auto; padding: 45px 0 60px;}
}/*END*/
.collections .inner::after { content:" "; display:block; clear:both;}
.collections .inner .inner_L{ float: left; width: 53%; }
@media screen and (max-width: 750px) {
.collections .inner .inner_L{ float: none; width: 100%;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_L{ float: none; width: 100%;}
}/*END*/
.collections .collections_img { max-width: 286px; margin: 0 auto; }
.collections .inner .inner_R{ float: left; width: 47%; margin-top: 100px; }
@media screen and (max-width: 750px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: 35px;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: 25px;}
}/*END*/
.collections .collections_img { max-width: 286px; margin: 0 auto; }
@media screen and (max-width: 750px) {
.collections .collections_img { max-width: 250px; width: 55%; margin: 0 auto; }
}/*END*/
/*---------txt---------*/
.collections_name { margin-top: 0px; font-size: 18px!important; line-height: 1.6; letter-spacing: 1px; font-weight: 700!important;}
.collections_no { margin-top: 23px; font-size: 24px; line-height: 1; letter-spacing: 1.5px; }
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 1px;font-weight: 400; }
.collections_price { margin-top: 15px; font-size: 20px; line-height: 1.4; letter-spacing: 1px; }
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
.collections_limited { margin-top: 15px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_release { margin-top: 27px; }
.collections_release p{ font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
.collections_release p:nth-child(1){padding-bottom: 3px;}
.collections_txt{ margin-top: 25px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 450px) {
.collections_no { margin-top: 0px; font-size: 24px; line-height: 1; letter-spacing: 1.5px;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 12px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 370px) {
.collections_release p{ font-size: 11px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
/*collections_btn*/
.collections_btn {  margin: 15px auto 0; }
.collections_btn a { min-width: 160px; margin-top: 10px; background: #16293c; color: #fff; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0px 16px; letter-spacing: 1px; display: inline-block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { opacity: 0.7; }

/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:fixed; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 100; }
.gotop a{ position: relative; display:block; background:rgba(60,60,60,0.8); text-decoration:none;width:50px; height:50px; box-sizing:border-box; border-radius: 0%; z-index: 11; transition: 0.3s; }
.gotop a::after { position:absolute; top:50%; left:50%; content: ''; width: 20px; height: 20px; margin: -10px 0 0 -10px; background: url("../image/page_top.png") no-repeat; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.5); }
@media (max-width: 500px) {
.gotop { position:fixed; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; width: 100%; height: auto; }
footer::after { content:" "; display:block; clear:both;}
.foot_l{ float: left; margin: 59px 0 0 40px;}
.foot_l .foot_logo { float: left; line-height: 1; margin-bottom: 53px; }
.foot_l .foot_logo img { width: 131px; transition: 0.2s; }
.foot_l .foot_logo a:hover img{ opacity: 0.6;}
.foot_l .copyright { float: left; margin: 13px 0 0 32px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff; }
@media (max-width: 750px) { 
.foot_l{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_l .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_l .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { float: right; padding-top: 58px; margin: 0 35px 0 0 ; }
.foot_r .sns { display: flex; list-style-type: none; }
.foot_r .sns img{ width: 100%;}
.foot_r .sns > li { width: 40px; margin-right: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2){ margin-right: 0; }
.foot_r .sns > li:hover{ opacity: 0.5; }
@media (max-width: 750px) {
.foot_r { float: none; padding-top: 40px; margin: 0px; }
.foot_r .sns { position: static; margin-bottom: 20px; justify-content: center; }
.foot_r .sns > li { margin-right: 10px; }
}/*END*/