@charset "utf-8";

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

/*-------------------------------------------------
	base
--------------------------------------------------*/
body {position: relative; background: #000; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%; }
/*txt img 選択時*/
::selection { background:#666; }
::-moz-selection { background:#666; }/*Firefox*/
img::selection { background:none; }
img::-moz-selection { background:none; }/*Firefox*/
/*cookie*/
#onetrust-banner-sdk{ outline: none; display: 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: 8888; opacity: 1; transition:2s; }
.wrap_f.fade::after { opacity: 0; pointer-events: none; user-select: none; }

/*anime set
------------------------*/
#main h1, #main .main_img img, #concept p, .his_1968 img, .his_1968 .txt_box h2, .his_1968 .txt_box p, .his_1968_2021_bar, .his_2021 img, .his_2021 .txt_box h2, .his_2021 .txt_box p, .his_2021 .txt_box p span, .his_txt_box, #design, #design .img_box img, #design h2, #design p.txt, #design p.txt_s, .spec h2, .collections_img, .collections_inner .txt_box h3, .collections_inner .txt_box p, .sla057j1_main .img_box img, .sla057j1_main h1, .sla057j1_main p, .sla057j1_de .img_box img, .sla057j1_de h2, .sla057j1_de p.txt, .report_bg, #report h2 .bar, #report h2 small, #report h2 .report_title_1, #report h2 .report_title_2, .re_box .re_psx_logo, .re_box h3, .re_box p, .re_box img, .re_box h4, .bottom_banner img, .bottom_banner p { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 9999; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
header .prospex_logo{ width: 240px; position:absolute; left: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 14.9vw; left: 1.9vw; top: 1.8vw; }
}/*END*/
@media 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;}

/*parallax
----------------------*/
#main_bg{ width: 100%; height: 57.5vw; position: absolute; left: 0; top: 0; }
#main_bg .parallax-window { position: relative; left: 0; top: 0; z-index: 0; height: 100%; background: transparent; }
#main_bg .parallax-slider {top: 0;left: 0;}
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main_bg{ width: 100%; height:141.3vw; }
}/*END*/

/*main_bg  ON OFF*/
.pc_x15{display:block;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.pc_x15{display:none;}
.pc_x1{display:block;}
.sp_x15{display:none;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:block;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:block;}
}/*END*/

/*-------------------------------------------------
	main
--------------------------------------------------*/
/*main_image  ON OFF*/
.m_pc_x15{display:block;}
.m_pc_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.m_pc_x15{display:none;}
.m_pc_x1{display:block;}
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.m_pc_x15{display:block;}
.m_pc_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.m_pc_x15{display:none;}
.m_pc_x1{display:block;}
}/*END*/

