@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; vertical-align: bottom; }
a{ outline: none;}
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }

/*-------------------------------------------------
	base
--------------------------------------------------*/
body {position: relative; background: #000; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%; }
/*txt img 選択時*/
::selection { background:#333; }
::-moz-selection { background:#333; }/*Firefox*/
img::selection { background:none; }
img::-moz-selection { background:none; }/*Firefox*/

/*anime set
------------------------*/
.main_img img,.main_title h1,.h1_bar,#concept .txt_box,#concept .img_box,#design h2,#design .copy span,#design .dh_img,#design .dh_nav_title,.dh_nav_01,.dh_nav_02,.dh_nav_03,.dh_icon01,.dh_icon02,.dh_icon03,.dh_line01,.dh_line02,.dh_line03,#design .dh_btn,#design .dh_nav_01,.de_contents .img_box img,.de_icon,#design h3,#design .txt_box_wrap,#design .txt_box,#other h2,.sl,.t_link,#spec .spec_head,.collections_img,.collections_inner .txt_box h3,.collections_inner .txt_box p { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 80; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
header .prospex_logo{ width: 220px; position:absolute; left: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 13.9vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 9.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 15.9vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
header .prospex_logo{ width: 220px; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 28vw; left: 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; }
header .prospex_logo{ width: 36vw; left: 3.8vw; top: 3.8vw; }
}/*END*/
header{ position: relative; z-index: 80; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
header .prospex_logo{ width: 240px; position:absolute; left: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 14.9vw; left: 1.9vw; top: 1.8vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 9.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 15.9vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
header .prospex_logo{ width: 220px; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 28vw; left: 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; }
header .prospex_logo{ width: 36vw; left: 3.8vw; top: 3.8vw; }
}/*END*/

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

/*-------------------------------------------------
	main
--------------------------------------------------*/
img.main_pc_x15{display:inline-block;}
img.main_pc_x1{display:none;}
img.main_sp_x15{display:none;}
img.main_sp{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
img.main_pc_x15{display:none;}
img.main_pc_x1{display:inline-block;}
img.main_sp_x15{display:none;}
img.main_sp{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
img.main_pc_x15{display:none;}
img.main_pc_x1{display:none;}
img.main_sp_x15{display:inline-block;}
img.main_sp{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
img.main_pc_x15{display:none;}
img.main_pc_x1{display:none;}
img.main_sp_x15{display:none;}
img.main_sp{display:inline-block;}
}/*END*/

#main { width: 100%; height: 100%; max-height: 50vw; position: relative; z-index: 5; overflow: hidden; outline:none; background: #000;}
/*main_img*/
#main .main_img{ position: absolute; left: 50%; top: 0; width: 1000%; margin-left: -500%; height: 100%; text-align: center; }
#main .main_img div img{ height:50vw; max-height:100vh; position: relative; z-index: 1; pointer-events: none;}
/*main_title*/
#main .main_title{ width: 100%; position: absolute; left: 9.0%; bottom:7.1vw; text-align: left; z-index: 5; color: #fff; }
#main .main_title h1 small{ margin-left: 1px; font-size: 27.1px; line-height: 1.2; display: block; font-family: 'Oswald', sans-serif; font-weight: 300; }
#main .main_title h1 span{ margin-top: 5px; font-size: 40px; line-height: 1.2; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: left; display: block; }
#main .main_title .h1_bar{ position: absolute; left: -40px; top: .4vw; width: 7px; height: 93%; background: #edc101;}/*edc101*/
@media (max-width: 1600px) {
#main .main_title{ width: 100%; position: absolute; left: 9.0%; bottom:7.1vw; text-align: left; z-index: 5; color: #fff; }
#main .main_title h1 small{ margin-left: 0.1vw; font-size: 1.69vw; line-height: 1.2; }
#main .main_title h1 span{ margin-top: 0.32vw; font-size: 2.5vw; line-height: 1.2; text-align: left; }
#main .main_title .h1_bar{ position: absolute; left: -2.47vw; top: .3vw; width: .45vw; height: 93%; background: #edc101;}/*edc101*/
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) {
}/*END*/

/* 縦
-----------------------*/
@media screen and (orientation: portrait) {
#main { width: 100%; height: 100%; max-height: 180vw; }
/*main_img*/
#main .main_img{ position: absolute; left: 50%; top: 0; width: 400%; margin-left: -200%; height: 100%; text-align: center; }
#main .main_img div img{ height:160vw; max-height:100vh;}
/*main_title*/
#main .main_title{ width: 100%; position: absolute; left: 15vw; bottom:9%; height: auto; text-align: left; }
#main .main_title div { margin-left: 0; position: relative; }
#main .main_title div h1 small{ margin-top: 0vh; font-size: 2.65vh;line-height: 1.2; }
#main .main_title div h1 span{ margin-top: .5vh; font-size: 3.9vh; line-height: 1.2; }
#main .main_title div .h1_bar{ position: absolute; left: -3.8vh; top: .5vh; width: .7vh; height: 95%; ;}
}/*END*/
@media screen and (max-width: 900px) and (orientation: portrait) {
#main .main_title{ width: 100%; position: absolute; left: 14vw; bottom:8%; height: auto; text-align: left; }
#main .main_title div h1 small{ margin-top: 0vw; font-size: 3.5vw;line-height: 1.2; }
#main .main_title div h1 span{ margin-top: .6vw; font-size: 5vw;line-height: 1.2; }
#main .main_title div .h1_bar{ position: absolute; left: -4.95vw; top: .9vw; width: .9vw; height: 93%;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .main_title{ width: 100%; position: absolute; left: 16vw; bottom:8%; height: auto; text-align: left; }
#main .main_title div h1 small{ margin-top: 0vw; font-size: 4vw; }
#main .main_title div h1 span{ margin-top: .6vw; font-size: 5.8vw;line-height: 1.2; }
#main .main_title div .h1_bar{ position: absolute; left: -5.8vw; top: .9vw; width: 1.1vw; height: 93%;}
}/*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: 1.8;}
.lh_3{ line-height: 2;}
.lh_4{ line-height: 2.2;}
@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: 1.8;}
}/*END*/
@media (max-width: 640px) {
p.txt{ font-size: 15px; }
.lh_3{ line-height: 1.8;}
.lh_4{ line-height: 2;}
}/*END*/
@media (max-width: 500px) {
.lh_2{ line-height: 1.7;}
}/*END*/
@media (max-width: 450px) {
p.txt{ font-size: 14px; }
}/*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: 80px 0; position: relative; overflow: hidden; background: #000; overflow: hidden; z-index: 5; }
@media (max-width: 1200px) {
#concept { padding: 100px 0; }
}/*END*/
@media (max-width: 1000px) {
#concept { padding: 80px 0; }
}/*END*/
@media (max-width: 500px) {
#concept { padding: 60px 0; }
}/*END*/
/*inner*/
#concept .inner{ width: 80%; max-width: 1070px; margin: 0 auto; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; }
/*txt_box*/
#concept .inner .txt_box{ width: 68.5%; border-right: 1px solid rgba(255,255,255,.3);}
#concept .inner .txt_box p:nth-child(2){ margin-top: 20px; }
#concept .inner .txt_box .txt_box_inner{ width:86%;}
/*img_box*/
#concept .inner .img_box{ width: 26%; text-align: center; }
#concept .inner .img_box img{ width: 90%; max-width: 247px; }
#concept .inner .img_box p{ font-size: 12px; line-height: 1.5; }
#concept .inner .img_box p span{ display: inline-block; }
/*concept_bg*/
.concept_bg{ position: absolute; left: 70%; bottom: -35vw; width: 200vw; height: 200vw; margin:-100vw 0 0 -100vw; background: radial-gradient(circle closest-side, rgba(9,35,55,1), rgba(9,35,55,0) ); z-index: 1; transition: 0.5s;}
@media (max-width: 1000px) {
#concept .inner{ width: 80%; max-width: 700px; margin: 0 auto; display: block; }
/*txt_box*/
#concept .inner .txt_box{ width: 100%; border-right:none;}
#concept .inner .txt_box .txt_box_inner{ width:100%;}
/*img_box*/
#concept .inner .img_box{ margin: 40px auto 0; width: 90%; }
#concept .inner .img_box img{ width: 80%; max-width: 247px; margin: 0 auto; }
#concept .inner .img_box p{ max-width: 300px; margin: 0 auto; }
.concept_bg{ position: absolute; left: 0%; bottom: 0%; width: 100%; height: 100%; margin: 0;background: linear-gradient(to bottom right, rgba(9,35,55,.7) 0%, rgba(9,35,55,.05) 100%) !important;}
}/*END*/
@media (max-width: 640px) {
.concept_bg{ position: absolute; left: 0%; bottom: 0%; width: 100%; height: 100%; margin: 0;background: linear-gradient( 100deg, rgba(9,35,55,.7) 0%, rgba(9,35,55,.2) 100%) !important;}
}/*END*/
@media (max-width: 450px) {
#concept .inner .img_box{ margin: 8vw auto 0; width: 100%; }
}/*END*/

/*-------------------------------------------------
	DESIGN
--------------------------------------------------*/
#design{ text-align: center; position: relative; z-index: 1; overflow: hidden !important; }
/*dh_inner*/
.dh_inner{ padding: 90px 0 0; width: 100%; height: auto; overflow: hidden; position: relative; z-index: 1;font-family: 'Oswald', sans-serif;}
@media screen and (max-width: 1000px) {
.dh_inner{ padding: 70px 0 20px; }
}/*end*/
/*dh_bg*/
.dh_bg{ position: absolute; left: 50%; top: 120%; width: 100vw; height: 100vw; margin: -50vw 0 0 -50vw; background: radial-gradient(circle closest-side, rgba(8,18,31,1), rgba(8,18,31,0) ); z-index: 0; transition: 0.5s; }
@media screen and (max-width: 1000px) {
.dh_bg{ position: absolute; left: 50%; top: 110%; width: 260vw; height: 260vw; margin: -130vw 0 0 -130vw; }
}/*end*/
#design h2{ font-size: 24px; line-height: 1; letter-spacing: 8px; color: #edc101; font-family: 'Oswald', sans-serif; font-weight: 300;}
@media (max-width: 600px) {
#design h2{ font-size: 4.4vw; line-height: 1; letter-spacing: 8px; color: #edc101; font-family: 'Oswald', sans-serif; font-weight: 300;}
}/*END*/
#design h2{ position: relative; z-index: 2; }
#design .copy{ margin-top: 50px; font-size: 50px; line-height: 1; font-weight: 400; position: relative; z-index: 2; overflow: hidden; }
@media screen and (max-width: 1400px) {
#design .copy{ margin-top: 50px; font-size: 3.6vw; }
}/*end*/
@media screen and (max-width: 1400px) {
#design .copy{ margin-top: 50px; font-size: 50px; }
}/*end*/
@media screen and (max-width: 800px) {
#design .copy{ margin-top: 50px; font-size: 6.5vw; }
}/*end*/
#design .copy span{ display: inline-block; }

/*---------------------
	dh_nav [ PC ]
----------------------*/
#dh{ margin: 80px auto 50px; width: 95%; max-width: 1218px; height: auto; position: relative; z-index: 3;}
/*a*/
#dh a{ color: #fff; text-decoration: none; }
#dh a:hover{ color: #edc101; text-decoration: none; }
/*dh_img*/
.dh_img{ margin: 0 auto; width: 27.86%; max-height: 596px; position: relative; z-index: 2;}
/* img pc sp*/
.dh_img_pc_x15{ display: inline-block;}
.dh_img_pc{ display: none;}
.dh_img_sp{ display: none;}
@media screen and (max-width: 1400px) {
.dh_img_pc_x15{ display: none;}
.dh_img_pc{ display: inline-block;}
.dh_img_sp{ display: none;}
}/*end*/
@media screen and (max-width: 900px) {
.dh_img_pc_x15{ display: none;}
.dh_img_pc{ display: none;}
.dh_img_sp{ display: inline-block;}
}/*end*/
/*dh_nav_title*/
.dh_nav_title{ position: absolute; top:29%; left: 0px; line-height: 1; font-weight: 300; text-align: left; z-index: 3;}
.dh_nav_title p:nth-child(1){ margin-top: 0px; font-size: 27px; line-height: 1.2; font-weight: 400;}
.dh_nav_title p:nth-child(2){ margin-top: 12px; font-size: 22px; }
.dh_nav_title .dh_nav_title_bar{ position: absolute; left: -28px; top: 2px; width: 5px; height: 98%; background: #edc101;}
@media screen and (max-width: 1500px) {
.dh_nav_title{ position: absolute; top:29%; left: 2vw;}
}/*end*/
@media screen and (max-width: 1400px) {
.dh_nav_title{ position: absolute; top:29%; left: 4vw; }
.dh_nav_title p:nth-child(1){ margin-top: 0vw; font-size: 1.95vw;}
.dh_nav_title p:nth-child(2){ margin-top: 0.8vw; font-size: 1.4vw; }
.dh_nav_title .dh_nav_title_bar{ position: absolute; left: -2vw; top: .2vw; width: 0.4vw; }
}/*end*/
@media screen and (max-width: 1350px) {
.dh_nav_title{ position: absolute; top:29%; left: 5vw; }
}/*end*/
@media screen and (max-width: 1300px) {
.dh_nav_title{ position: absolute; top:29%; left: 6vw; }
}/*end*/
@media screen and (max-width: 1000px) {
.dh_nav_title{ position: relative; top:0; left: 100px; ;}
.dh_nav_title p:nth-child(1){ margin-top: 0px; font-size: 25px;}
.dh_nav_title p:nth-child(2){ margin-top: 10px; font-size: 20px; }
.dh_nav_title .dh_nav_title_bar{ position: absolute; left: -28px; top: 2px; width: 5px; }
}/*end*/
@media screen and (max-width: 700px) {
.dh_nav_title{ position: relative; top:0; left: 16vw;}
.dh_nav_title p:nth-child(1){ margin-top: 0vw; font-size: 4vw;}
.dh_nav_title p:nth-child(2){ margin-top: 1.2vw; font-size: 2.5vw; }
.dh_nav_title .dh_nav_title_bar{ position: absolute; left: -4vw; top: .2vw; width: 0.6vw;}
}/*end*/
/*--------dh_nav 共通-------*/
.dh_nav{ width: 25.5%; height: 130px; display: flex; align-items: center; position: relative; z-index: 3;}
/*dh_icon*/
.dh_icon{ width: 58px; opacity: 0.6; transition: 0.3s;}
a:hover .dh_icon { opacity: 1;}
/*dh_line*/
.dh_line{ line-height: 0; z-index: 3; }
.dh_line img{ opacity: 0.6; transition: 0.3s;}
/*dh_line :hover*/
a:hover + .dh_line img{ opacity: 1; animation: dh_line_anime 0.6s 0s 1 forwards ease-out; transition: 0.3s; ;}
@keyframes dh_line_anime { 0% { opacity: 0;} 10% { opacity: 1;} 20% { opacity: 0;} 30% { opacity: 1;} 40% { opacity: 0;} 50% { opacity: 1;} 60% { opacity: 1;} 100% { opacity: 1;}}
/*dh_nav_txt_box*/
.dh_nav_txt_box{ margin-left: 15px; text-align: left; display: inline-block;}
.dh_nav_txt_box p{font-size: 19px; line-height: 1.2; font-weight: 300; text-align: left; display: inline-block;}
/*dh_nav_yline*/
.dh_nav_yline{ margin-top: 5px; width: 30px; height: 1px; background: #edc101; transition: 0.3s;}
a:hover .dh_nav_yline{ opacity: 1; width: 100%;}
/*--------dh_nav 個別指定-------*/
/*----01---*/
/*dh_nav_01*/
.dh_nav_01{ position: absolute; left: 74.5%; top: 0%; }
.dh_line01{ position: absolute; right: 26.5%; top: 9.7%; width: 22.1%; }
/*----02---*/
/*dh_nav_02*/
.dh_nav_02{ position: absolute; left: 74.5%; top: 22%; }
.dh_line02{ position: absolute; right: 26.5%; top: 32%; width: 10.85%; }
/*----03---*/
/*dh_nav_03*/
.dh_nav_03{ position: absolute; left: 74.5%; top: 44%; }
.dh_line03{ position: absolute; right: 26.5%; top: 53.35%; width: 23.5%; }
/*--- dh_btn ---*/
.dh_btn{ position: absolute; left: 74.5%; top: 75%; }
.dh_btn a{ font-size: 15px; line-height: 1; letter-spacing: 2px; font-weight: 300; display: inline-block; padding: 15px 55px; border: solid 1px rgba(255,255,255,0.4); background: rgba(255,255,255,0.08); transition: 0.3s; }
.dh_btn a:hover{ border: solid 1px #edc101; background: rgba(255,255,255,0.1); }
@media screen and (max-width: 1400px) {
.dh_nav{ width: 25.5%; height: 9.1vw;}
/*dh_icon*/
.dh_icon{ width: 4.2vw;}
/*dh_nav_txt_box*/
.dh_nav_txt_box{ margin-left: 1vw; }

.dh_nav_txt_box p{font-size: 1.4vw; line-height: 1.2; font-weight: 300; text-align: left; display: inline-block;}
/*dh_nav_yline*/
.dh_nav_yline{ margin-top: 0.3vw; width: 2.5vw; height: 1px; background: #edc101; transition: 0.3s;}
/*----- dh_btn -----*/
.dh_btn a{ font-size: 1.2vw; line-height: 1; letter-spacing: 0.1vw; font-weight: 300; display: inline-block; padding: 1.1vw 3.3vw; border: solid 1px rgba(255,255,255,0.4); background: rgba(255,255,255,0.1); transition: 0.3s; }
}/*END*/
/*選択off*/
.dh_line img{pointer-events: none; }
.dh_line img::selection { background:none;}
.dh_line img::-moz-selection { background: none; }/*Firefox*/

/*---------------------
	dh_nav [ SP ]
----------------------*/
@media screen and (max-width: 1000px) {
#dh{ margin: 80px auto 50px; width: 100%; max-width: 750px; height: auto; position: relative; z-index: 3;}
/*#dh a:hover{ color: #fff; text-decoration: none; }*/
.dh_sp_inner{ margin-top: 50px; position: relative; max-width: 750px; height: 900px;}
/*dh_img*/
.dh_img{ margin: 0 auto; width: 100%; max-height: initial; position: relative; z-index: 2;}
/*--------dh_nav 共通-------*/
.dh_nav{ width: 25.5%; height: auto; display: block; text-align: center; }
.dh_line{ display: none;}
/*--------dh_nav 個別指定-------*/
/*----01---*/
/*dh_nav_01*/
.dh_nav_01{ width: 33.3%; position: absolute; left: 2.7%; top: 62.7%;}
/*----02---*/
/*dh_nav_02*/
.dh_nav_02{ width: 33.3%; position: absolute; left: 64%; top: 62.7%; }
/*----03---*/
/*dh_nav_03*/
.dh_nav_03{ width: 28%; position: absolute; left: 36%; top: 76.9%; }
/*dh_icon*/
.dh_icon{ width: 80px; opacity: 0.6; margin: 0 auto; }
/*dh_nav_txt_box*/
.dh_nav_txt_box{ margin-left:0vw; }
.dh_nav_txt_box p{ margin-top: 15px; font-size: 18px; line-height: 1.2; font-weight: 300; text-align: center; display: inline-block;}
/*dh_nav_yline*/
.dh_nav_yline{ margin-top: 10px; width: 30%; height: 1px; position: relative; left: 50%; top: 0; margin-left: -15%; background: #edc101; transition: 0.3s;}
a:hover .dh_nav_yline{ opacity: 1; width: 30%; position: relative; left: 50%; top: 0; margin-left: -15%;}
.dh_nav_yline{ opacity: 1; animation: dh_nav_yline_anime_sp 1s 0s infinite forwards ease-out;transition: 0.3s;}
@keyframes dh_nav_yline_anime_sp { 0% { opacity: 1;} 10% { opacity: 1;} 100% {opacity: .5;}}
/*--- dh_btn ---*/
.dh_btn{ position: relative; left:initial; top:initial; }
.dh_btn a{ font-size: 15px; line-height: 1; letter-spacing: 2px; font-weight: 300; display: inline-block; text-align: center; padding: 15px 45px; border: solid 1px rgba(255,255,255,0.4); background: rgba(255,255,255,0.08); transition: 0.3s; }
/*.dh_btn a:hover{ border: solid 1px #fff; background: rgba(255,255,255,0.1); }*/
}/*END*/
@media screen and (max-width:750px) {
#dh{ margin: 12vw auto;}
.dh_sp_inner{ margin-top: 8vw; position: relative; max-width: 750px; height: 120vw;}
.dh_icon{ width: 10vw; opacity: 0.6; margin: 0 auto; }
.dh_nav_txt_box p{ margin-top: 1.5vw; font-size: 18px; }
}/*END*/
@media screen and (max-width:640px) {
.dh_sp_inner{ position: relative; max-width: 750px; height: 120vw;}
.dh_nav_txt_box p span{ display: block;}
.dh_btn{ margin-top: 2.5vw; }
.dh_btn a{ font-size: 13px; line-height: 1; letter-spacing: 2px; padding: 15px 40px; }
}/*END*/
@media screen and (max-width:460px) {
#dh{ margin: 14vw auto;}
.dh_nav_txt_box p{ margin-top: 1.5vw; font-size: 3.8vw; }
.dh_btn{ margin-top: 5vw; }
}/*END*/

/*-------------------------------------------------
	DESIGN area 深度表現
---------------------------------------------------*/
.js-rellax { transition: 1.5s cubic-bezier(.23,.61,.53,.98);}
.scale{ position: absolute; left: 15px; top: -200vh; z-index: 1; width: 30px; height: 1000vh; display: block; background: url(../image/scale.gif) repeat-y; opacity: 0.4; }
.scale_point{ position: fixed; z-index: 0; left: 43px; top: 50%; margin-top: -2.2px; width: 0;height: 0;border-style: solid; border-width: 4.5px 28px 4.5px 0;border-color: transparent #fff transparent transparent; opacity: 0.3; }
@media screen and (max-width: 1400px) {
.scale{ position: absolute; left: 10px; top: -200vh; width: 30px; height: 1000vh; display: block; background: url(../image/scale.gif) repeat-y; background-size: 18px;opacity: 0.4; }
.scale_point{ position: fixed; left: 30px; top: 50%; margin-top: -4px; width: 0;height: 0;border-style: solid; border-width: 4px 20px 4px 0; border-color: transparent #fff transparent transparent; opacity: 0.4; }
}/*END*/
@media screen and (max-width: 640px) {
.scale{ position: absolute; left: 7px; top: -300vh; width: 30px; height: 1000vh; display: block; background: url(../image/scale.gif) repeat-y; background-size: 15px; opacity: 0.4; }
.scale_point{ position: fixed; left: 20px; top: 50%; margin-top: -4px; width: 0;height: 0;border-style: solid; border-width: 4px 15px 4px 0; border-color: transparent #fff transparent transparent; opacity: 0.4; }
}/*END*/
/*anime*/
.scale_anime { animation: scale_anime 1.5s 0s infinite normal ease; }
@keyframes scale_anime {40% { opacity: 0.3;} 100% { opacity: 0.05;} }

/*-------------------------------------------------
	 de_contents base
---------------------------------------------------*/
.de_contents{ background: linear-gradient(to bottom, #0c1c2f 20%, #000 100%); }
.de_contents_inner{ padding: 0px 0; width: 85%; max-width: 1300px; margin: 0 auto;}
.de_title{ margin-left: 0px; display: inline-block; position: relative; }
.de_title .de_icon{ width: 83px; opacity: .4; position: absolute; left: -110px; }
.de_title .de_yline{ margin-top: 15px; width: 77px; height: 4px; background: #edc101; transition: 0.3s;}
#de01 .de_icon{ top:-10px; }
#de02 .de_icon { width: 100px; top:-0px; left: -130px;}
#de03 .de_icon{ top:-23px; }
@media screen and (max-width: 1350px) {
#de01 .de_icon{ left:-105px; }
}/*END*/
.de_title h3{ font-size: 33px; line-height: 1.2; text-align: left; font-family: 'Oswald', sans-serif; font-weight: 400; }
.de_contents_inner p{ margin-top: 40px; }
@media screen and (max-width: 1100px) {
.de_title h3{ font-size: 30px; }
.de_contents_inner p{ margin-top: 35px;}
}/*END*/

/*---------------------
	de01
----------------------*/
#de01{ padding: 100px 0 0 0;}
#de01 .inner{ margin: 0; padding: 0; display: flex; position: relative; }
#de01 .txt_box{ position: absolute; right: 0; top: 0; width: 46%; height: 90%; text-align: left; display: flex; align-items: center; justify-content: center; }
#de01 .txt_box_wrap{ width: 370px; }
#de01 .img_box{ width: 62%; position: relative;display: flex; align-items: center; justify-content: center; }
#de01 .img_box img{ width: 63%; }
@media screen and (max-width: 1400px) {
#de01 .txt_box p{ width: 350px; }
}/*END*/
@media screen and (max-width: 1350px) {
#de01 .img_box{ width: 55%; }
#de01 .img_box img{ width: 73%; }
}/*END*/
@media screen and (max-width: 1160px) {
#de01 .txt_box{ position: absolute; right: 0; top: 0; width: 40%; height: 90%; }
}/*END*/
@media screen and (max-width: 1100px) {
#de01 .txt_box p{ width: 320px; }
}/*END*/

/*---------------------
	de02
----------------------*/
#de02{ padding: 100px 0 0 0;}
#de02 .inner{ margin: 0 ; padding: 0; width: 100%; display: flex; align-items: center; flex-direction : row-reverse; position: relative; }
#de02 .txt_box{ position: absolute; left: 0; top: 0; width: 58.4%; height: 100%; text-align: left; display: flex; align-items: center; justify-content: center; }
#de02 .txt_box_wrap{ width: 360px; }
#de02 .txt_box p{ width: 390px;}
#de02 .img_box{ width: 56.6%; height: 400px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction : row-reverse; }
#de02 .img_box img{ width: 736px; margin-right: -74px; }
@media screen and (max-width: 1400px) {
#de02 .txt_box{ width: 64%; }
#de02 .txt_box p{ width: 360px; }
}/*END*/
@media screen and (max-width: 1100px) {
#de02 .txt_box{ width: 69%; }
#de02 .txt_box p{ width: 340px; }
#de02 .img_box img{ width: 800px; margin-right: -120px; }
}/*END*/

/*---------------------
	de03
----------------------*/
#de03{ padding: 80px 0 140px 0;}
#de03 .inner{ margin: 0; padding: 0; display: flex; position: relative; }
#de03 .txt_box{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; text-align: left; display: flex; align-items: center; justify-content: center; }
#de03 .txt_box_wrap{ width: 340px; }
#de03 .img_box{ width: 59.1%; position: relative; }
#de03 .img_box img{ width: 769px; position: relative; left: -23px; }
@media screen and (max-width: 1400px) {
#de03 .txt_box{ width: 45%;}
#de03 .txt_box p{ width: 320px; }
}/*END*/
@media screen and (max-width: 1350px) {
#de03 .img_box img{ width: 769px; position: relative; left: -53px; }
}/*END*/
@media screen and (max-width: 1100px) {
#de03 .txt_box{ width: 45%; }
#de03 .txt_box p{ width: 300px; }
}/*END*/

/*---------------------
	1000px 以下
----------------------*/
@media screen and (max-width: 1000px) {
/*de_title*/
.de_title{ margin-left: 0px; width: 115%; display: flex; position: relative; display: flex; align-items: center; justify-content: center; }
#de03 .de_title{ margin-left: 0px; display: flex; position: relative; display: flex; align-items: center; justify-content: flex-start; }
.de_title .de_icon{ width: 83px; opacity: .4; position: relative; left: 0px; }
.de_title .de_yline{ margin-top: 15px; width: 77px; height: 4px; background: #edc101; transition: 0.3s;}
.de_title_txt{ margin-left: 20px;}
#de01 .de_icon{ top:0px; left:0px; }
#de02 .de_icon{ top:0px; width: 100px; left: 0px; }
#de03 .de_icon{ top:0px; }
/*.de_title*/
#de01 .de_title { left: -8vw; }
#de02 .de_title { left: -8vw; }
#de03 .de_title { left: 5vw; }
.de_title h3{ font-size: 38px; }
#de01{ padding: 100px 0 0 0;}
#de02{ padding: 12vw 0 0 0;}
#de03{ padding: 10vw 0 140px 0;}
/*.inner*/
#de01 .inner,
#de02 .inner,
#de03 .inner{ display: block !important;}
/*.txt_box*/
#de01 .txt_box,
#de02 .txt_box,
#de03 .txt_box{ position: relative; right: 0; top: 0; width: 90%; margin: 0 auto; height: auto; text-align: left; display: flex; align-items: center; justify-content: center; }
/*.txt_box_wrap*/
#de01 .txt_box_wrap,
#de02 .txt_box_wrap,
#de03 .txt_box_wrap{ width: auto !important; }
/*.img_box*/
#de01 .img_box,
#de02 .img_box,
#de03 .img_box{ width: 100%; margin: 0 auto; height: auto; }
/*.txt_box p*/
#de01 .txt_box p{ width: 90%; max-width: 520px; margin: 30px auto 0; }
#de02 .txt_box p{ width: 90%; max-width: 520px; margin: 50px auto 0; }
#de03 .txt_box p{ width: 90%; max-width: 520px; margin: 30px auto 0; }
/*.img_box img*/
#de01 .img_box img{ width: 80%; max-width: 500px; }
#de02 .img_box img{ width: 100%; max-width: 750px; margin:10vw 0 3vw;}
#de03 .img_box img{ margin-top: -15vw; margin-bottom: -5vw; width: 100%; transform: rotate(-10deg); transform-origin:right bottom;position: relative; left: -2vw; }
}/*END*/
@media screen and (max-width: 800px) {
#de02 .de_title h3{ font-size: 4.7vw; }
}/*END*/
@media screen and (max-width: 750px) {
#de01 .de_title h3{ font-size: 5vw; }
}/*END*/
@media screen and (max-width: 680px) {
#de03 .de_title h3{ font-size: 5.8vw; }
}/*END*/
@media screen and (max-width: 640px) {
.de_contents_inner p{ margin-top: 35px;}
.de_title .de_icon{ width: 83px; opacity: .4; position: relative; left: 0px; }
.de_title .de_yline{ margin-top: 2vw; width: 40%; height: 3px; background: #edc101; transition: 0.3s;}
.de_title_txt{ margin-left: 20px;}
#de01 .de_icon{ top:0px; left:0px; }
#de02 .de_icon{ top:0px; width: 100px; left: 0px; }
}/*END*/
@media screen and (max-width: 640px) {

#de02 .img_box{ width: 120%; margin: 0 0 3vw -8vw; height: auto; }
#de03 .img_box{ width: 130%; margin: 0 0 0 -20vw; height: auto; }
#de03 .img_box img{ margin-top: -18vw; margin-bottom: -3vw; width: 100%; transform: rotate(-15deg); transform-origin:right bottom;position: relative; left: -2vw; }
#de01{ padding: 17vw 0 0 0;}
#de02{ padding: 25vw 0 0 0;}
#de03{ padding: 10vw 0 30vw 0;}
}/*END*/
@media screen and (max-width: 600px) {
.de_title_txt{ margin-left: 2.9vw;}
#de01 .de_icon{ width: 14vw; }
#de02 .de_icon{ width: 14vw; }
#de03 .de_icon{ width: 14vw; }
#de01 .de_title h3{ font-size: 5.8vw; }
#de02 .de_title h3{ font-size: 5.5vw; }
#de03 .de_title h3{ font-size: 6.6vw; }
#de01 .txt_box p{ width: 90%; max-width: 520px; margin: 20px auto 0; position: relative; right: -3vw; }
#de02 .txt_box p{ width: 90%; max-width: 520px; margin: 40px auto 0; position: relative; right: -3vw; }
#de03 .txt_box p{ width: 90%; max-width: 520px; margin: 20px auto 0; position: relative; right: -3vw; }
}/*END*/
@media screen and (max-width: 400px) {
#de01 .txt_box p{ width: 100%; max-width: 520px; margin: 15px auto 0; }
#de02 .txt_box p{ width: 100%; max-width: 520px; margin: 25px auto 0; }
#de03 .txt_box p{ width: 100%; max-width: 520px; margin: 15px auto 0; }
}/*END*/

/*-------------------------------------------------
	vj_para
---------------------------------------------------*/
#vj_para{ width: 100%; height: 33vw; position: relative; z-index: 100 !important; top: 0; left: 0;}
#vj_para .parallax-window { z-index: 10; height: 100%; background: transparent; }
@media screen and (max-width: 1024px) {
#vj_para{width: 100%; height: auto; }
}/*END*/

.vj_para_x1{ display: block;}
.vj_para_sp{ display: none;}
@media screen and (max-width: 1000px) {
.vj_para_x1{ display: none;}
.vj_para_sp{ display: block; width: 100% !important; }
#vj_para{ width: 100%; height: auto; position: relative; z-index: 10; top: 0; left: 0;}
.vj_para_sp img{ width: 100% !important; display: block; }
}/*END*/

/*-------------------------------------------------
	OTHER FEATURES
---------------------------------------------------*/
#other{ background: #000c16; position: relative; z-index: 10; padding: 0px 0 150px; }
@media (max-width: 750px) {
#other{ background: #000c16; position: relative; z-index: 10; padding: 0px 0 17vw; }
}/*END*/
@media (max-width: 600px) {
#other{ background: #000c16; position: relative; z-index: 10; padding: 0px 0 20vw; }
}/*END*/
@media (max-width: 450px) {
#other{ background: #000c16; position: relative; z-index: 10; padding: 0px 0 22vw; }
}/*END*/
@media (max-width: 400px) {
#other{ background: #000c16; position: relative; z-index: 10; padding: 0px 0 25vw; }
}/*END*/
.other_head{ text-align: center; padding: 95px 0 40px;}
@media (max-width: 600px) {
.other_head{ text-align: center; padding: 16vw 0 11vw;}
}/*END*/
@media (max-width: 400px) {
.other_head{ text-align: center; padding: 16vw 0 10vw;}
}/*END*/
#other h2{ font-size: 26px; line-height: 1; letter-spacing: 5px; color: #edc101; font-family: 'Oswald', sans-serif; font-weight: 300;}
@media (max-width: 575px) {
#other h2{ font-size: 6vw; line-height: 1; letter-spacing: 4px; color: #edc101; font-family: 'Oswald', sans-serif; font-weight: 300;}
}/*END*/
.t_link{ margin-top: 20px; }
.t_link ul { display: flex; align-items: center; justify-content: center;}
.t_link ul li{ padding: 20px 20px; position: relative; }
.t_link ul li span{ font-size: 14px; line-height: 1; letter-spacing: 1.2px; font-weight: 300; font-family: 'Oswald', sans-serif; }
.t_link ul li::after{ content: '/'; position: absolute; top: 50%; right: -5px; margin-top: -7px; font-size: 14px; line-height: 1; color: #999; }
.t_link ul li:last-child::after{ content:none;}
@media (max-width: 475px) {
.t_link ul li span{ margin-top: 20px; font-size: 3.2vw; letter-spacing: 0.2vw; }
}/*END*/
.t_link_no{ color:#666;}
.t_link_txt{color:#fff; }
.t_link_slash{ display: inline-block; text-align: center; width: 30px; }
@media (max-width: 475px) {
.t_link_slash{ display: inline-block; text-align: center; width: 6vw; }
}/*END*/
@media (max-width: 440px) {
.t_link ul li{ padding: 2vw 3vw; position: relative; }
.t_link ul li span{ font-size: 3.2vw; line-height: 1;letter-spacing: 0.2vw; font-weight: 300; font-family: 'Oswald', sans-serif; }
.t_link ul li::after{ content: '/'; position: absolute;top: 50%; right: -1vw; margin-top: -1.51vw; font-size: 3.2vw; line-height: 1;}
.t_link ul li:last-child::after{ content:none;}
}/*END*/
/*t_link*/
.t_link ul li:hover .t_link_no{ color: #edc101;}
.t_link ul li:hover .t_link_txt{ color: #ccc;}
.t_link ul li:hover{cursor: pointer;}

/*----------------------
	Slider中身
-----------------------*/
/*sl*/
.sl{display: flex; justify-content: center; align-items: center;}
.sl .sl_li { display: flex; justify-content: center; align-items: center; align-self:center; margin: 0; outline: none;}
.sl .sl_li .sl_inner{ height: 35vw; max-height: 550px; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.sl .sl_li .of_img{ display: flex;align-items: flex-start; }
.sl .sl_li .of_img img{ display: inline-block; height: auto; flex-shrink: 0;}
 @media (max-width: 1000px){
.sl .sl_li .sl_inner{ height: initial !important; max-height: initial !important; width: 70%; max-width: 1200px; margin: 0 auto; display: block; }
.sl .sl_li .of_img{ display: inline-block; text-align: center;}
 }/*END*/
.sl_pc{ display: block !important;}
.sl_sp{ display: none !important;}
 @media (max-width: 1000px){
.sl_pc{ display: none !important;}
.sl_sp{ display: block !important;}
 }/*END*/
/*-----of_01-----*/
.of_01 .of_img{ width: 60%; }
.of_01 .of_txt{ width: 27%; margin-left: 8%; }
 @media (max-width: 1400px){
.of_01 .of_txt{ width: 27%; margin-left: 6%; }
 }/*END*/
 @media (max-width: 1250px){
.of_01 .of_txt{ width: 28%; margin-left: 6%; }
 }/*END*/
/*-----of_02-----*/
.of_02 .of_img{ width: 28%; }
.of_02 .of_txt{ width: 31%; margin-left: 8%;}
 @media (max-width: 1500px){
.of_02 .of_txt{ width: 380px; margin-left: 8%;}
 }/*END*/
 @media (max-width: 1400px){
.of_02 .of_txt{ width: 350px; margin-left: 8%;}
 }/*END*/
 @media (max-width: 1100px){
.of_02 .of_txt{ width: 330px; margin-left: 7%;}
 }/*END*/
/*-----of_03-----*/
.of_03 .of_img{ width: 33%; }
.of_03 .of_txt{ width: 31%; margin-left: 13%; }
 @media (max-width: 1500px){
.of_03 .of_txt{ width: 380px; margin-left: 8%;}
 }/*END*/
 @media (max-width: 1400px){
.of_03 .of_txt{ width: 350px; margin-left: 8%;}
 }/*END*/
 @media (max-width: 1100px){
.of_03 .of_txt{ width: 330px; margin-left: 7%;}
 }/*END*/
 @media (max-width: 1000px){
.of_img{ width: 100% !important; margin-top: 0vw; }
.of_txt{ margin-top: 0vw !important; text-align: left;}
/*-----of_01-----*/
.of_01 .of_img img{ width: 90%; margin: 4vw auto; }
.of_01 .of_txt{ width: 100%; max-width: 460px; margin: 0 auto; }
/*-----of_02-----*/
.of_02 .of_img img{ width: 64.7%; margin: 0vw auto; }
.of_02 .of_txt{ width: 100%; max-width: 540px; margin: 0 auto;}
/*-----of_03-----*/
.of_03 .of_img img{ width: 63.2%; margin: 6.5vw auto; }
.of_03 .of_txt{ width: 100%; max-width: 520px; margin: 0 auto; }
}/*END*/
 @media (max-width: 600px){
.of_img{ width: 100% !important; margin-top: 0vw; }
.of_txt{ margin-top: 0vw !important; text-align: left;}
/*-----of_01-----*/
.of_01 .of_img img{ width: 100%; margin: 0 auto 4vw; }
.of_01 .of_txt{ width: 100%; max-width: 500px; margin: 0 auto; }
/*-----of_02-----*/
.of_02 .of_img img{ width: 67%; margin: 0vw auto; }
.of_02 .of_txt{ width: 100%; max-width: 500px; margin: 0 auto;}
/*-----of_03-----*/
.of_03 .of_img img{ width: 75%; margin: 0 auto 5.8vw; }
.of_03 .of_txt{ width: 100%; max-width: 520px; margin: 0 auto; }
 }/*END*/
 @media (max-width: 1000px){
.of_title{ margin-left: -40px; display: flex; align-items: center; justify-content: center;}
.of_01 .of_no{ margin: 20px 10px 0 0;}
.of_02 .of_no,
.of_03 .of_no{ margin: 20px 20px 0 0;}
 }/*END*/
.of_no img{ width: 81px;}
 @media (max-width: 1400px){
.of_no img{ width: 75px;}
 }/*END*/
 @media (max-width: 1000px){
.of_no img{ width: 65px;}
 }/*END*/
 @media (max-width: 440px){
.of_01 .of_no{ margin: 5vw 2vw 0 0;}
.of_02 .of_no,
.of_03 .of_no{ margin: 5vw 4vw 0 0;}
.of_no img{ width: 13vw;}
 }/*END*/
.of_txt .of_h3 {margin-top: 15px; font-size: 30px; line-height: 1.2; font-family: 'Oswald', sans-serif; font-weight: 400;}
.of_txt .of_h3 span{ display: block; margin-top: 15px; width: 60px; height: 3px; background: #edc101; transition: 0.3s; position: relative; z-index: 500;}
 @media (max-width: 440px){
.of_txt .of_h3 {margin-top: 4vw; font-size: 7vw; line-height: 1.2; font-family: 'Oswald', sans-serif; font-weight: 400;}
.of_txt .of_h3 span{ display: block; margin-top: 2vw; width: 50px; height: 2px; background: #edc101; transition: 0.3s; position: relative; z-index: 500;}
 }/*END*/
.of_txt p{ margin-top: 25px;}
.txt_s{ margin-top: 15px !important; font-size: 14px; }
 @media (max-width: 700px){
.of_02 br,
.of_03 br{ display: none;}
.of_02 .of_txt p,
.of_03 .of_txt p{ text-align: left;}
 }/*END*/

 /* Slider [ < > ] [ dots ]
 ----------------------------------------------------*/
/* < > btn */
.sl .slick-prev,
.sl .slick-next { position: absolute; z-index: 999; top:50%; width: 50px; height: 50px; background-color:rgba(255,255,255,0.15) !important; border-radius: 50%; margin-top: -15px; transition: 0.2s; outline: none; cursor: pointer;}
.sl .slick-prev:hover,
.sl .slick-next:hover {background-color:rgba(255,255,255,0.4) !important;}
.sl .slick-prev { left: 7%; background: url("../image/sl_prev.png") no-repeat center center ; background-size: 40%;}
.sl .slick-next { right: 7%; background: url("../image/sl_next.png") no-repeat center center ; background-size: 40%;}
@media (max-width: 1500px){
.sl .slick-prev { left: 5%; }
.sl .slick-next { right: 5%; }
}/*END*/
@media (max-width: 1350px){
.sl .slick-prev { left: 5%; }
.sl .slick-next { right: 5%; }
}/*END*/
@media (max-width: 960px){
.sl .slick-prev { left: 5%; }
.sl .slick-next { right: 5%; }
}/*END*/
@media (max-width: 640px){
.sl .slick-prev,
.sl .slick-next { position: absolute; z-index: 99; top:50%; width: 34px; height: 34px; margin-top: -17px;}
.sl .slick-prev { left: 3%; }
.sl .slick-next { right: 3%; }
}/*END*/
/*---dots---*/
.sl ul.slick-dots{position: absolute; bottom: -72px; left: 0%; z-index: 500; width:100%; margin:0 auto !important; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center;z-index:1; }
.sl ul.slick-dots li{ position: relative; width: 40px!important; height: 40px!important; margin: 0 2px;}
.sl ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
.sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%;content: ''; margin: -6px 0 0 -6px; opacity: 1; width: 10px; height: 10px; border-radius: 50%; border: solid 2px #000c16; background: #5c646a; transition: 0.3s;}/* off */
.sl ul.slick-dots li button:hover:before{ background: #edc101; border: solid 2px #000c16; cursor: pointer;}/* hover */
.sl ul.slick-dots li.slick-active button:before{ background: #000c16; border: solid 2px #edc101; cursor: pointer;}/* active */
@media (max-width: 750px){
.sl ul.slick-dots{position: absolute; bottom: -60px; left: 0%; z-index: 500; width:100%; margin:0 auto !important; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center;z-index:1; }
.sl ul.slick-dots li{ position: relative; width: 30px!important; height: 30px!important; margin: 0 2px;}
.sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%;content: ''; margin: -5px 0 0 -5px; opacity: 1; width: 8px; height: 8px; border-radius: 50%; border: solid 2px #000c16; background: #5c646a; transition: 0.3s;}/* off */
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
#spec{ background: #ccc; color: #000; padding-bottom: 55px; position: relative; z-index: 10;}

.spec_head{ padding: 90px 0 ; width:90%; margin: 0 auto; text-align: center; position: relative; z-index: 10;font-family: 'Oswald', sans-serif; font-weight: 400; }
.spec_head h2 small{ margin-bottom: 3px; font-size:30px; line-height: 1.2; display: block; }
.spec_head h2{ font-size:35px; line-height: 1.1; font-weight: 700;}
.spec_head h2 br{ display: none;}
 @media (max-width: 1200px){
.spec_head{ padding: 80px 0 }
.spec_head h2 small{margin-bottom: .2vw; font-size:28px; line-height: 1.2; }
.spec_head h2{ font-size:32px; line-height: 1.1; }
}/*END*/
 @media (max-width: 820px){
.spec_head h2 br{ display: block;}
}/*END*/
 @media (max-width: 550px){
.spec_head{ padding: 14vw 0; }
.spec_head h2 small{margin-bottom: .5vw; font-size:4.5vw; line-height: 1.2; }
.spec_head h2{ font-size:5.8vw; line-height: 1.1; }
}/*END*/

/*-------------------------------------------------
	spec_box
--------------------------------------------------*/
.collections_img_pc{ display: inline-block;}
.collections_img_sp{ display: none;}
@media screen and (max-width: 1400px) {
.collections_img_pc{ display: none;}
.collections_img_sp{ display: inline-block;}
}/*end*/
.collections_inner{ display: flex; justify-content: center; width: 650px; margin: 0 auto; }
 @media (max-width: 1000px){
.collections_inner{ width: 600px; }
 }/*END*/
 @media (max-width: 750px){
.collections_inner{ display: block; width: 90%; margin: 0 auto; }
 }/*END*/
/*img_box*/
.collections_inner .img_box{ width: 50%; text-align: center; }
.collections_inner .img_box img{ position: relative; left: 0px; }
 @media (max-width: 750px){
.collections_inner .img_box{ width: 100%; }
.collections_inner .img_box img{ max-width: 280px; width: 90%; }
 }/*END*/
/*txt_box*/
.collections_inner .txt_box{ margin-top: 90px; width: 50%; text-align: center; position: relative; z-index: 3; }
 @media (max-width: 1400px){
.collections_inner .txt_box{ margin-top: 90px; }
}/*END*/
 @media (max-width: 750px){
.collections_inner .txt_box{ margin-top: -50px; width: 100%; padding-bottom: 30px; text-align: center; } 
 }/*END*/
 @media (max-width: 550px){
.collections_inner .txt_box{ margin-top: -9vw; width: 100%; text-align: center; } 
 }/*END*/
/*---------img---------*/
.collections_img { width: 100%; max-width: 305px; margin: 0 auto; position: relative; z-index: 0; }
 @media (max-width: 1400px){
.collections_img { width: 95%; }
 }/*END*/
 @media (max-width: 1200px){
.collections_img { width: 95%; }
 }/*END*/
 @media (max-width: 400px){
.collections_img { width: 70%; }
 }/*END*/
/*---------txt---------*/
.collections_name { margin-top: 20px; font-size: 16px; line-height: 1.5; }
/*collections_no*/
.collections_no { margin-top: 20px; font-size: 21px; line-height: 1; letter-spacing: 1px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
/*collections_movement*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
/*collections_price*/
.collections_price { margin-top: 15px; font-size: 18px; line-height: 1.1; letter-spacing: 0px; }
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
/*collections_limited*/
.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*/
.collections_release{ margin-top: 17px; font-size: 14px; line-height: 1.4; letter-spacing: 0px; font-weight: 400;}
/*collections_txt*/
.collections_txt{ margin-top: 25px; font-size: 14px; line-height: 1.6; letter-spacing: 0px; font-weight: 400;}
/*collections_btn*/
.collections_btn { max-width: 160px; margin: 26px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; background: #000; color: #fff; border-radius: 0px; }
.collections_btn a:hover { opacity: 0.6; cursor: pointer;}
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 150px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_btn { max-width: 150px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
}/*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; position: relative; z-index: 10; }
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*/