@charset "utf-8";
/*
font-family: 'Montserrat', sans-serif;
Regular 400
Medium 500

font-family: 'Oswald', sans-serif;
Regular 400

/*--------------------------------------------------------
	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; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a{outline: none;}
/*txt img active*/
::selection ,
::-moz-selection { background:#666; }
img::selection,
img::-moz-selection { background:none; }
/*cookie*/
#onetrust-banner-sdk{ outline: none; }

/*-------------------------------------------------
	fade
--------------------------------------------------*/
.wrap_f{ width: 100%; height: 100%; position: relative;}
.wrap_f::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; user-select: none; z-index: 300; opacity: 1; transition:2s; }
.wrap_f.fade::after { opacity: 0; pointer-events: none; user-select: none; }

/*anime set
------------------------*/
.main_img img, #main h1 .h1_1, #main h1 .h1_2, #concept h2, #concept p, .concept_bg, nav h2,  nav li:nth-child(1),  nav li:nth-child(2),  nav li:nth-child(3),  nav li:nth-child(1) h3,  nav li:nth-child(2) h3,  nav li:nth-child(3) h3,  .co_h2 ,  .co_h2 .bar, .design .img_box, .design .ol_box, .dial .img_box, .dial h3, .dial p, .dial .img_box, .movie, .movie .txt_box, .spec h2, .collections_img, .collections_inner .txt_box h3, .collections_inner .txt_box p, #sto .inner, #sto h2, #sto p, #sto .sto_movie, #sto .btn { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 9999; }
header div{ margin: 0; line-height: 1; font-size: 1px; display: block; }
header div img{ width: 100%; vertical-align: top;}
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; text-align: right;}
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 screen and (max-width: 1024px) 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
--------------------------------------------------*/
.pc_x15{display:block;}
.pc_x1{display:none;}
.tab{display:none;}
.sp_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.pc_x15{display:none;}
.pc_x1{display:block;}
.tab{display:none;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.tab{display:block;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.tab{display:none;}
.sp_x1{display:block;}
}/*END*/
#main { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; outline:none; }
/*main_img*/
#main .main_img { width: 100%; position: relative; z-index: 1; }
#main .main_img img{ width: 100%; }

/*h1
----------------------*/
#main h1{ width: 100%; position: absolute; left:0%; top: 38vw; z-index: 200; text-align: center; font-family: 'Oswald', sans-serif;}
#main h1 span{ display: block; }
#main h1 .h1_1{ margin-top: 0vw; font-size: 2.85vw; line-height: 1; letter-spacing: .04vw;}
#main h1 .h1_2{ margin-top: 0.7vw; font-size: 1.84vw; line-height: 1.3; letter-spacing: .04vw; }
/* 縦 1024px
-----------------------*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main h1{ position: absolute; left:0%; top: 78.0vw; }
#main h1 .h1_1{ margin-top: 0vw; font-size: 5.3vw; }
#main h1 .h1_2{ margin-top: 1vw; font-size: 3.42vw; }
}/*END*/
/* 縦 640px
-----------------------*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main h1{ position: absolute; left:0%; top: 110vw; }
#main h1 .h1_1{ margin-top: 0vw; font-size: 6.9vw; }
#main h1 .h1_2{ margin-top: 1.4vw; font-size: 4.2vw; }
}/*END*/

/*-------------------------------------------------
	txt
--------------------------------------------------*/
/*letter-spacing
------------------------------*/
.ls_1{letter-spacing: 1px;}
@media (max-width: 1400px) {
.ls_1{letter-spacing: .5px;}
}/*END*/
@media (max-width: 1024px) {
.ls_1{letter-spacing: 1px;}
}/*END*/
@media (max-width: 640px) {
.ls_1{letter-spacing: 0px;}
}/*END*/

/*line-height
------------------------------*/
/*--- lh_22 ---*/
.lh_22{line-height: 2.2;}
@media (max-width: 1400px) {
.lh_22{line-height: 2.2;}
}/*END*/
@media (max-width: 1024px) {
.lh_22{line-height: 2.2;}
}/*END*/
@media (max-width: 640px) {
.lh_22{line-height: 2;}
}/*END*/

/*--- lh_3 ---*/
.lh_3{line-height: 2.2;}
@media (max-width: 1400px) {
.lh_3{line-height: 2.2;}
}/*END*/
@media (max-width: 1024px) {
.lh_3{line-height: 2.2;}
}/*END*/
@media (max-width: 640px) {
.lh_3{line-height: 2;}
}/*END*/

/*--- lh_2 ---*/
.lh_2{line-height: 1.9;}
@media (max-width: 1400px) {
.lh_2{line-height: 1.8;}
}/*END*/
@media (max-width: 640px) {
.lh_2{line-height: 1.8;}
}/*END*/
/*--- lh_1 ---*/
.lh_1{line-height: 1.6;}
@media (max-width: 1400px) {
.lh_1{line-height: 1.6;}
}/*END*/
@media (max-width: 640px) {
.lh_1{line-height: 1.6;}
}/*END*/

/*txt size
------------------------------*/
/*--- txt ---*/
.txt{ font-size: 16px; }
@media (max-width: 1400px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
.txt{ font-size: 1.255vw; }
}/*END*/
@media (max-width: 1024px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 420px) {
.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
.txt{ font-size: 13.5px; }
}/*END*/
@media (max-width: 360px) {
.txt{ font-size: 12.5px; }
}/*END*/
/*--- txt2 ---*/
.txt2{ font-size: 15px; }
@media (max-width: 1400px) {
.txt2{ font-size: 14px; }
}/*END*/
@media (max-width: 1200px) {
.txt2{ font-size: 1.155vw; }
}/*END*/
@media (max-width: 1024px) {
.txt2{ font-size: 14px; }
}/*END*/
@media (max-width: 640px) {
.txt2{ font-size: 14px; }
}/*END*/
@media (max-width: 420px) {
.txt2{ font-size: 13px; }
}/*END*/
@media (max-width: 400px) {
.txt2{ font-size: 12.5px; }
}/*END*/
@media (max-width: 360px) {
.txt2{ font-size: 11.5px; }
}/*END*/
/*span*/
.txt span,
.txt_s span{ display: inline-block; }
/*---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: 1.12vw!important; line-height: 1.6; }
}/*END*/
@media (max-width: 950px) {
.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: 0 0 110px; width: 100%; overflow: hidden; position: relative; background: #fff;}
.concept_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../image/concept_bg.jpg") center center #fff; background-size: cover !important; z-index: 1; }
#concept .inner{ margin: 0 auto; width: 90%; max-width:910px; position: relative; z-index: 2;}
#concept h2 { padding: 95px 0 80px; font-size: 33px; letter-spacing: 7px; line-height: 1; font-family: 'Oswald', sans-serif; text-align: center; color: #232f46;}
#concept p{ color: #232f46; text-align: left;}
.concept_br{ display: inline-block;}
@media (max-width: 1600px) {
#concept { padding:0 0 100px; }
#concept .inner{ width: 90%; max-width:910px;}
#concept h2 { padding: 85px 0 75px;}
}/*END*/
@media (max-width: 1400px) {
#concept { padding:0 0 90px; }
#concept h2 { padding: 75px 0 65px;}
#concept .inner { max-width:820px;}
}/*END*/
@media (max-width: 1200px) {
#concept h2 { padding: 6.7vw 0 5.6vw; font-size: 30px; letter-spacing: 6px; }
#concept .inner { width: 69%; max-width:900px; }
}/*END*/
@media (max-width: 1024px) {
#concept h2 { padding: 75px 0 65px;}
#concept .inner{ width: 80%; max-width:700px; text-align: left;}
#concept p{ text-align: left;}
.concept_br{ display: none;}
}/*END*/
@media (max-width: 870px) {
#concept .inner{ width: 80%; max-width:600px; }
}/*END*/
@media (max-width: 750px) {
#concept { padding: 0 0 14vw 0;  }
.concept_bg { background: url("../image/concept_bg_sp.jpg") center center #fff; background-size: cover !important;  z-index: 1;}

}/*END*/
@media (max-width: 640px) {
#concept {padding: 0 0 15vw 0;}
}/*END*/
@media (max-width: 480px) {
#concept h2 { padding: 16vw 0 8vw; font-size: 6.15vw; letter-spacing: 1.3vw; }
}/*END*/
@media (max-width: 400px) {
#concept {padding: 0 0 16vw 0;}
#concept .inner{ width: 85%;  }
}/*END*/
@media (max-width: 360px) {
#concept .inner{ width: 82%;  }
}/*END*/
@media (max-width: 350px) {
#concept .inner{ width: 82%;  }
}/*END*/

/*-------------------------------------------------
	nav
--------------------------------------------------*/
nav{ background: #081526; overflow: hidden; }
nav h2{ padding: 5vw 0 0; font-size: 33px; line-height: 1.4;  text-align: center;  font-family: 'Oswald', sans-serif; letter-spacing: .02vw;}
@media (max-width: 1600px) {
nav h2{ padding: 75px 0 0;  }
}/*END*/
@media (max-width: 1024px) {
nav h2{ font-size: 3.2vw;  }
}/*END*/


@media (max-width: 700px) {
nav h2{ padding: 10vw 0 0; font-size: 3.7vw;}
}/*END*/
@media (max-width: 500px) {
nav h2{ padding: 12vw 0 0; font-size: 4.2vw; }
}/*END*/
/*---- ul li ----*/
nav ul {display: flex;  }
nav ul li{ width: 100%; text-align: center; }
/*---- a ----*/
nav ul li a{ position: relative; width: 100%; height: 100%; display: block; text-decoration: none; }
nav ul li a img{ margin: 0 auto; padding:4.5vw 0 0 0; width: 33.8%; min-width: 180px; position: relative; z-index: 2; }
nav ul li a h3 { margin-top: 1vw; font-size: 45px; letter-spacing: 2px; line-height: 1; color: #fff; font-family: 'Oswald', sans-serif; position: relative; z-index: 2; opacity: 0.35; transition: 0.5s;}
nav ul li a:hover h3 { opacity: 1; }
@media (max-width: 1600px) {
nav ul li a img{  padding:60px 0 0 0; }
nav ul li a h3 { margin-top: 15px; font-size: 40px; letter-spacing: .15vw;}
}/*END*/
@media (max-width: 850px) {
nav ul li a img{ padding:8vw 0 0 0; width: 64%; min-width: initial; }
nav ul li a h3 { margin-top: 2vw; font-size: 4.5vw; letter-spacing: .5px; }
}/*END*/
@media (max-width: 750px) {
nav ul li a img{ padding:9vw 0 0 0; width: 64%; }
nav ul li a h3 { margin-top: 3vw; font-size: 4.5vw; }
}/*END*/
@media (max-width: 500px) {
nav ul li a img{ padding:10vw 0 0 0; width: 70%; }
nav ul li a h3 { margin-top: 4vw; font-size: 5.5vw; }
}/*END*/
/*---- after - bg gradient ----*/
nav ul li a::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; z-index: 1; opacity: .7; transition: 1.5s;}
nav ul li a:hover::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; z-index: 1; opacity: 1;}
nav ul li:nth-child(1) a::after{ background: linear-gradient(to top, rgba(20,59,108,0.6) 20%, rgba(20,59,108,0) 100%); }
nav ul li:nth-child(2) a::after{ background: linear-gradient(to top, rgba(37,83,116,0.6) 20%, rgba(37,83,116,0) 100%); }
nav ul li:nth-child(3) a::after{ background: linear-gradient(to top, rgba(90,97,106,0.6) 20%, rgba(90,97,106,0) 100%); }
/*---- hover ----*/
nav a img{ transition: 1s;}
nav a:hover img{ transform: scale(1.06); }
@media (max-width: 1024px) {
nav a:hover img{ transform: scale(1); }
}/*END*/
/*---nav_scroll----*/
nav .nav_scroll{ margin-top: 2vw; width: 2px; height: 3vw; position: relative; left: 50%; bottom: 0px; overflow: hidden; z-index: 10; opacity: 0.6;}
@media (max-width: 1600px) {
nav .nav_scroll{ margin-top: 30px; width: 2px; height: 40px;}
}/*END*/
@media (max-width: 500px) {
nav .nav_scroll{ margin-top: 30px; width: 1px; height: 40px;}
}/*END*/
nav .nav_scroll .in{ position: absolute; left: 0px; width: 100%; height: 100%; transition: 0.5s;}
nav .in{ background: #fff;}
nav .nav_scroll .in.in1{ top: 0%;} 
nav .nav_scroll .in.in2{ top: -200%;}
nav a:hover .nav_scroll .in.in1 { top: 200%;}
nav a:hover .nav_scroll .in.in2{ top: 0%;}
/*---- img [ on / off ] ----*/
nav .x15{ display: block;}
nav .x1{ display: none;}
@media (max-width:640px){
nav .x15{ display: none;}
nav .x1{ display: block;}
}/*END*/

/*-------------------------------------------------
	co [base]
--------------------------------------------------*/
.co{ position: relative; overflow: hidden;}
/*---- h2 ----*/
.co h2.co_h2 { padding: 100px 0 0; text-align: center;font-family: 'Oswald', sans-serif; }
.co h2.co_h2 .h2_year { margin-top: 0; font-size: 64px; letter-spacing: 1px; line-height: 1; color: #fff; display: block; opacity: 0.5; }
.co h2.co_h2 .h2_title { margin-top: 18px; font-size: 30px; letter-spacing: .5px; line-height: 1.4; font-weight: 500; display: block; text-align: center;}
/*-- bar --*/
.co h2.co_h2 .bar{ max-width: 90px; width: 15%; height: 6px; margin: 38px auto 0px; display: block; }
.co01 h2.co_h2 .bar{ background: #526f9f; }
.co02 h2.co_h2 .bar{ background: #3187b9; }
.co03 h2.co_h2 .bar{ background: #868686; }
/*
@media (max-width:1400px){
.co h2.co_h2 { padding: 7.1vw 0 0; text-align: center;}
.co h2.co_h2 .h2_year { margin-top: 0; font-size: 4.55vw; letter-spacing: 1px; line-height: 1; color: #fff; font-family: 'Oswald', sans-serif; display: block; opacity: 0.5; }
.co h2.co_h2 .h2_title { margin-top: 1.3vw; font-size: 2.15vw; letter-spacing: .5px; line-height: 1.4; font-weight: 500; display: block; text-align: center;}
/*-- bar --*//*
.co h2.co_h2 .bar{ max-width: 90px; width: 15%; height: .42vw; margin: 2.9vw auto 0px; display: block; }
}/*END*/

@media (max-width:1320px){
.co h2.co_h2 { padding: 7.5vw 0 0;}
}/*END*/

@media (max-width:1200px){
.co h2.co_h2 { padding: 7.6vw 0 0; text-align: center;}
.co h2.co_h2 .h2_year { margin-top: 0; font-size: 5.3vw; letter-spacing: 1px; line-height: 1; color: #fff; font-family: 'Oswald', sans-serif; display: block; opacity: 0.5; }
.co h2.co_h2 .h2_title { margin-top: 1.5vw; font-size: 2.5vw; letter-spacing: .5px; line-height: 1.4; font-weight: 500; display: block; text-align: center;}
/*-- bar --*/
.co h2.co_h2 .bar{ max-width: 90px; width: 15%; height: .42vw; margin: 3.0vw auto 0px; display: block; }
}/*END*/


@media (max-width:1024px){
/*---- h2 ----*/
.co h2.co_h2 { padding: 100px 0 0; text-align: center;}
.co h2.co_h2 .h2_year { margin-top: 0; font-size: 64px; letter-spacing: 1px; line-height: 1; color: #fff; font-family: 'Oswald', sans-serif; display: block; opacity: 0.5; }
.co h2.co_h2 .h2_title { margin-top: 18px; font-size: 26px; letter-spacing: .5px; line-height: 1.4; font-weight: 500; display: block; text-align: center;}
/*-- bar --*/
.co h2.co_h2 .bar{ max-width: 90px; width: 15%; height: 5px; margin: 30px auto 0px; display: block; }
}/*END*//*
@media (max-width:840px){
.co h2.co_h2 { padding: 12vw 0 0; text-align: center;}
.co h2.co_h2 .h2_year { margin-top: 0; font-size: 7.6vw; letter-spacing: 1px; line-height: 1; color: #fff; font-family: 'Oswald', sans-serif; display: block; opacity: 0.5; }
.co h2.co_h2 .h2_title { margin-top: 2.1vw; font-size: 3.1vw; letter-spacing: .5px; line-height: 1.4; font-weight: 500; display: block; text-align: center;}
/*-- bar --*//*
.co h2.co_h2 .bar{ max-width: 120px; width: 14%; height: .8vw; margin: 4.7vw auto 0px; display: block; }
}/*END*/
@media (max-width:640px){
.co h2.co_h2 { padding: 12vw 0 0; text-align: center;}
.co h2.co_h2 .h2_year { margin-top: 0; font-size: 8.6vw; letter-spacing: 1px; line-height: 1; color: #fff; font-family: 'Oswald', sans-serif; display: block; opacity: 0.5; }
.co h2.co_h2 .h2_title { margin-top: 2.1vw; font-size: 4.1vw; letter-spacing: .5px; line-height: 1.4; font-weight: 500; display: block; text-align: center;}
/*-- bar --*/
.co h2.co_h2 .bar{ max-width: 120px; width: 14%; height: .8vw; margin: 4.7vw auto 0px; display: block; }
}/*END*/

/*-------------------------------------------------
	co light
--------------------------------------------------*/
.light{ width: 5000px; height: 5000px;  top: -200px;  position: absolute; z-index: -1; }
.light_r{ right: 0px; margin:-2500px  -2500px 0 0;}
.light_l{ left: 0px; margin:-2500px 0 0 -2500px;}
@media (max-width:1200px){
.light{ width: 400vw; height: 400vw; top: -18vw;}
.light_r{ right: -10vw; margin:-200vw  -200vw 0 0;}
.light_l{ left: -10vw; margin:-200vw  0 0 -200vw;}
}/*END*/

/*---- .co01 light ----*/
.co01 .light{ background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, .9), rgba(94, 145, 210, .8) 18%,rgba(94, 145, 210, .6) 25%,rgba(94, 145, 210, .3) 40%, rgba(94, 145, 210, .1) 70%,rgba(94, 145, 210, 0) 100%); }
/*---- .co02 light ----*/
.co02 .light{ background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, .95), rgba(94, 160, 210, .7) 18%,rgba(94, 155, 210, .5) 25%,rgba(94, 150, 210, .3) 40%, rgba(94, 145, 210, .1) 70%,rgba(94, 145, 210, 0) 100%); }
/*---- .co03 light ----*/
.co03 .light{ background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .55) 12%,rgba(255, 255, 255, .3) 25%,rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, .1) 70%,rgba(255, 255, 255, 0) 100%); }
/*---- #sto light ----*/
#sto .light{ background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, .9), rgba(34, 96, 172, .8) 18%,rgba(34, 96, 172, .6) 25%,rgba(34, 96, 172, .35) 40%, rgba(34, 96, 172, .2) 70%,rgba(34, 96, 172, 0) 100%); }


/*-------------------------------------------------
	co01 
--------------------------------------------------*/
.co01{ position: relative;}
/*co01 design 
-----------------------------------------*/
/*.co01*/
.co01 .design { margin: -1px auto 0; width: 90%; max-width: 1200px;  display: flex; justify-content: start; align-items: center; }
.co01 .design .img_box{ margin-left: 4.7%; width: 46.6%; max-width: 560px; }
.co01 .design .ol_box{  margin-left: 5.6%;  width: 35.5%; max-width: 420px; }
.co01 .design .ol_box .ol_img_box{ width: 74%; max-width: 309px; margin: 0 auto; }
.ol_title{ margin-top: 18px; font-size: 24px; line-height: 1.5; font-family: 'Oswald', sans-serif; opacity: 0.5; text-align: center; }
.co01 .design .ol_box .ol_txt_box p.txt{ margin-top: 35px; }
@media (max-width:1024px){
.co01 .design { width: 100%; display: block; }
.co01 .design .img_box{ width: 70%; max-width: 550px; margin: 0 auto; }
.co01 .design .img_box img{ margin:50px 0 0 2vw; }
.co01 .design .ol_box { width: 100%; max-width:initial; margin: initial; padding: 80px 0; background: linear-gradient(to bottom, rgba(25, 57, 100, .4) 0%, rgba(255,255,255,0) 100%); }
.co01 .design .ol_box .ol_inner{width: 85%; max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between;  align-items: center;  }
.co01 .design .ol_box .ol_img_box{ width: 35%; max-width: 309px; margin: initial; position: relative;}
.co01 .design .ol_box .ol_txt_box {  width: 57%; margin: 0; }
.ol_title{  margin-top: 0px; font-size: 26px; text-align: left; position: relative;opacity: 0.7; padding-left: 20px;  }
.ol_title::before{content: ''; position: absolute; left:0px ; top: 10%; width: 4px; height: 90%; background: #fff; opacity: 0.3;}
.co01 .design .ol_box .ol_txt_box p.txt{  margin-top: 25px; }
}/*END*/
@media (max-width:850px){
.co01 .design .ol_box .ol_inner{ align-items: initial;  }
}/*END*/
@media (max-width:640px){
.co01 .design { width: 100%; display: block; }
.co01 .design .img_box{ width: 70%;  }
.co01 .design .img_box img{ margin:50px 0 0 2vw; }
.co01 .design .ol_box { width: 100% ; padding: 80px 0; }
.co01 .design .ol_box .ol_inner{ width: 100%; max-width: 800px; margin: 0 auto; display: block; justify-content: space-between;  }
.co01 .design .ol_box .ol_img_box{ width: 75%; max-width: 309px; margin: 0 auto; position: relative;}
.co01 .design .ol_box .ol_txt_box {  width: 80%; margin: 40px auto 0; }
.ol_title::before{content: ''; position: absolute; left:0px ; top: 10%; width: 4px; height: 85%; background: #fff; opacity: 0.3;}
.co01 .design .ol_box .ol_txt_box p.txt{  margin-top: 25px; }
}/*END*/
@media (max-width:500px){
.co01 .design .img_box img{ margin: 8vw 0 0 2vw; }
.co01 .design .ol_box { width: 100% ; padding: 15vw 0; }
.co01 .design .ol_box .ol_img_box{ width: 65%; max-width: 309px; margin: 0 auto; position: relative;}
}/*END*/
@media (max-width: 420px) {
.ol_title{ font-size: 25px; padding-left: 17px; }
}/*END*/
@media (max-width: 400px) {
.ol_title{ font-size: 22px; padding-left: 17px; }
}/*END*/
@media (max-width: 360px) {
.ol_title{ font-size: 20px; padding-left: 17px; }
}/*END*/

/* img [ on / off ]*/
.design .img_box .x15{ display: block;}
.design .img_box .x1{ display: none;}
.design .img_box .sp{ display: none;}
@media (max-width:1100px){
.design .img_box .x15{ display: none;}
.design .img_box .x1{ display: block;}
.design .img_box .sp{ display: none;}
}/*END*/
@media (max-width:1024px){
.design .img_box .x15{ display: none;}
.design .img_box .x1{ display: none;}
.design .img_box .sp{ display: block;}
}/*END*/

/* img [ on / off ]*/
.design .ol_img_box .x15{ display: block;}
.design .ol_img_box .x1{ display: none;}
@media (max-width:1100px){
.design .ol_img_box .x15{ display: none;}
.design .ol_img_box .x1{ display: block;}
}/*END*/

/*co01  Dial
-----------------------------------------*/
.dial{ width: 90%; max-width: 1200px; margin: 0 auto; position: relative; }
.dial h3{ font-size: 36px; line-height: 1; font-family: 'Oswald', sans-serif; }
.dial p{ margin-top: 20px;}
.co01 .dial .inner{ position: absolute; left: 0; top:0; color: #fff; width:42%; height: 100%; display: flex; align-items: center; justify-content: center; }
.dial .inner .txt_box{ width: 330px;}
@media (max-width:1400px){
.dial .inner .txt_box{ width: 305px; }
}/*END*/
@media (max-width:1200px){
.dial .inner .txt_box{ width: 67%; }
.dial h3{ font-size: 3vw;  }
}/*END*/
@media (max-width:1024px){
.dial{ width: 90%; max-width: 1200px; margin: 0px auto 0; position: relative; }
.co01 .dial img{ width: 100%; }
.co01 .dial .inner{ position: relative; left: 0; top:0; width:100%; height: auto; }
.co01 .dial .inner { width: 100%; max-width:initial; margin: initial; background: linear-gradient(to right, rgba(25, 57, 100, .6) 0%, rgba(25, 57, 100, 0) 100%);}
.dial .inner .txt_box{ padding: 80px 0; width:80%; max-width: 590px;  }
}/*END*/
@media (max-width:960px){
.dial h3{ font-size: 30px;  }
}/*END*/
@media (max-width:640px){
.dial .inner .txt_box{ padding: 14vw 0; width:80%; }
}/*END*/
@media (max-width:420px){
.dial h3{ font-size: 7.2vw; }
.dial p{ margin-top: 4vw;}
}/*END*/
@media (max-width:350px){
.dial .inner .txt_box{ width:81%; }
}/*END*/

/* img [ on / off ]*/
.dial .x15{ display: block;}
.dial .x1{ display: none;}
.dial .tab{ display: none;}
.dial .sp{ display: none;}
.dial .sp2{ display: none;}
@media (max-width:1200px){
.dial .x15{ display: none;}
.dial .x1{ display: block;}
.dial .tab{ display: none;}
.dial .sp{ display: none;}
.dial .sp2{ display: none;}
}/*END*/
@media (max-width:1024px){
.dial .x15{ display: none;}
.dial .x1{ display: none;}
.dial .tab{ display: block;}
.dial .sp{ display: none;}
}/*END*/
@media (max-width:850px){
.dial .x15{ display: none;}
.dial .x1{ display: none;}
.dial .tab{ display: none;}
.dial .sp{ display: block;}
}/*END*/

/* movie 
-----------------------------------------*/
.movie{ padding: 80px 0 0;}
.movie_btn { margin: 0 auto; width: 90%; max-width:1200px; position: relative; overflow: hidden;}
.movie_btn a{ text-decoration: none; color: #fff; display: block; width: 100%; }
.movie_btn a .img_box img{ transition: 1s; position: relative; z-index: 0;}
.movie_btn a:hover .img_box img{ transform: scale(1.07); opacity: .6; }
.movie .txt_box{ position: absolute;  right: 0; top: 0; padding-bottom: 20px; width: 50%; height: 95%; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 5;}
.movie .txt_box h3{ margin-top: 0px; font-size: 44px; line-height: 1; letter-spacing: .6px; font-family: 'Oswald', sans-serif; color: #83bcf2; }
.movie .txt_box .m_bar{ max-width: 90px; width: 13%; height: 3px; margin: 20px auto 0px; display: block; background: #fff; opacity: 0.3; }
.movie .txt_box h4{ margin-top: 20px; font-size: 22px; line-height: 1.3; letter-spacing: .6px; font-family: 'Oswald', sans-serif;  }
.movie .txt_box p{ margin-top: 15px; font-size: 25px; line-height: 1.5; letter-spacing: 0.7px;  font-family: 'Oswald', sans-serif; opacity: 0.4; }
@media (max-width:1400px){
.movie .txt_box{  width: 49%;}
}/*END*/
@media (max-width:1330px){
.movie{ padding: 6vw 0 0;}
}/*END*/
@media (max-width:1200px){
.movie .txt_box h3{ margin-top: 0px; font-size: 3.7vw; }
.movie .txt_box h4{ margin-top: 1.7vw; font-size: 1.85vw; }
.movie .txt_box p{ margin-top: 1.4vw; font-size: 2vw; letter-spacing: 0.1vw;}
}/*END*/
@media (max-width:1024px){
.movie_btn a:hover .img_box img{ transform: scale(1); opacity: 1; }
.movie_btn{ margin: 0 auto; width: 90%; }
}/*END*/
@media (max-width:700px){
.movie{ padding: 8vw 0 0;}
}/*END*/
/*再生icon*/
.movie figure{ position: absolute; left: 50%; top: 50%; margin: -36px 0 0 -36px; width: 72px; height: 72px; background: rgba(255,255,255,0); border: solid 2px rgba(255,255,255,1); border-radius: 50%; box-sizing: border-box; z-index: 5; transition: 0.3s; }
.movie figure::after{ border-width: 14px 0 14px 23px; margin: -14px 0 0 -8px; border-color: transparent transparent transparent rgba(255,255,255,1); left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie a:hover figure{ background: rgba(255,255,255,.3); border: solid 2px rgba(255,255,255,0);}
.movie a:hover figure::after{ border-color: transparent transparent transparent rgba(255,255,255,1);}
@media screen and (max-width: 1400px) {
.movie figure{position: absolute; left: 50%; top: 50%; margin: -2.5vw 0 0 -2.5vw; width: 5vw; height: 5vw; }
.movie figure::after{ border-width: .9vw 0 .9vw 1.4vw; margin: -.9vw 0 0 -0.5vw; }
}/*END*/
@media screen and (max-width: 800px) {
.movie figure{position: absolute; left: 50%; top: 50%; margin: -4vw 0 0 -4vw; width: 8vw; height: 8vw; }
.movie figure::after{ border-width: 1.4vw 0 1.4vw 2.2vw; margin: -1.4vw 0 0 -.8vw; }
}/*END*/
@media screen and (orientation: portrait)and (max-width: 460px) {
.movie figure{position: absolute; left: 50%; top: 50%; margin: -7vw 0 0 -7vw; width: 14vw; height: 14vw; }
.movie figure::after{ border-width: 2.5vw 0 2.5vw 4vw; margin: -2.5vw 0 0 -1.5vw; }
}/*END*/
/* img [ on / off ]*/
.movie .x15{ display: block;}
.movie .x1{ display: none;}
.movie .tab{ display: none;}
.movie .sp{ display: none;}
@media (max-width:1400px){
.movie .x15{ display: none;}
.movie .x1{ display: block;}
.movie .tab{ display: none;}
.movie .sp{ display: none;}
}/*END*/
@media (max-width:1024px){
.movie .x15{ display: none;}
.movie .x1{ display: none;}
.movie .tab{ display: block;}
.movie .sp{ display: none;}
.movie .txt_box{ display: none;}
.movie figure{ display: none;}
}/*END*/
@media (max-width:750px){
.movie .x15{ display: none;}
.movie .x1{ display: none;}
.movie .tab{ display: none;}
.movie .sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	co02
--------------------------------------------------*/
.co02{ position: relative; }
/*co01 design 
-----------------------------------------*/
/*.co02*/
.co02 .design { margin: -30px auto 0; width: 90%; max-width: 1200px;  display: flex; justify-content: end; align-items: center; flex-direction : row-reverse; }
.co02 .design .img_box{ margin-right: 1.8%; width: 46.6%; max-width: 560px; }
.co02 .design .ol_box{  margin-right: 9%;  width: 35.5%; max-width: 420px; }
.co02 .design .ol_box .ol_img_box{ width: 74%; max-width: 309px; margin: 0 auto; }
.co02 .design .ol_box .ol_txt_box p.txt{ margin-top: 35px; }
@media (max-width:1340px){
.co02 .design { margin: -2vw auto 0;}
}/*END*/
@media (max-width:1024px){
.co02 .design { width: 100%; display: block; }
.co02 .design .img_box{ width: 70%; max-width: 550px; margin: 0 auto; }
.co02 .design .img_box img{ margin:50px 0 0 2vw; }
.co02 .design .ol_box { width: 100%; max-width:initial; margin: initial; padding: 80px 0; background: linear-gradient(to bottom, rgba(31, 77, 115, .4) 0%, rgba(31, 77, 115,0) 100%); }
.co02 .design .ol_box .ol_inner{width: 85%; max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between;  align-items: center;  }
.co02 .design .ol_box .ol_img_box{ width: 35%; max-width: 309px; margin: initial; position: relative;}
.co02 .design .ol_box .ol_txt_box {  width: 57%; margin: 0; }
.co02 .design .ol_box .ol_txt_box p.txt{  margin-top: 25px; }
}/*END*/
@media (max-width:850px){
.co02 .design .ol_box .ol_inner{ align-items: initial;  }
}/*END*/
@media (max-width:640px){
.co02 .design { width: 100%; display: block; }
.co02 .design .img_box{ width: 70%;  }
.co02 .design .img_box img{ margin:50px 0 0 2vw; }
.co02 .design .ol_box { width: 100% ; padding: 80px 0; }
.co02 .design .ol_box .ol_inner{ width: 100%; max-width: 800px; margin: 0 auto; display: block; justify-content: space-between;  }
.co02 .design .ol_box .ol_img_box{ width: 75%; max-width: 309px; margin: 0 auto; position: relative;}
.co02 .design .ol_box .ol_txt_box {  width: 80%; margin: 40px auto 0; }
.co02 .design .ol_box .ol_txt_box p.txt{  margin-top: 25px; }
}/*END*/
@media (max-width:500px){
.co02 .design .img_box img{ margin: 8vw 0 0 2vw; }
.co02 .design .ol_box { width: 100% ; padding: 15vw 0; }
.co02 .design .ol_box .ol_img_box{ width: 65%; max-width: 309px; margin: 0 auto; position: relative;}
}/*END*/


/*co02  Dial
-----------------------------------------*/
.co02 .dial .inner{ position: absolute; right: 0; top:0; color: #fff; width:42%; height: 100%; display: flex; align-items: center; justify-content: center; }
@media (max-width:1024px){
.co02 .dial img{ width: 100%; }
.co02 .dial .inner{ position: relative; left: 0; top:0; width:100%; height: auto; }
.co02 .dial .inner { width: 100%; max-width:initial; margin: initial; background: linear-gradient(to right, rgba(31, 77, 115, .8) 0%, rgba(31, 77, 115,0) 100%);}
}/*END*/

/*-------------------------------------------------
	co03 
--------------------------------------------------*/
.co03{ position: relative;}
/*co03 design 
-----------------------------------------*/
/*.co03*/
.co03 .design { margin: 60px auto 0; width: 90%; max-width: 1200px;  display: flex; justify-content: start; align-items: center; }
.co03 .design .img_box{ margin-left: 4.7%; width: 46.6%; max-width: 560px; }
.co03 .design .ol_box { margin-left: 5.6%;  width: 35.5%; max-width: 420px; padding-bottom: 60px; }
.co03 .design .ol_box .ol_img_box{ width: 74%; max-width: 309px; margin: 0 auto; }
.co03 .design .ol_box .ol_txt_box p.txt{ width: 110%; margin-top: 35px; }
@media (max-width:1024px){
.co03 .design { width: 100%; display: block; }
.co03 .design .img_box{ width: 70%; max-width: 550px; margin: 0 auto; }
.co03 .design .img_box img{ margin:50px 0 0 2vw; }
.co03 .design .ol_box { width: 100%; max-width:initial; margin: initial; padding: 80px 0; background: linear-gradient(to bottom, rgba(100, 100, 100, .2) 0%, rgba(255,255,255,0) 100%); }
.co03 .design .ol_box .ol_inner{width: 85%; max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between;  align-items: center;  }
.co03 .design .ol_box .ol_img_box{ width: 35%; max-width: 309px; margin: initial; position: relative;}
.co03 .design .ol_box .ol_txt_box {  width: 57%; margin: 0; }
.co03 .design .ol_box .ol_txt_box p.txt{  width: 100%;  margin-top: 25px; }
}/*END*/
@media (max-width:850px){
.co03 .design .ol_box .ol_inner{ align-items: initial;  }
}/*END*/
@media (max-width:640px){
.co03 .design { width: 100%; display: block; }
.co03 .design .img_box{ width: 70%;  }
.co03 .design .img_box img{ margin:50px 0 0 2vw; }
.co03 .design .ol_box { width: 100% ; padding: 80px 0; }
.co03 .design .ol_box .ol_inner{ width: 100%; max-width: 800px; margin: 0 auto; display: block; justify-content: space-between;  }
.co03 .design .ol_box .ol_img_box{ width: 75%; max-width: 309px; margin: 0 auto; position: relative;}
.co03 .design .ol_box .ol_txt_box {  width: 80%; margin: 40px auto 0; }
.co03 .design .ol_box .ol_txt_box p.txt{  margin-top: 25px; }
}/*END*/
@media (max-width:500px){
.co03 .design .img_box img{ margin: 8vw 0 0 2vw; }
.co03 .design .ol_box { width: 100% ; padding: 15vw 0; }
.co03 .design .ol_box .ol_img_box{ width: 65%; max-width: 309px; margin: 0 auto; position: relative;}
}/*END*/


/*co03  Dial
-----------------------------------------*/
.co03 .dial .inner{ position: absolute; left: 0; top:0; color: #000; width:42%; height: 100%; display: flex; align-items: center; justify-content: center; }
@media (max-width:1024px){
.co03 .dial img{ width: 100%; }
.co03 .dial .inner{ position: relative; left: 0; top:0; width:100%; height: auto; }
.co03 .dial .inner { width: 100%; max-width:initial; margin: initial; background: linear-gradient(to right, #fff 0%, #c6ced1 80%);}
}/*END*/

/*-------------------------------------------------
	sto
--------------------------------------------------*/
#sto{ padding: 80px 0 120px; position: relative; overflow: hidden;}
#sto .inner{ width: 80%; max-width: 950px; padding: 0; margin: 0 auto; background: #fff; color: #000;}
#sto .inner h2{ padding: 90px 0 80px; width: 60%; max-width: 390px; margin: 0 auto;}
#sto .inner h2 img{ width: 100%; }
#sto .inner p{ margin: 0 auto; width: 80%; max-width: 700px;}
@media (max-width:1400px){
#sto .inner{ width: 80%; max-width: 880px; ;}
#sto .inner h2{ padding: 80px 0 70px; width: 60%; max-width: 390px; margin: 0 auto;}
#sto .inner p{ margin: 0 auto; width: 80%; max-width: 650px;}
}/*END*/
@media (max-width:640px){
#sto{ padding: 10vw 0 120px; }
#sto .inner h2{ padding: 12vw 0 10vw; width: 65%; max-width: 390px; margin: 0 auto;}
#sto .inner{ width: 90%; max-width: 950px; padding: 0; margin: 0 auto; background: #fff; color: #000;}
#sto .inner p{ margin: 0 auto; width: 80%; max-width: 700px;}
}/*END*/
@media (max-width:500px){
#sto{ padding: 10vw 0 80px; }
}/*END*/

/* movie 
-----------------------------------------*/
.sto_movie{ padding: 70px 0 0;}
.sto_movie_btn { margin: 0 auto; width: 70%; max-width:600px; position: relative; overflow: hidden;}
.sto_movie_btn a{ text-decoration: none; color: #fff; display: block; width: 100%; }
.sto_movie_btn a .img_box img{ transition: 1s; position: relative; z-index: 0;}
.sto_movie_btn a:hover .img_box img{ transform: scale(1.07); opacity: .8; }
@media (max-width:1400px){
.sto_movie_btn { margin: 0 auto; width: 65%; max-width:560px; position: relative; overflow: hidden;}
}/*END*/
@media (max-width:1330px){
.sto_movie{ padding: 6vw 0 0;}
}/*END*/
@media (max-width:1024px){
.sto_movie_btn a:hover .img_box img{ transform: scale(1); opacity: 1; }
.sto_movie_btn{ margin: 0 auto; width: 70%; }
}/*END*/
@media (max-width:850px){
.sto_movie{ padding: 8vw 0 0;}
.sto_movie_btn { width: 80%; }
}/*END*/
/*再生icon*/
.sto_movie figure{ position: absolute; left: 50%; top: 50%; margin: -36px 0 0 -36px; width: 72px; height: 72px; background: rgba(106,140,195,.8);  border-radius: 50%; box-sizing: border-box; z-index: 5; transition: 0.3s; }
.sto_movie figure::after{ border-width: 14px 0 14px 23px; margin: -14px 0 0 -8px; border-color: transparent transparent transparent rgba(255,255,255,1); left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.sto_movie a:hover figure{ background: rgba(106,140,195,1); }
.sto_movie a:hover figure::after{ border-color: transparent transparent transparent rgba(255,255,255,1);}
@media screen and (max-width: 1400px) {
.sto_movie figure{position: absolute; left: 50%; top: 50%; margin: -2.5vw 0 0 -2.5vw; width: 5vw; height: 5vw; }
.sto_movie figure::after{ border-width: .9vw 0 .9vw 1.4vw; margin: -.9vw 0 0 -0.5vw; }
}/*END*/
@media screen and (max-width: 800px) {
.sto_movie figure{position: absolute; left: 50%; top: 50%; margin: -4vw 0 0 -4vw; width: 8vw; height: 8vw; }
.sto_movie figure::after{ border-width: 1.4vw 0 1.4vw 2.2vw; margin: -1.4vw 0 0 -.8vw; }
}/*END*/
@media screen and (orientation: portrait)and (max-width: 460px) {
.sto_movie figure{position: absolute; left: 50%; top: 50%; margin: -7vw 0 0 -7vw; width: 14vw; height: 14vw; }
.sto_movie figure::after{ border-width: 2.5vw 0 2.5vw 4vw; margin: -2.5vw 0 0 -1.5vw; }
}/*END*/

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

/* btn 
-----------------------------------------*/
.btn{ padding: 80px 0; text-align: center;}
.btn a{ padding: 20px 40px 22px; font-size: 15px; line-height: 1; display: inline-block; background: #1f395e; color: #fff; text-decoration: none; margin: 0 auto; border-radius: 5px; }
.btn a br{display: none;}
@media (max-width:750px){
.btn{ padding: 60px 0;}
.btn a{ padding: 15px 30px 17px; font-size: 14px; line-height: 1.5; display: inline-block; background: #1f395e; color: #fff; text-decoration: none; margin: 0 auto; border-radius: 5px; }
.btn a br{display: initial;}
}/*END*/
@media screen and (max-width: 420px) {
.btn{ padding: 60px 0;}
.btn a { font-size: 13px;line-height: 1.4; padding: 12px 30px 14px; }
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{  margin-top: 110px;}
@media (max-width:1330px){
.spec{  margin-top: 8vw;}
}/*END*/
@media (max-width:700px){
.spec{  margin-top: 8vw;}
}/*END*/

.spec{ background: #fff; color: #000; padding: 75px 0 20px; position: relative; z-index: 10;}
.spec_head{ padding-bottom:60px; width:90%; margin: 0 auto; text-align: center; position: relative; font-weight: 400; z-index: 10; }
.spec_head h2{ font-size:30px; line-height: 1.2; font-weight: 400; letter-spacing: .2px; font-family: 'Oswald', sans-serif;}
 @media (max-width: 750px){
.spec{  padding: 10vw 0 15vw; }
 }/*END*/
 @media (max-width: 640px){
.spec{  padding: 12vw 0 15vw; }
.spec_head{ padding-bottom:40px; }
.spec_head h2{ font-size:4vw; letter-spacing: .05vw; }
.spec_head h2 span{ display: inline-block; }
 }/*END*/
 @media (max-width: 420px){
.spec{  padding: 13vw 0 15vw; }
.spec_head h2{ font-size:4.5vw; letter-spacing: .03vw; }
 }/*END*/

/*--------------------
	spec_box
----------------------*/
.collections_img_pc{ display: inline-block;}
.collections_img_sp{ display: none;}
@media screen and (max-width: 450px) {
.collections_img_pc{ display: none;}
.collections_img_sp{ display: inline-block;}
}/*end*/
.collections_inner{ display: flex;  justify-content: center; width: 680px; margin: 0 auto; }
 @media (max-width: 1000px){
.collections_inner{ width: 550px; }
 }/*END*/
 @media (max-width: 750px){
.collections_inner{ display: block; width: 90%; margin: 0 auto; }
 }/*END*/
/*txt_box*/
.collections_inner .txt_box{ margin-top: 90px; width: 280px; margin-left: 2%; text-align: center; position: relative; z-index: 3; }
 @media (max-width: 850px){
.collections_inner .txt_box{ margin-left: 0%; }
 }/*END*/
 @media (max-width: 750px){
.collections_inner .txt_box{ margin-top: -40px; width: 100% !important; padding-bottom: 0px; text-align: center; } 
 }/*END*/
 @media (max-width: 550px){
.collections_inner .txt_box{ margin-top: -10vw; width: 100%; text-align: center; } 
 }/*END*/
/*---------img---------*/
.collections_img { width: 100%; max-width: 252px; margin: 0 auto; position: relative; z-index: 0; }
 @media (max-width: 1400px){
.collections_img { width: 100%; }
 }/*END*/
 @media (max-width: 750px){
.collections_img { width: 60%; max-width: 250px; }
 }/*END*/
 @media (max-width: 580px){
.collections_img { width: 60%; }
 }/*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; }
/*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: 14px; 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; position: relative; display: inline-block;}
.collections_limited .limited_txt { font-size: 14px; line-height: 1.6; letter-spacing: 1px; font-weight: 400; position: relative; display: inline-block; }
.collections_limited .limited_txt::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_limited .limited_sub { margin-top: 5px; font-size: 12px; line-height: 1.6; letter-spacing: 0px; display: block; }
@media screen and (max-width: 640px) {
.collections_limited .limited_txt { font-size: 13px; }
}/*END*/
/*collections_release*/
.collections_release{ margin-top: 16px; font-size: 14px; line-height: 1.5; letter-spacing: 0.5px; font-weight: 400;}
.collections_release span{ display: inline-block;}
/*collections_txt*/
.collections_txt{ margin-top: 24px; font-size: 13px; line-height: 1.5; font-weight: 400; text-align: center;}
.collections_txt span{ display: inline-block; }
@media screen and (max-width: 750px) {
.collections_txt{ margin-top: 24px; font-size: 12.5px;}
}/*END*/
@media screen and (max-width: 450px) {
.collections_txt span{ display: block; }
}/*END*/
/*collections_btn*/
.collections_btn { max-width: 180px; margin: 25px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 400; padding: 14px 0 16px; letter-spacing: .5px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; background: none; color: #fff; background: #246e9a; border-radius: 4px; position: relative; overflow: hidden; }
.collections_btn a:hover { cursor: pointer; color: #fff; opacity: 0.7;}
.co01 .collections_btn a { background: #314e86; }
.co02 .collections_btn a { background: #246e9a; }
.co03 .collections_btn a { background: #536d92; }
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 170px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; padding: 14px 0 16px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 420px) {
.collections_btn { max-width: 170px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; padding: 14px 0 16px; 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; 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*/