@charset "utf-8";
/*-------------------------------------------------
	reset
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; }
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }
/*-------------------------------------------------
	base
--------------------------------------------------*/
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; position: relative; }
body {position: relative; background: #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:link { color: #fff; transition: 0.3s;}
a:visited { color: #fff; transition: 0.3s;}
a:hover,a:active { color: #fff; }
img.sp{display:none!important;}
img.pc{display:inline!important;}
@media (max-width:1024px){
img.sp{display:inline!important;}
img.pc{display:none!important;}
}
.clear::after { content:" "; display:block; clear:both;}
/*anime set
------------------------*/
.main_bg,
.main_img01,
.main_img02,
.main_img03,
#main h1,
#concept p,
#concept .concept_bg,
#nav ul li a .nav_img div,
#nav ul li h3 span,
#nav .bottom_line,
.co_head .txt_box h2 small,
.co_head .txt_box h2 .title01,
.co_head .txt_box h2 .title02,
.co_head .txt_box p,
.co_head .img_box p,
.co_head img,
.co_head .img2 img,
.co_title,
.co_wrap .img_box,
.co_wrap .txt_box,
.collections .inner .inner_L,
.collections .inner .inner_R { visibility: hidden;}
/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 600; }
/*------ header logo ------*/
header .seiko_logo{ width: 200px; position:absolute; left: 25px; top: 25px; transition: 0.5s;padding: 0; z-index: 600;}
header img{ width: 100%;}
header .prospex_logo{ width: 220px; position:absolute; right: 30px; top: 30px; transition: 0.5s;padding: 0; z-index: 600;}
@media (max-width: 1500px) {
header .seiko_logo{ width: 13.5vw; position:absolute; left: 1.6vw; top: 1.6vw;}
header .prospex_logo{ width: 14.5vw; position:absolute; right: 2vw; top:2vw; }
}/*END*/
@media (max-width: 1300px) {
header .seiko_logo{ width: 14vw; position:absolute; left: 1.6vw; top: 1.6vw;}
header .prospex_logo{ width: 15vw; }
}/*END*/
@media (max-width: 640px) {
header .seiko_logo{ width: 17vw; position:absolute; left: 1.6vw; top: 1.6vw;}
header .prospex_logo{ width: 20vw; }
}/*END*/
@media screen and (max-width: 1200px) and (orientation: portrait) {
header .seiko_logo{ width: 22vw; position:absolute; left: 2.5vw; top: 3vw;}
header .prospex_logo{ width: 28vw; position:absolute; right: 3vw; top:3.5vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 26vw; position:absolute; left: 2.5vw; top: 3vw;}
header .prospex_logo{ width: 36vw; }
}/*END*/
/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative; }
/*-------------------------------------------------
	main
--------------------------------------------------*/
#main { width: 100%; height: 100vh; position: relative; overflow: hidden; outline:none; display: flex; align-items: center; justify-content: center;}
#main .main_inner{ margin-top: -0vh; width: 100%;}
#main .main_inner ul{ max-width: 65%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
#main .main_inner li{ display: inline-block; text-align: center;}
#main .main_inner img{ min-width: 33.33%; max-height: 60vh; }
#main .main_inner .title h1 small{ font-size: 39px; display: block;}
#main .main_inner .title h1{ margin-top: -3.2vh; font-size: 54px; line-height: 1.15; letter-spacing: 0px; text-align: center; position: relative; z-index: 3; font-family: 'Montserrat', sans-serif; font-weight: 700; text-shadow: 0px 0px 20px #4f643d; }
#main .main_inner .title h1 span{ font-size: 52px; display: block;}
@media screen and (max-width: 1700px) {
#main .main_inner .title h1 small{ font-size: 2.3vw; }
#main .main_inner .title h1{ font-size: 3.18vw; }
#main .main_inner .title h1 span{ font-size: 3.08vw; }
}/*END*/
@media screen and (orientation: portrait) {
#main { width: 100%; height: 100vh; max-height: 180vw;}
#main .main_inner ul{ max-width: 90%; }
#main .main_inner img{ min-width: 33.33%; max-height: 65vh; }
#main .main_inner .title h1 small{ font-size:  3.95vw; }
#main .main_inner .title h1{ margin-top: 2vh; font-size: 5.5vw; width: 100%; text-align: center; z-index: 2;}
#main .main_inner .title h1 span{ font-size:  5.3vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .main_inner ul{ max-width: 96%; }
#main { width: 100%; height: 100vh; max-height: 180vw;}
#main .main_inner .title h1 small{ font-size:  4.7vw; }
#main .main_inner .title h1{ font-size: 6.5vw; }
#main .main_inner .title h1 span{ font-size:  6.3vw; }
}/*END*/
/*main_bg*/
#main .main_bg{ position: absolute; left: 0px; top: 0px; background: url("../image/main_bg.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; z-index: -1;}
@media (max-width: 860px) {
#main .main_bg{ background: url("../image/main_bg_sp.jpg") center center no-repeat; background-size: cover; }
}/*END*/
/*-------- main_arrow --------*/
.main_arrow{ opacity: 0; position: absolute; bottom: 8vh; left: 0; width: 100%; height: 2vh; text-align: center; z-index: 3;}
.main_arrow{ animation: arrow_in 1s 1.5s 1 forwards linear; transition: 0.3s;}
@keyframes arrow_in { 0% { opacity: 0;} 100% { opacity: 1;}}
.main_arrow img{ width: 50px; }
.main_arrow img{ opacity: 0; animation: main_arrow 1.5s 0.5s infinite normal cubic-bezier(.09,.87,.63,.99); position: relative; z-index: 11; }
@keyframes main_arrow { 0% { opacity: 0; top:0vh;} 40% { opacity: 0.5;} 60% { opacity: 0.5;} 100% { opacity: 0; top:2vh;}}
@media screen and (orientation: portrait) {
.main_arrow{ position: absolute; bottom: 5vh; left: 0; }
.main_arrow img{ width: 40px; }
}/*END*/
@media screen and (max-width: 1500px) {
.main_arrow{  bottom: 8vh; }
.main_arrow img{ width: 40px; }
}/*END*/
@media screen and (max-width: 1400px) {
.main_arrow{  bottom: 7.5vh; }
.main_arrow img{ width: 35px; }
}/*END*/
@media screen and (max-width: 960px) {
.main_arrow{  bottom: 7vh; }
.main_arrow img{ width: 3.5vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.main_arrow{ position: absolute; bottom: 9.5vh; left: 0; }
.main_arrow img{ width: 40px; }
}/*END*/
/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { position: relative; overflow: hidden; }
#concept .inner{ width: 90%; height: 850px; margin: 0 auto; z-index: 2; display: flex; align-items: center; }
#concept .inner .inner_txt{ width: 90%; max-width:1100px; margin: 0 auto; text-align: left; position: relative; z-index: 2; }
#concept .inner p{ font-size: 16px; line-height: 2.2; letter-spacing: .5px; color: #fff;}
#concept .inner p span{ display: inline-block;}
@media (max-width: 1400px) {
#concept .inner .inner_txt{ width: 90%; max-width:820px; }
#concept .inner p{ font-size: 15px; line-height: 2.2; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1200px) {
#concept .inner .inner_txt{ width: 80%; max-width: 820px; }
#concept .inner p{ font-size: 15px; line-height: 2.0; }
}/*END*/
@media (max-width: 960px) {
#concept .inner{ width: 100%; height: auto; padding: 18vw 0; }
#concept .inner .inner_txt{ width: 70%; max-width: 820px; margin: 0 auto; }
#concept .inner p{ font-size: 15px; line-height: 2.2;  letter-spacing: 0px;}
}/*END*/
@media (max-width: 640px) {
#concept .inner .inner_txt{ width: 80%; ax-width: 1000px;}
#concept .inner p{ font-size: 15px; line-height: 1.9; }
}/*END*/
@media (max-width: 400px) {
#concept .inner .inner_txt{ width: 85%; }
#concept .inner p{ font-size: 14px; line-height: 1.8; }
}/*END*/
.concept_br{display:inline}
@media (max-width:960px){
.concept_br{display:none}
}/*END*/
/*concept_bg*/
#concept .concept_bg{ position: absolute; left: 0px; top: 0px; background: url("../image/concept_bg.jpg") center center no-repeat; background-size: cover; opacity: 0.6; width: 100%; height: 100%; z-index: 1;}
@media (max-width: 860px) {
#concept .concept_bg{ background: url("../image/concept_bg_sp.jpg") center center no-repeat; background-size: cover; opacity: 0.5;}
}/*END*/
/*-------------------------------------------------
	nav
--------------------------------------------------*/
#nav{ width: 100%; }
#nav ul::after { content:" "; display:block; clear:both; }
#nav ul li{ width: 50%; height: auto; float: left; text-align: center; position: relative; z-index: 0;}
#nav ul li a{ display: block; padding:20px 0 100px; text-decoration: none; color: #fff; position: relative; overflow: hidden; }
#nav ul li a .btn_inner{ position: relative; z-index: 2; }
#nav ul li:nth-child(1){ background: #0f1e0c; transition: 0.5s;}
#nav ul li:nth-child(2){ background: #000f02; transition: 0.5s;}
#nav ul li .nav_img{ padding-top: 40px; width: 100%; display: flex; justify-content: center; text-align: center;}
#nav ul li .nav_img img{ transition: 0.6s; width: 20vw; margin: 0 1vw; max-width: 220px; display: inline-block; text-align: center;}
#nav ul li h4{ margin-top: 20px; font-size: 18px; line-height: 1; letter-spacing: .5px; transition: 0.3s; font-family: 'Oswald', sans-serif;}
/*img hover*/
#nav ul li a .nav_img { margin: 0 auto; transition: 0.4s;}
#nav ul li a:hover .nav_img img{ transform: scale(1.04); opacity: 1; }
/*bg hover*/
#nav ul li:nth-child(1) a .btn_bg{ position: absolute; left: 50%; top: -35vw; width: 60vw; height: 60vw; margin-left: -30vw; background: radial-gradient(circle closest-side, rgba(62,84,32, 1), rgba(62,84,32,0) ); z-index: 1; opacity: .6; transition: 0.5s;}
#nav ul li:nth-child(1) a:hover .btn_bg{ opacity: 1; }
#nav ul li:nth-child(2) a .btn_bg{ position: absolute; left: 50%; top: -35vw; width: 60vw; height: 60vw; margin-left: -30vw; background: radial-gradient(circle closest-side, rgba(12,72,41, 1), rgba(12,72,41,0) ); z-index: 1; opacity: .6; transition: 0.5s;}
#nav ul li:nth-child(2) a:hover .btn_bg{ opacity: 1; }
@media screen and (max-width: 740px) {
#nav ul li a{ padding:6vw 0 13vw;}
#nav ul li .nav_img{ padding-top: 4vw; }
#nav ul li h4{ margin-top: 2vw; }
}/*END*/
@media screen and (max-width: 500px) {
#nav ul li h4{ margin-top: 2vw; font-size: 2.9vw; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 400px) {
#nav ul li h4{ margin-top: 2vw; font-size: 11px; }
}/*END*/
/*bottom_line hover*/
#nav ul li .bottom_line { width: 1px; height: 50px; background: #fff; opacity: 0.3; position: absolute; left: 50%; bottom:0px; display:block; z-index: 2; transition: 0.5s!important; }
#nav ul li:hover .bottom_line { bottom:-20px; opacity: 1!important;}
@media screen and (max-width: 740px) {
#nav ul li .bottom_line { width: 1px; height: 8vw; }
#nav ul li:hover .bottom_line {height: 8vw; opacity:0.3; }
}/*END*/


/*-------------------------------------------------
	co base
--------------------------------------------------*/
.co_wrap{ width: 95%; max-width: 1480px ;padding: 50px 0; margin: 0 auto; background: #fff; color: #000; display: block; }
.co_wrap2{margin: 60px auto 0!important;}
@media (max-width:960px){
.co_wrap{ padding: 5vw 0; margin: 0 auto;background: #fff; color: #000;}
}/*END*/
/*---- co base ----*/
.co_wrap .txt_box h3{ margin-bottom: 18px; font-size: 45px; font-family: 'Oswald', sans-serif; color: #003c20;}
.co_wrap .txt_box p{ font-size: 16px; line-height: 2.1; letter-spacing: 0px; font-weight: 400;}
.txt_box .txt_box p.txt_s{ font-size: 14px!important; line-height: 1.5!important; letter-spacing: 0px!important; margin-top: 30px!important; }
@media (max-width:1200px){
.co_wrap .txt_box h3{ margin-bottom: 10px; margin-top: 0px; font-size: 42px; }
.co_wrap .txt_box p{ font-size: 15px; line-height: 2.1; }
}/*END*/
@media (max-width:750px){
.co_wrap .txt_box h3{ margin-bottom: 10px; font-size: 35px; }
}/*END*/
@media (max-width:640px){
.co_wrap .txt_box h3{ margin-bottom: 10px; font-size: 30px; }
.co_wrap .txt_box p{ font-size: 14px; line-height: 1.8; }
.txt_box .txt_box p.txt_s{ font-size: 12px!important; line-height: 1.5!important; letter-spacing: 0px!important; margin-top: 25px!important; }
}/*END*/
.co_wrap .img_box{ position: relative; z-index: 1;}
.co_wrap .txt_box{ position: relative; z-index: 2;}
/*-------------------------------------------------
	co_title
--------------------------------------------------*/
.co_title{ height: auto; overflow: hidden; padding: 0px 100px 0 60px; margin-left: -10px; top: 0; left: 0; display:block; position: -webkit-sticky; position: sticky; z-index: 3;}
.co_title.w01{ width: 300px; }
.co_title.w02{ width: 300px; }
.co_title_inner{ display: flex; align-items: center; position: relative;}
.co_title_inner img{ width: 80px; position: relative; z-index: 1; }
.co_title .co_title_txt{ color: #fff; position: relative; z-index: 1; font-family: 'Oswald', sans-serif;padding: 0 0 0 20px;}
.co_title .co_title_txt h3{ font-size: 30px; line-height: 1.2; color: #fff; white-space: nowrap; font-weight: normal;}
.co_title .co_title_txt p{ font-size: 18px; line-height: 1.2; color: #fff; font-weight: normal; opacity: 0.7; }/*fac42b*/
.co_title::after { content: ''; display: block; background: #003c20; width: 100%; height: 100%; position: absolute; right: 0; top:0; z-index: 0; transform:skewX(-25deg); transform-origin: top right; }
@media screen and (max-width: 600px) {
.co_title{ padding: 0px 15vw 0 7.5vw; margin-left: -2.5vw;}
.co_title.w01{ width: 50%; }
.co_title.w02{ width: 50%; }
.co_title_inner img{width: 13vw;}
.co_title .co_title_txt{ padding: 0px 0 0 2.5vw;}
.co_title .co_title_txt h3{ font-size: 5.6vw;}
.co_title .co_title_txt p{ font-size: 3.3vw; }
}/*END*/

/*-------------------------------------------------
	co01
--------------------------------------------------*/
#co01{ position: relative; }
.co01_bg{ width: 100%; height: 100%; overflow: hidden; position: absolute;}
.co01_bg div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: url("../image/co01_bg.jpg") top no-repeat; background-size: 100%; z-index: -1; }
@media (max-width:2000px){
.co01_bg div { position: absolute; left: 50%; top: 0; width: 2000px; height: 100%; margin-left: -1000px; background: url("../image/co01_bg.jpg") top no-repeat; background-size: 100%; }
}/*END*/
@media (max-width:1000px){
.co01_bg div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: url("../image/co01_bg_sp.jpg") top no-repeat; background-size: 100%; z-index: -1; }
}/*END*/
#co01 .co_head{ padding: 95px 0 90px; width: 100%; max-width: 780px; margin: 0 auto; }
#co01 .co_head::after { content:" "; display:block; clear:both;}
#co01 .co_head .txt_box{ float: right; width: 45%; margin: 120px 0 0 0%; transition: 0.5s; }
#co01 .co_head .img_box{ float: left; width: 50%; text-align: center; transition: 0.5s; }
#co01 .co_head .img_box img{ max-width: 350px; width: 100%; transition: 0.5s; }
#co01 .co_head .img_box p{ margin-top: 15px; display: block; font-size: 14px; line-height: 1; font-family: 'Oswald', sans-serif; opacity: 0.5;}
#co01 .co_head .txt_box p { margin-top: 50px; font-size: 16px; line-height: 2;}
@media (max-width:1000px){
#co01 .co_head{ padding: 85px 0 90px; width: 100%; max-width: 1050px; margin: 0 auto; }
#co01 .co_head .txt_box{ float: none; width: 550px; margin: 60px auto 0;}
#co01 .co_head .img_box{ float: none; width: 50%; margin: 0px auto 0; text-align: center; }
#co01 .co_head .img_box img{ max-width: 330px;}
#co01 .co_head .txt_box p { margin-top: 30px; font-size: 16px; line-height: 2;}
}/*END*/
@media (max-width:680px){
#co01 .co_head{ padding: 12vw 0 16vw; width: 100%; max-width: 1050px; margin: 0 auto; }
#co01 .co_head .txt_box{ float: none; max-width: 550px; width: 85%; margin: 40px auto 0;}
#co01 .co_head .txt_box p { margin-top: 40px; font-size: 15px; line-height: 2;}
#co01 .co_head .txt_box p br { display: none; }
#co01 .co_head .img_box p{ margin-top: 10px; opacity: 0.4;}
}/*END*/
@media (max-width:560px){
#co01 .co_head .txt_box p { margin-top: 8vw; font-size: 15px; line-height: 2;}
#co01 .co_head .txt_box p br { display: none; }
}/*END*/
/*---- co01_1 ----*/
.co01_1{ margin:-60px auto 0; max-width: 1000px; width: 80%; }
.co01_1 .img_box{ float: right; width:50%; text-align: right;}
.co01_1 .txt_box{ float: left; width:50%; display: flex; align-items: center; justify-content: center; }
.co01_1 .txt_box p{ max-width: 480px; }
@media (max-width:1250px){
.co01_1 .txt_box p{ max-width: 420px; }
}/*END*/
@media (max-width:1200px){
.co01_1 .txt_box p{ max-width: 400px; }
}/*END*/
@media (max-width:1050px){
.co01_1{ margin:0px auto 0; max-width: 1200px; width: 80%; }
.co01_1 .img_box{ width:55%; }
.co01_1 .txt_box{ width:45%;}
}/*END*/
@media (max-width:960px){
.co01_1{ margin:30px auto 0;}
.co01_1 .img_box{ width:60%; }
.co01_1 .img_box img{ width:100%; margin-right: -0vw; }
.co01_1 .txt_box{ width:40%; }
}/*END*/
@media (max-width:860px){
.co01_1{ margin:4vw auto 0;}
.co01_1 .img_box{ float: none; width:90%; max-width:450px; text-align: center; margin: 0vw auto 0;}
.co01_1 .txt_box{ float: none; width:95%; max-width: 500px; display: block; margin: -8vw auto 0; }
.co01_1 .txt_box p{ max-width: 100%; }
}/*END*/
/*---- co01_2 ----*/
.co01_2{ margin:20px auto 0; max-width: 1000px; width: 80%; }
.co01_2 .img_box{ float: left; width:61%; display: flex; align-items: center; justify-content: center; }
.co01_2 .txt_box{ float: right; width:39%; display: flex; align-items: center; justify-content: center; }
@media (max-width:1250px){
.co01_2{ margin:60px auto 0; max-width: 1200px; width: 80%; }
.co01_2 .img_box{ width:65%; }
.co01_2 .img_box img{ width:100%; margin-right: -0vw; }
.co01_2 .txt_box{ width:35%;display: block; }
}/*END*/
@media (max-width:960px){
.co01_2{ margin:60px auto 0; width: 90%;}
.co01_2 .img_box{ width:60%; }
.co01_2 .img_box img{ width:100%; margin-right: 1vw; }
.co01_2 .txt_box{ width:40%; }
.co01_2 .txt_box p{ margin-right: 3vw;}
}/*END*/
@media (max-width:860px){
.co01_2{ margin:12vw auto 0; width: 80%;}
.co01_2 .img_box{ float: none; width:100%; max-width:600px; text-align: center; margin: 0 auto; }
.co01_2 .txt_box{ float: none; width:100%; max-width: 500px; display: block; margin: -4vw auto 0; }
.co01_2 .img_box img{ width:95%; margin-right: -10vw; }
.co01_2 .txt_box p{ margin-right: 0vw;}
}/*END*/

/*---- co01_strap ----*/
.co01_strap{ margin:46px auto 0; max-width: 1000px; width: 80%; padding-bottom: 40px; }
.co01_strap .img_box{ float: right; width:60%; text-align: right;}
.co01_strap .txt_box{ float: left; width:40%; display: flex; align-items: center; }
.co01_strap .txt_box p{ max-width: 330px; }
@media (max-width:1250px){
.co01_strap{ margin:20px auto 0; max-width: 900px; width: 80%; }
.co01_strap .img_box{ width:60%; }
.co01_strap .txt_box{ width:40%;}
}/*END*/

@media (max-width:1200px){
.co01_strap .txt_box p{ max-width: 300px; }
}/*END*/

@media (max-width:1024px){
.co01_strap{ margin:60px auto 0; max-width: 1200px; width: 80%; }
}/*END*/
@media (max-width:1000px){
.co01_strap .txt_box br{ display: none; }
.co01_strap .txt_box{ width:40%; max-width: 300px; }
}/*END*/
@media (max-width:960px){
.co01_strap{ margin:40px auto 0;}
.co01_strap .img_box{ width:60%; }
.co01_strap .img_box img{ width:100%; margin-right: -0vw; }
.co01_strap .txt_box{ width:40%; max-width: 300px; }
.co01_strap .txt_box p{ max-width: 220px; }
}/*END*/
@media (max-width:860px){
.co01_strap{ margin:12vw auto 0; padding-bottom: 10vw; }
.co01_strap .img_box{ float: none; width:100%; max-width:450px; text-align: center; margin: 0vw auto 0;}
.co01_strap .txt_box{ float: none; width:95%; max-width: 400px; display: block; margin: 4vw auto 0; }
.co01_strap .txt_box p{ max-width: 100%; }
}/*END*/
@media (max-width:400px){
.co01_strap .txt_box{ float: none; width:100%; max-width: 400px; display: block; margin: 4vw auto 0; }
}/*END*/
@media (max-width:370px){
.co01_strap .txt_box{ float: none; width:95%; max-width: 400px; display: block; margin: 4vw auto 0; }
}/*END*/
/*-------------------------------------------------
	co02
--------------------------------------------------*/
#co02{ position: relative;}
.co02_bg{ width: 100%; height: 100%; overflow: hidden; position: absolute;}
.co02_bg div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: url("../image/co02_bg.jpg") top no-repeat; background-size: 100%; z-index: -1; }
@media (max-width:2000px){
.co02_bg div { position: absolute; left: 50%; top: 0; width: 2000px; height: 100%; margin-left: -1000px; background: url("../image/co02_bg.jpg") top no-repeat; background-size: 100%; }
}/*END*/
@media (max-width:1000px){
.co02_bg div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: url("../image/co02_bg_sp.jpg") top no-repeat; background-size: 100%; z-index: -1; }
}/*END*/
#co02 .co_head{ padding: 95px 0 90px; width: 100%; max-width: 800px; margin: 0 auto; }
#co02 .co_head::after { content:" "; display:block; clear:both;}
#co02 .co_head .img_box{ text-align: center; }
#co02 .co_head .img_box div{ float: left; width: 50%; text-align: center; }
#co02 .co_head .img_box div:nth-child(2){ margin-left: -20px;}
#co02 .co_head .img_box img{ max-width: 350px; width: 100%;}
#co02 .co_head .img_box p{ margin-top: 15px; display: block; font-size: 14px; line-height: 1; font-family: 'Oswald', sans-serif; opacity: 0.5;}
#co02 .co_head .txt_box p { max-width: 365px; margin-top: 50px; font-size: 16px; line-height: 2;}
@media (max-width:1150px){
#co02 .co_head{ padding: 95px 0 90px; width: 100%; max-width: 1050px; margin: 0 auto; }
#co02 .co_head .txt_box{ float: right; width: 37%; margin: 100px 0 0 0%;}
#co02 .co_head .img_box{ float: left; width: 60%; text-align: center; }
#co02 .co_head .img_box img{ max-width: 310px;}
}/*END*/
@media (max-width:1000px){
#co02 .co_head{ padding: 85px 0 90px; width: 100%; max-width: 1050px; margin: 0 auto; }
#co02 .co_head .txt_box{ float: none; width: 515px; margin: 60px auto 0; }
#co02 .co_head .img_box{ float: none; width: 80%; margin: 0px auto 0; text-align: center; }
#co02 .co_head .img_box img{ max-width: 330px; }
#co02 .co_head .img_box div:nth-child(2){ margin-left: -0px;}
#co02 .co_head .txt_box p { max-width: 100%; margin-top: 30px; font-size: 16px; line-height: 2;}
}/*END*/
@media (max-width:680px){
#co02 .co_head{ padding: 12vw 0 16vw; width: 100%; max-width: 1050px; margin: 0 auto; }
#co02 .co_head .txt_box{ float: none; max-width: 550px; width: 85%; margin: 40px auto 0;}
#co02 .co_head .txt_box p { margin-top: 40px; font-size: 15px; line-height: 2;}
#co02 .co_head .txt_box p br { display: none; }
#co02 .co_head .img_box p{ margin-top: 10px; opacity: 0.7; }
}/*END*/
@media (max-width:560px){
#co02 .co_head .txt_box{ float: none; max-width: 550px; width: 85%; margin: 40px auto 0;}
#co02 .co_head .txt_box p { margin-top: 8vw; font-size: 15px; line-height: 2;}
#co02 .co_head .txt_box p br { display: none; }
}/*END*/
/*---- co02_1 ----*/
.co02_1{ margin:-20px auto 0; max-width: 1000px; width: 80%; }
.co02_1 .img_box{ float: right; width:50%; text-align: right;}
.co02_1 .img_box img{ margin-right: -40px;}
.co02_1 .txt_box{ float: left; width:47.5%; display: flex; align-items: center; justify-content: center; }
@media (max-width:1250px){
.co02_1{ margin:0px auto 0; max-width: 1200px; width: 80%; }
.co02_1 .img_box{ width:55%; margin-right: -20px; }
.co02_1 .txt_box{ width:45%;}
}/*END*/
@media (max-width:960px){
.co02_1{ margin:40px auto 0;}
.co02_1 .img_box{ width:55%; margin-right: -5vw;}
.co02_1 .img_box img{ width:100%; margin-right: -0vw; }
.co02_1 .txt_box{ width:45%; }
}/*END*/
@media (max-width:860px){
.co02_1{ margin:0vw auto 0;}
.co02_1 .img_box{ float: none; width:90%; max-width:450px; text-align: center; margin: 8vw auto 0;}
.co02_1 .txt_box{ float: none; width:95%; max-width: 500px; display: block; margin: -0vw auto 0; }
}/*END*/
/*---- co02_strap ----*/
.co02_strap{ margin:46px auto 0; max-width: 1000px; width: 80%; padding-bottom: 40px; }
.co02_strap .img_box{ float: left; width:60%; margin-left: -20px}
.co02_strap .txt_box{ float: right; width:33%; display: flex; align-items: center; }
.co02_strap .txt_box p{ max-width: 330px; }
@media (max-width:1250px){
.co02_strap{ margin:130px auto 0; max-width: 1200px; width: 80%; }
.co02_strap .img_box{ width:60%; }
.co02_strap .txt_box{ width:40%; margin-right: -40px;}
}/*END*/
@media (max-width:1000px){
.co02_strap .txt_box br{ display: none; }
}/*END*/
@media (max-width:960px){
.co02_strap{ margin:40px auto 0;}
.co02_strap .img_box{ width:60%; }
.co02_strap .img_box img{ width:100%; margin-right: -0vw; }
.co02_strap .txt_box{ width:40%; }
.co02_strap .txt_box p{ max-width: 280px; }
}/*END*/
@media (max-width:900px){
.co02_strap{ margin:40px auto 0;}
.co02_strap .img_box{ width:55%; }
.co02_strap .txt_box{ width:45%; }
}/*END*/
@media (max-width:860px){
.co02_strap{ margin:12vw auto 0; padding-bottom: 10vw; }
.co02_strap .img_box{ float: none; width:100%; max-width:450px; text-align: center; margin: 0vw auto 0;}
.co02_strap .txt_box{ float: none; width:95%; max-width: 400px; display: block; margin: 4vw auto 0; }
.co02_strap .txt_box p{ max-width: 100%; }
}/*END*/
@media (max-width:400px){
.co02_strap .txt_box{ float: none; width:100%; max-width: 400px; display: block; margin: 4vw auto 0; }
}/*END*/
@media (max-width:370px){
.co02_strap .txt_box{ float: none; width:95%; max-width: 400px; display: block; margin: 4vw auto 0; }
}/*END*/
/*---- co03_1 ----*/
.co03_1{ margin:0px auto 0; max-width: 1000px; width: 80%; }
.co03_1 .img_box{ max-width:790px; width: 100%; margin: 0 auto; }
.co03_1 .txt_box{ width: 90%; max-width: 680px; margin: 0 auto; padding-bottom: 40px;}
.co03_1 .txt_box h3{ width: 100%; margin-top: -30px; text-align: center; padding-bottom: 0px;}
@media (max-width:1250px){
.co03_1{ margin:40px auto 0;}
}/*END*/
@media (max-width:1030px){
.co03_1{ margin:70px auto 0;}
}/*END*/
@media (max-width:860px){
.co03_1{ margin:8vw auto 0;}
.co03_1 .txt_box{ width: 90%; max-width: 680px; margin: 0 auto; padding-bottom: 10px;}
.co03_1 .txt_box h3{ width: 100%; margin-top: -4vw; text-align: center; padding-bottom: 0px;}
}/*END*/
/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections { background: #ededed; color: #000; width: 95%; max-width: 1480px; margin: 0 auto 2.5vw; padding: 70px 0 0px; position: relative; text-align: center; z-index: 10; }
@media screen and (max-width: 450px) {
.collections { padding: 50px 0 0px; }
}/*END*/
/*h2*/
.collections h2 small{ font-size: 30px; display: block;}
.collections h2{ font-size: 40px; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #003c20;}
.collections h2 span{ font-size: 39px; display: block; }
@media screen and (max-width: 730px) {
.collections h2 small{ font-size: 4.4vw; }
.collections h2{ font-size: 5.6vw; }
.collections h2 span{ font-size: 5.35vw; }
}/*END*/
@media screen and (max-width: 480px) {
.collections h2 small{ font-size: 4.7vw; }
.collections h2{ font-size: 6.3vw; }
.collections h2 span{ font-size: 6.1vw; }
}/*END*/
/*inner*/
.collections .inner{ max-width: 640px; margin: 0 auto; padding: 65px 0 80px ; transition: 0.5s;}
@media screen and (max-width: 750px) {
.collections .inner{ max-width: 600px; margin: 0 auto; padding: 50px 0 14vw;}
}/*END*/
@media screen and (max-width: 500px) {
.collections .inner{ max-width: 600px; margin: 0 auto; padding: 10vw 0 14vw;}
}/*END*/
.collections .inner::after { content:" "; display:block; clear:both;}
.collections .inner .inner_L{ float: left; width: 53%; }
@media screen and (max-width: 750px) {
.collections .inner .inner_L{ float: none; width: 100%;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_L{ float: none; width: 100%;}
}/*END*/
.collections .inner .inner_R{ float: left; width: 47%; margin-top: 90px; }
@media screen and (max-width: 750px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: 25px;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: 25px;}
}/*END*/
.collections .collections_img { max-width: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) {
.collections .collections_img { max-width: 300px; width: 55%; margin: 0 auto; }
}/*END*/
/*---------txt---------*/
.collections_name { margin-top: 0px; font-size: 18px!important; line-height: 1.6; letter-spacing: 1px; font-weight: 700!important;}
.collections_no { margin-top: 23px; font-size: 24px; line-height: 1; letter-spacing: 1.5px; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;}
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 1px;font-weight: 400; }
.collections_price { margin-top: 18px; font-size: 20px; line-height: 1; letter-spacing: 1px; font-family: 'Noto Serif JP', serif; font-weight: 500;}
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
.collections_limited { margin-top: 15px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_release { margin-top: 25px; }
.collections_release p{ font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
.collections_release p:nth-child(1){padding-bottom: 3px;}
.collections_txt{ margin-top: 25px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 640px) {
.collections_no { margin-top: 0px; font-size: 22px; line-height: 1; letter-spacing: 1.5px;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 12px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 370px) {
.collections_no { margin-top: 0px; font-size: 21px; line-height: 1; letter-spacing: 1.5px;}
.collections_release p{ font-size: 11px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
/*collections_btn*/
.collections_btn { max-width: 190px; margin: 25px auto 0; }
.collections_btn a { margin-top: 10px; background: #003c20; color: #fff; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: 1px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { opacity: 0.7; }
/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:fixed; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 100; }
.gotop a{ position: relative; display:block; background:rgba(60,60,60,0.8); text-decoration:none;width:50px; height:50px; box-sizing:border-box; border-radius: 0%; z-index: 11; transition: 0.3s; }
.gotop a::after { position:absolute; top:50%; left:50%; content: ''; width: 20px; height: 20px; margin: -10px 0 0 -10px; background: url("../image/page_top.png") no-repeat; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.5); }
@media (max-width: 500px) {
.gotop { position:fixed; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
}/*END*/
/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ margin-top: 120px; background: #262626; width: 100%; height: auto; padding: 50px 0 20px; position: relative;}
footer::after { content:" "; display:block; clear:both;}
.foot_cn{ margin: 0px auto ; width: 100%; text-align: center;}
.foot_cn .foot_logo { line-height: 1; margin-bottom: 40px; }
.foot_cn .foot_logo img { width: 131px; transition: 0.2s; }
.foot_cn .foot_logo a:hover img{ opacity: 0.6;}
.foot_cn .copyright { margin:0px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff; }
@media (max-width: 750px) {
footer{ margin-top: 120px; background: #262626; width: 100%; height: auto; padding: 40px 0 0px; position: relative;}
.foot_cn{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_cn .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_cn .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { position: absolute; right: 35px; top: 50%; margin:-25px 0 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 {position:relative; right: 0px; top: 0%; padding-top: 0px; margin: 0px; }
.foot_r .sns { position: static; margin-bottom: 20px; justify-content: center; }
.foot_r .sns > li { margin-right: 10px; }
}/*END*/