@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
--------------------------------------------------*/
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; position: relative; }
body {position: relative; background: #e2e3e9; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:link { color: #fff; transition: 0.3s;}
a:visited { color: #fff; transition: 0.3s;}
a:hover,a:active { color: #fff; }
.sp{display:none}
.pc{display:inline}
@media (max-width:750px){
.sp{display:inline}
.pc{display:none}
}
.clear::after { content:" "; display:block; clear:both;}

/*anime set
------------------------*/
.main_img,
h1,
.main_bg,
#concept p,
#concept .img_box,
#nu .img_box,
#nu .img_box_sp,
#nu h2,
#nu h2 small,
#nu p,
#design .img_box,
#design .txt_box,
#movement .img_box,
#movement .txt_box,
.main2_img,
.main2 h2,
.collections .inner .inner_L,
.collections .inner .inner_R,
#sla051j1 .read h4,
#sla051j1 .read p,
.collections h2
 { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 600; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; transition: 0.5s;padding: 0; z-index: 600;}
header .prospex_logo{ width: 240px; position:absolute; left: 30px; top: 30px; transition: 0.5s;padding: 0; z-index: 600;}
@media (max-width: 1300px) {
header .seiko_logo{ width: 10vw; position:absolute; right: 2.2vw; top: 2.2vw;}
header .prospex_logo{ width: 19vw; position:absolute; left: 2.2vw; top:2.2vw; }
}/*END*/
@media (max-width: 800px) {
header .seiko_logo{ width: 12.5vw; position:absolute; right: 2.2vw; top: 2.2vw;}
header .prospex_logo{ width: 24vw; position:absolute; left: 2.2vw; top:2.2vw; }
}/*END*/
@media screen and (max-width: 1300px) and (orientation: portrait) {   
header .seiko_logo{ width: 135px; position:absolute; right: 30px; top: 30px; }
header .prospex_logo{ width: 240px; position:absolute; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 800px) and (orientation: portrait) {   
header .seiko_logo{ width: 17vw; position:absolute; right: 3vw; top: 3vw;}
header .prospex_logo{ width: 33vw; position:absolute; left: 3vw; top:3vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; position:absolute; right: 3vw; top: 3.5vw;}
header .prospex_logo{ width: 38vw; position:absolute; left: 3vw; top:3vw; }
}/*END*/
/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative;  overflow: hidden;}

/*-------------------------------------------------
	main
--------------------------------------------------*/
#main { width: 100%; height: 100vh; max-height: 170vw!important; position: relative; overflow: hidden; outline:none; display: flex; align-items: center; justify-content: center; background: #000;}
#main .main_inner{ margin-top: 0vh; width: 100%;}
#main .main_inner .main_img { max-width: 100%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
#main .main_inner .main_img div{ display: inline-block; text-align: center;}
#main .main_inner .main_img div img{ min-width: 70%; max-height: 70vh; }
#main .main_inner .title h1 small{ display: block; font-size: 30px; margin-bottom: 5px; }
#main .main_inner .title h1{ margin-top: -50px; font-size: 45px; line-height: 1.05; text-align: center; position: relative; z-index: 2; font-family: 'Roboto', sans-serif; font-weight: 700; text-shadow: 0px 0px 20px #384461; }
@media screen and (max-width: 1400px) {
#main .main_inner .title h1 small { font-size: 2.15vw; }
#main .main_inner .title h1{ margin-top: -3.5vw; font-size: 3.2vw; }
}/*END*/
@media screen and  (orientation: portrait) {
#main { width: 100%; height: 100vh; max-height: 180vw;}
#main .main_inner .main_img div img{min-width: 10%; max-width: 75%!important; max-height: 75vh;  }
#main .main_inner .title h1 small { font-size: 28px; }
#main .main_inner .title h1{ margin-top: 5vw; font-size: 40px; }
}/*END*/
@media screen and (max-width: 960px) and (orientation: portrait) {
#main .main_inner{ margin-top: 0vh; width: 100%;}
#main .main_inner .main_img div img{min-width: 10%; max-width: 69%!important; max-height: 82vh;  }
#main .main_inner .title h1 small { font-size: 3.3vw; }
#main .main_inner .title h1{ margin-top: 5vw; font-size: 5vw; }
}/*END*/
@media screen and (max-width: 700px) and (orientation: portrait) {
#main .main_inner{ margin-top: 0vh; width: 100%;}
#main .main_inner .main_img div img{min-width: 10%; max-width: 60%!important; max-height: 90vh;  }
#main .main_inner .title h1 small { font-size: 4vw; }
#main .main_inner .title h1{ margin-top: 4vw; font-size: 6vw; }
}/*END*/
.main_bg { width: 100%; height: 100%!important; position: absolute; left: 0; top: 0; z-index: 1; outline:none; background: url("../image/main_bg.jpg") center center no-repeat; background-size: cover; }
@media screen and (orientation: portrait) {
.main_bg { width: 100%; height: 100%!important; position: absolute; left: 0; top: 0; z-index: 1; outline:none; background: url("../image/main_bg_sp.jpg") center center no-repeat; background-size: cover; }
}/*END*/
.main_sp{display:none}
.main_pc{display:inline}
@media (max-width:1300px){
.main_sp{display:none}
.main_pc{display:inline}
}
p{ font-size: 16px; line-height: 1.8;  }
@media (max-width: 1400px) {
p{ font-size: 15px; line-height: 1.8;  }
}/*END*/
@media (max-width: 1200px) {
p{ font-size: 14px; line-height: 1.8; }
}/*END*/
@media (max-width: 640px) {
p{ font-size: 14px; line-height: 1.7; }
}/*END*/
@media (max-width: 400px) {
p{ font-size: 14px; line-height: 1.6; }
}/*END*/
/*#nu p*/
#nu .inner .txt_box .txt_box_inner p{ font-size: 16px; line-height: 2.1; letter-spacing: 0.5px; }
@media (max-width: 1400px) {
#nu .inner .txt_box .txt_box_inner p{ font-size: 15px; line-height: 2;  letter-spacing: 0px; }
}/*END*/
@media (max-width: 1200px) {
#nu .inner .txt_box .txt_box_inner p{ font-size: 14px; line-height: 1.8; }
}/*END*/
@media (max-width: 640px) {
#nu .inner .txt_box .txt_box_inner p{ font-size: 14px; line-height: 1.8; }
}/*END*/
@media (max-width: 400px) {
#nu .inner .txt_box .txt_box_inner p{ font-size: 14px; line-height: 1.7; }
}/*END*/
/*#design p*/
#design p{ font-size: 16px; line-height: 1.8; letter-spacing: 0px; }
@media (max-width: 1400px) {
#design p{ font-size: 15px; line-height: 1.8; letter-spacing: 0px; }
}/*END*/
@media (max-width: 1200px) {
#design p{ font-size: 14px; line-height: 1.8; }
}/*END*/
@media (max-width: 640px) {
#design p{ font-size: 14px; line-height: 1.7; }
}/*END*/
@media (max-width: 400px) {
#design p{ font-size: 14px; line-height: 1.6; }
}/*END*/
.txt_s{ margin-top: 20px; font-size: 14px!important; line-height: 1.6; }
@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; }
}/*END*/
/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { position: relative; overflow: hidden; background: #081433; }
#concept h2{ padding: 100px 0 90px; text-align: center; font-size: 21px; line-height: 1; letter-spacing: 12px; color: #fff; opacity: 0.5; font-family: 'Roboto', sans-serif; font-weight: 400;}
@media (max-width: 820px) {
#concept h2{ padding: 80px 0 70px;}
}/*END*/
@media (max-width: 700px) {
#concept h2{ padding: 70px 0 60px; font-size: 20px; letter-spacing: 9px; }
}/*END*/
@media (max-width: 640px) {
#concept h2{ padding: 15vw 0 12vw; font-size: 18px; letter-spacing: 9px; }
}/*END*/
#concept .inner{ width: 90%; max-width: 1100px; margin: 0 auto; }
#concept .inner .txt_box{ float: left; width: 68%; max-width: 720px; margin-bottom: 130px; position: relative; z-index: 3; }
#concept .inner .img_box{ float: right; width: 30%; max-width: 320px; margin-top: -30px; position: relative; z-index: 1; text-align: center; }
#concept .inner .txt_box p{ margin-bottom: 20px; font-size: 16px; line-height: 2.1; letter-spacing: 0.5px; color: #fff; }
#concept .inner .txt_box p span{ display: inline-block;}
@media (max-width: 1400px) {
#concept .inner{ width: 90%; max-width: 950px;  }
#concept .inner .txt_box{ max-width: 600px; }
#concept .inner .txt_box p{ font-size: 15px; line-height: 2; letter-spacing: .5px; }
#concept .inner .txt_box p br{ display: none; }
}/*END*/
@media (max-width: 1200px) {
#concept .inner{ width: 90%; max-width: 850px; }
#concept .inner .txt_box{  width: 65%; max-width: 480px; }
#concept .inner .img_box{  width: 35%; max-width: 300px; margin-top: -20px; }
#concept .inner .txt_box p{ font-size: 14px; line-height: 1.9;  letter-spacing: 0px;}
}/*END*/
@media (max-width: 1100px) {
#concept .inner{ width: 85%; max-width: 800px; }
#concept .inner .txt_box{ width: 65%; max-width: 460px; margin-bottom: 110px;}
#concept .inner .img_box{ width: 35%; max-width: 300px;margin: -0px -1.5vw 0 0; }
}/*END*/
@media (max-width: 950px) {
#concept .inner{ width: 85%; max-width: 680px; }
#concept .inner .txt_box{ width: 60%; max-width: 370px;  }
#concept .inner .img_box{ width: 40%; max-width: 280px; margin: -0px -2.5vw 0 0; }
#concept .inner .txt_box p{ font-size: 14px; line-height: 2; }
}/*END*/
@media (max-width: 820px) {
#concept .inner{ width: 80%; }
#concept .inner .txt_box{ float: none; width: 100%; max-width: 600px; margin:0 auto 0px; }
#concept .inner .img_box{ float: none; width: 80%; max-width: 320px; margin: 40px auto 90px; }
}/*END*/
@media (max-width: 400px) {
#concept .inner .txt_box p{ font-size: 14px; line-height: 1.8; }
}/*END*/
/*concept_bg*/
#concept .concept_bg{ position: absolute; left: -92vw; top: -140vw; width: 180vw; height: 180vw; background: radial-gradient(circle closest-side, rgba(196,229,252, 1), rgba(66,111,195,0.5), rgba(36,54,93,0) ); z-index: 2; opacity: .55; transition: 0.5s;}

/*-------------------------------------------------
	co_bg
--------------------------------------------------*/
.co_bg{ width: 100vw; height:100%; background: url("../image/co_bg2.jpg") top center repeat-y; background-size: contain; position: absolute; top: 0; left: 0; z-index: -1;}
@media (max-width:2300px){
.co_bg{  background-size: 2300px; }
}/*END*/
@media (max-width:1400px){
.co_bg{ background-size: 2000px; }
}/*END*/

/*-------------------------------------------------
	co_bg
--------------------------------------------------*/
#nu{ padding: 160px 0 ; color: #fff;}
#nu .inner{ width: 85%; max-width: 1050px; margin: 0 auto; position: relative; }
#nu .inner::after,
#nu .inner .txt_box .txt_box_inner::after { content:" "; display:block; clear:both;}
#nu .inner .txt_box{ width: 880px; float: right; background: rgba(7,20,55,0.85); }
#nu .inner .txt_box .txt_box_inner{  padding:0 0 110px 0;width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{ padding: 95px 0 60px; font-size: 57px; line-height: 1; letter-spacing: 0; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: left; }
#nu .inner .txt_box .txt_box_inner h2 small{ margin-top: 10px; display: block; font-size: 32px; letter-spacing: 1px; opacity: 0.65;}
#nu .inner .txt_box .txt_box_inner h2 span{ opacity: 0.4; }
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 77%;}
#nu .inner .img_box{ position: absolute; left: 0px; top: 37%; z-index: 2;}
.nu_img_txt{ position: absolute; left: 7px; bottom: 5px; font-size: 10px; opacity: 1; z-index: 3; }
.img_box_sp{ position:relative; }
#nu .img_box{ display: block;}
#nu .img_box_sp{ display: none;}
@media (max-width: 1400px) {
#nu .inner{ width: 85%; max-width: 1000px; margin: 0 auto; position: relative; }
#nu .inner .txt_box{ width: 820px; float: right; background: rgba(7,20,55,0.85); }
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 77%;}
#nu .inner .img_box{ position: absolute; left: 0px; top: 43%; z-index: 2; width: 300px;}
}/*END*/
@media (max-width: 1300px) {
#nu .inner{ width: 85%; max-width: 880px; margin: 0 auto; position: relative; }
#nu .inner .txt_box{ width: 730px; float: right; background: rgba(7,20,55,0.85); }
#nu .inner .txt_box .txt_box_inner{  padding:0 0 90px 0;width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{ padding: 80px 0 60px; font-size: 55px; }
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 72%;}
#nu .inner .img_box{ position: absolute; left: 0px; top: 43%; z-index: 2; width: 300px;}
}/*END*/
@media (max-width: 1100px) {
#nu{ padding: 160px 0 100px; color: #fff;}
#nu .inner{ width: 85%; max-width: 800px; margin: 0 auto; position: relative; }
#nu .inner .txt_box{ width: 670px; float: right; background: rgba(7,20,55,0.85); }
#nu .inner .txt_box .txt_box_inner{ padding:0 0 90px 0;width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{ padding: 80px 0 60px; font-size: 52px; }
#nu .inner .txt_box .txt_box_inner h2 small{ margin-top: 10px; display: block; font-size: 30px; letter-spacing: 1px;}
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 72%;}
#nu .inner .img_box{ position: absolute; left: -10px; top: 34%; z-index: 2; width: 280px;}
}/*END*/
@media (max-width: 1000px) {
#nu{ padding: 120px 0 80px; color: #fff;}
#nu .inner{ width: 100%; max-width: 100%; margin: 0 auto; position: relative; }
#nu .inner .txt_box{ width: 80%; float: right; background: rgba(7,20,55,0.9); }
#nu .inner .txt_box .txt_box_inner{ padding:0 0 90px 0;width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{ padding: 80px 0 60px; font-size: 52px; }
#nu .inner .txt_box .txt_box_inner h2 small{ margin-top: 10px; }
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 80%;}
#nu .inner .img_box{ position: absolute; left: 7%; top: 30%; z-index: 2; width: 27%;}
}/*END*/
@media (max-width: 900px) {
#nu{ padding: 0px 0 0px; color: #fff;}
#nu .inner{ width: 100%; max-width: 100%; margin: 0 auto; position: relative; }
#nu .inner .txt_box{ width:100%; margin: 0 auto; float: none;background: rgba(7,20,55,0.85);  }
#nu .inner .txt_box .txt_box_inner{ padding:60px 0; width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{ margin-left: 3%; padding: 40px 0 40px; font-size: 6vw;  }
#nu .inner .txt_box .txt_box_inner h2 small{ margin-top: 10px; font-size: 3.5vw;  }
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 100%;}
#nu .img_box{ display: none;}
#nu .inner .txt_box .txt_box_inner .txt_box_head{ width: 100%; margin: 0 auto; margin-bottom: 40px; display: flex; align-items: center; }
#nu .inner .txt_box .txt_box_inner .txt_box_head .img_box_sp{ display: block; margin-left: 5%; width: 40%; max-width:300px;  }
#nu .inner .txt_box .txt_box_inner .txt_box_head .img_box_sp img{ display: block;  width: 90%; }
#nu .inner .txt_box::after {  display: block;  content: ''; width: 100%; height: 50vw; position: absolute; left: 0; top: 100%; background: linear-gradient(to top, rgba(182,188,200,0) 0%, rgba(182,188,200,0.9) 100%);  z-index: -1;}
}/*END*/
@media (max-width: 600px) {
#nu{ padding: 0px; color: #fff; }
#nu .inner{ width: 100%; max-width: 100%; margin: 0 auto; position: relative; }
#nu .inner .txt_box{ width:100%; margin: 0 auto; float: none;  }
#nu .inner .txt_box .txt_box_inner{ padding:80px 0;width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{  margin-left: 0%; padding: 40px 0 40px; font-size: 52px; }
#nu .inner .txt_box .txt_box_inner h2 small{ margin-top: 10px; font-size: 30px; }
#nu .inner .txt_box .txt_box_inner p{ float: right; width: 100%;}
#nu .img_box{ display: none;}
#nu .inner .txt_box .txt_box_inner .txt_box_head .img_box_sp{ display: block; margin: 0 auto; width: 65%; max-width:300px; }
#nu .inner .txt_box .txt_box_inner .txt_box_head{ width: 100%; margin: 0 auto;margin-bottom: 0px; display: block; align-items: center;}
}/*END*/
@media (max-width: 500px) {
#nu .inner .txt_box .txt_box_inner{ padding:70px 0;width: 80%; margin: 0 auto; }
#nu .inner .txt_box .txt_box_inner h2{ padding: 35px 0 35px; font-size: 10vw; }
#nu .inner .txt_box .txt_box_inner h2 small{ margin-top: 10px; display: block; font-size: 5.5vw; letter-spacing: 1px; }
}/*END*/

