@charset "utf-8";

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

/*--------------------------------------------------------
	base 
---------------------------------------------------------*/
body { background: #0d0d0d; font-family:"Times New Roman", Times, "serif"; font-weight: normal; line-height: 1.8; font-size: 16px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%;}
a:link { color: #14233e; text-decoration: none; }
a:visited { color: #14233e; text-decoration: none; }
a:hover,a:active { text-decoration: underline; }
.wrapper{ overflow: hidden;}
.clear::after { content:" "; display:block; clear:both;}/*clearfix*/

/* img select
------------------------*/
img{pointer-events: none;  user-select: none;}
header img,
footer img,
.logo_gs img{pointer-events:auto; user-select:auto;}

/*anime set
------------------------*/
#main .main_img img,
#main h1,
#main .logo_gs,
#concept h2,
#concept .txt,
#hystory h2,
#hystory .hystory_box .txt_box,
#hystory .hystory_box .img_box,
#hystory .philosophy_read,
#hystory ul li .img_box,
#hystory ul li .philosophy_word_btm,
#hystory ul li .txt_box,
#movie h3,
#movie .btn_movie,
#design h2,
#design .img_box,
#design .txt_box,
.collections_BOX h2,
.collections_BOX .inner .inner_L,
.collections_BOX .inner .inner_R,
.s140th_main .img,
.s140th_main h2,
#s140th .img,
#s140th .txt,
#s140th .txt_s { visibility: hidden;}

/*-------------------------------------------------
	cookie
--------------------------------------------------*//*
#cookie-text{ display: none; }


/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: absolute; left: 0px; top: 0px; width: 100%; height: 0px;}
.logo_gs{ width: 160px; padding: 0; position:absolute; left: 40px; top: 40px; z-index: 500; transition: 0.5s;}
@media screen and (orientation: portrait) {
.logo_gs{ width: 18vw; position:absolute; left: 4vw; top: 4vw;}
}/*END*/
@media screen and (max-width: 1500px) and (orientation: landscape) {
.logo_gs{ width: 140px; padding: 0; position:absolute; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 960px) and (orientation: landscape) {
.logo_gs{ width: 110px; position:absolute; left: 13px; top: 20px;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: landscape) {
.logo_gs{ width: 90px; position:absolute; left: 13px; top: 20px;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.logo_gs{ width: 25vw; position:absolute; left: 5vw; top: 4vw;}
}/*END*/

/*-------------------------------------------------
	main
---------------------------------------------------*/
.main_pc_x2{display:inline-block; }
.main_pc_x1{display:none; }
.main_sp{display:none; }
@media screen and (max-width: 1024px) {
.main_pc_x2{display:none; }
.main_pc_x1{display:inline-block; }
.main_sp{display:none; }
}/*END*/	
@media screen and (orientation: portrait) {/*縦*/
.main_pc_x2{display:none; }
.main_pc_x1{display:none; }
.main_sp{display:inline-block; }
}/*END*/
#main { width: 100%; max-height: 60vw; height: 100vh; position: relative; overflow: hidden; background: #e0e0e0; }
/*main_img*/
#main .main_img { width: 200%; height:100%; position: absolute; left: 67%; top:0vw; margin-left: -100%; z-index: 2; text-align: center; }
#main .main_img img{ width:auto; height: 100%; }
#main .main_img img{pointer-events: none;  user-select: none;}
/*title_box*/
#main .title_box{ max-height:58vw; width: 62%; height: 100vh; position: relative; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
#main .title_box div { margin-top: 0vh; }
#main .title_box div h1 small{ font-size: 1.8vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 0.77vw; display: block; }
#main .title_box div h1{ font-size: 2.6vw; line-height: 1.4; letter-spacing: 0vw; color: #000; font-family:"Times New Roman", Times, "serif"; font-weight: normal;}
#main .title_box div h1 span{ display: block;}
#main .title_box .logo_gs{ margin: 5vw auto 0; width: 17.8vw; }
/* w 1800px 
-----------------------*/
@media screen and (max-width: 1600px) {
#main .title_box div h1 small{ font-size: 29px; line-height: 1; letter-spacing: 0px; margin-bottom: 12px;  display: block; }
#main .title_box div h1{ font-size: 42px; line-height: 1.4; letter-spacing: 0px; }
}/*END*/
/* w 1350px 
-----------------------*/
@media screen and (max-width: 1350px) {
#main .title_box div h1 small{ font-size: 2.15vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 1vw; }
#main .title_box div h1{ font-size: 3.1vw; line-height: 1.4; letter-spacing: 0vw; }
}/*END*/
/* w 960px  横
-----------------------*/
@media screen and (max-width: 960px) and (orientation: landscape){/*横*/
#main .main_img { width: 200%; height:100%; position: absolute; left: 70%; top:0vw; margin-left: -100%; z-index: 2; text-align: center; }

#main .title_box div h1 small{ font-size: 2.2vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 0vw;}
#main .title_box div h1{ font-size: 3.1vw; line-height: 1.4; letter-spacing: 0vw; }
}/*END*/
/*  縦
-----------------------*/
@media screen and (orientation: portrait){/*縦*/
#main { width: 100%; max-height: 175vw; height: 100vh; position: relative; overflow: hidden; background: #f4f4f4;}
/*main_img*/
#main .main_img { width: 200%; max-height:85vh; height:auto; position: absolute; left: 50%; top:0vw; z-index: 2; margin-left: -100%; text-align: center;  transition: .5s; }
#main .main_img img{ width:auto; height:140vw; max-height:76vh; }
/*title_box*/
#main .title_box{ max-height:100%; width: 95%; height: 33%; position: absolute; left: 2.5%; bottom:0px; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
#main .title_box div { margin-top: 0vh; }
#main .title_box div h1 small{ font-size: 34px; line-height: 1; letter-spacing: 0px; margin-bottom: 1vw; }
#main .title_box div h1{ font-size: 45px; line-height: 1.4; letter-spacing: 0px; }
}/*END*/
@media screen and (max-width: 760px) and (orientation: portrait){/*縦*/
#main .main_img { width: 200%; max-height:85vh; height:auto; position: absolute; left: 50%; top:0vw; z-index: 2; margin-left: -100%; text-align: center;  transition: .5s; }
#main .main_img img{ width:auto; height:140vw; max-height:76vh; }
#main .title_box{ max-height:100%; width: 95%; height: 30%; position: absolute; left: 2.5%; bottom:0px; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
#main .title_box div h1 small{ font-size: 4.8vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 1vw; }
#main .title_box div h1{ font-size: 6.3vw; line-height: 1.4; letter-spacing: 0vw; }
#main .title_box div h1 span{ display: block;}
}/*END*/

/*-------------------------------------------------
	CONCEPT
---------------------------------------------------*/
#concept { padding: 80px 0 80px; position: relative; text-align: center; background: #1e1e1e;}
#concept .txt {  margin: 60px auto 0; width: 85%; max-width: 1100px; position: relative;  z-index: 1}
#concept .txt p{ font-size:18px; line-height: 2.3; letter-spacing: 1px; }
#concept .txt p span{ display: inline-block;}
@media screen and (max-width: 800px) {/*tab*/
#concept { padding: 60px 0 60px; }
#concept .txt {  margin: 50px auto 0; width: 85%; text-align: left; }
#concept .txt p{  font-size: 16.5px; line-height: 2.1; letter-spacing: 1px; }
#concept .txt p br.concept_txt_br{ display: none;}
}/*END*/
@media screen and (max-width: 640px) {
#concept .txt p{ font-size:16.5px; line-height: 2; letter-spacing: 0px; }
}/*END*/
@media screen and (max-width: 480px) {/*sp*/
#concept { padding: 60px 0 60px;  }
#concept .txt {  margin: 50px auto 0; width: 85%; text-align: left; }
#concept .txt p{ font-size:16.5px; line-height: 1.9; letter-spacing: 0px; }
#concept .txt p br.concept_txt_br{ display: none;}
}/*END*/
@media screen and (max-width: 400px) {
#concept .txt p{ font-size: 4vw; line-height: 1.8; letter-spacing: 0.1vw; text-align: left; }
}/*END*/

/*-------------------------------------------------
	visual
---------------------------------------------------*/
#visual{ width: 100%; height: 40vw; position: relative; z-index: 1;}
#visual::before{ content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%);}
.parallax-window { height: 100%; background: transparent; }
@media screen and (max-width: 1024px) {
#visual{width: 100%; height: 60vw; }
}/*END*/
.visual_x2{ display: block;}
.visual_x1{ display: none;}
.visual_sp{ display: none;}
@media screen and (max-width: 1200px) {
.visual_x2{ display: none;}
.visual_x1{ display: block;}
.visual_sp{ display: none;}
}/*END*/
@media screen and (max-width: 640px) {
.visual_x2{ display: none;}
.visual_x1{ display: none;}
.visual_sp{ display: block;}
}/*END*/

/*-------------------------------------------------
	base
---------------------------------------------------*/
h2{ font-size: 22px; line-height: 1; letter-spacing: 10px; text-align: center; font-family: 'Cormorant Infant', serif; color: #7c7c7c;}
p.txt{ font-size: 18px; line-height: 2; letter-spacing: 0.3px; text-align: left; }
p.txt_s{ margin-top: 25px; font-size: 16px; line-height: 1.5; letter-spacing: 0.5px; text-align: left; color: #999;}
.s140th_02 .inner .txt_box p.txt_s{  color: #ccc;}
@media screen and (max-width: 640px) {
h2{ font-size: 20px; line-height: 1; letter-spacing: 8px; }
p.txt{ font-size: 16.5px; line-height: 1.8; letter-spacing: 0.2px; text-align: left; }
p.txt_s{ margin-top: 15px; font-size: 14.5px; line-height: 1.5; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 400px) {
h2{ font-size: 18px; line-height: 1; letter-spacing: 6px;}
p.txt{ font-size: 4vw; line-height: 1.8; letter-spacing: 0.05vw; text-align: left; }
p.txt_s{ margin-top: 3vw; font-size: 3.2vw; line-height: 1.5; letter-spacing: 0px;}
}/*END*/

/*-------------------------------------------------
	hystory
---------------------------------------------------*/
#hystory{ width: 92.5%; margin: 0 auto; text-align: center; color: #000; background: #f3f3f3; box-sizing: border-box; }
#hystory h2{ padding: 100px 0 33px; margin-bottom: 90px; font-size: 34px;letter-spacing: 1px; line-height: 1.2; text-align: center; color: #000; position: relative; display: inline-block;font-family:"Times New Roman", Times, "serif"; font-weight: normal;  }
#hystory h2::after{ content: ''; display: block; width: 28%; height: 3px; position: absolute; left: 50%; bottom: 0px; margin-left: -14%; background: #adadad;}
#hystory .hystory_box{ width: 80%; max-width: 1050px; margin: 0px auto 0; }
#hystory .hystory_box::after { content:" "; display:block; clear:both;}/*clearfix*/
#hystory .hystory_box .txt_box { float: left; width: 59%;}
#hystory .hystory_box .img_box { float: right; width: 30%;}
#hystory .hystory_box .txt_box p.txt{line-height: 1.9;}
#hystory .hystory_box .img_box p.neme{ margin-top: 10px; font-size: 15px; line-height: 1.6; letter-spacing: 0.5px; text-align: center;}
@media screen and (max-width: 1024px) {
#hystory{ width: 90%; margin: 0 auto; text-align: center; color: #000; background: #f3f3f3; box-sizing: border-box; }
}/*END*/
@media screen and (max-width: 960px) {
#hystory h2{ padding: 90px 0 29px; margin-bottom: 70px; font-size: 32px; letter-spacing: 0px; }
#hystory .hystory_box{ width: 80%; max-width: 1050px; margin: 0px auto; }
#hystory .hystory_box .txt_box { float: none; width: 100%;}
#hystory .hystory_box .img_box { float: none; width: 100%; margin: 40px auto 0;}
#hystory .hystory_box .img_box img { width: 50%; max-width: 300px; }
#hystory .hystory_box .img_box p.neme{ margin-top: 10px; font-size: 14px; line-height: 1.6; letter-spacing: 0px; text-align: center;}
}/*END*/
@media screen and (max-width: 640px) {
#hystory{ width: 95%; margin: 0 auto; text-align: center; color: #000; background: #f3f3f3; box-sizing: border-box; }
#hystory .hystory_box{ width: 85%; max-width: 1050px; margin: 0px auto; }
#hystory .hystory_box .txt_box p.txt{line-height: 1.8;}
}/*END*/
@media screen and (max-width: 560px) {
#hystory h2{  padding: 14vw 0 5.5vw; margin-bottom: 10vw; font-size: 5.6vw; letter-spacing: 0vw; }
}/*END*/
@media screen and (max-width: 440px) {
#hystory h2{padding: 16vw 0 27px; margin-bottom: 12vw; font-size: 25px; letter-spacing: 0px;}
#hystory .hystory_box .img_box p.neme{ margin-top: 10px; font-size: 3.3vw; line-height: 1.6; letter-spacing: 0px; text-align: center;}
}/*END*/
@media screen and (max-width: 400px) {
#hystory h2{ padding: 16vw 0 5vw; margin-bottom: 12vw; font-size: 6.3vw; letter-spacing: 0vw; }
}/*END*/
/*hr*/
#hystory hr{ border: none ; margin: 90px auto 85px; width: 100%; max-width: 1100px; height: 2px; display: block;  background-image: linear-gradient(to right, rgba(243,243,243,0) 0%, #c6c6c6 50%, rgba(243,243,243,0) 100%);position: relative;}
#hystory hr::before{ content: ''; width: 100%; height: 1px; display: block; background-image: linear-gradient(to right, rgba(243,243,243,0) 0%, #fff 50%, rgba(243,243,243,0) 100%); position: absolute; left: 0px; top:1px;}
@media screen and (max-width: 960px) {
#hystory hr{ border: none ; margin: 60px auto 60px; }
}/*END*/
@media screen and (max-width: 640px) {
#hystory hr{ border: none ; margin: 10vw auto 10vw; }
}/*END*/
/*movie*/
#movie{ padding: 0 0 80px;}
#movie h3{ font-size: 38px; line-height: 1.5; letter-spacing: 0.3px;}
.btn_movie{ width: 90%; max-width: 900px; margin: 40px auto 0; padding: 0; overflow: hidden; background: #000; position: relative;}
.btn_movie figure{ width: 100px; height: 100px; margin: -50px 0 0 -50px; position: absolute; left: 50%; top:50%; background: url("../img/movie_play.png") center center;background-size:cover;  z-index: 2;}
.btn_movie img{ transition: 1.2s; padding: 0; margin: 0; vertical-align: bottom;}
.btn_movie:hover img{ transform: scale(1.08); opacity: 0.5;}
@media screen and (max-width: 960px) {
#movie h3{ font-size: 36px; letter-spacing: 0.2px;}
}/*END*/
@media screen and (max-width: 640px) {
#movie h3{ font-size: 5.8vw; letter-spacing: 0.1px;}
#movie{ padding: 0 0 11vw;}
.btn_movie{ width: 90%; max-width: 900px; margin: 6vw auto 0;}
.btn_movie figure{ width: 14vw; height: 14vw; margin: -7vw 0 0 -7vw; }
}/*END*/
@media screen and (max-width: 500px) {
.btn_movie figure{ width: 16vw; height: 16vw; margin: -8vw 0 0 -8vw; }
}/*END*/
/*philosophy_read*/
#hystory .philosophy_read{ width: 80%; max-width: 1100px; margin: 0 auto; font-size: 25px; line-height: 1.9; letter-spacing: 0.3px; text-align: left;}
#hystory .philosophy_read span{ display: inline-block; }
@media screen and (max-width: 840px) {
#hystory .philosophy_read{ width: 80%; margin: 0 auto; font-size: 22px; line-height: 1.9; letter-spacing: 0.2px; text-align: left; }
#hystory .philosophy_read br{ display:none; }
#hystory .philosophy_read span{ display: inline; }
}/*END*/
@media screen and (max-width: 640px) {
#hystory .philosophy_read{ width: 80%; margin: 0 auto; font-size: 21px; line-height: 1.6; letter-spacing: 0.2px; }
}/*END*/
@media screen and (max-width: 510px) {
#hystory .philosophy_read{ width: 80%; margin: 0 auto; font-size: 19px; line-height: 1.6; letter-spacing: 0.1px; }
}/*END*/
@media screen and (max-width: 455px) {
#hystory .philosophy_read{ width: 80%; margin: 0 auto; font-size: 4vw; line-height: 1.6; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 400px) {
#hystory .philosophy_read{ width: 80%; margin: 0 auto; font-size: 4.5vw; line-height: 1.6; letter-spacing: 0.1vw; }
}/*END*/
.philosophy_word_btm{ font-size: 15px; letter-spacing: 2px; padding: 20px; line-height: 1; font-family: "Times New Roman", Times, "serif"; font-weight: normal;}
@media screen and (max-width: 640px) {
.philosophy_word_btm{ font-size: 14px; letter-spacing: 2px; padding: 18px;}
}/*END*/
/* ul */
#hystory ul{ margin-top: 90px; padding-bottom: 80px;}
#hystory ul li{ background: #fff; margin: 0 auto 40px; width: 80%; max-width: 1100px; display: flex; align-items: center; text-align: left; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.05);}
#hystory ul li .img_box { width: 40%;  padding: 100px 0;text-align: center; }
#hystory ul li .img_box img { width: 80%; max-width: 270px; }
#hystory ul li .txt_box{ width: 50%; padding: 100px 0;}
#hystory ul li .txt_box h3{ font-size: 30px; line-height: 1.3; letter-spacing: 0.3px; margin-bottom: 20px;}
#hystory ul li .txt_box h3 span{ display: inline-block;}
#hystory ul li .txt_box p{ line-height: 1.6;}
@media screen and (max-width: 1400px) {
#hystory ul li .img_box { width: 40%;  padding: 80px 0;text-align: center; }
#hystory ul li .txt_box{ width: 50%; padding: 80px 0;}
}/*END*/
@media screen and (max-width: 1100px) {
#hystory ul li{ background: #fff; margin: 0 auto 40px; width: 80%; max-width: 1100px; display: block; align-items:baseline; text-align: left;}
#hystory ul li .img_box { width: 90%;  padding: 60px 0 40px; margin: 0 auto;}
#hystory ul li .img_box img { width: 75%; max-width: 280px; }
#hystory ul li .txt_box{ width: 80%; padding: 0px 0 70px; margin: 0 auto;}
}/*END*/
@media screen and (max-width: 860px) {
#hystory ul{ margin-top: 90px;padding-bottom: 1vw;}
#hystory ul li{ background: #fff; margin: 0 auto 40px; width: 90%; max-width: 1100px; display: block; align-items:baseline; text-align: left; }
#hystory ul li .img_box { width: 90%;  padding: 8vw 0 6vw; margin: 0 auto;}
#hystory ul li .img_box img { width: 70%; max-width: 270px; }
#hystory ul li .txt_box{ width: 80%; padding: 0px 0 8vw; margin: 0 auto;}
}/*END*/
@media screen and (max-width: 640px) {
#hystory ul{ margin-top: 11vw;padding-bottom: 1vw;}
#hystory ul li .img_box { width: 90%;  padding: 8vw 0 6vw; margin: 0 auto;}
#hystory ul li .img_box img { width: 65%; max-width: 230px; }
#hystory ul li .txt_box h3{ font-size: 25px; line-height: 1.3; letter-spacing: 0.2px; margin-bottom: 20px;}
}/*END*/
@media screen and (max-width: 450px) {
#hystory ul li .txt_box h3{ font-size: 24px; line-height: 1.3; letter-spacing: 0.2px; margin-bottom: 20px;}
}/*END*/
@media screen and (max-width: 400px) {
#hystory ul li .txt_box h3{ font-size: 5.4vw; line-height: 1.3; letter-spacing: 0.1vw; margin-bottom: 4vw;}
}/*END*/

/*-------------------------------------------------
  design
---------------------------------------------------*/
#design{ position: relative; width: 100%;}
#design h2{ padding: 125px 0; }
@media screen and (max-width: 850px) {
#design h2{ padding: 15vw 0; }
}/*END*/
@media screen and (max-width: 640px) {
#design h2{ padding: 17vw 0; }
}/*END*/
#design .design_bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
#design .design_bg::before{ content: ''; display: block; max-width: 700px; width: 50%; margin: 0 auto; height: 100%;  background: url("../img/design_bg.gif") center; }
#design ul li{ width: 100%; max-width: 1500px; margin: 0 auto;}
#design ul li::after { content:''; display:block; clear:both;}
#design ul li h3{ font-size: 26px; line-height: 1.7; margin-bottom: 40px; letter-spacing: 3px; }
#design ul li p.txt{ line-height: 2; color: #bbb;}
@media screen and (max-width: 1450px) {
#design ul li h3{ font-size: 24px; margin-bottom: 40px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 1100px) {
#design ul li h3{ font-size: 2.4vw; margin-bottom: 40px; letter-spacing: 2px; }
}/*END*/
@media screen and (max-width: 1000px) {
#design ul li h3{ font-size: 24px; margin-bottom: 40px; letter-spacing: 3px; }
}/*END*/
@media screen and (max-width: 640px) {
#design ul li .txt_box span{ display: inline-block;}
#design ul li h3{ font-size: 22px; margin-bottom: 35px; letter-spacing: 2px; }
#design ul li h3 br{ display: none; }
#design ul li p.txt{ line-height: 1.9; color: #bbb;}
}/*END*/
@media screen and (max-width: 420px) {
#design ul li .txt_box span{ display: inline-block;}
#design ul li h3{ font-size: 5.2vw; margin-bottom: 30px; letter-spacing: 0.3vw; }
#design ul li h3 br{ display: none; }
#design ul li p.txt{ line-height: 1.9; color: #bbb;}
}/*END*/
/*-----01-----*/
#design ul li:nth-child(1) .img_box{ float: left; width: 56.4%; margin: 0;}
#design ul li:nth-child(1) .txt_box{ float: left; width: 33%; margin:210px 0 0 6%;}
#design ul li:nth-child(1) .img_box img{ width: 100%; }
@media screen and (max-width: 1450px) {
#design ul li:nth-child(1) .img_box{ float: left; width: 50%; margin-left: 0%;}
#design ul li:nth-child(1) .txt_box{ float: left; width: 40%; margin:13vw 0 0 7%;}
#design ul li:nth-child(1) .txt_box p{ width: 90%; }
}/*END*/
@media screen and (max-width: 1000px) {
#design ul li:nth-child(1) .img_box{ float: none; width: 80%; margin: 0 auto;}
#design ul li:nth-child(1) .txt_box{ float: none; width: 80%; max-width: 700px; margin:50px auto 0;}
#design ul li:nth-child(1) .txt_box p{ width: 100%; }
}/*END*/
/*-----02-----*/
#design ul li:nth-child(2) {margin-top:165px;}
#design ul li:nth-child(2) .img_box{ width: 58.2%; margin-left: 33.3%;}
#design ul li:nth-child(2) .txt_box{ width: 68%; margin:90px auto 0;}
@media screen and (max-width: 1000px) {
#design ul li:nth-child(2) {margin-top:20vw;}
#design ul li:nth-child(2) .img_box{ width: 80%; margin: 0 auto;}
#design ul li:nth-child(2) .txt_box{ width: 80%; max-width: 700px; margin:50px auto 0;}
}/*END*/
/*-----03-----*/
#design ul li:nth-child(3) {margin-top:170px; padding-bottom:200px; }
#design ul li:nth-child(3) .img_box{ float: left; width: 43.7%; margin-left: 5.2%;}
#design ul li:nth-child(3) .txt_box{ float: left; width: 41%; margin:120px 0 0 4%;}
@media screen and (max-width: 1450px) {
#design ul li:nth-child(3) .img_box{ float: left; width: 40%; margin-left: 0;}
#design ul li:nth-child(3) .txt_box{ float: left; width: 46%; margin:12vw 0 0 7%;}
}/*END*/
@media screen and (max-width: 1000px) {
#design ul li:nth-child(3) {margin-top:20vw; padding-bottom:20vw; }
#design ul li:nth-child(3) .img_box{ float: none; width: 80%; margin: 0 auto ; text-align: center;}
#design ul li:nth-child(3) .txt_box{ float: none; width: 80%; max-width: 700px; margin:50px auto 0;}
}/*END*/

/*-------------------------------------------------
	s140th
--------------------------------------------------*/
#s140th{ background: #000;}
.s140th_x2{display:block; }
.s140th_x1{display:none; }
.s140th_sp{display:none; }
@media screen and (max-width: 1200px) {
.s140th_x2{display:none; }
.s140th_x1{display:block; }
.s140th_sp{display:none; }
}/*END*/
@media screen and (max-width: 1024px) {
.s140th_x2{display:none; }
.s140th_x1{display:none; }
.s140th_sp{display:block; }
}/*END*/
.s140th_main { width: 100%; position: relative; overflow: hidden; background: #060606;}
/*main_img*/
.s140th .img { position: relative; z-index: 1; }
.s140th .img img{ width:100%; }
.s140th_main img{ width:100%; }
/*title_box*/
.s140th_main .title_box{ max-height:58vw; width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center;  transition: .5s; }
.s140th_main .title_box div { margin-top: 0vh; }
.s140th_main .title_box div h2 small{ font-size: 1.9vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 0.77vw; display: block; }
.s140th_main .title_box div h2{ font-size: 2.6vw; line-height: 1.4; letter-spacing: 0vw; color: #fff; font-family:"Times New Roman", Times, "serif"; font-weight: normal;}
.s140th_main .title_box div h2 span{ display: inline-block;}
.s140th_main .title_box .logo_gs{ margin: 5vw auto 0; width: 17.8vw; }
@media screen and (max-width: 1300px) {
.s140th_main .title_box div h2 small{ font-size: 2.0vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 1vw; }
.s140th_main .title_box div h2{ font-size: 2.8vw; line-height: 1.4; letter-spacing: 0vw; }
.s140th_main .title_box div h2 span{ display: block;}
}/*END*/
@media screen and (max-width: 1024px) {
.s140th_main .title_box{ max-height:auto; width: 90%; margin: 0 auto; padding: 12vw 0; height: auto; position: relative;  text-align: center; display: block;  }
.s140th_main .title_box div h2 small{ font-size: 3vw; line-height: 1.1; letter-spacing: 0px; margin-bottom: 0.5vw; }
.s140th_main .title_box div h2{ font-size: 4.0vw; line-height: 1.4; letter-spacing: 0px; }
.s140th_main .title_box div h2 span{ display: inline-block;}
}/*END*/
@media screen and (max-width: 760px) {
.s140th_main .title_box div h2 small{ font-size: 4.6vw; line-height: 1; letter-spacing: 0vw; margin-bottom: 2.5vw; }
.s140th_main .title_box div h2{ font-size: 5.8vw; line-height: 1.5; letter-spacing: 0vw; }
.s140th_main .title_box div h2 span{ display: block;}
}/*END*/

/*-------------------------------------------------
	s140th_01
---------------------------------------------------*/
.s140th_01{ position: relative;}
.s140th_01 .img { margin-left: 0vw; transition: 0.5s;}
.s140th_01 .inner { max-width:1500px; width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -750px; z-index: 1;}
.s140th_01 .inner .txt{ width:400px; position: absolute; right:90px; bottom:7vw; z-index: 1;}
@media screen and (max-width:1500px) {
.s140th_01 .inner { width: 100%; height: 100%; position: absolute; left:0; top:0; margin-left: 0px;}
}/*END*/
@media screen and (max-width:1400px) {
.s140th_01 .img {margin-left: -5vw;}
}/*END*/
@media screen and (max-width:1300px) {
.s140th_01 .inner{ display: flex; align-items: center; position: absolute; left:0vw; top:0; margin-left: 0px;}
.s140th_01 .inner .txt{ width: 33vw; max-width:400px; position: absolute; right:90px; bottom:auto; z-index: 1; line-height: 1.9;}
}/*END*/
@media screen and (max-width:1200px) {
.s140th_01 .inner { width: 100%; height: 100%; position: absolute; left:3vw; top:0; margin-left: 0px; }
.s140th_01 .img {margin-left: -10vw;}
}/*END*/
@media screen and (max-width: 1024px) {
.s140th_01 .inner { width: 85%; max-width:660px; height: auto; position: relative; left:0%; top:0; padding: 0px 0 12vw; margin: 0 auto; z-index: 1;}
.s140th_01 .inner .txt{ width:100%; max-width:100%; position: relative; right:0px; bottom:0vw; z-index: 1;}
.s140th_01 .img {margin-left: 0vw;}
}/*END*/

/*-------------------------------------------------
	s140th_02
---------------------------------------------------*/
.s140th_02{ position: relative;}
.s140th_02 .inner { max-width:1200px; width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -600px; z-index: 1; transition: 0.5s;}
.s140th_02 .inner .txt_box{ width:330px; position: absolute; left:90px; bottom:10vw; z-index: 1;}
@media screen and (max-width:1400px) {
.s140th_02 .inner { max-width:1100px; width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -550px; z-index: 1;}
.s140th_02 .inner .txt_box{ width:320px; position: absolute; left:90px; bottom:10vw; z-index: 1;}
}/*END*/
@media screen and (max-width:1200px) {
.s140th_02 .inner { max-width:1100px; width: 100%; height: 100%; position: absolute; left:50%; top:0; margin-left: -550px; z-index: 1;}
}/*END*/
@media screen and (max-width: 1024px) {
.s140th_02 .inner { width: 85%; max-width: 660px; height: auto; position: relative; left:0%; top:0; padding: 0px 0 12vw; margin: 0 auto; z-index: 1;}
.s140th_02 .inner .txt_box{ width:100%; position: relative; left:0px; bottom:0vw; z-index: 1;}
}/*END*/

/*-------------------------------------------------
	COLLECTIONS
--------------------------------------------------*/
.collections_BOX { width: 92.5%; margin: 0 auto 4vw; background: #e6e6e6; color: #000; padding: 90px 0px 0; position: relative; text-align: center; z-index: 10; }
@media screen and (max-width: 860px) {
.collections_BOX { padding: 14vw 0px 0;}
}/*END*/
.collections_BOX h2{ font-size: 36px; line-height: 1.4; letter-spacing: 0.2px; text-align: center; color: #000; font-family:"Times New Roman", Times, "serif"; font-weight: normal;}
.collections_BOX h2 span{ display: block;}
.collections_BOX h2 small{font-size: 26px; line-height: 1.4; letter-spacing: 0.2px; padding-bottom: 4px; display: block; }
@media screen and (max-width: 640px) {
.collections_BOX h2{ font-size: 5.5vw; line-height: 1.4; letter-spacing: .03vw; }
.collections_BOX h2 small{ font-size: 3.8vw; line-height: 1.4; letter-spacing: .03vw; }
}/*END*/
.collections_BOX .inner{ max-width: 600px; margin: 0 auto; padding: 80px 0 100px; transition: 0.5s;}
@media screen and (max-width: 550px) {
.collections_BOX .inner{ max-width: 600px; margin: 0 auto; padding: 10vw 0 15vw;}
}/*END*/
.collections_BOX .inner::after { content:" "; display:block; clear:both;}/*clearfix*/
.collections_BOX .inner .inner_L{ float: left; width: 50%;}
.collections_BOX .inner .inner_R{ float: left; width: 50%;}
@media screen and (max-width: 960px) {
.collections_BOX .inner .inner_L{ float: left; width: 45%;}
.collections_BOX .inner .inner_L img{ margin-left: 6vw;}
.collections_BOX .inner .inner_R{ float: left; width: 55%; }
}/*END*/
@media screen and (max-width: 750px) {
.collections_BOX .inner .inner_L{ float: none; width: 100%; margin: 0 auto;}
.collections_BOX .inner .inner_L img{ margin-left: inherit;}
.collections_BOX .inner .inner_R{ float: none; width: 100%; margin: 7vw auto 0;}
}/*END*/
.collections_BOX .collections_img { max-width: 290px; margin: 0 auto; }
.collections_BOX .collections_img img{ width: 100%; }
@media screen and (max-width: 750px) {
.collections_BOX .collections_img { max-width: 270px; width: 50%; margin: 0 auto; }
.collections_BOX .collections_img img{ margin-left: 0%; }
}/*END*/
.collections_BOX .collections_name { margin-top: 30px; font-size: 16px; line-height: 1.6; letter-spacing: 1px; font-weight: 500; }
@media screen and (max-width: 750px) {
.collections_BOX .collections_name { margin-top: 25px; width: 90%; margin: 0 auto; font-size: 16px; line-height: 1.6; letter-spacing: 1px; }
}/*END*/
.collections_no { margin-top: 140px; font-size: 22px; line-height: 1; letter-spacing: 2px; font-weight: 500; }
@media screen and (max-width: 750px) {
.collections_no { margin-top: 4vw; font-size: 22px; line-height: 1; letter-spacing: 2px; font-weight: 500; }
}/*END*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; }
.collections_price { margin-top: 18px; font-size: 19px; line-height: 1.2; letter-spacing: 1px;}
.collections_price span { font-size: 12px; line-height: 1.2; letter-spacing: .5px; margin-left: 1px;}
.collections_limited { margin-top: 20px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_release { margin-top: 20px; }
.collections_release p{ font-size: 13px; line-height: 1.6; letter-spacing: 0.5px;}
.collections_release p:nth-child(1){padding-bottom: 3px;}
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 12px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 370px) {
.collections_release p{ font-size: 11px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
.collections_btn { padding-top: 10px; }
.collections_btn a { margin: 0 auto; width: 180px; margin-top: 15px; background: #000; font-size: 13.5px; line-height: 1; font-weight: 500; padding: 16px 0; letter-spacing: 1px; color: #fff; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { background: #666; opacity: 1; }
@media screen and (max-width: 850px) {
.collections_btn a { width: 180px; padding: 16px 0; }
}/*END*/
.collections_txt { margin-top: 34px; font-size: 13px; line-height: 1.7; letter-spacing: 0.3px;}
@media screen and (max-width: 640px) {
.collections_txt { margin-top: 34px; font-size: 13px; line-height: 1.7; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 400px) {
.collections_txt { width: 90%; margin: 34px auto 0; font-size: 13px; line-height: 1.7; letter-spacing: 0px;}
.collections_txt br{ display: none;}
.collections_txt span{ display: inline-block;}
}/*END*/

/*-------------------------------------------------
	footer 
---------------------------------------------------*/
footer { background: #1e2432; padding: 120px 0; position: relative; }
@media screen and (max-width: 500px) {
footer { padding: 60px 0; }
}/*END*/
footer .inner { max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 0 50px; position: relative; }
@media screen and (max-width: 500px) {
footer .inner { padding: 0 15px; }
}/*END*/
footer .footer_wrapper { display: flex; justify-content: space-between; align-items: center; }
footer .footer_wrapper-logo { width: 140px; position: relative; z-index: 1; }
@media screen and (max-width: 500px) {
footer .footer_wrapper-logo { width: 110px; }
}/*END*/
footer .footer_wrapper-sns { display: flex; position: relative; z-index: 1; }
footer .footer_wrapper-sns li { width: 30px; margin-left: 20px; }
footer .footer-copyright { text-align: center; letter-spacing: 1px; font-size: 1.0rem; color: #ffffff; position: absolute; top: 50%; left: 0; right: 0; transform: translate(0,-50%); }
@media screen and (max-width: 900px) {
footer .footer-copyright { margin-top: 30px; position: relative; top: auto; left: auto; transform: none; }
}/*END*/
@media screen and (max-width: 500px) {
footer .footer-copyright { margin-top: 30px; font-size: 0.7rem;  }
}/*END*/
#page-top { width: 50px; position: fixed; bottom: 40px; right: 30px; z-index: 999; }
@media screen and (max-width: 500px) {
#page-top { width: 40px; bottom: 15px; right: 15px; }
}/*END*/