/* main
-----------------------*/
#main { width: 100%; height: 42.5vw; position: relative; z-index: 100; outline:none; }
/*main_img*/
#main .main_img { width: 26.3vw; margin: 4.03vw auto 0 auto; position: relative; z-index: 100;}
#main .main_img img{ width: 100%;}
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main { width: 100%; height: 105vw; }
#main .main_img { width: 58.6vw; margin: 27.8vw auto 0 auto; }
}/*END*/
/*h1*/
#main h1{ width: 100%; margin: 0; position: relative; left:0%; top: -2vw; z-index: 200; text-align: center; font-family: 'Oswald', sans-serif; }
#main h1 small img{ width:26vw; display: inline-block; }
#main h1 span img{ width: 19.3vw; display:inline-block; margin-top: 2.2vw; }
#main h1 small{ font-size: 2.4vw; line-height: 1.3; }
#main h1 span { font-size: 2.4vw; line-height: 1.3; }
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main h1{ width: 100%; margin: 0; position: relative; left:0%; top: 5vw; z-index: 200; text-align: center; }
#main h1 small{ font-size: 5.2vw; }
#main h1 span { font-size: 5.2vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main h1{ width: 100%; margin: 0; position: relative; left:0%; top: 5vw; z-index: 200; text-align: center; }
#main h1 small{ font-size: 6vw; }
#main h1 span { font-size: 6vw; }
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept {padding: 4vw 0 6.4vw 0; position: relative; z-index: 100;}
#concept p{ width: 80%; max-width:1050px; text-align: center; margin: 0 auto;}
@media (max-width: 1600px) {
#concept {padding: 64px 0 100px 0;}
#concept p{ width: 80%; max-width:1050px; text-align: center; margin: 0 auto;}
}/*END*/
@media (max-width: 1220px) {
.concept_br2{display: block;}
}/*END*/
@media (max-width: 1000px) {
#concept p{ width: 80%; max-width:1050px; text-align: left; margin: 0 auto;}
}/*END*/
@media (max-width: 640px) {
#concept {padding: 64px 0;}
}/*END*/

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
p.txt{ font-size: 15.7px; }
p.txt15{ font-size: 15px; }
p.txt_fs{ font-size: 16px; }
.lh_1{ line-height: 1.8;}
.lh_2{ line-height: 2.1;}
.lh_3{ line-height: 2.3;}
.ls_1{ letter-spacing: .5px;}
@media (max-width: 1400px) {
p.txt{ font-size: 15px; }
p.txt15{ font-size: 14px; }
p.txt_fs{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
p.txt_fs{ font-size: 14px; }
}/*END*/
@media (max-width: 1100px) {
p.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 1000px) {
p.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 960px) {
.lh_2{ line-height: 2;}
}/*END*/
@media (max-width: 640px) {
p.txt{ font-size: 15px; }
.lh_3{ line-height: 1.9;}
}/*END*/
@media (max-width: 500px) {
.lh_2{ line-height: 1.7;}
}/*END*/
@media (max-width: 450px) {
p.txt{ font-size: 14px; }
}/*END*/
/*---txt_s---*/
.txt_s{ margin-top: 28px !important; font-size: 12px!important; line-height: 1.6;letter-spacing: .6px; color: #878787; }
@media (max-width: 1200px) {
.txt_s{ margin-top: 24px !important; font-size: 11px!important; line-height: 1.6; }
}/*END*/
@media (max-width: 640px) {
.txt_s{ margin-top: 20px !important; font-size: 10px!important; line-height: 1.6;letter-spacing: 0px; }
}/*END*/

/*-------------------------------------------------
	history
--------------------------------------------------*/
#history{ padding-bottom: 100px;}
.his_1968_2021{ margin: 0 auto; width: 85%; max-width: 1200px;  display: flex; text-align: center; position: relative; }
.his_1968_2021 img{ width: 100%;}
.his_1968_2021 .txt_box{ margin-top: -52px; position: relative; z-index: 10;}
.his_1968_2021 .txt_box h2{ font-size: 40px; line-height: 1; color:#a6bae2;font-family: 'Oswald', sans-serif; }
.his_1968_2021 .txt_box  p { margin-top: 10px; font-size: 24px; font-family: 'Oswald', sans-serif;  line-height: 1.3;}
.his_1968_2021 .txt_box  p span{  margin-top: 0px; font-size:24px; }
.his_1968_2021_bar{ position: absolute; left: 50%; top:460px; height: 1px; width: 120px; margin-left: -60px; background: rgba(255,255,255,0.4); z-index: 11;}
@media (max-width: 1410px) {
.his_1968_2021 .txt_box{ margin-top: -3.7vw;}
.his_1968_2021 .txt_box h2{ font-size: 2.85vw; line-height: 1;  }
.his_1968_2021 .txt_box  p { margin-top: 0.7vw; font-size: 1.8vw;}
.his_1968_2021 .txt_box  p span{  margin-top: 0px; font-size:1.8vw; }
.his_1968_2021_bar{ position: absolute; left: 50%; top:32.6vw; width: 8.6vw; margin-left: -4.3vw; }
}/*END*/
@media (max-width: 1024px) {
#history{ padding-bottom: 80px;}
.his_1968_2021 .txt_box{ margin-top: -3.7vw;}
.his_1968_2021 .txt_box h2{ font-size: 3.8vw; line-height: 1;  }
.his_1968_2021 .txt_box  p { margin-top: 1vw; font-size: 1.7vw;}
.his_1968_2021 .txt_box  p span{  margin-top: 0px; font-size:1.7vw; }
.his_1968_2021_bar{ position: absolute; left: 50%; top:33vw; width: 8.6vw; margin-left: -4.3vw; }
}/*END*/
@media (max-width: 850px) {
.his_1968_2021 .txt_box{ margin-top: -3.7vw;}
.his_1968_2021 .txt_box h2{ font-size: 4vw; line-height: 1;  }
.his_1968_2021 .txt_box  p { margin-top: 1vw; font-size: 1.7vw;}
.his_1968_2021 .txt_box  p span{  margin-top: 0px; font-size:1.7vw; font-family: 'Oswald', sans-serif; font-weight: 400;}
.his_1968_2021_bar{ position: absolute; left: 50%; top:33.2vw; width: 8.6vw; margin-left: -4.3vw; }
}/*END*/
.br_his_1968_2021{display: none;}
@media (max-width: 640px) {
#history{ padding-bottom: 60px;}
.br_his_1968_2021{display: block;}
.his_1968_2021 .txt_box{ margin-top: -3.7vw;}
.his_1968_2021 .txt_box h2{ font-size: 5vw; line-height: 1;  }
.his_1968_2021 .txt_box  p { margin-top: 1.6vw; font-size: 2.5vw;}
.his_1968_2021 .txt_box  p span{  margin-top: 0px; font-size:2.5vw;}
.his_1968_2021_bar{ position: absolute; left: 50%; top:34vw; width: 8.6vw; margin-left: -4.3vw; }
}/*END*/
@media (max-width: 500px) {
.his_1968_2021 .txt_box{ margin-top: -3.7vw;}
.his_1968_2021 .txt_box h2{ font-size: 6vw; line-height: 1;  }
.his_1968_2021 .txt_box  p { margin-top: 1.6vw; font-size: 3vw;}
.his_1968_2021 .txt_box  p span{  margin-top: 0px; font-size:3vw;}
.his_1968_2021_bar{ position: absolute; left: 50%; top:34.4vw; width: 8.6vw; margin-left: -4.3vw; }
}/*END*/
.his_txt_box{ width: 100%; max-width: 1200px; margin:50px auto 0px; padding: 50px 0; text-align: center; background: linear-gradient(to right, #000 0%, #1c1c1c 50%, #000 100%);}
.his_txt_box p{ margin: 0 auto; width: 80%; }
@media (max-width: 840px) {
.his_txt_box{ width: 100%; max-width: 1200px; margin:30px auto 0px; padding: 30px 0; text-align: center; background: linear-gradient(to right, #000 0%, #1c1c1c 50%, #000 100%);}
.his_txt_box p {text-align: left; }
.his_txt_box p br{display: none;  }
}/*END*/
/*main_image  ON OFF*/
.his_x15{display:block;}
.his_x1{display:none;}
@media screen and (max-width: 1200px) {
.his_x15{display:none;}
.his_x1{display:block;}
}/*END*/

/*-------------------------------------------------
	design
--------------------------------------------------*/
/*main_image  ON OFF*/
.de_x15{display:block;}
.de_x1{display:none;}
@media screen and (max-width: 1200px) {
.de_x15{display:none;}
.de_x1{display:block;}
}/*END*/
#design{ padding:10vw 0 0 0; display: block; background: url('../image/design_bg.jpg') no-repeat top center; background-size: 100%;}
@media (max-width: 1000px) {
#design{ padding:20vw 0 0 0; display: block; background: url('../image/design_bg.jpg') no-repeat top center; background-size: 150%;}
}/*END*/
#design h2{ color: #a6bae2;}
.sla057j1_de h2{ color: #fbd486;}
#design h2,
.sla057j1_de h2{ font-size: 48px; line-height: 1.4; font-family: 'Oswald', sans-serif; font-weight: 400;}
#design p,
.sla057j1_de p{ margin-top: 15px;}
@media (max-width: 1400px) {
#design h2,
.sla057j1_de h2{ font-size: 45px; line-height: 1.4;}
}/*END*/
@media (max-width: 1100px) {
#design h2,
.sla057j1_de h2{ font-size: 40px; line-height: 1.4; }
}/*END*/
@media (max-width: 1024px) {
#design h2,
.sla057j1_de h2{ font-size: 48px; line-height: 1.4; }
}/*END*/
@media (max-width: 500px) {
#design h2,
.sla057j1_de h2{ font-size: 8vw; line-height: 1.4;}
}/*END*/
@media (max-width: 350px) {
#design h2,
.sla057j1_de h2{ font-size: 9vw; line-height: 1.4;}
}/*END*/

/* ------------------------
　　de01  Dial design
--------------------------*/
.de01 { width: 90%; max-width: 1200px; margin: 0 auto 0; display: flex; flex-direction: row-reverse; }
.de01 .img_box{ margin-right:113px; width: 495px; display: block;}
.de01 .txt_box{ margin:16vw 80px 0 0; width: 440px; display: block;}
@media (max-width: 1900px) {
.de01 .txt_box{ margin:300px 80px 0 0; width: 440px;}
}/*END*/
@media (max-width: 1600px) {
.de01 .img_box{ margin-right:9.4%; width: 41.3%; max-width: 495px;  }
.de01 .txt_box{ margin:19vw 7% 0 0; width: 37%; max-width: 440px;}
}/*END*/
@media (max-width: 1400px) {
.de01 .txt_box{ margin:19vw 5% 0 0; width: 37%; max-width: 420px;}
}/*END*/
@media (max-width: 1000px) {
.de01 { width: 90%; max-width: 1200px; margin: 0 auto 0; display: block; }
.de01 .img_box{ margin:0 auto; width: 80%; max-width: 495px; }
.de01 .img_box img{ margin-left: 3vw; }
.de01 .txt_box{ margin:-10vw auto 0; width: 85%; max-width: 580px;}
}/*END*/
@media (max-width: 800px) {
.de01 .txt_box{ margin:-17vw auto 0; width: 85%; max-width: 580px;}
}/*END*/
@media (max-width: 550px) {
.de01 .txt_box{ margin:-16vw auto 5vw; width: 90%; max-width: 580px;}
}/*END*/
@media (max-width: 400px) {
.de01 .txt_box{ margin:-15vw auto 5vw; width: 90%; max-width: 580px;}
}/*END*/

/* ------------------------
　　de02  Case & Bezel
--------------------------*/
.de02 { width: 90%; max-width: 1200px; margin: 100px auto 0; }
.de02 .img_box{ margin-left:58px; width: 1116px; }
.de02 .txt_box{ margin:-10px auto 0; width: 700px; display: block;}
@media (max-width: 1600px) {
.de02 .img_box{ margin-left:4.8%; width: 93%; max-width: 1116px;  }
.de02 .txt_box{ margin:-10px auto 0 auto; width: 80%; max-width: 700px;}
}/*END*/

@media (max-width: 1400px) {
.de02 .txt_box{ margin:-10px auto 0 auto; width: 80%; max-width: 670px;}
}/*END*/
@media (max-width: 1100px) {
.de02 .txt_box{ margin:-10px auto 0 auto; width: 80%; max-width: 640px;}
}/*END*/

@media (max-width: 1000px) {
.de02 { width: 90%; max-width: 1200px; margin: 150px auto 0; display: block; justify-content: space-between; flex-direction: row-reverse; }
.de02 .img_box{ margin:0 0 0 -10%; width: 120%; }
.de02 .txt_box{ margin:-2vw auto 0; width: 85%; max-width: 580px;}
}/*END*/
@media (max-width: 800px) {
.de02 { width: 90%; margin: 24vw auto 0; }
.de02 .img_box{ margin:0 0 0 -17%; width: 140%; }
}/*END*/
@media (max-width: 550px) {
.de02 { width: 90%; margin: 28vw auto 10vw; }
.de02 .img_box{ margin:0 0 0 -24%; width: 150%; }
.de02 .txt_box{ margin:-2vw auto 0; width: 90%; max-width: 570px;}
}/*END*/
@media (max-width: 400px) {
.de02 .txt_box{ margin:-2vw auto 0; width: 90%; max-width: 570px;}
}/*END*/

/* ------------------------
	de03  Fabric strap
--------------------------*/
.de03 { width: 90%; max-width: 1200px; height: 370px; margin: 220px auto 0; position: relative; display: flex; flex-direction : row-reverse; }
.de03 .img_box{ width: 1540px; position: absolute; left: 24%; top: 5px; margin-left: -770px; z-index: 0; }
.de03 .txt_box{ width: 470px; margin-right: -1%; display: block; position: relative; z-index: 2;}
@media (max-width: 1400px) {
.de03 { width: 85%; max-width: 1200px; height: 370px; margin: 180px auto 0; position: relative; display: flex; flex-direction : row-reverse; }
.de03 .img_box{ width: 110vw; position: absolute; left: 24%; top: 5px; margin-left: -55vw; }
.de03 .txt_box{ width: 470px; margin-right: -1%; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 1275px) {
.de03 { width: 90%; max-width: 1200px; height: auto; margin: 150px auto 0; position: relative; display: block; }
.de03 .img_box{ width: 1540px; position: relative; left: 50%; top: 5px; margin-left: -770px; }
.de03 .txt_box{ width: 860px; margin:-140px auto 0; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 1100px) {
.de03 .txt_box{ width: 800px; margin:-140px auto 0; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 1100px) {
.de03 .txt_box{ width: 85%; max-width: 570px; margin:-140px auto 0; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 820px) {
.de03 { width: 90%; max-width: 1200px; height: auto; margin: 22vw auto 0; position: relative; display: block; }
.de03 .img_box{ width: 190vw; position: relative; left: 50%; top: 5px; margin-left: -95vw; }
.de03 .txt_box{ width: 85%; max-width: 570px; margin:-15vw auto 0; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 640px) {
.de03 { width: 90%; max-width: 1200px; height: auto; margin: 26vw auto 10vw; position: relative; display: block; }
.de03 .img_box{ width: 214vw; position: relative; left: 50%; top: 5px; margin-left: -110vw; }
.de03 .txt_box{ width: 85%; max-width: 570px; margin:-15vw auto 0; display: block; position: relative; z-index: 2;}
}/*END*/

/* ------------------------
	de04  Case back
--------------------------*/
.de04 { width: 100%; max-width: 1030px; height: auto; display: block; margin: 50px auto 0; position: relative; }
.de04 .img_box{ width: 506px; position: absolute; left: 70%; top: 5px; margin-left: -253px; }
.de04 .txt_box{ margin:150px 0 0 80px; width: 450px; display: inline-block; position: relative; z-index: 10; }
@media (max-width: 1400px) {
.de04 .img_box{ width: 506px; position: absolute; left: 60%; top: 5px; margin-left: -253px; }
.de04 .txt_box{ margin:150px 0 0 80px; width: 370px; display: inline-block; }
}/*END*/
@media (max-width: 1275px) {
.de04 {  margin: 40px auto 0; }
}/*END*/
@media (max-width: 1100px) {
.de04 { max-width: 950px; }
.de04 .txt_box{ margin:150px 0 0 85px; width: 340px; display: inline-block; }
}/*END*/
@media (max-width: 1000px) {
.de04 { width: 90%; max-width: 920px; }
.de04 .txt_box{ margin:16vw 0 0 85px; width: 340px; display: inline-block; }
.de04 .img_box{ width: 55vw; position: absolute; left: 65.5%; top: 5px; margin-left: -253px; }
}/*END*/
@media (max-width: 950px) {
.de04 { margin: 6vw auto 15vw; }
.de04 .txt_box{ margin:-5vw auto 0; width: 85%; max-width: 570px; display: block; }
.de04 .img_box{ width: 70vw; display: block; position: relative; left: 0; top: 0; margin: 0px auto;  }
.de04 .img_box img{ width: 100%; margin-left: -12vw; }
}/*END*/
@media (max-width: 640px) {
.de04 .txt_box{ margin:-6vw auto 20vw; width: 85%; max-width: 570px; display: block; }
.de04 .img_box{ width: 90vw; display: block; position: relative; left: 0; top: 0; margin: 0px auto;  }
.de04 .img_box img{ width: 100%; margin-left: -14vw; }
}/*END*/

/* ------------------------
	de05  Movement
--------------------------*/
.de05 { width: 95%; padding: 0px; height: auto; max-width: 1500px; display: block; margin: 220px auto 0; position: relative; box-sizing: border-box; overflow: hidden; z-index: 10; background: rgba(166,186,226,0.02); }
.de05_bg{ position: absolute; left: 30%; top: -50%; width: 2800px; height: 2800px; margin: -1400px 0 0 -1400px; background: radial-gradient(circle closest-side, rgba(54,73,107,.9) 0%, rgba(54,73,107,0) 55% ); z-index: -1;}
/* waku */
.waku{ background: none; border: 1px solid rgba(166,186,226,0.4); margin: 14px 14px 24px 24px; padding: 135px 0; position: relative; display: flex; align-items: center; justify-content: center;}
.waku:after{ background: none; border: 1px solid rgba(166,186,226,0.4); content: ''; position: absolute; top: 10px; left: -11px; width: 100%; height: 100%; z-index: -1;}
@media (max-width: 1600px) {
.waku{  padding: 8vw 0; }
}/*END*/
@media (max-width: 1024px) {
.waku{  padding: 80px 0; }
.waku{ display: block; }
}/*END*/
@media (max-width: 640px) {
.waku{ background: none; border: 1px solid rgba(166,186,226,0.4); margin: 10px 10px 18px 18px; padding: 10vw 0; position: relative;}
.waku:after{ background: none; border: 1px solid rgba(166,186,226,0.4); content: ''; position: absolute; top: 7px; left: -8px; width: 100%; height: 100%; z-index: -1;}
}/*END*/
@media (max-width: 500px) {
.waku{  padding: 13vw 0; }
}/*END*/
.de05 .img_box{ width: 35vw; max-width: 550px; margin-left: 0px; }
.de05 .txt_box{ margin:0px 0 0 5vw; width: 450px; display: inline-block; }
@media (max-width: 1100px) {
.de05 .txt_box{ margin:0px 0 0 5vw; width: 410px; display: inline-block; }
}/*END*/
@media (max-width: 1024px) {
.de05 .img_box{ width: 70%; max-width: 500px; margin: 0 auto; }
.de05 .img_box img{ margin-left: 5vw; }
.de05 .txt_box{ margin:30px auto 0;  width: 85%; max-width: 570px; display: block; }
}/*END*/
@media (max-width: 950px) {
.de05 { width: 95%; padding: 0px; height: auto; max-width: 1500px; display: block; margin: 12vw auto 0; position: relative; box-sizing: border-box; overflow: hidden; z-index: 10; background: rgba(166,186,226,0.02); }
}/*END*/

/*-------------------------------------------------
	sla057j1　ブラックモデル
--------------------------------------------------*/
.sla057j1_main{ width: 100%; position: relative;}
.sla057j1_main .img_box img{ width: 100%;}
.sla057j1_main .title_box{ position: absolute; left: 55vw; bottom:7vw; z-index: 1000; }
.sla057j1_main .title_box h1 small{ font-size: 2.4vw; line-height: 1.2; color: #fbd486; font-family: 'Oswald', sans-serif; font-weight: 400;}
.sla057j1_main .title_box h1 span{ font-size: 2.4vw; line-height: 1.2; color: #fbd486; font-family: 'Oswald', sans-serif; font-weight: 400;}
@media screen and (max-width: 1600px) {
.sla057j1_main .title_box h1 small{ font-size: 2.4vw; line-height: 1.2; color: #fbd486; font-family: 'Oswald', sans-serif; font-weight: 400;}
.sla057j1_main .title_box h1 span{ font-size: 2.4vw; line-height: 1.2; color: #fbd486; font-family: 'Oswald', sans-serif; font-weight: 400;}
}/*END*/
@media screen and (max-width: 1270px) {
.sla057j1_main{ background: #111; padding-bottom: 80px;}
.sla057j1_main .title_box{ margin-top: -7vw; position: relative; left: 0; bottom:0; text-align: center; }
.sla057j1_main .title_box h1 small{ font-size: 45px;}
.sla057j1_main .title_box h1 span{ font-size: 45px; }
}/*END*/
@media screen and (max-width: 1024px) {
.sla057j1_main .title_box h1 small{ font-size: 3vw; }
.sla057j1_main .title_box h1 span{ font-size: 3vw; }
}/*END*/
@media screen and (max-width: 750px) {
.sla057j1_main .title_box h1 small{ font-size: 3vw; }
.sla057j1_main .title_box h1 span{ font-size: 3vw;  padding-bottom:50px;}
.sla057j1_main .title_box p{ margin-top: 5vw !important;}
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.sla057j1_main .title_box { margin-top: -27vw; width: 100%; }
.sla057j1_main .title_box h1 small{ font-size: 5vw; }
.sla057j1_main .title_box h1 span { font-size: 5vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.sla057j1_main .title_box{  margin-top: -19vw; }
.sla057j1_main .title_box h1 small{ font-size: 6vw; }
.sla057j1_main .title_box h1 span { font-size: 6vw;}
}/*END*/
@media screen and (max-width: 380px) and (orientation: portrait) {
.sla057j1_main .title_box h1 small{ font-size: 6vw; }
.sla057j1_main .title_box h1 span { font-size: 6vw;}
}/*END*/



/*
#main h1 small{ font-size: 2.4vw; line-height: 1.3; }
#main h1 span { font-size: 2.4vw; line-height: 1.3; }
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main h1{ width: 100%; margin: 0; position: relative; left:0%; top: 5vw; z-index: 200; text-align: center; }
#main h1 small{ font-size: 5.2vw; }
#main h1 span { font-size: 5.2vw; }
}/*END*/
/*
@media screen and (max-width: 640px) and (orientation: portrait) {
#main h1{ width: 100%; margin: 0; position: relative; left:0%; top: 5vw; z-index: 200; text-align: center; }
#main h1 small{ font-size: 5.8vw; }
#main h1 span { font-size: 5.8vw; }
}/*END*/




.sla057j1_main .title_box p{ margin: 1.5vw 0 0; width: 100%; max-width: 380px; font-size: 16px; line-height: 1.9; }
@media screen and (max-width: 1270px) {
.sla057j1_main .title_box p{ margin: 3vw auto 0; width: 90%; max-width: 1000px; font-size: 16px; line-height: 1.9; }
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.sla057j1_main{ background: #111; padding-bottom: 10vw;}
.sla057j1_main .title_box p{ margin: 3vw auto 0; font-size: 16px; line-height: 1.9; }
}/*END*/
@media screen and (max-width: 640px) {
.sla057j1_main .title_box p span{ display: block; }
}/*END*/
@media screen and (max-width: 550px) {
.sla057j1_main .title_box p{ margin: 3vw auto 0; font-size: 16px; line-height: 1.9; }
}/*END*/
@media screen and (max-width: 460px) {
.sla057j1_main .title_box p{ margin: 3vw auto 0; font-size: 3.5vw; line-height: 1.9; }
}/*END*/
.b_pc_x15{display:block;}
.b_pc_x1{display:none;}
.b_tab{display:none;}
.b_sp_x15{display:none;}
.b_sp_x1{display:none;}
@media screen and (max-width: 1400px) {
.b_pc_x15{display:none;}
.b_pc_x1{display:block;}
.b_tab{display:none;}
.b_sp_x15{display:none;}
.b_sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 1270px) {
.b_pc_x15{display:none;}
.b_pc_x1{display:none;}
.b_tab{display:block;}
.b_sp_x15{display:none;}
.b_sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait){
.b_pc_x15{display:none;}
.b_pc_x1{display:none;}
.b_tab{display:none;}
.b_sp_x15{display:block;}
.b_sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.b_pc_x15{display:none;}
.b_pc_x1{display:none;}
.b_tab{display:none;}
.b_sp_x15{display:none;}
.b_sp_x1{display:block;}
}/*END*/

/* ------------------------
	sla057j1_de  Fabric strap
--------------------------*/
.sla057j1_de { width: 90%; max-width: 1200px; height: auto; margin: 220px auto ; position: relative; }
.sla057j1_de .img_box{ width: 1540px; height: 457px; position: absolute; left: 70.7%; top: 0px; margin-left: -770px; z-index: 0; }
.sla057j1_de .txt_box{ width: 410px; margin-left: 70px; display: block; position: relative; z-index: 2;}
@media (max-width: 1400px) {
.sla057j1_de { width: 75%; max-width: 1200px; height: auto; margin: 14vw auto; position: relative; }
.sla057j1_de .img_box{ width: 110vw; position: absolute; left: 75%; top: 1vw; margin-left: -55vw; }
.sla057j1_de .txt_box{ width: 390px; margin-left: 0px; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 1270px) {
.sla057j1_de { width: 90%; max-width: 1200px; height: auto; margin: 150px auto 120px; position: relative; display: block; }
.sla057j1_de .img_box{ width: 1540px; position: relative; left: 48%; top: 0px; margin-left: -770px; }
.sla057j1_de .txt_box{ width: 600px; margin:-100px auto 0; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 1100px) {
.sla057j1_de .txt_box{ width: 85%; max-width: 570px; margin:-100px auto 0; display: block; position: relative; z-index: 2;}
}/*END*/

@media (max-width: 1000px) {
.sla057j1_de .txt_box{ width: 85%; max-width: 500px; margin:-100px auto 0; display: block; position: relative; z-index: 2;}
}/*END*/

@media (max-width: 820px) {
.sla057j1_de { width: 90%; max-width: 1200px; height: auto; margin: 15vw auto 13vw; position: relative; display: block; }
.sla057j1_de .img_box{ width: 190vw; height: auto; position: relative; left: 48%; top: initial; bottom: 0px; margin-left: -95vw; }
.sla057j1_de .txt_box{ width: 85%; max-width: 500px; margin:-15vw auto 0; display: block; position: relative; z-index: 2;}
}/*END*/
@media (max-width: 640px) {
.sla057j1_de { width: 90%; max-width: 1200px; height: auto; margin: 24vw auto 18vw; position: relative; display: block; }
.sla057j1_de .img_box{ width: 214vw; position: relative; left: 50%; top: 0px; margin-left: -110vw; }
.sla057j1_de .txt_box{ width: 85%; max-width: 570px; margin:-15vw auto 0; display: block; position: relative; z-index: 2;}
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{  margin: 50px auto 60px; width: 95%; padding: 0px; height: auto; max-width: 1500px; background: #fff; color: #000; position: relative; z-index: 10; overflow: hidden;}
 @media (max-width: 750px){
.spec{  margin: 50px auto 60px; width: 90%; padding-bottom: 40px;}
 }/*END*/
.spec_head{ padding: 80px 0 70px; width:90%; margin: 0 auto; text-align: center; position: relative; z-index: 10; font-family: 'Oswald', sans-serif; font-weight: 400;}
.spec_head h2{ font-size:36px; line-height: 1.2; }
.spec_head h2 span{ font-size:36px; line-height: 1.2; }
 @media (max-width: 1024px){
.spec_head{ padding: 80px 0 70px}
 }/*END*/

 @media (max-width: 750px){
.spec_head{ padding: 80px 0 7vw; }
.spec_head h2{ font-size:5.0vw;}
.spec_head h2 span{ font-size:5.0vw; }

 }/*END*/
 @media (max-width: 600px){
.spec_head{ padding: 13vw 0 7vw; }
.spec_head h2{ font-size:5.4vw;}
.spec_head h2 span{ font-size:5.4vw; }
 }/*END*/

/*-------------------------------------------------
	spec_box
--------------------------------------------------*/
.collections_img_pc{ display: inline-block;}
.collections_img_sp{ display: none;}
@media screen and (max-width: 640px) {
.collections_img_pc{ display: none;}
.collections_img_sp{ display: inline-block;}
}/*end*/
.collections_inner{ display: flex; justify-content: center; width: 560px; margin: 0 auto; }
 @media (max-width: 1000px){
.collections_inner{ width: 520px; }
 }/*END*/
 @media (max-width: 750px){
.collections_inner{ display: block; width: 90%; margin: 0 auto; }
 }/*END*/
/*img_box*/
.collections_inner .img_box{ width: 50%; text-align: center; }
.collections_inner .img_box img{ position: relative; left: 0px; }
 @media (max-width: 750px){
.collections_inner .img_box{ width: 100%; }
.collections_inner .img_box img{ max-width: 280px; width: 70%; }
 }/*END*/
/*txt_box*/
.collections_inner .txt_box{ margin-top: 110px; width: 50%; text-align: center; position: relative; z-index: 3; }
.spec2 .collections_inner .txt_box{ margin-top: 110px; }
 @media (max-width: 1400px){
.collections_inner .txt_box{ margin-top: 100px; }
.spec2 .collections_inner .txt_box{ margin-top: 100px;}
}/*END*/
@media (max-width: 750px){
.collections_inner .txt_box{ margin-top: -50px; width: 100%; padding-bottom: 30px; text-align: center; } 
.spec2 .collections_inner .txt_box{ margin-top: -50px;}
 }/*END*/
 @media (max-width: 550px){
.collections_inner .txt_box{ margin-top: -9vw; width: 100%; text-align: center; }
.spec2 .collections_inner .txt_box{ margin-top: -9vw;}
 }/*END*/
/*---------img---------*/
.collections_img { width: 100%; max-width: 305px; margin: 0 auto; position: relative; z-index: 0; }
 @media (max-width: 1400px){
.collections_img { width: 95%; }
 }/*END*/
 @media (max-width: 1200px){
.collections_img { width: 95%; }
 }/*END*/
 @media (max-width: 400px){
.collections_img { width: 70%; }
 }/*END*/
/*---------txt---------*/
.collections_name { margin-top: 20px; font-size: 16px; line-height: 1.5; }
/*collections_no*/
.collections_no { margin-top: 20px; font-size: 21px; line-height: 1; letter-spacing: 1px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
/*collections_movement*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
/*collections_price*/
.collections_price { margin-top: 15px; font-size: 18px; line-height: 1.1; letter-spacing: 0px; }
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
/*collections_limited*/
.collections_limited { margin-top: 15px;  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; }

/*collections_release*/
.collections_release{ margin-top: 17px; font-size: 14px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400;}
/*collections_txt*/
.collections_txt{ margin-top: 25px; font-size: 13px; line-height: 1.6; letter-spacing: 0px; font-weight: 400;}
/*collections_btn*/
.collections_btn { max-width: 180px; margin: 26px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; background: #fff; color: #000; border: solid 1px #000; border-radius: 0px; }
.collections_btn a:hover { cursor: pointer; background: #000; color: #fff;}
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 160px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_btn { max-width: 150px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
}/*END*/

/*-------------------------------------------------
	report
--------------------------------------------------*/
#report{ position: relative; padding: 105px 0 0; }
@media screen and (max-width: 700px) {
#report{ position: relative; padding: 15vw 0 0; }
}/*END*/
.report_bg{ position: absolute; left: 0%; top: 0px; width:100vw; height:100vh; margin: 0 0 0 0px; background: url(../image/report_bg.jpg) no-repeat top center; z-index: -1; background-size: 100%; }
@media screen and (max-width: 1600px) {
.report_bg{ position: absolute; left: 50%; top: 0px; width:1600px; height:895px; margin: 0 0 0 -800px; background: url(../image/report_bg.jpg) no-repeat top center; z-index: -1; }
}/*END*/
@media screen and (max-width: 1600px) {
.report_bg{ position: absolute; left: 0%; top: 0px; width:140vw; height:100vh; margin: 0 0 0 -20vw; background: url(../image/report_bg.jpg) no-repeat top center; z-index: -1; background-size: 100%; }
}/*END*/
/*h2*/
#report h2 { width: 85%; max-width: 1200px; margin: 0 auto; position: relative; padding-left: 30px; box-sizing: border-box; font-family: 'Oswald', sans-serif; font-weight: 400;}
#report h2 .bar{width: 8px; height: 94%; display: inline-block; background: #fcca00; position: absolute; left: 0px; top: 2px; }
#report h2 small,
#report h2 span{ display: block;}
#report h2 small{ font-size:24px; line-height: 1;}
#report h2 .report_title_1{ font-size:42px; line-height: 1.1;}
#report h2 .report_title_2{ font-size:64px; line-height: 1.15;}
@media screen and (max-width: 600px) {
#report h2 { width: 85%; max-width: 1200px; margin: 0 auto; position: relative; padding-left: 5.5vw; box-sizing: border-box; font-family: 'Oswald', sans-serif; font-weight: 400;}
#report h2 .bar{width: 1.4vw; height: 94%; display: inline-block; background: #fcca00; position: absolute; left: 0px; top: 2px; }
#report h2 small{ font-size:4vw; }
#report h2 .report_title_1{ font-size:7vw;}
#report h2 .report_title_2{ font-size:10.7vw;}
}/*END*/
.re_box{ margin: 105px auto 80px; width: 90%; max-width: 1000px; background: url(../image/re_box_bg.gif) no-repeat right top #fff; color: #000; }
.re_box{ margin: 105px auto 0px; padding-bottom: 80px; width: 90%; max-width: 1000px; background: url(../image/re_box_bg.gif) no-repeat right top #fff; color: #000; }
@media screen and (max-width: 1000px) {
.re_box{ margin: 105px auto  0px; padding-bottom: 80px; width: 90%; max-width: 1000px; background: url(../image/re_box_bg.gif) no-repeat right top #fff; color: #000; background-size:54%;}
}/*END*/
@media screen and (max-width: 700px) {
.re_box{ margin: 15vw auto 0; padding-bottom: 10vw;}
}/*END*/
.re_inner{ max-width: 650px; width: 75%; margin: 0 auto; display: block;}
.re_psx_logo{ padding: 100px 0 60px; margin: 0 0 0 -50px; max-width: 320px; width: 90%; }
@media screen and (max-width: 1000px) {
.re_psx_logo{ padding: 10vw 0 6vw; margin: 0 auto 0 auto; max-width: 340px; width: 70%; }
}/*END*/
@media screen and (max-width: 640px) {
.re_inner{ max-width: 650px; width: 80%; margin: 0 auto; display: block;}
.re_psx_logo{ padding: 13vw 0 10vw; margin: 0 auto 0 auto; max-width: 340px; width: 70%; }
}/*END*/
.re_inner h3{ font-size:26px; font-weight: 700; line-height: 1.5; margin-bottom: 30px;}
@media screen and (max-width: 640px) {
.re_inner h3{ font-size:22px; font-weight: 700; line-height: 1.5; margin-bottom: 20px;}
}/*END*/
@media screen and (max-width: 450px) {
.re_inner h3{ font-size:5vw; font-weight: 700; line-height: 1.5; margin-bottom: 20px;}
}/*END*/
.re_inner p{ margin-top: 10px;}
.photo_box { margin: 48px auto 0; max-width: 540px; width: 90%; display: block;}   
.caption1 { margin: 10px 0 0 0; font-size: 13px; line-height: 1.5;}   
@media screen and (max-width: 640px) {
.caption1 { margin: 10px 0 0 0; font-size: 12px; line-height: 1.5;}   
}/*END*/
.antarctic_photo{  margin: 80px auto 0;}
.antarctic_photo::after { content:" "; display:block; clear:both;}
.caption2 { float: right; width: 80%; margin: 10px 10px 0 0; font-size: 12px; line-height: 1.5; text-align: right;}   
@media screen and (max-width: 640px) {
.caption2 { float: right; width: 80%; margin: 10px 10px 0 0; font-size: 11px; line-height: 1.5; text-align: right;}   
}/*END*/
/*re_history*/
.re_history{ padding: 60px 0 40px;}
.re_history h4{ padding: 0px 0 20px; text-align: center; font-size: 44px; font-family: 'Oswald', sans-serif; font-weight: 400;}
@media screen and (max-width: 640px) {
.re_history{ padding: 40px 0 20px;}
.re_history h4{ padding: 0px 0 10px; text-align: center; font-size: 40px; font-family: 'Oswald', sans-serif; font-weight: 400;}
}/*END*/
@media screen and (max-width: 420px) {
.re_history h4{ padding: 0px 0 10px; text-align: center; font-size: 8vw; font-family: 'Oswald', sans-serif; font-weight: 400;}
}/*END*/
.re_history_photo{ display: block;}
.re_history_photo img:nth-child(1),
.re_history_photo img:nth-child(2){ width: 50%;}
.re_history_photo img:nth-child(3){ width: 100%;}
/*bottom_banner*/
.bottom_banner{ padding: 80px 0; text-align: center;}
.bottom_banner a{ max-width: 480px; width: 75%; margin: 0 auto; display: block; transition: 0.3s; color: #fff; text-decoration: none;}
.bottom_banner a img{ width: 100%; }
.bottom_banner a:hover{ opacity: 0.7;}
.bottom_banner a p{ margin-top: 15px; font-size: 14px; line-height: 1.4; position: relative; display: inline-block;}
.bottom_banner a p::before{ content: ''; display: block; width: 0%; height: 1px; position: absolute; bottom: -4px; left: 0px; background: #fff; transition: 0.3s;}
.bottom_banner a:hover p::before{ content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: -4px; left: 0px; background: #fff;}
.bottom_banner a p span{ display: inline-block;}

.banner_x15{ display: inline-block;}
.banner_x1{ display: none;}
@media screen and (max-width: 500px) {
.banner_x15{ display: none;}
.banner_x1{ display: inline-block;}
}/*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-family: 'Noto Sans JP', sans-serif; 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*/