@charset "utf-8";

/*
font-family: 'Frank Ruhl Libre', serif;
font-family: 'Noto Serif JP', serif;

/*--------------------------------------------------------
	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: #292423;  color: #fff; font-family: 'Noto Serif JP', serif; font-weight: 500; 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;}

/*-------------------------------------------------
	font アンチエイリアス
--------------------------------------------------*/
/* 解像度 1x：subpixel、解像度 2x：grayscale */
h1,h2, h3,p,.spec_btn{ -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; }
@media only screen and 
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
h1,h2,h3,p,.spec_btn{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}

/*-------------------------------------------------
	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: #999; 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_img img,
h1,
.main_110th,
#read p,
#laurel .img_box,
#laurel .txt_box h2,
#laurel .txt_box p,
#banner_history a,
.de .img_box,
.de .de_waku,
.de .txt_box h3,
.de .txt_box p,
.spec h2,
.logo_seiko110th,
.spec_box .img_box,
.spec_box .txt_box,
#link ul li
{ visibility: hidden; }

/*-------------------------------------------------
	bg fixed
--------------------------------------------------*/
body:before{ content: ''; display: block; position: fixed; left: 0; top: 0; width: 100%; height:100vh; background: url("../img/dial_bg.jpg") center center; background-size: cover; z-index: -2; }

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 9999; }
header img{ width: 100%; vertical-align: top;}
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 32px; top: 32px; }
header .presage_logo{ width: 180px; position:absolute; left: 32px; top: 32px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 2vw; top: 2vw;}
header .presage_logo{ width: 11.2vw; left: 2vw; top:2vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 32px; top: 32px; }
header .presage_logo{ width: 180px; left: 32px; top: 32px;}
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw;}
header .presage_logo{ width: 23.2vw; left: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; right: 3.3vw; top: 3.3vw;}
header .presage_logo{ width: 28vw; left: 3.3vw; top: 3.3vw; }
}/*END*/

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