/*-------------------------------------------------
	design
--------------------------------------------------*/
#design{ width:95%; margin: 40px auto 0; padding-bottom: 140px; background: rgba(255,255,255,0.6); color: #000; position: relative; z-index: 3;}
#design .inner{ width: 90%; max-width:1200px; margin: 0 auto;}
#design h2{ padding: 100px 0 90px; text-align: center; font-size: 21px; line-height: 1; letter-spacing: 12px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; opacity: 0.8;}
@media (max-width: 1000px) {
#design{ width:95%; margin: 40px auto 0; padding-bottom: 60px; background: rgba(240,240,240,0.7); color: #000;}
}/*END*/
@media (max-width: 820px) {
#design h2{ padding: 80px 0 80px;}
}/*END*/
@media (max-width: 700px) {
#design h2{ padding: 70px 0 70px; font-size: 20px; letter-spacing: 9px; }
}/*END*/
@media (max-width: 640px) {
#design h2{ padding: 15vw 0 15vw; font-size: 18px; letter-spacing: 9px; }
}/*END*/
#design .inner ul li{ display: flex;}
#design .inner ul li .img_box{ width: 50%; }
#design .inner ul li .txt_box{ width: 50%; display: flex; align-items: center; justify-content: center;}
#design .inner ul li .txt_box div{ width: 66%; }
#design .inner ul li:nth-child(even){ flex-direction: row-reverse;}
#design .inner ul li .txt_box h3{ padding: 0px 0 20px; font-size: 40px; line-height: 1; letter-spacing: 0; color: #002c5e; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: left;  }
@media (max-width: 1100px) {
#design .inner{ width: 90%;}
#design .inner ul li{ margin-bottom: 0vw;}
#design .inner ul li .img_box{ width: 50%; }
#design .inner ul li .txt_box{ width: 50%; }
#design .inner ul li .txt_box div{ width: 75%; }
#design .inner ul li:nth-child(odd) .img_box { width: 50%; margin-left: 0%; background: linear-gradient(to right, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 50%); }
#design .inner ul li:nth-child(even) .img_box{ width: 50%; margin-right: 0%; background: linear-gradient(to left, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 50%);  }
}/*END*/
@media (max-width: 940px) {
#design .inner{ width: 90%;}
#design .inner ul li{ margin-bottom: 4vw;}
#design .inner ul li .img_box{ width: 50%; }
#design .inner ul li .txt_box{ width: 50%; }
#design .inner ul li .txt_box div{ width: 80%; }
#design .inner ul li .txt_box h3{ padding: 0px 0 10px; font-size: 35px;}
#design .inner ul li:nth-child(odd) .txt_box  div{ margin-right: -5vw;}
#design .inner ul li:nth-child(even) .txt_box div{  margin-left: -5vw;}
}/*END*/
@media (max-width: 760px) {
#design{ margin: 40px auto 0; padding-bottom: 10px;}
#design .inner ul li{ display: block; margin: 0 auto; width: 90%; max-width: 450px;}
#design .inner ul li:nth-child(even){ flex-direction:row;}
#design .inner ul li .img_box{  margin: 0px auto 0px!important; width: 95%!important; }
#design .inner ul li .txt_box{ margin: 30px auto 70px; width: 90%; }
#design .inner ul li .txt_box div{ width: 100%; }
#design .inner ul li .txt_box h3{ padding: 0px 0 10px; font-size: 35px;}
#design .inner ul li:nth-child(odd) .txt_box  div{ margin-right: 0vw;}
#design .inner ul li:nth-child(even) .txt_box div{ margin-left: 0vw;}
}/*END*/
@media (max-width: 500px) {
#design .inner ul li .txt_box{ margin: 30px auto 70px; width: 90%; }
#design .inner ul li .txt_box h3{ padding: 0px 0 10px; font-size: 31px;}
}/*END*/
@media (max-width: 400px) {
#design .inner ul li .txt_box{ margin: 30px auto 70px; width: 95%; }
#design .inner ul li .txt_box h3{ padding: 0px 0 10px; font-size: 28px;}
}/*END*/
/*-------------------------------------------------
	movement
--------------------------------------------------*/
#movement{ width:95%; margin: 0 auto; background: rgba(7,20,55,0.9); color: #fff;}
#movement h2{ padding: 100px 0 80px; text-align: center; font-size: 21px; line-height: 1; letter-spacing: 12px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; opacity: 0.45;}
@media (max-width: 820px) {
#movement h2{ padding: 80px 0 70px;}
}/*END*/
@media (max-width: 700px) {
#movement h2{ padding: 70px 0 70px; font-size: 20px; letter-spacing: 9px; }
}/*END*/
@media (max-width: 640px) {
#movement h2{ padding: 15vw 0 13vw; font-size: 18px; letter-spacing: 9px; }
}/*END*/
#movement .inner{ padding-bottom: 46px; width: 90%; max-width:1200px; margin: 0 auto; display: flex; flex-direction: row-reverse; }
#movement .inner .img_box{ width: 50%;}
#movement .inner .txt_box{ width: 50%; display: flex; justify-content: center;}
#movement .inner .txt_box p{ width: 75%; margin-top: 70px;}
@media (max-width: 1350px) {
#movement .inner{padding-bottom: 46px; width: 90%; max-width:1000px;  }
#movement .inner .txt_box p{ width: 340px; margin-top: 40px;}
}/*END*/
@media (max-width: 1160px) {
#movement .inner{padding-bottom: 46px; width: 95%; max-width:880px; }
#movement .inner .img_box{ width: 55%;}
#movement .inner .txt_box{ width: 45%;}
#movement .inner .txt_box p{ width: 310px; margin-top: 3vw;}
}/*END*/
@media (max-width: 1000px) {
#movement .inner{padding-bottom: 46px; width: 95%; max-width:880px;}
#movement .inner .img_box{ width: 55%; margin-right: -2vw;}
#movement .inner .txt_box{ width: 45%;}
#movement .inner .txt_box p{ width: 310px; margin-top: 3vw;}
}/*END*/
@media (max-width: 950px) {
#movement .inner{padding-bottom: 46px; width: 95%; max-width:800px; }
#movement .inner .img_box{ width: 55%; margin-right: -1vw;}
#movement .inner .txt_box p{ width: 290px; margin-top: 2vw;}
}/*END*/
@media (max-width: 850px) {
#movement .inner{padding-bottom: 46px; width: 95%; max-width:800px; margin: 0 auto; display: block; }
#movement .inner .img_box{ width: 80%; max-width: 500px; margin: 0 auto;}
#movement .inner .img_box img{ position: relative; right: -5vw; }
#movement .inner .txt_box{ width: 80%; margin: 0 auto;}
#movement .inner .txt_box p{ width:450px; margin: 1vw auto 8vw!important ;}
}/*END*/
@media (max-width: 850px) {
#movement .inner .img_box{ width: 90%; max-width: 500px; margin: 0 auto;}
}/*END*/
.pc{ display: inherit;}
.sp{ display: none;}
@media (max-width:1740px){
.pc{ display: none;}
.sp{ display: inherit;}
}/*END*/

