@charset "utf-8";
/*
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; color: #000; background: #464646; 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; }

/*-------------------------------------------------
	font アンチエイリアス
--------------------------------------------------*/
/* 解像度 1x：subpixel、解像度 2x：grayscale */
h1,
h2,
p
{ -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,
	p
	{ -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; }

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 9999; }
header div{ margin: 0; line-height: 1; font-size: 1px; display: block; }
header div img{ width: 100%; vertical-align: top;}
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; left: 30px; top: 30px; text-align: right;}
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) {
header .seiko_logo{ width: 130px; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; left: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; left: 3.8vw; top: 3.8vw; }
}/*END*/

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

/*-------------------------------------------------
	#main
--------------------------------------------------*/
#main{ height: 50vw; width: 100%; position: relative; left: 0px; top: 0px;}
#main .inner { position: relative; top:0vw; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
#main .inner h1 { width:27%; }
#main .inner h1 small{ margin-top: 2.1vw; font-size: 1.25vw; letter-spacing:.18vw; line-height: 2.85; padding-bottom: .2vw; color: #000; display: block; position: relative; }
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: ''; width: 100%; height: 2px; display: block; background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,0) 100%); }
#main .inner h1 small::before{ top: 0px;}
#main .inner h1 small::after{ bottom: 0px;}
.main_txts{ font-size: 12px; letter-spacing: 1.2px; line-height: 1; opacity: .4; color: #fff; position: absolute; left: 20px; bottom: 20px;}
@media screen and (max-width: 1700px) {
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: ''; width: 100%; height: 1px; }
}/*END*/
@media screen and (orientation: portrait) {
#main{ height: 125vw; width: 100%; position: relative; left: 0px; top: 0px; }
#main .inner h1 { width:55%; }
#main .inner h1 small{ margin-top: 4.1vw; font-size: 2.8vw; letter-spacing:.18vw; line-height: 2.85; padding-bottom: .2vw; }
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: ''; width: 100%; height: 2px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main{ height: 173.5vw; }
#main .inner h1 { width:60%; }
#main .inner h1 small{ margin-top: 4.1vw; font-size: 3vw; }
#main .inner h1 small::before,
#main .inner h1 small::after{ height: 1px; }
.main_txts{ font-size: 11px; letter-spacing: 1px; line-height: 1; opacity: .4; color: #fff; position: absolute; left: 15px; bottom: 15px;}
}/*END*/
@media screen and (max-width: 450px) and (orientation: portrait) {
#main{ height: 173.5vw;}
#main .inner h1 { width:65%; }
#main .inner h1 small{ margin-top: 4.1vw; font-size: 3.3vw; }
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
#main{ height: 146.1vw;}
#main .inner h1 { width:65%; }
.main_txts{ font-size: 9px; letter-spacing: .5px; line-height: 1; opacity: .4; color: #fff; position: absolute; left: 3vw; bottom: 3vw;}
}/*END*/
/*scroll_bg*/
#scroll_bg { background: url("../img/main.jpg") no-repeat center top ; background-size: contain; position: absolute; z-index: -1; left: 0px; top: 0px; width: 100%; height: 100%; }
@media screen and (orientation: portrait) {
#scroll_bg { background: url("../img/main_tab.jpg") no-repeat center top ; background-size: contain;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#scroll_bg { background: url("../img/main_sp2.jpg") no-repeat center top ; background-size: contain;}
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
#scroll_bg { background: url("../img/main_sp.jpg") no-repeat center top ; background-size: contain;}
}/*END*/
/*[ on / off ]*/
.main_watch .x15{display:block;}
.main_watch .x1{display:none;}
@media screen and (max-width: 1200px) {
.main_watch .x15{display:none;}
.main_watch .x1{display:block;}
}/*END*/
/*---- main_img ----*/
.main_img{ width:100%; position: absolute; left: 0px; top: 0px; z-index: -3; }
.main_img img{ width:100%; }
/*[ on / off ]*/
.main_img .x1{display:block;}
.main_img .tab{display:none;}
.main_img .sp{display:none;}
@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: 1px; height: 100%; opacity: 0; overflow:hidden; animation: scroll_wheel 0s 0s 1 forwards ease-out; background:rgba(255,255,255,0.24);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: .7;}
.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{ background: linear-gradient(to bottom , rgba(240,240,240,0.4) 0%, rgba(240,240,240,0.8) 100%);}
#read .inner{ padding: 140px 0; width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; }
#read .inner p{ color: #000; }
#read .inner p span{ display: inline-block; }
@media (max-width: 1200px) {
#read .inner{ padding: 140px 0; }
}/*END*/
@media (max-width: 1000px) {
#read .inner{ padding: 120px 0; width: 90%; max-width: 720px; }
}/*END*/
@media (max-width: 820px) {
#read .inner{ padding: 120px 0; width: 90%; }
}/*END*/
@media (max-width: 720px) {
#read .inner{ padding: 100px 0; width: 100%; }
}/*END*/
@media (max-width: 620px) {
#read .inner{ padding: 15vw 0; width: 100%; max-width: 100%; }
}/*END*/
@media (max-width: 450px) {
#read .inner{ padding: 17vw 0; width: 100%; max-width: 100%; }
}/*END*/


#read .inner h2{ font-size: 34px; letter-spacing: 2px; line-height: 1.6;}
#read .inner p{ margin-top: 50px; font-size: 19px; letter-spacing: 2px; line-height: 2.4;}
@media (max-width: 1000px) {
#read .inner h2{ font-size: 33px; letter-spacing: 1px; line-height: 1.6;}
#read .inner p{ margin-top: 50px; font-size: 18px; letter-spacing: 1.5px; line-height: 2.4;}
}/*END*/
@media (max-width: 750px) {
#read .inner h2{ font-size: 30px; letter-spacing: 0px; line-height: 1.6;}
#read .inner p{ margin-top: 50px; font-size: 17px; letter-spacing: 1px; line-height: 2.4;}
}/*END*/
@media (max-width: 560px) {
#read .inner h2{ font-size: 5.4vw; letter-spacing: 0px; line-height: 1.6;}
#read .inner p{ margin-top: 9vw; font-size: 3.5vw; letter-spacing: .2vw; line-height: 2.2; }
}/*END*/
@media (max-width: 400px) {
#read .inner h2{ font-size: 5.6vw; letter-spacing: 0px; line-height: 1.6;}
#read .inner p{ margin-top: 9vw; font-size: 3.8vw; line-height: 2;}
}/*END*/
/*--- br ---*/
.read_br1{display: block; }
.read_br2{display: none; }
@media (max-width: 1000px) {
.read_br1{display: block; }
.read_br2{display: block; }
}/*END*/
@media (max-width: 640px) {
.read_br1{display: block; }
.read_br2{display: block; }
}/*END*/

/*-------------------------------------------------
	limited
--------------------------------------------------*/
#limited{ padding-bottom: 60px; position: relative; background:#fff; color: #000; position: relative; overflow: hidden;}
#limited h2{ padding:  4vw 0 4.3vw 0; font-size: 25px; letter-spacing: 2.5px; line-height: 1.6; text-align: center; }
@media (max-width: 1000px){
#limited h2{ padding:  70px 0 80px 0; font-size: 25px; letter-spacing: 2.5px; line-height: 1.6; text-align: center; }
}/*END*/
@media (max-width: 590px){
#limited h2{ padding: 14.5vw 0 15.5vw; font-size: 4.5vw; letter-spacing: .3vw; }
}/*END*/
@media (max-width: 500px){
#limited h2{ padding: 15.5vw 0 16.5vw; font-size: 4.7vw; letter-spacing: .2vw; }
}/*END*/
@media (max-width: 400px){
#limited h2{ padding: 16vw 0 16.5vw; font-size: 5vw; letter-spacing: .1vw; }
}/*END*/

/*--- br ---*/
.limited_br{display: none; }
@media (max-width: 630px) {
.limited_br{display: block; }
}/*END*/

.slider p{ font-size: 15px; line-height: 1.6; text-align: center; }
.slider .logo{ width: 60%; max-width: 250px; margin:15px auto 7px; }
@media (max-width: 1600px){
.slider p{ font-size: 14px; }
.slider .logo{ width: 65%; max-width: 240px; margin:15px auto 7px; }
}/*END*/
@media (max-width: 1400px){
.slider p{ font-size: 13px; }
.slider .logo{ width: 70%; max-width: 240px; margin:15px auto 7px; }
}/*END*/
@media (max-width: 1300px){
.slider p{ font-size: 12.5px; }
.slider .logo{ width: 70%; max-width: 240px; margin:15px auto 7px; }
}/*END*/
@media (max-width: 1000px){
#limited{ padding-bottom: 0px;}
.slider p{ font-size: 16px; }
.slider .logo{ width: 70%; max-width: 340px; margin:15px auto 5px; }
}/*END*/
@media (max-width: 640px){
.slider p{ font-size: 14px; }
.slider .logo{ width: 70%; max-width: 340px; }
}/*END*/
@media (max-width: 450px){
.slider p{ font-size: 13px; }
.slider .logo{ width: 70%; max-width: 340px; }
}/*END*/
@media (max-width: 400px){
.slider p{ font-size: 12px; }
.slider .logo{ width: 70%; max-width: 340px; }
}/*END*/

.slider p{ max-width: 100%; max-width: 400px; margin: 0 auto;}
@media (max-width: 310px) {
.slider p br{ display: none;}
}/*END*/

.slider p span{ display: inline-block; }


 /* Slider
 ----------------------------------------------------*/
.slider{ width:80%; margin:0 auto; height:auto; position:relative; }
@media (max-width: 1600px){
.slider{ width: 80%; }
}/*END*/
@media (max-width: 1001px){
.slider{ width:85%; max-width: 800px; }
}/*END*/
.slider img{width:100%; margin: 0;}
@media (max-width: 1000px){
.slider li{ margin-bottom: 90px;}
}/*END*/
@media (max-width: 640px){
.slider li{ margin-bottom: 17vw;}
}/*END*/
.slider li a .img_box{ overflow: hidden; width: 90%; max-width: 500px; margin: 0 auto; }
.slider li a .img_box img{ transition: .7s; }
.slider li a .txt_box { transition: .5s; text-align: center; }
.slider li a{ text-decoration: none; color: #000; }
.slider li a:hover .img_box img{ transform: scale(1.05); opacity: 0.7; }
.slider li a {transition: 0.5s; }
.slider li a:hover .txt_box{ opacity: 0.5; }
/* btn */
.slider a .btn{ display: none; }
@media (max-width: 1000px) {
.slider li a:hover .img_box img{ transform: scale(1); opacity: 1; }
.slider li a:hover .txt_box{ opacity: 1; }
.slider a .btn{ margin: 35px auto 0; font-size: 14px; line-height: 1; letter-spacing: 2px; padding: 15px 55px 17px; border: solid 1px #000; display: inline-block; color: #000; text-decoration: none; border-radius: 50px; transition: .3s;}
}/*END*/
@media (max-width: 640px) {
.slider a .btn{ margin: 28px auto 0; font-size: 13.5px; letter-spacing: .2vw;padding: 15px 55px 17px; }
}/*END*/
@media (max-width: 500px) {
.slider a .btn{ margin: 20px auto 0; font-size: 13px;letter-spacing: .2vw; padding: 14px 50px 15px; }
}/*END*/
@media (max-width: 450px){
.slider a .btn{  font-size: 12px; padding: 13px 45px 14px;}
}/*END*/
@media (max-width: 400px){
.slider a .btn{  font-size: 11px; padding: 12px 40px 13px;}
}/*END*/

/* < > btn */
.slider .slick-prev,
.slider .slick-next { position: absolute; z-index: 999; top:9vw; width: 30px; height: 30px; margin-top: -15px; transition: 0.2s; outline: none;}
.slider .slick-prev:hover,
.slider .slick-next:hover {opacity: 0.4!important;}
.slider .slick-prev { left: -80px; background: url("../img/sl_prev.gif") no-repeat left center; background-size: contain;}
.slider .slick-next { right: -80px; background: url("../img/sl_next.gif") no-repeat right center; background-size: contain;}
@media (max-width: 1600px){
.slider .slick-prev,
.slider .slick-next { top:9vw; width: 30px; height: 30px; margin-top: -15px; }
.slider .slick-prev { left: -5.5vw; }
.slider .slick-next { right: -5.5vw; }
}/*END*/
@media (max-width: 1250px){
.slider .slick-prev,
.slider .slick-next { top:13.5vw; width: 30px; height: 30px; margin-top: -15px; }
.slider .slick-prev { left: -6vw; }
.slider .slick-next { right: -6vw; }
}/*END*/
@media (max-width: 750px){
.slider .slick-prev,
.slider .slick-next { position: absolute; z-index: 99; top:27vw; width: 9%; height: 100px; margin-top: -50px;}
.slider .slick-prev { left: -9%; }
.slider .slick-next { right: -9%; }
}/*END*/
/*dots*/
.slider .slick-dots{margin-top: 40px; padding: 0; z-index: 500; display: block; width: 100%;list-style: none; text-align: center; }
.slider .slick-dots li{ position: relative; display: inline-block; margin: 0 6px!important; width:20px!important; height: 20px!important; }
.slider .slick-dots li button,/* OFF */
.slider .slick-dots li button:hover{ display:none; margin: 0; padding: 0; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 8px !important; height: 8px !important; border-radius: 30px; } /* hover */
.slider .slick-dots li button{ background:#ccc; } /* OFF */
.slider .slick-dots li button:hover{ background:#888; } /* hover */
.slider .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: ''; }
.slider .slick-dots li.slick-active button:before{ position: absolute; top: 0; left: 0; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); color: black;opacity: 1; width: 8px; height: 8px; background: #000; border-radius: 30px;}/* active */
.slick-dots > li:first-child:last-child { display: none;}

/*-------------------------------------------------
	co [base]
--------------------------------------------------*/
.co h2{ font-size: 48px; width: 150%; line-height: 1; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #494c52;}
.co p.txt{ margin-top: 20px; }
.co p.txt span{ display: inline-block; }
@media (max-width: 1400px) {
.co h2{ font-size: 46px;}
.co p.txt{ margin-top: 18px; }
}/*END*/
@media (max-width: 1200px) {
.co h2{ font-size: 44px;}
.co p.txt{ margin-top: 16px; }
}/*END*/
@media (max-width: 1100px) {
.co h2{ font-size: 42px;}
.co p.txt{ margin-top: 14px; }
}/*END*/
@media (max-width: 1024px) {
.co h2{ font-size: 46px;}
}/*END*/
@media (max-width:520px) {
.co h2{ font-size: 9.2vw; width: 150%;}
.co p.txt{ margin-top: 2.5vw; }
}/*END*/

/*-------------------------------------------------
	history [banner]
--------------------------------------------------*/
#history{ background: #000; overflow: hidden; position: relative; }
#history a{ display: block; width: 100%; text-decoration: none;}
#history .inner{ width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
#history .inner .img_box{ width: 50%; max-width: 1000px; }
#history .inner .txt_box{ margin-left: 90px; color: #b4976b; position: relative;z-index: 2; }
#history .inner .txt_box h2{ font-size: 34px; line-height: 1; letter-spacing: 1px; display: block; }
#history .inner .txt_box p{ margin-top: 10px; font-size: 14px; line-height: 1; letter-spacing: 1px; display: block;}
#history a .btn{ margin-top: 35px; font-size: 14px; line-height: 1; letter-spacing: 2px; padding: 15px 55px 17px; border: solid 1px #b4976b; display: inline-block; color: #b4976b; text-decoration: none; border-radius: 50px; transition: .3s;}
#history a:hover .btn{ background:#b4976b; color: #000; }
#history a .img_box img{ transition:1s; }
#history a:hover .img_box img{ transform: scale(1.04); opacity: .7; }
@media (max-width: 1600px) {
#history .inner .img_box{ width: 55%; max-width: 1000px; }
}/*END*/
@media (max-width: 1500px) {
#history .inner .img_box{ width: 60%; max-width: 1000px; }
}/*END*/
@media (max-width: 1300px) {
#history .inner .txt_box{ margin-left: 6vw; }
#history .inner .txt_box h2{ font-size: 2.61vw; letter-spacing: 1px; }
#history .inner .txt_box p{ margin-top: .8vw; font-size: 1.07vw; letter-spacing: 1px;}
#history a .btn{ margin-top: 2.6vw; font-size: 1.07vw; letter-spacing: 2px; padding: 1.2vw 55px 1.3vw; }
}/*END*/
@media (max-width: 1000px) {
#history .inner{ width: 100%; margin: 0 auto; display: block;}
#history .inner .img_box{ width: 100%; max-width: 100%; overflow: hidden; text-align: center; position: relative;}
#history .inner .img_box img{ width:92%;max-width: 700px; margin: 0 auto; }
#history .inner .txt_box{ margin-left: 0px; padding: 80px 0; text-align: center; }
#history .inner .txt_box h2{ font-size: 34px; letter-spacing: 1px; }
#history .inner .txt_box p{ margin-top: 10px; font-size: 14px; letter-spacing: 1px;}
#history a .btn{ margin-top: 35px; font-size: 14px; letter-spacing: 2px; padding: 15px 55px 17px; }
#history a:hover .btn{ background:#000; color: #b4976b; }
#history a:hover .img_box img{ transform: scale(1); opacity: 1; }
}/*END*/
@media (max-width: 500px) {
#history .inner{ width: 100%; margin: 0 auto; display: block;}
#history .inner .img_box{ width: 100%; max-width: 100%; overflow: hidden; text-align: center;}
#history .inner .img_box img{ width:92%;max-width: 800px; margin: 0 auto; }
#history .inner .txt_box{ margin-left: 0px; padding: 12vw 0; text-align: center; }
#history .inner .txt_box h2{ font-size: 7vw; letter-spacing: .2vw; }
#history .inner .txt_box p{ margin-top: 10px; font-size: 3vw; letter-spacing: .2vw;}
#history a .btn{ margin-top: 30px; font-size: 13px;letter-spacing: .2vw; padding: 14px 50px 15px; }
}/*END*/
/*history_bg*/
.history_bg{ position: absolute; left: 100%; bottom: 30%; width: 2000px; height: 2000px; z-index: 2; margin: -1000px 0 0 -1000px; background-image: radial-gradient(circle closest-side, rgba(255, 243, 209, .7), rgba(255, 243, 209, 0) 100%); }
.history_bg_sp{display: none;}
@media (max-width: 1300px) {
.history_bg{ position: absolute; left: 100%; bottom: 30%; width: 154vw; height: 154vw; z-index: 2; margin: -77vw 0 0 -77vw; background-image: radial-gradient(circle closest-side, rgba(255, 243, 209, .7), rgba(255, 243, 209, 0) 100%); }
}/*END*/
@media (max-width: 1000px) {
.history_bg{ display: none; }
.history_bg_sp{ display: block; position: absolute; left: 50%; top: 240%; width: 1500px; height: 1500px; z-index: 2; margin: -750px 0 0 -750px; background-image: radial-gradient(circle closest-side, rgba(255, 243, 209, .4), rgba(255, 243, 209, 0) 100%); }
}/*END*/
@media (max-width: 760px) {
.history_bg_sp{ display: block; position: absolute; left: 50%; top: 110vw; width: 150vw; height: 150vw; z-index: 2; margin: -75vw 0 0 -75vw; background-image: radial-gradient(circle closest-side, rgba(255, 243, 209, .4), rgba(255, 243, 209, 0) 100%); }
}/*END*/
/*[ on / off ]*/
#history .x15{display:block;}
#history .x1{display:none;}
@media screen and (max-width: 500px) {
#history .x15{display:none;}
#history .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: Arial, Helvetica, 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*/
*,:after,:before { box-sizing: border-box;}
.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;}
.foot_r .sns > li img { padding: 5px;}
@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*/

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
#read .inner p span{ display: inline-block;}
.txt_l{ font-size: 19px;line-height: 2.4; }
.txt{ font-size: 17px; }
.txt16{ font-size: 16px; }
.txt_fs{ font-size: 16px; }
.lh_1{ line-height: 2.1;}
.ls_1{ letter-spacing: .5px;}

@media (max-width: 1400px) {
.txt_l{ font-size: 18px; line-height: 2.3; }
.txt{ font-size: 16px; }
.txt16{ font-size: 15px; }
.txt_fs{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
.txt_l{ font-size: 17px; line-height: 2.1; }
.txt_fs{ font-size: 14px; }
}/*END*/
@media (max-width: 1100px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 1024px) {
.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 15px; }
.lh_1{ line-height: 1.9;}
}/*END*/
@media (max-width: 500px) {
}/*END*/
@media (max-width: 450px) {
.txt_l{ font-size: 15px; line-height: 2; }
.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
.txt_l{ font-size: 14px; line-height: 2; }
.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*/