/*-------------------------------------------------
	#main
--------------------------------------------------*/
#main{ width: 100%; position: relative; }
#main .title_box { position: absolute; top:0px; left: 31%; width: 100%; height: 100%; margin-left: -50%; text-align: center; display: flex; align-items: center; justify-content: center; color: #000; /* */}
#main .title_box h1 { font-size: 36px; line-height: 1.5; text-align: center;}
.main_110th{ margin: 48px auto 0; width: 290px; }
@media screen and (max-width:1600px) {
#main .title_box h1 { font-size: 2.25vw; }
.main_110th{ margin: 3vw auto 0; width: 18.2vw; }
}/*END*/
@media screen and (orientation: portrait) {
#main .title_box {padding: 60px 0 90px; position: relative; top:0px; left: 0%; width: 100%; height: auto;  margin-left: 0%; background: #e6e6e6;}
#main .title_box h1 { font-size: 36.9px; }
.main_110th{ margin: 48px auto 0; width: 290px; }
}/*END*/
@media screen and (max-width: 1000px) and (orientation: portrait) {
#main .title_box { padding: 7vw 0 9vw; }
#main .title_box h1 { font-size: 3.7vw; }
.main_110th{ margin: 4.8vw auto 0; width: 29vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .title_box {  padding: 8vw 0 10vw; }
#main .title_box h1 { font-size: 4.6vw; }
.main_110th{ margin: 4.8vw auto 0; width: 40vw; }
}/*END*/
/*---- main_img ----*/
.main_img{ width:100%; overflow: hidden; }
.main_img img{ width:100%; }
/*[ on / off ]*/
.main_img .x15{display:block;}
.main_img .x1{display:none;}
.main_img .tab{display:none;}
.main_img .sp{display:none;}
@media screen and (max-width: 1400px) {
.main_img .x15{display:none;}
.main_img .x1{display:block;}
.main_img .tab{display:none;}
.main_img .sp{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
.main_img .x1{display:none;}
.main_img .tab{display:block;}
.main_img .sp{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.main_img .x1{display:none;}
.main_img .tab{display:none;}
.main_img .sp{display:block;}
}/*END*/

/*---------------------
	scroll
-----------------------*/
.scroll{ height: 95px; width: 80px; margin-right: 0px; position: absolute; right: 0px; bottom: 0; z-index: 200; transition: .3s; }
.scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer;}
.scroll .scroll_wheel{ width: 2px; height: 100%; opacity: 0; overflow:hidden; animation: scroll_wheel 0s 0s 1 forwards ease-out; background:#9b9b9b;display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s; z-index: 200;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.scroll .scroll_wheel:after { opacity: 1; width: 100%; height: 30%; animation: scroll_wheel_after 2s 0.5s infinite normal ease; background:#fff; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; transition: 0.3s;}
@keyframes scroll_wheel_after { 0% { top:0%; opacity: 1;} 30% { top:100%; opacity: 1;} 31% { top:100%; opacity: 0;} 32% { top:-34%; opacity: 0;} 33% { top:-34%; opacity: 1;} 80% { top:0%;} 100% { top:0%;} }
.scroll a:hover .scroll_wheel:after { background:#fff; cursor: pointer;}
.scroll a:hover .scroll_wheel{ background:#848991; cursor: pointer;}
.scroll a:hover { cursor: pointer;}
/*----- scroll_p -----*/
.scroll_p{ position: absolute; bottom: 110px; left: 50%; width: 82px; margin-left: -50%; text-align: center; z-index: 200; pointer-events:none; text-align: center; opacity: .8;}
.scroll_p img{ width: 13px; }
@media screen and (max-width: 1400px) {
.scroll{ height: 90px; width: 80px; right: -10px; }
.scroll_p{ bottom: 105px; }
.scroll_p img{ width: 12px; }
}/*END*/
@media screen and (max-width: 1200px) and (orientation: landscape) {/*横*/
.scroll{ height: 80px; width: 80px; right: -10px; }
.scroll_p{ bottom: 95px; }
.scroll_p img{ width: 12px; }
}/*END*/
@media screen and (max-width: 1000px) and (orientation: landscape) {/*横*/
.scroll{ height: 8vw; width: 80px; right: -10px; }
.scroll_p{ bottom: 9.5vw; }
.scroll_p img{ width: 12px; }
}/*END*/
@media screen and (max-width: 800px) and (orientation: landscape) {/*横*/
.scroll{ height: 8vw; width: 80px; right: -15px; }
.scroll_p{ bottom: 9.5vw; }
.scroll_p img{ width: 1.5vw; }
}/*END*/
@media screen and (max-width: 500px) and (orientation: landscape) {/*横*/
.scroll{ height: 8vw; width: 80px; right: -5vw; }
.scroll_p{ bottom: 9.5vw; }
.scroll_p img{ width: 1.6vw; max-width: 7px; }
.scroll .scroll_wheel{ width: 1px;}
}/*END*/
@media screen  and (orientation: portrait) {
.scroll{ height: 12vw; width: 80px; right: -5px; }
.scroll_p{ bottom: 14vw; }
.scroll_p img{ width: 13px; }
}/*END*/
@media screen and (max-width: 1023px) and (orientation: portrait) {
.scroll{ height: 12vw; width: 80px; right: -5px; }
.scroll_p{ bottom: 14vw; }
.scroll_p img{ width: 12px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.scroll{ height: 16vw; width: 80px; right: -10px; }
.scroll_p{ bottom: 19vw; }
.scroll_p img{ width: 11px; }
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) {
.scroll{ height: 16vw; width: 80px; right: -17px; }
.scroll_p{ bottom: 19vw; }
.scroll_p img{ width: 10px; }
.scroll .scroll_wheel{ width: 1.5px;}
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
.scroll{ height: 16vw; width: 80px; right: -17px; }
.scroll_p{ bottom: 19vw; }
.scroll_p img{ width: 2.6vw; }
.scroll .scroll_wheel{ width: 1.5px;}
}/*END*/
@media screen and (max-width: 350px) and (orientation: portrait) {
.scroll{ height: 16vw; width: 80px; right: -22px; }
}/*END*/

/*-------------------------------------------------
	read
--------------------------------------------------*/
#read .inner{ padding: 100px 0; width: 90%; max-width: 1200px; margin: 0 auto; text-align: center; }
#read .inner p span{ display: inline-block; }

@media (max-width: 1400px) {
#read .inner{ padding: 95px 0; width: 90%; max-width: 1050px;  }
}/*END*/

@media (max-width: 1200px) {
#read .inner{ padding: 90px 0; width: 90%; max-width: 950px;  }
}/*END*/
@media (max-width: 980px) {
#read .inner{ padding: 70px 0; width: 90%; max-width: 690px;  }
}/*END*/
@media (max-width: 820px) {
#read .inner{ padding: 70px 0; width: 90%; max-width: 620px;  }
}/*END*/
@media (max-width: 750px) {
#read .inner p span{ display:inline; }
#read .inner p{ text-align: left; }
#read .inner{ padding: 70px 0; width: 90%; max-width: 540px;  }
}/*END*/
@media (max-width: 700px) {
#read .inner{ padding: 70px 0; width: 90%; max-width: 490px;  }
}/*END*/
@media (max-width: 640px) {
#read .inner{ padding: 60px 0; width: 90%; max-width: 450px;  }
}/*END*/
@media (max-width: 500px) {
#read .inner{ padding: 60px 0; width: 85%; max-width: 100%;  }
}/*END*/
@media (max-width: 450px) {
#read .inner{ padding: 60px 0; width: 85%; }
}/*END*/
@media (max-width: 380px) {
#read .inner{ padding: 60px 0; width: 82%; }
}/*END*/
@media (max-width: 360px) {
#read .inner{ padding: 60px 0; width: 85%; }
}/*END*/
/*--- br ---*/
.read_br1{display: block; }
.read_br2{display: none; }
@media (max-width: 980px) {
.read_br1{display: block; }
.read_br2{display: block; }
}/*END*/
@media (max-width: 750px) {
.read_br1{display: none; }
.read_br2{display: none; }
}/*END*/

/*-------------------------------------------------
	laurel
--------------------------------------------------*/
#laurel{ background: #0e0d0c; width: 93.5%; margin: 0 auto; overflow: hidden; }
#laurel .inner{ display: flex; max-width: 1500px; margin: 0 auto;  }
#laurel .inner .img_box{ margin-left: 10%; width: 25%; }
#laurel .inner .img_box img{ margin: 0 auto; width: 100%; }
#laurel .inner .txt_box{ margin-left: 8%; width: 50%; display: flex; align-items: center; justify-content: center; text-align: left; }
#laurel .inner .txt_box h2 { font-size: 60px;  line-height: 1.15; letter-spacing: 3px; display: block; color: #b4976b; position: relative;}
#laurel .inner .txt_box h2 span{ margin-left: -8px; }
#laurel .inner .txt_box h2::after { margin-top: 25px; content: ''; width: 87px; height: 2px;  background: #b4976b; display: block;}
#laurel .inner .txt_box p{ margin-top: 55px;}
@media (max-width: 1600px) {
#laurel .inner .img_box{ margin-left: 8%; width: 30%; }
#laurel .inner .txt_box{ margin-left: 7%; width: 45%;  }
#laurel .inner .txt_box h2 { font-size: 57px; line-height: 1.15; display: block; color: #b4976b; position: relative;}
#laurel .inner .txt_box h2 span{ margin-left: -8px; }
#laurel .inner .txt_box h2::after { margin-top: 22.5px; content: ''; width: 87px; height: 2px;  background: #b4976b; display: block;}
}/*END*/

@media (max-width: 1400px) {
#laurel .inner .img_box{ margin-left: 10%; width: 33%; }
#laurel .inner .txt_box{ margin-left: 6%; width: 43%;  }
#laurel .inner .txt_box h2 { font-size: 54px; line-height: 1.15; display: block; color: #b4976b; position: relative;}
#laurel .inner .txt_box h2 span{ margin-left: -8px; }
#laurel .inner .txt_box h2::after { margin-top: 22.5px; content: ''; width: 87px; height: 2px;  background: #b4976b; display: block;}
}/*END*/

@media (max-width: 1350px) {
#laurel{ background: #0e0d0c; width: 93.5%; max-width: 1400px; margin: 0 auto;}
#laurel .inner{ display: block; max-width: 1200px; margin: 0 auto;}
#laurel .inner .img_box{ margin: 0 auto; width: 100%; overflow: hidden; position: relative; text-align: center; }
#laurel .inner .img_box img{ margin: 0 auto; width: 50%; max-width: 300px; }
#laurel .inner .img_box::after{ content: ''; display: block; position: absolute; left: 50%; top:35vw; width: 140vw; height: 140vw; margin-left:-70vw; background-image: radial-gradient(circle closest-side, rgba(149, 137, 119, .7) 0%, rgba(149, 137, 119, 0) 100%); }
#laurel .inner .txt_box{ margin: 0; padding: 80px 0; width: 100%; }
#laurel .inner .txt_box div{ margin: 0 auto; width: 80%; max-width: 1000px; text-align: center; }
#laurel .inner .txt_box h2 small{ font-size: 23px; letter-spacing: 3px; display: block;}
#laurel .inner .txt_box h2 { font-size: 50px; line-height: 1.15; display: block; color: #b4976b; position: relative;}
#laurel .inner .txt_box h2 span{ margin-left: -8px; }
#laurel .inner .txt_box h2::after { margin: 20px auto; content: ''; width: 87px; height: 2px;  background: #b4976b; display: block;}
#laurel .inner .txt_box p{ margin-top:40px; text-align: left;}
}/*END*/
@media (max-width: 850px) {
#laurel .inner .txt_box{ margin: 0; padding: 60px 0; width: 100%; }
#laurel .inner .txt_box h2 small{ font-size: 21px; letter-spacing: 3px; display: block;}
#laurel .inner .txt_box h2 { font-size: 45px; line-height: 1.15; display: block; color: #b4976b; position: relative;}
#laurel .inner .txt_box h2 span{ margin-left: -8px; }
#laurel .inner .txt_box h2::after { margin: 20px auto; content: ''; width: 87px; }
#laurel .inner .txt_box p{ margin-top:40px; text-align: left;}
}/*END*/
@media (max-width: 640px) {
#laurel{ background: #0e0d0c; width: 90%; max-width: 720px; margin: 0 auto;}
#laurel .inner{ display: block; max-width: 1200px; margin: 0 auto;}
#laurel .inner .img_box{ margin: 0 auto; width: 100%; overflow: hidden; position: relative; text-align: center; }
#laurel .inner .img_box img{ margin: 0 auto; width: 55%;  }
#laurel .inner .img_box::after{ content: ''; display: block; position: absolute; left: 50%; top:60vw; width: 140vw; height: 140vw; margin-left:-70vw; background-image: radial-gradient(circle closest-side, rgba(149, 137, 119, .7) 0%, rgba(149, 137, 119, 0) 100%); }
#laurel .inner .txt_box{ margin: 0; padding: 60px 0; width: 100%; }
#laurel .inner .txt_box div{ margin: 0 auto; width: 80%; max-width: 640px; text-align: center; }
#laurel .inner .txt_box h2 small{ font-size: 19px; letter-spacing: 3px; display: block;}
#laurel .inner .txt_box h2 { font-size: 43px; line-height: 1.15; display: block; color: #b4976b; position: relative; }
#laurel .inner .txt_box h2 span{ margin-left: -8px; }
#laurel .inner .txt_box h2::after { margin: 20px auto; content: ''; width: 87px; }
#laurel .inner .txt_box p{ margin-top:40px; text-align: left;}
}/*END*/
@media (max-width: 450px) {
#laurel .inner .txt_box{ margin: 0; padding: 50px 0; width: 100%; }
#laurel .inner .txt_box h2 small{ font-size: 19px; letter-spacing: 3px; display: block;}
#laurel .inner .txt_box h2 { font-size: 38px; line-height: 1.15; display: block; color: #b4976b; position: relative; }
#laurel .inner .txt_box h2::after { margin: 20px auto; content: ''; width: 70px;  }
#laurel .inner .txt_box div{ margin: 0 auto; width: 80%; max-width: 640px; text-align: center; }
}/*END*/

@media (max-width: 400px) {
#laurel .inner .txt_box h2 small{ font-size: 18px; letter-spacing: 3px; display: block;}
#laurel .inner .txt_box h2 { font-size: 32px; line-height: 1.15; display: block; color: #b4976b; position: relative; }
#laurel .inner .txt_box h2::after { margin: 20px auto; content: ''; width: 70px;  }
#laurel .inner .txt_box h2::after { margin: 20px auto; content: ''; width: 60px;  }

#laurel .inner .txt_box div{ margin: 0 auto; width: 80%; max-width: 640px; text-align: center; }
}/*END*/
@media (max-width: 350px) {
#laurel .inner .txt_box div{ margin: 0 auto; width: 85%; max-width: 640px; text-align: center; }
}/*END*/

/* [ on off ]*/
#laurel .pc{display: block; }
#laurel .sp{display: none; }
@media (max-width: 1000px) {
#laurel .pc{display: none; }
#laurel .sp{display: block; }
}/*END*/


/*-------------------------------------------------
	banner_history
--------------------------------------------------*/
#banner_history{ width: 93.5%; margin: 0 auto; background: #1b1817; }
#banner_history .inner{ width: 90%; max-width: 600px; margin: 0 auto; padding: 80px 0; box-sizing: border-box; text-align: center; }
#banner_history .inner a{ display: inline-block; overflow: hidden; position: relative;  }
#banner_history .inner a img{ transition: 1s; position: relative; z-index: 1; }
#banner_history .inner a .banner_arrow img{ width: 80px;  position: absolute; right: 15px; bottom: 15px; z-index: 2; transition: 1s;}
/*hover*/
#banner_history .inner a:hover img{ transform: scale(1.05); }
#banner_history .inner a:hover .banner_arrow img{right: 5px; transform: scale(1); }
@media (max-width: 1000px) {
#banner_history{ width: 93.5%; margin: 0 auto;}

#banner_history .inner{ width: 85%; max-width: 600px;  margin: 0 auto; }
#banner_history .inner{ padding: 60px 0; }
}/*END*/
@media (max-width: 750px) {
#banner_history{ width: 100%; max-width: 1000px; background: linear-gradient(to bottom, rgba(27,24,23,0) 20%, rgba(27,24,23,1) 100%);/*グラデ*/ }

#banner_history .inner{ padding: 7vw 0;  }
}/*END*/
@media (max-width: 640px) {
#banner_history .inner{ width: 90%; max-width: 720px; }
}/*END*/

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


/*-------------------------------------------------
	design
--------------------------------------------------*/
#design h2{ padding: 120px 0; font-size: 24px; letter-spacing: 20px; line-height: 1; text-align: center;  color: #cdaca7; font-family: 'Frank Ruhl Libre', serif; }
@media (max-width: 1000px) {
#design h2{ padding: 120px 0 60px; font-size: 24px; letter-spacing: 20px; line-height: 1; text-align: center;  color: #cdaca7; font-family: 'Frank Ruhl Libre', serif; }
}/*END*/
/*-------------------------------------------------
	co [base]
--------------------------------------------------*/

.de { width: 100%; position: relative;}
.de .inner{ max-width: 1400px; width: 95%; margin: 0 auto; position: relative;}
@media (max-width: 1000px) {
.de .inner{ max-width: 600px; width: 70%; margin: 0 auto; position: relative;}
}/*END*/
@media (max-width: 640px) {
.de .inner{ max-width: 600px; width: 75%; margin: 0 auto; position: relative;}
}/*END*/

/* [ on off ]*/
.de .pc{display: block; }
.de .sp{display: none; }
@media (max-width: 1000px) {
.de .pc{display: none; }
.de .sp{display: block; }
}/*END*/

.de .img_box{ position: relative; }
.de .img_box img{ position: relative; z-index: 2; width: 100%;}

.de .img_box .de_waku{ border: solid 15px #423a3b; position: absolute; box-sizing: border-box; width: 100%; height: 100%; z-index: 1; }
@media (max-width: 1400px) {
.de .img_box .de_waku{ border: solid 1.1vw #423a3b; }
}/*END*/
@media (max-width: 1000px) {
.de .img_box .de_waku{ border: solid 12px #423a3b; }
}/*END*/
@media (max-width: 850px) {
.de .img_box .de_waku{ border: solid 1.5vw #423a3b; }
}/*END*/

.de .txt_box{ display: flex; align-items: center; justify-content: center;position: relative; z-index: 3;  }

/*-------------------------------------------------
	de01
--------------------------------------------------*/
#de01 .inner{ display: flex; flex-direction : row-reverse;}
#de01 .img_box{ margin-right: 15.7%; width: 40%; }
#de01 .img_box .de_waku{ left: -130px; top: 80px;}
#de01 h3{ margin-left: -5px; }


#de01 .txt_box{ margin-top: 120px; margin-right: 6%; width: 440px; }
@media (max-width: 1400px) {
#de01 .img_box .de_waku{ left: -9.3vw; top: 5.7vw;}
#de01 .txt_box{ margin-top: 120px; margin-right: 6%; width: 400px; }

}/*END*/
@media (max-width: 1200px) {
#de01 .img_box{ margin-right: 10%; width: 40%; }
#de01 .txt_box{ margin-top: 50px; margin-right: 6%;  }
}/*END*/
@media (max-width: 1000px) {
#de01 .inner{ display: block; flex-direction : row-reverse;}
#de01 .img_box{ margin: 0 auto; width: 100%; }
#de01 .img_box .de_waku{ left: -60px; top: 60px;}
#de01 .txt_box{ margin: 100px auto 0; max-width: 540px; width: 100%; }
#de01 .txt_box h3{text-align: center; width: 100%; }
.de h3 br{ display: none;}
}/*END*/
@media (max-width: 850px) {
#de01 .img_box .de_waku{ left: -7vw; top: 7vw;}
#de01 .txt_box{ margin: 12vw auto 0; max-width: 540px; width: 100%; }
}/*END*/
@media (max-width: 450px) {
#de01 .img_box .de_waku{ left: -7vw; top: 7vw;}
#de01 .txt_box{ margin: 14vw auto 0; max-width: 540px; width: 100%; }
}/*END*/

/*-------------------------------------------------
	de02
--------------------------------------------------*/
#de02{ margin-top: 270px;}
#de02 .inner{ display: flex; }
#de02 .img_box{ margin-left: 3.6%; width: 57.1%; }
#de02 .img_box .de_waku{ left: 130px; top: 80px;}
#de02 h3{ margin-left: -5px; }
#de02 .txt_box{ margin-top: 9vw; margin-left: 5.8%; width: 600px; }
@media (max-width: 1600px) {
#de02 .txt_box{ margin-top: 9vw; margin-left: 5.8%; width: 500px; }
}/*END*/
@media (max-width: 1500px) {
#de02 .txt_box{ margin-top: 9vw; margin-left: 5.8%; width: 460px; }
}/*END*/

@media (max-width: 1400px) {
#de02 .img_box .de_waku{ left: 9.3vw; top: 5.7vw; }
#de02 .txt_box{ margin-left: 5.8%; width: 30%; }
}/*END*/
@media (max-width: 1000px) {
#de02{ margin-top: 80px;}
#de02 .inner{ display: block; }
#de02 .img_box{ margin: 0 auto; width: 100%; }
#de02 .txt_box{ margin: 100px auto 0; width: 100%; }
#de02 .txt_box h3{ position: relative; left: -5vw; }
#de02 .img_box .de_waku{ left: 5.7vw; top: 5.7vw;}
}/*END*/
@media (max-width: 850px) {
#de02{ margin-top: 60px;}
#de02 .txt_box{ margin: 12vw auto 0; max-width: 540px; width: 100%; }
}/*END*/
@media (max-width: 450px) {
#de02 .txt_box{ margin: 14vw auto 0; max-width: 540px; width: 100%; }
}/*END*/
@media (max-width: 1000px) {
.de_br1{ display: none;}
.de .txt_box p br{display: none;}
}/*END*/

/*-------------------------------------------------
	de03
--------------------------------------------------*/
#de03{ margin-top: 360px;}
#de03 .inner{ display: flex; flex-direction : row-reverse;}
#de03 .img_box{ margin-right: 3.6%; width: 57.1%; }
#de03 .img_box .de_waku{ left: -130px; top: 80px;}
#de03 h3{ margin-left: -5px; }
#de03 .txt_box{ margin-top: 100px; margin-right: 4%; width: 32%; max-width: 410px; }
@media (max-width: 1400px) {
#de03 .img_box .de_waku{ left: -9.3vw; top: 5.7vw;}
#de03 .txt_box{ margin-top: 5vw; margin-right: 5.8%; width: 30%; }

}/*END*/
@media (max-width: 1000px) {
#de03{ margin-top: 80px;}
#de03 .inner{ display: block; }
#de03 .img_box{ margin: 0 auto; width: 100%; }
#de03 .txt_box{ margin: 100px auto 0; width: 100%; max-width: 100%;}
#de03 .txt_box h3{ position: relative; text-align: center; width: 100%; }
#de03 .img_box .de_waku{ left: -5.7vw; top: 5.7vw;}
}/*END*/
@media (max-width: 850px) {
#de03{ margin-top: 60px;}
#de03 .txt_box{ margin: 12vw auto 0; width: 100%; }
}/*END*/
@media (max-width: 450px) {
#de03 .txt_box{ margin: 14vw auto 0; width: 100%; }
}/*END*/

/*-------------------------------------------------
	de04
--------------------------------------------------*/
#de04{ margin-top: 223px;}
#de04 .inner{ display: flex; }
#de04 .img_box{ margin-left: 13.6%; width: 40%; }
#de04 .img_box .de_waku{ left: 130px; top: 80px;}
#de04 h3{ margin-left: -5px; }
#de04 .txt_box{ margin-top: 60px; margin-left: 6.5%; width: 380px; }
@media (max-width: 1400px) {
#de04 .img_box .de_waku{ left: 9.3vw; top: 5.7vw;}
}/*END*/
@media (max-width: 1000px) {
#de04{ margin-top: 80px;}
#de04 .inner{ display: block; }
#de04 .img_box{ margin: 0 auto; width: 100%; }
#de04 .txt_box{ margin: 100px auto 0; width: 100%; }
#de04 .txt_box h3{ position: relative; left: -5vw; }
#de04 .img_box .de_waku{ left: 5.7vw; top: 5.7vw;}
}/*END*/
@media (max-width: 850px) {
#de04{ margin-top: 60px;}
#de04 .txt_box{ margin: 12vw auto 0; width: 100%; }
}/*END*/
@media (max-width: 450px) {
#de04 .txt_box{ margin: 14vw auto 0; width: 100%; }
}/*END*/

/*-------------------------------------------------
	nom
--------------------------------------------------*/
.nom_1{ position: absolute; left: 2vw; top: -60px; width: 220px; z-index: 2;}
.nom_2{ position: absolute; right: 1.9vw; top: -170px; width: 245px; z-index: 2;}
.nom_3{ position: absolute; left: 1vw; top: -200px; width: 245px; z-index: 2;}
.nom_4{ position: absolute; right: 2.5vw; top: -110px; width: 280px; z-index: 2;}
@media (max-width: 1500px) {
.nom_1{ position: absolute; left: 2vw; top: -60px; width: 14.7vw; }
.nom_2{ position: absolute; right: 1.9vw; top: -170px; width: 16.4vw; }
.nom_3{ position: absolute; left: 1vw; top: -200px; width: 16.4vw; }
.nom_4{ position: absolute; right: 2.5vw; top: -110px; width: 18.7vw; }
}/*END*/
@media (max-width: 1000px) {
.nom_1{ position: relative; left: initial; top: initial; width: 150px; }
.nom_2{ position: relative; right: -30vw; top: initial; width: 185px; }
.nom_3{ position: relative; left: initial; top: initial; width: 185px; }
.nom_4{ position: relative; right: 30vw; top: initial; width: 210px; }
.nom_1,
.nom_2,
.nom_3,
.nom_4{ margin: 0 auto; padding: 0 0 60px 0;}
}/*END*/
@media (max-width: 700px) {
.nom_1{ position: relative; left: initial; top: initial; width: 25.7vw; }
.nom_2{ position: relative; right: -30vw; top: initial; width: 28.4vw; }
.nom_3{ position: relative; left: initial; top: initial; width: 28.4vw; }
.nom_4{ position: relative; right: 30vw; top: initial; width: 30.7vw; }
.nom_1,
.nom_2,
.nom_3,
.nom_4{ margin: 0 auto; padding: 0 0 8vw 0;}
}/*END*/

/*-------------------------------------------------
	de [base]
--------------------------------------------------*/
.de h3{ font-size: 66px; width: 150%; line-height: 1; color: #cdaca7; font-family: 'Frank Ruhl Libre', serif; }
.de p.de_txt{ margin-top: 30px; }
.de p.de_txt span{ display: inline-block; }
.de p.de_txt_s{ margin-top: 20px; }
.de p.de_txt { display: inline-block; }
@media (max-width: 1500px) {
.de h3{ font-size: 62px;}
}/*END*/
@media (max-width: 1400px) {
.de h3{ font-size: 58px;}
.de p.de_txt{ margin-top: 25px; }
.de p.de_txt_s{ margin-top: 18px; }
}/*END*/
@media (max-width: 1200px) {
.de h3{ font-size: 56px;}
.de p.de_txt{ margin-top: 20px; }
.de p.de_txt_s{ margin-top: 16px; }
}/*END*/
@media (max-width: 1100px) {
.de h3{ font-size: 54px;}
.de p.de_txt{ margin-top: 20px; }
.de p.de_txt_s{ margin-top: 14px; }
}/*END*/
@media (max-width: 1024px) {
.de h3{ font-size: 54px;}
.de p.de_txt{ margin-top: 30px; }
}/*END*/

@media (max-width:520px) {
.de h3{ font-size: 48px; width: 150%;}
.de p.de_txt{ margin-top: 3.5vw; }
.de p.de_txt_s{ margin-top: 2.5vw; }
}/*END*/
@media (max-width:450px) {
.de h3{ font-size: 44px; width: 150%;}
.de p.de_txt{ margin-top: 3.5vw; }
.de p.de_txt_s{ margin-top: 2.5vw; }
}/*END*/
@media (max-width:400px) {
.de h3{ font-size: 40px; width: 150%;}
.de p.de_txt{ margin-top: 3.5vw; }
.de p.de_txt_s{ margin-top: 2.5vw; }
}/*END*/
@media (max-width:350px) {
.de h3{ font-size: 38px; width: 150%;}
.de p.de_txt{ margin-top: 3.5vw; }
.de p.de_txt_s{ margin-top: 2.5vw; }
}/*END*/

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
#read .inner p span{ display: inline-block;}
.txt_l{ font-size: 21px; line-height: 2.4; letter-spacing: 1.5px; }
.de_txt{ font-size: 19px; line-height: 2; }
.de_txt_s{ font-size: 15px; }
.txt{ font-size: 17px; }
.txt16{ font-size: 16px; }
.lh_1{ line-height: 2.1;}
.ls_1{ letter-spacing: 1px;}
@media (max-width: 1500px) {
.txt_l{ font-size: 20px; }
.de_txt{ font-size: 18px;  }
.de_txt_s{ font-size: 14.5px; }
}/*END*/
@media (max-width: 1400px) {
.txt_l{ font-size: 19px;  }
.de_txt{ font-size: 17px; }
.txt{ font-size: 16px; }
.txt16{ font-size: 15px; }
.de_txt_s{ font-size: 14px; }
}/*END*/
@media (max-width: 1200px) {
.txt_l{ font-size: 17px;  }
.de_txt{ font-size: 16px; }
.de_txt_s{ font-size: 13px; }
}/*END*/
@media (max-width: 1100px) {
.txt{ font-size: 15px; }
.de_txt{ font-size: 15px; }
}/*END*/
@media (max-width: 1000px) {
.txt{ font-size: 15px; }
.de_txt{ font-size: 18px; }
}/*END*/
@media (max-width: 750px) {
.txt{ font-size: 15px; }
.de_txt{ font-size: 17px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 15px; }
.de_txt{ font-size: 15.5px; }
.lh_1{ line-height: 1.9;}
}/*END*/
@media (max-width: 500px) {
.txt_l{ font-size: 15px; line-height: 2; }
.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
.txt_l{ font-size: 15px; line-height: 2; }
.de_txt{ font-size: 14.5px; }
.txt{ font-size: 14px; }
}/*END*/

/*---txt_s---*/
.txt_s{ font-size: 15px!important; line-height: 1.6;  }
@media (max-width: 1200px) {
.txt_s{ font-size: 14px!important; }
}/*END*/
@media (max-width: 1000px) {
.txt_s{ font-size: 15px!important; }
}/*END*/
@media (max-width: 640px) {
.txt_s{ font-size: 14px!important; }
}/*END*/
@media (max-width: 400px) {
.txt_s{ font-size: 13px!important; }
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{ margin-top: 210px; padding: 0 ;  color: #000; position: relative; }
.spec .title_box{ padding: 120px 0 90px; }
@media screen and (max-width:1200px) {
.spec .title_box{ padding: 10vw 0 9vw; }
}/*END*/
@media screen and (max-width:1100px) {
.spec .title_box{ padding: 110px 0 90px; }
}/*END*/
@media screen and (max-width:1000px) {
.spec{ margin-top: 150px; padding: 0 ;  color: #000; position: relative; }
}/*END*/
@media screen and (max-width: 670px) {
.spec{ margin-top: 20vw; padding: 0 ;  color: #000; position: relative; }
.spec .title_box{ padding: 16vw 0 14vw;  }
}/*END*/
@media screen and (max-width: 450px) {
.spec .title_box{ padding: 16vw 0 10vw;  }
.spec{ padding: 0; }
}/*END*/
@media screen and (max-width: 370px) {
.spec{ padding: 0 0 14vw; }
}/*END*/

.spec .title_box h2 small{ margin: 0 0 0px; font-size: 30px; line-height: 1.5; letter-spacing: 1px; text-align: center; display: block;}
.spec .title_box h2 { font-size: 36.9px; line-height: 1.5; text-align: center;}
.logo_seiko110th{ margin: 48px auto 0; width: 290px; }
@media screen and (max-width:1200px) {
.spec .title_box h2 small{ margin: 0 0 0vw; font-size: 2.6vw; }
.spec .title_box h2 { font-size: 3.07vw; }
.logo_seiko110th{ margin: 4vw auto 0; width: 24.1vw; }
}/*END*/
@media screen and (max-width: 1100px) {
.spec .title_box h2 small{ margin: 0 0 0px; font-size: 26.4px;}
.spec .title_box h2 { font-size: 33.8px; line-height: 1.5;}
.logo_seiko110th{ margin: 45px auto 0; width: 265px; }
}/*END*/
@media screen and (max-width: 770px) {
.spec .title_box h2 small{ margin: 0 0 0px; font-size: 24.4px;}
.spec .title_box h2 { font-size: 31.8px; line-height: 1.5;}
.logo_seiko110th{ margin: 40px auto 0; width: 255px; }
}/*END*/
@media screen and (max-width: 670px) {
.spec .title_box h2 small{ margin: 0 0 0vw; font-size: 3.7vw;}
.spec .title_box h2 { font-size: 4.8vw; }
.logo_seiko110th{ margin: 5vw auto 0; width: 40vw; }
}/*END*/

.spec_box{ padding: 0 0; width: 94%; margin: 0 auto; }
.spec .inner{ margin: 0 auto; width: 100%; max-width: 650px; display: flex;  justify-content: center; overflow: hidden; }
.spec .inner .img_box{ max-width: 259px; }
.spec .inner .txt_box{ margin-left: 7%; margin-top: 90px; line-height: 1.5; text-align: center; }
@media screen and (max-width: 1000px) {
.spec .inner .txt_box{ margin-left: 4vw;}
}/*END*/
@media screen and (max-width: 750px) {
.spec .inner .img_box{ width:40%; }
.spec .inner .txt_box{ margin-left: 4vw;}
}/*END*/
@media screen and (max-width: 700px) {
.spec_box{ padding: 0 0; }
.spec .inner .img_box{ width:40%; }
.spec .inner .txt_box{ margin-left: 4vw;}
}/*END*/
@media screen and (max-width: 650px) {
.spec .inner .img_box{ width:40%; }
.spec .inner .txt_box{ margin-left: 4vw; margin-top: 12vw; }
}/*END*/
@media screen and (max-width: 550px) {
.spec_box{ padding: 0 0 0; }
.spec .inner .img_box{ width:42%; }
}/*END*/
@media screen and (max-width: 500px) {
.spec .inner .txt_box{ margin-left: 4vw; margin-top: 10vw; }
}/*END*/
@media screen and (max-width: 450px) {
.spec .inner .img_box{ width:44%; }
}/*END*/
@media screen and (max-width: 400px) {
.spec .inner .img_box{ width:46%; }
.spec .inner .txt_box{ margin-left: 4vw;  margin-top: 7vw;}
}/*END*/
@media screen and (max-width: 370px) {
.spec_box{ padding: 0 0 0; }
.spec .inner{ margin: 0 auto; width: 100%; max-width: 650px; display: block; }
.spec .inner .txt_box{ margin:-20vw 0 0 0%; display: block;}
.spec .inner .img_box{ width:50%; margin: 0 auto; }
.spec .inner .img_box img{ margin-left: -2vw; }
}/*END*/

/* spec_bg */
.spec_bg{ background: #fff; position: absolute; left:50%; top: 0px; width: 550vw; height: 550vw; margin-left: -275vw; border-radius: 50%; z-index: -1;}
.spec_bg2{ background: #423a3b; position: absolute; left:50%; top: -25px; width: 900vw; height:900vw; margin-left: -450vw; border-radius: 50%; z-index: -2;}
@media screen and (max-width: 1000px) {
.spec_bg2{ top: -2.5vw; }
}/*END*/

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

.number		{ margin-top: 0px; font-size: 26px; letter-spacing: 1px;  }
.caribre	{ margin-top: 5px; font-size: 15px; }
.price		{ margin-top: 7px; font-size: 18px; }
.price span	{ margin-top: 0px; font-size: 12px; margin-left: 3px; }
.limited	{ margin-top: 20px; font-size: 15px; position: relative; padding-bottom: 4px; display: inline-block;} .limited::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #000; }
.limited_sub{ margin-top: 3px; font-size: 12px; }
.spec_txt	{ margin-top: 15px; font-size: 14px; }
.spec_txts	{ margin-top: 18px; font-size: 13px; }
.spec_txts2	{ margin-top: 0px; font-size: 13px; }
@media screen and (max-width: 640px) {
.number		{ margin-top: 0px; font-size: 23px; }
.caribre	{ margin-top: 5px; font-size: 14px; }
.price		{ margin-top: 7px; font-size: 16px; }
.price span	{ margin-top: 0px; font-size: 11px; margin-left: 3px; }
.limited	{ margin-top: 20px; font-size: 14px; position: relative; padding-bottom: 4px; display: inline-block;}
.limited_sub{ margin-top: 3px; font-size: 11px; }
.spec_txt	{ margin-top: 15px; font-size: 13px; }
.spec_txts	{ margin-top: 18px; font-size: 12px; }
.spec_txts2	{ margin-top: 0px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 450px) {
.number		{ margin-top: 0px; font-size: 22px; }
.caribre	{ margin-top: 5px; font-size: 13px; }
.price		{ margin-top: 7px; font-size: 16px; }
.price span	{ margin-top: 0px; font-size: 11px; margin-left: 3px; }
.limited	{ margin-top: 20px; font-size: 12.5px; position: relative; letter-spacing: 0px; padding-bottom: 4px; display: inline-block;}
.limited_sub{ margin-top: 3px; font-size: 11px; }
.spec_txt	{ margin-top: 15px; font-size: 12px; }
.spec_txts	{ margin-top: 18px; font-size: 12px; }
.spec_txts2	{ margin-top: 0px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 400px) {
.limited	{ margin-top: 20px; font-size: 12px;}
}/*END*/



/*spec_btn*/
.spec_btn { margin:22px auto 0; display: block;}
.spec_btn a {width: 190px; padding: 16px 0 18px; margin:0 auto; font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: .5px; color: #fff; background: #423a3b; display: block; transition: 0.3s; text-decoration: none; border-radius: 50px;}
.spec_btn a:hover { cursor: pointer; color: #fff; opacity: 0.8; }
@media screen and (max-width: 640px) {
.spec_btn { margin: 18px auto 0; }
.spec_btn a {  width: 170px; padding: 16px 0 18px; font-size: 13px; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 450px) {
.spec_btn { margin: 15px auto 0; }
.spec_btn a { width: 160px; font-size: 12px;  padding: 15px 0 17px; }
}/*END*/
@media screen and (max-width: 400px) {
.spec_btn { margin: 15px auto 0; }
.spec_btn a { width: 150px; font-size: 12px;  padding: 14px 0 16px; }
}/*END*/
/*spec_btn*/
.spec_btn2 { margin:10px auto 0; }
@media screen and (max-width: 370px) {
.spec_btn a { width: 160px; font-size: 12px;}
}/*END*/

/*-------------------------------------------------
	link
--------------------------------------------------*/
#link{ padding: 120px 0 90px; background: linear-gradient(to bottom, #000000 0%, #484848 100%); }
#link ul { width: 94%; max-width:1360px; margin: 0 auto; display: flex; justify-content: space-around; }
#link ul li{ width: 44%; max-width:600px; text-align: center; }
#link ul li a{ color: #fff; text-decoration: none; position: relative; }
#link ul li a div.link_inner{ position: relative; overflow: hidden; }
#link ul li a img{ transition: 1s;}
#link ul li a:hover img{ transform: scale(1); opacity: 0.7;}
#link ul li a p{display: inline-block; padding-bottom: 3px; transition: 0.3s; position: relative;}
#link ul li a p span{ display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; overflow: hidden;}
#link ul li a p span::after{ content: ''; display: block; position: absolute; left: 0%; bottom: 0px; width: 0%; height: 1px; background: #fff; transition: 0.3s;}
#link ul li a:hover p span::after{ left: 0%; width: 100%;}
#link ul li a:hover img{ transform: scale(1.05);}
/*link_waku*/
.link_waku{ padding: 7px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; box-sizing: border-box; }
.link_waku div{width: 100%; height: 100%; border: solid 1px rgba(255,255,255,.4); box-sizing: border-box; transition: 1s; }
#link ul li a:hover .link_waku div{border: solid 1px rgba(255,255,255,.2); }
@media (max-width: 1440px) {
.link_waku{ padding: .48vw; }
}/*END*/
@media (max-width: 1000px) {
.link_waku{ padding: 7px; }
#link{ padding: 40px 0 100px; }
#link ul { width: 94%; max-width:1360px; margin: 0 auto; display: block; text-align: center; }
#link ul li{ width: 75%; max-width:600px; margin: 80px auto 0; text-align: center;}
}/*END*/
@media (max-width: 850px) {
.link_waku{ padding: .8vw; }
}/*END*/
@media (max-width: 750px) {
#link{ padding: 7vw 0 15vw; }
#link ul { width: 94%; max-width:1360px; margin: 0 auto; display: block; text-align: center; }
#link ul li{ width: 75%; max-width:600px; margin: 11vw auto 0; text-align: center;}
}/*END*/
@media (max-width: 450px) {
#link{ padding: 7vw 0 20vw; }
#link ul { width: 94%; max-width:1360px; margin: 0 auto; display: block; text-align: center; }
#link ul li{ width: 85%; max-width:600px; margin: 11vw auto 0; text-align: center;}
}/*END*/
/*link_arrow*/
#link ul li a div .link_arrow{ position: absolute; right: 4%; top: 50%; margin-top: -13px; width: 26px; height: 26px; background: url(../img/link_arrow.svg); background-size: cover;transition: 0.2s; }
#link ul li a:hover div .link_arrow{ opacity: 0.6; }
@media (max-width: 1400px) {
#link ul li a div .link_arrow{ position: absolute; right: 4%; top: 50%; margin-top: -0.95vw; width: 1.9vw; height: 1.9vw; }
}/*END*/
@media (max-width: 1000px) {
#link ul li a div .link_arrow{ position: absolute; right: 4%; top: 50%; margin-top: -13px; width: 26px; height: 26px; }
}/*END*/
@media (max-width: 800px) {
#link ul li a div .link_arrow{ position: absolute; right: 4%; top: 50%; margin-top: -1.7vw; width: 3.4vw; height: 3.4vw; }
}/*END*/
@media (max-width: 450px) {
#link ul li a div .link_arrow{ position: absolute; right: 4%; top: 50%; margin-top: -2vw; width: 4vw; height: 4vw; }
}/*END*/
/*---txt2---*/
.txt2{ margin-top: 20px; font-size: 16px; line-height: 1.6;  }
@media (max-width: 1200px) {
.txt2{ margin-top: 18px; font-size: 15px; }
}/*END*/
@media (max-width: 1000px) {
.txt2{ margin-top: 20px; font-size: 16px; }
}/*END*/
@media (max-width: 700px) {
.txt2{ margin-top: 18px; font-size: 15px; }
}/*END*/
@media (max-width: 500px) {
.txt2{ margin-top: 15px; font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
.txt2{ margin-top: 3.4vw; font-size: 13px; }
}/*END*/
/* [ on off ]*/
#link .x15{display:block;}
#link .x1{display:none;}
@media (max-width: 500px) {
#link .x15{display:none;}
#link .x1{display: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("../../asset/img/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*/