/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections_wrap{ width: 100%;  padding: 0 0 2.7vw; background: linear-gradient(to bottom, rgba(182,188,200,0) 0%, rgba(182,188,200,0.9) 100%); position: relative;}
.collections {background: #fff; color: #000; width: 95%; max-width: 100%; margin: 0 auto; padding: 70px 0 0px; text-align: center; position: relative; z-index: 4; overflow: hidden;}
@media screen and (max-width: 450px) {
.collections { padding: 50px 0 0px; }
}/*END*/
@media screen and (max-width: 650px) {
.collections { padding: 60px 0 0px; }
}/*END*/
.collections h2 small{ display: block; font-size: 26px; margin-bottom: 7px; }
.collections h2{ margin-top: 0px; font-size: 38px; line-height:1.05; color: #333; text-align: center; position: relative; z-index: 2; font-family: 'Roboto', sans-serif; font-weight: 700; }
@media screen and (max-width:1050px) {
.collections h2 small{ font-size: 25px; }
.collections h2{ font-size: 36px; }
}/*END*/
@media screen and (max-width: 848px) {
.collections h2 small{ font-size: 22px; margin-bottom: 5px; }
.collections h2{ font-size: 33px; }
}/*END*/
@media screen and (max-width: 640px) {
.collections h2 small{ font-size: 3.8vw;margin-bottom: 1vw; }
.collections h2{ font-size: 5.2vw; }
}/*END*/
@media screen and (max-width: 480px) {
.collections h2 small{ font-size: 4.2vw;margin-bottom: 1vw; }
.collections h2{ font-size: 5.6vw; }
}/*END*/
.collections .inner{ max-width: 600px; margin: 0 auto; padding: 60px 0 0px ; transition: 0.5s;}
@media screen and (max-width: 900px) {
.collections .inner{ max-width: 550px; margin: 0 auto; padding: 60px 0 0px ; transition: 0.5s;}
}/*END*/
@media screen and (max-width: 750px) {
.collections .inner{ max-width: 600px; margin: 0 auto; padding: 8vw 0 60px;}
}/*END*/
.collections .inner::after { content:" "; display:block; clear:both;}
/*inner_L*/
.collections .inner .inner_L{ float: left; width: 53%; position: relative; z-index: 1; }
@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*/
/*inner_R*/
.collections .inner .inner_R{ float: left; width: 47%; margin-top: 80px;  position: relative; z-index: 2;}
@media screen and (max-width: 900px) {
.collections .inner .inner_R{ float: left; width: 47%; margin-top: 60px; }
}/*END*/
@media screen and (max-width: 750px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: -4vw;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: -4vw;}
}/*END*/
/*collections_img*/
.collections .collections_img { max-width: 290px; margin: 0 auto; }
@media screen and (max-width: 900px) {
.collections .collections_img { max-width: 260px; }
}/*END*/
@media screen and (max-width: 750px) {
.collections .collections_img { max-width: 290px; width: 50%; }
}/*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; font-weight: 400; font-family: 'Montserrat', sans-serif;}
@media screen and (max-width: 750px) {
.collections_no { margin-top: 0px; font-size: 24px; line-height: 1; letter-spacing: 1.5px;}
}/*END*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
.collections_price { margin-top: 18px; font-size: 20px; line-height: 1; 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: 0px; 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: 25px; }
.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: 0px; font-weight: 400;}
@media screen and (max-width: 980px) {
.collections_txt{ margin-top: 25px; font-size: 14px; line-height: 1.6; letter-spacing: 0px; font-weight: 400;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
.collections_txt{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
/*collections_btn*/
.collections_btn { max-width: 190px; margin: 25px auto 0; }
.collections_btn a { margin-top: 10px; background: #000; color: #fff; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: 1px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { opacity: 0.7; }

/*-------------------------------------------------
	sla051j1
--------------------------------------------------*/
#sla051j1{ background: #43464a; padding-bottom: 120px; position: relative; overflow: hidden;}
.main2{ width: 90%; height: 770px; margin: 0 auto; position: relative; z-index: 3; }
.main2_bg { width:100%; height: 56vw; margin-left: 0px; position: absolute; left: 0; top: 0vw;  z-index: 0; outline:none; background: url("../image/main2_bg.jpg") center center no-repeat ; background-size: cover; }
.main2_img{ width: 100%; position: absolute; left: 0%; top: 0;  text-align: center; z-index: 2;}
@media screen and (max-width: 1944px){
.main2_bg { width:1944px; margin-left: -972px;height: 1093px!important; position: absolute; left: 50%; top: 0vw;  z-index: 0; outline:none; background: url("../image/main2_bg.jpg") center top no-repeat; background-size: contain; }
}/*END*/
@media screen and (max-width: 1600px) {
.main2{ width: 90%; height: 48vw; }
.main2_bg { width:122%; margin-left: -61%;  top: 0vw; }
.main2_img img{ width: 29.5vw;}
}/*END*/
@media screen and (max-width: 1400px) {
.main2_img{ width: 100%; position: absolute; left: 5%; top: 0; }
.main2_bg { width:122%; margin-left: -61%; height: 100%!important; position: absolute; left: 50%; top: 8vw;  }
}/*END*/
@media screen and (max-width: 1300px) {
.main2_bg { top: 10vw;  }
}/*END*/
@media screen and (max-width: 1200px) {
.main2_bg { top: 20vw;  }
}/*END*/
.main2_bg { display: inline-block;  }
.main2_bg_s { display:none;  }
@media screen and (max-width: 1024px) {
.main2_bg { display: none;  }
.main2_bg_s { display: inline-block; width:100%; height: 200vh; margin-left: 0px; position: absolute; left: 0; top: -8vw;  z-index: 0; outline:none; background: url("../image/main2_bg.jpg") top center no-repeat ; background-size: contain; }
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.main2{ width: 90%; height: 85vw; }
.main2_img img{ width: 40vw;}
.main2_img{ width: 100%; position: absolute; left: 2%; top: 0; }

.main2_bg { display: none;  }
.main2_bg_s { display: inline-block; width:100%; height: 200vh; margin-left: 0px; position: absolute; left: 0; top: -0vw;  z-index: 0; outline:none; background: url("../image/main2_bg_s.jpg") top center no-repeat ; background-size: contain; }
}/*END*/
@media screen and (max-width: 700px) and (orientation: portrait) {
.main2{ width: 85%; height: 124vw; }
.main2_img img{ width: 55vw;}
}/*END*/
.main2 .title{ position: absolute; bottom: 60px;}
.main2 .title h2 small{ display: block; font-size: 28px; margin-bottom: 7px; }
.main2 .title h2{font-size: 45px; line-height: 1.05; text-align: left; position: relative; z-index: 2; font-family: 'Roboto', sans-serif; font-weight: 700; text-shadow: 0px 0px 20px #384461; }
.main2 .title h2 span{ display: inline-block;}
.main2 .title h2 span.h2_2{ color: #f2c43d; }
@media screen and (max-width: 1500px) {
.main2 .title h2 small { font-size: 1.87vw; }
.main2 .title h2{ margin-top: 0px; font-size: 3vw; }
}/*END*/
@media screen and (max-width: 1400px) {
.main2 .title{ position: absolute; bottom: 4vw;}
.main2 .title h2 small { font-size: 2.15vw; }
.main2 .title h2{ font-size: 3.4vw; }
}/*END*/
@media screen and (max-width: 1024px) and  (orientation: portrait) {
.main2 .title h2 small { font-size: 28px; }
.main2 .title h2{ font-size: 45px; }
}/*END*/
@media screen and (max-width: 860px) and (orientation: portrait) {
.main2 .title h2 small { font-size: 3.3vw; }
.main2 .title h2{ font-size: 5.3vw; }
}/*END*/
@media screen and (max-width: 700px) and (orientation: portrait) {
.main2 .title{ position: absolute; bottom: 7vw;}
.main2 .title h2 small { font-size: 4vw; }
.main2 .title h2{ font-size: 6.2vw; }
}/*END*/
@media screen and (max-width: 595px) and (orientation: portrait) {
.main2 .title{ position: absolute; bottom: 7vw;}
.main2 .title h2 small { font-size: 4.4vw; }
.main2 .title h2{ font-size: 6.8vw; }
}/*END*/
/*read*/
#sla051j1 .read{ width: 95%; margin: 0 auto; padding: 100px 0; background:rgba(0,0,0,.42); text-align: center; position: relative; z-index: 3;}
#sla051j1 .read .inner{ width: 80%; max-width: 1000px; margin: 0 auto;}
#sla051j1 .read h4{ font-size: 20px; margin-bottom: 20px; color: #fff4d5; }
#sla051j1 .read h4 span{ margin-bottom: 12px; padding-bottom: 7px; padding-right: 5px; position: relative; display: inline-block;}
#sla051j1 .read h4 span::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background:#fff4d5; }
@media screen and (max-width: 1300px) {
#sla051j1 .read h4 br{display: none;}
}/*END*/
@media screen and (max-width: 1200px) {
#sla051j1 .read{ width: 95%; margin: 0 auto; padding: 80px 0; }
}/*END*/
@media screen and (max-width: 1050px) {
#sla051j1 .read{ width: 95%; margin: 0 auto; padding: 60px 0; }
#sla051j1 .read h4 span{ margin-bottom: 12px; padding-bottom: 4px; position: relative; display: inline-block;}
}/*END*/
@media screen and (max-width: 1024px) {
#sla051j1 .read p{  width: 100%; max-width: 600px; margin: 0 auto; text-align: left;}
#sla051j1 .read p br{ display: none;}
}/*END*/
@media screen and (max-width: 800px) {
#sla051j1 .read p{ text-align: left; }
}/*END*/
@media screen and (max-width: 700px) {
#sla051j1 .read{ width: 95%; margin: 0 auto; padding: 60px 0; background:rgba(0,0,0,.6); }
#sla051j1 .read h4 span{ margin-bottom: 10px; padding-bottom: 3px;}
}/*END*/
@media screen and (max-width: 640px) {
#sla051j1 .read{ width: 100%; margin: 0 auto; padding: 8vw 0; background:rgba(0,0,0,.6); }
#sla051j1 .read h4{ font-size: 17px; margin-bottom: 18px; color: #fff4d5; }
}/*END*/
@media screen and (max-width: 440px) {
#sla051j1 .read h4{ font-size: 15px; margin-bottom: 16px; color: #fff4d5; text-align: left; }
}/*END*/
@media screen and (max-width: 360px) {
#sla051j1 .read h4{ font-size: 14px; margin-bottom: 16px; color: #fff4d5; }
}/*END*/

/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:absolute; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 2000!important; }
.gotop a{ position: relative; display:block; background:rgba(33,33,33,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:absolute; 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; font-weight: 400; }
@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*/