@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; color: #000; background: #f6f6f6;  font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%; }
/*txt img 選択時*/
::selection { background: rgba(100,100,100,0.1); }
::-moz-selection { background: rgba(100,100,100,0.1); }/*Firefox*/
img::selection { background:none; }
img::-moz-selection { background:none; }/*Firefox*/


/*-------------------------------------------------
	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; }
}
/*-------------------------------------------------
	anime set
--------------------------------------------------*/
#main_bg,
h1,
#read p,
.co_main_bg,
.co .txt_box,
.co .bar,
.co_main li,
.slider,
#specialoffer h2,
#specialoffer .txt,
#specialoffer .txt_s,
#specialoffer .img_box
{ visibility: hidden; }

/*-------------------------------------------------
	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: #fff; 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; overflow: hidden; }
#main .inner { position: relative; top:0vw; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 1; pointer-events: none; user-select: none;  }
#main .inner h1 { width:28.5%; pointer-events: none; user-select: none; }
#main .inner h1 small{ margin-top: 2.2vw; font-size: 1.4vw;  line-height: 2.7; padding-bottom: .2vw; font-family: "Noto Serif JP", serif; font-weight: 500; font-style: normal; color: #000; display: block; position: relative; }
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: ''; width: 80%; margin-left: -40%; height: 2px; display: block; background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%); }
#main .inner h1 small::before{ top: 0px; left: 50%;}
#main .inner h1 small::after{ bottom: 0px; left: 50%;}
@media screen and (max-width: 1700px) {
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: '';  height: 1.5px; }
}/*END*/
@media screen and (max-width: 1400px) {
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: '';  height: 1px; }
}/*END*/
@media screen and (max-width: 1000px) {
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: '';  height: 0.5px; }
}/*END*/
@media screen and (orientation: portrait) {
#main{ height: 100vw; width: 100%; position: relative; left: 0px; top: 0px; }
#main .inner h1 { width:50%; }
#main .inner h1 small{ margin-top: 4.1vw; font-size: 2.5vw; line-height: 2.7; padding-bottom: .2vw; }
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: '';  height: 1.5px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main{ height: 141vw; width: 100%; position: relative; left: 0px; top: 0px; }
#main .inner h1 { width:60%; }
#main .inner h1 small{ margin-top: 4.5vw; font-size: 3.2vw; }
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: ''; width: 84%; margin-left: -42%; height: 1px; }
}/*END*/
@media screen and (max-width: 450px) and (orientation: portrait) {
#main .inner h1 { width:65%; }
#main .inner h1 small{ margin-top: 4.1vw; font-size: 3.6vw; }
#main .inner h1 small::before,
#main .inner h1 small::after{ position: absolute; content: ''; width: 90%; margin-left: -43%; height: 1px; }
}/*END*/
/*main_bg*/
#main_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; background: url("../img/main.jpg") no-repeat center center; background-size: cover;}
@media screen and (orientation: portrait) {
#main_bg { background: url("../img/main_tab.jpg") no-repeat center center ; background-size: cover;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main_bg { background: url("../img/main_sp.jpg") no-repeat center center ; background-size: cover;}
}/*END*/

/*---------------------
	scroll B
-----------------------*/
.scroll_down{ position:absolute; bottom: 0px; left: 50%; z-index: 10; }
.scroll_down a{ position: absolute; left: 8px; bottom: 85px; color: #000; font-size: 11px; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -4px; width: 9px; height: 9px; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; z-index: 10; }
@keyframes circlemove{ 0%{bottom:130px;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 140px; background:#000; opacity: 0.3; z-index: 5; }
@media (max-width: 1790px) {
.scroll_down a{ position: absolute; left: .5vw; bottom: 5vw; color: #000; font-size: .6vw; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -.225vw; width: .5vw; height: .5vw; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; z-index: 10; }
@keyframes circlemove{ 0%{bottom:7.8vw;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 8vw; background:#000;}
}/*END*/
@media (max-width: 1100px) {
.scroll_down a{ position: absolute; left: .6vw; bottom: 5vw; color: #000; font-size: .7vw; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -.35vw; width: .8vw; height: .8vw; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; z-index: 10; }
@keyframes circlemove{ 0%{bottom:8.5vw;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 8.9vw; background:#000; }
}/*END*/
@media screen and (orientation: portrait) {
.scroll_down{ position:absolute; bottom: 0px; left: 50%; z-index: 10; }
.scroll_down a{ position: absolute; left: 7px; bottom: 95px; color: #000; font-size: 12px; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 11px; height: 11px; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; }
@keyframes circlemove{ 0%{bottom:150px;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 160px; background:#000; }
}/*END*/
@media screen and (max-width: 1200px) and (orientation: portrait) { 
.scroll_down a{ position: absolute; left: .7vw; bottom: 8vw; color: #000; font-size: 1vw; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -.35vw; width: .8vw; height: .8vw; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; z-index: 10; }
@keyframes circlemove{ 0%{bottom:12.5vw;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 13.2vw; background:#000; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.scroll_down a{ position: absolute; left: 1vw; bottom: 9.4vw; color: #000; font-size: 1.5vw; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -.45vw; width: 1vw; height: 1vw; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; z-index: 10; }
@keyframes circlemove{ 0%{bottom:16vw;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 17vw; background:#000;}
}/*END*/
@media screen and (max-width: 450px) and (orientation: portrait) {
.scroll_down a{ position: absolute; left: 1vw; bottom: 12.4vw; color: #000; font-size: 1.8vw; letter-spacing: .2em; writing-mode: vertical-lr; text-decoration: none; text-transform: uppercase; }
.scroll_down:before { content: ""; position: absolute; bottom: 0; left: -.5vw; width: 1.4vw; height: 1.4vw; border-radius: 50%; background:#000; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; z-index: 10; }
@keyframes circlemove{ 0%{bottom:21vw;} 100%{bottom:0px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
.scroll_down:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 22vw; background:#000;}
}/*END*/

/*-------------------------------------------------
	read
--------------------------------------------------*/
#read{ background: linear-gradient(to bottom , #fff 0%, #f6f6f6 100%);}
#read .inner{ padding: 90px 0 100px; width: 85%; max-width: 900px; margin: 0 auto;  }
/* p */
#read .inner p{ font-size: 26px; line-height: 1.8; font-weight: 600; text-align: center; }
#read .inner p span{ display: inline-block; }
@media (max-width: 1400px) {
#read .inner{ padding: 90px 0 100px; width: 85%;}
#read .inner p{ font-size: 24px;}
}/*END*/
@media (max-width: 1200px) {
#read .inner{ padding: 80px 0 90px; width: 85%;}
#read .inner p{ font-size: 22px; }
}/*END*/
@media (max-width: 1024px) {
#read .inner{ padding: 70px 0 78px; width: 85%;}
#read .inner p{ font-size: 20px;}
}/*END*/
@media (max-width: 640px) {
#read .inner{ padding: 60px 0 67px; width: 90%;}
#read .inner p{ font-size: 20px; }
}/*END*/
@media (max-width: 480px) {
#read .inner{ padding: 50px 0 55px; width: 90%;}
#read .inner p{ font-size: 4.5vw; }
}/*END*/

/*-------------------------------------------------
	co
--------------------------------------------------*/
.co { background: #fff; margin: 0 auto 80px; padding-bottom: 70px; width: 93.75%; max-width: 1500px;  box-shadow: 0 0 40px 0 rgba(0,0,0,.1);}
@media (max-width: 640px) {
.co { background: #fff; margin: 0 auto 60px; padding-bottom: 50px; }
}/*END*/
@media (max-width: 450px) {
.co { background: #fff; margin: 0 auto 50px; padding-bottom: 50px; }
}/*END*/

 /* co_main
 ---------------------------------*/
.co .co_main{ position: relative; width: 100%; height: 52.75vw; max-height: 844px; overflow: hidden;}
@media (max-width: 1600px) {
.co .co_main{ position: relative; width: 100%; height: 52.75vw;}
}/*END*/
@media (max-width: 1024px) {
.co .co_main{ position: relative; width: 100%; height: 94.5vw;}
}/*END*/
/*-- co_logo_145th ----*/
.co .co_main .co_logo_145th{ margin: 0 auto; width: 26.5%; height: 52.4%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; pointer-events: none; user-select: none; }
/*-- co_main ul li ----*/
.co_main ul { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; z-index: 3; pointer-events: none; user-select: none;}
.co_main ul li{ width:14.7%; margin:0 1.2%;}
#co01 .co_main ul li{ margin:0 1.5%;}
/*-- co_main_bottom --*/
.co .co_main .co_main_bottom{ width: 100%; height: 30vw; position: absolute; bottom: 0; left: 0; background: url("../img/co_main_bottom.png") no-repeat bottom ; background-size: contain; z-index: 2; pointer-events: none; user-select: none;  }
@media (max-width: 1024px) {
/*-- co_logo_145th ----*/
.co .co_main .co_logo_145th{ margin: 0 auto; width: 49%; height: 70%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; pointer-events: none; user-select: none; }
/*-- co_main ul li ----*/
.co_main ul { position: absolute; bottom: .6%; left: 0; width: 100%; display: flex; justify-content: center; z-index: 3; pointer-events: none; user-select: none;}
.co_main ul li{ width:17%; margin:0 .5%;}
#co01 .co_main ul li{ width:18.3%; margin:0 1%;}
/*-- co_main_bottom --*/
.co .co_main .co_main_bottom{ width: 100%; height: 30vw; position: absolute; bottom: 0; left: 0; background: url("../img/co_main_bottom_sp.png") no-repeat bottom ; background-size: contain; z-index: 2; pointer-events: none; user-select: none; }
}/*END*/
/*-- main_bg --*/
#co01 .co_main_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/co01_main_bg.jpg") no-repeat center center ; background-size: cover; z-index: 0; left: 0px; top: 0px; }
@media (max-width: 1024px) {
#co01 .co_main_bg { background: url("../img/co01_main_bg_sp.jpg") no-repeat center center ; background-size: cover;}
}/*END*/
#co02 .co_main_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/co02_main_bg.jpg") no-repeat center center ; background-size: cover; z-index: 0; left: 0px; top: 0px; }
@media (max-width: 1024px) {
#co02 .co_main_bg { background: url("../img/co02_main_bg_sp.jpg") no-repeat center center ; background-size: cover;}
}/*END*/
#co03 .co_main_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/co03_main_bg.jpg") no-repeat center center ; background-size: cover; z-index: 0; left: 0px; top: 0px; }
@media (max-width: 1024px) {
#co03 .co_main_bg { background: url("../img/co03_main_bg_sp.jpg") no-repeat center center ; background-size: cover;}
}/*END*/

 /* txt_box
 ---------------------------------*/
.co .txt_box{ text-align: center; margin: 10px auto 0; width: 85%; max-width: 1000px; }
/* p */
.co .txt_box p{ font-size: 22px; line-height: 1.8; font-weight: 600; }
.co .txt_box p span{ display: inline-block; }
@media (max-width: 1400px) {
.co .txt_box p{ font-size: 20px;}
}/*END*/
@media (max-width: 1200px) {
.co .txt_box p{ font-size: 18px;}
}/*END*/
@media (max-width: 1024px) {
.co .txt_box p{ font-size: 18px;}
}/*END*/
@media (max-width: 640px) {
.co .txt_box p{ font-size: 16px;}
}/*END*/
@media (max-width: 480px) {
.co .txt_box{ text-align: center; margin: 10px auto 0; width: 90%; }
.co .txt_box p{ font-size: 3.7vw; }
}/*END*/
@media (max-width: 370px) {
.co .txt_box{ text-align: center; margin: 10px auto 0; width: 88%; }
.co .txt_box p{ font-size: 4vw; }
}/*END*/

#co01 .txt_br1{ display: none;}
#co01 .txt_br2{ display: none;}
@media (max-width: 940px) {
#co01 .txt_br1{ display: block;}
}/*END*/
@media (max-width: 660px) {
#co01 .txt_br2{ display: block;}
}/*END*/
@media (max-width: 480px) {
#co01 .txt_br3{ display: none;}
#co01 .txt_br2{ display: none;}
#co01 .txt_br4{ display: none;}
}/*END*/

/*-- bar --*/
#co01 .bar,
#co02 .bar,
#co03 .bar{ width: 100px; height: 4px; margin: 40px auto 55px; display: block;}
#co01 .bar{ background: #957a40; }
#co02 .bar{ background: #004ea2; }
#co03 .bar{ background: #5a2186; }
@media (max-width: 500px) {
#co01 .bar,
#co02 .bar,
#co03 .bar{ width: 80px; height: 4px; margin: 30px auto 45px; display: block;}
}/*END*/

 /* slider
 ---------------------------------*/
.co .slider .slick-list { overflow: visible;}
.co .slider{ display: block; width: 100%; margin: 0 auto; overflow: hidden; }
.co .slider ul.sl{ width: 93%; margin: 0 auto; padding: 0px 0 ; position: relative; }
.co .slider ul.sl li.sl_li{ margin:0 .7%; padding-bottom: 40px; background: #f3f3f3; text-align: center;}

@media (max-width: 1000px) {
.co .slider ul.sl{ width: 90%; margin: 0 auto; padding: 0px 0 ; position: relative; }
}/*END*/
@media (max-width: 750px) {
.co .slider ul.sl{ width: 85%; margin: 0 auto; padding: 0px 0 ; position: relative; }
}/*END*/
@media (max-width: 500px) {
.co .slider ul.sl{ width: 80%; margin: 0 auto; padding: 0px 0 ; position: relative; }
}/*END*/

.co .slider ul.sl li.sl_li .sl_logo{ width: 70%; padding: 35px 0 30px; margin: 0 auto;}
.co .slider ul.sl li.sl_li .sl_img{ width: 50%; margin: 0 auto 30px;}
.co .slider ul.sl li.sl_li .sl_btn a{ margin: 0 auto; font-size: 12.5px;padding: 14px 25px 15px; line-height: 1; display: inline-block; display: inline-block; color: #fff; text-decoration: none; }
@media (max-width: 1500px) {
.co .slider ul.sl li.sl_li .sl_logo{ width: 80%; padding: 13% 0 10%; margin: 0 auto;}
.co .slider ul.sl li.sl_li .sl_img{ width: 60%; margin: 0 auto 30px;}
.co .slider ul.sl li.sl_li .sl_btn a{ margin: 0 auto; font-size: 12px;  padding: 14px 25px 15px; line-height: 1; display: inline-block; display: inline-block; color: #fff; text-decoration: none; }
}/*END*/
@media (max-width: 1000px) {
.co .slider ul.sl li.sl_li .sl_logo{ width: 80%; padding: 13% 0 10%; margin: 0 auto;}
.co .slider ul.sl li.sl_li .sl_img{ width: 60%; margin: 0 auto 30px;}
.co .slider ul.sl li.sl_li .sl_btn a{ margin: 0 auto; font-size: 12px;  padding: 14px 25px 15px; line-height: 1; display: inline-block; display: inline-block; color: #fff; text-decoration: none; }
}/*END*/
@media (max-width: 500px) {
.co .slider ul.sl li.sl_li .sl_logo{ width: 80%; padding: 13% 0 10%; margin: 0 auto;}
.co .slider ul.sl li.sl_li .sl_img{ width: 60%; margin: 0 auto 30px;}
.co .slider ul.sl li.sl_li .sl_btn a{ margin: 0 auto; font-size: 11px;  padding: 14px 25px 15px; line-height: 1; display: inline-block; display: inline-block; color: #fff; text-decoration: none; }
}/*END*/

/* sl_btn col */
#co01 .slider ul.sl li.sl_li .sl_btn a{ background: #957a40; transition: 0.3s;}
#co02 .slider ul.sl li.sl_li .sl_btn a{ background: #004ea2; transition: 0.3s;}
#co03 .slider ul.sl li.sl_li .sl_btn a{ background: #5a2186; transition: 0.3s;}

.co .slider ul.sl li.sl_li .sl_btn a:hover{opacity: .6;}

/* -----　< > -----　*/
.slide-arrow { background-color: #fff; top: 0; height: 0; margin: auto; position: absolute; top: 0; width: 0; z-index: 10;}
.prev-arrow,
.next-arrow { width: 5%; height: 92%; outline: none; padding: 0; background-size: 25px !important;}
.prev-arrow:hover,
.next-arrow:hover { opacity: 0.5;}
.prev-arrow { left: -5%; background: url(../img/sl_prev.svg) no-repeat center center ; }
.next-arrow { right: -5%; background: url(../img/sl_next.svg) no-repeat center center ; }
.slider button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; padding: 0;border: none;}
.slide-arrow.is-hide { display: none;}
@media (max-width: 1000px) {
.prev-arrow,
.next-arrow { width: 7%; height: 92%; outline: none; padding: 0; background-size: 25px !important;}
}/*END*/
@media (max-width: 750px) {
.prev-arrow,
.next-arrow { width: 5%; height: 92%; outline: none; padding: 0; background-size: 25px !important;}
}/*END*/

/* ----- dots ●◯◯◯◯ ----- */
.slick-dots { width: 100%; display: flex; justify-content: center;}
.slick-dots li { width: 10px; height: 10px; margin: 30px 5px 0; background: #d9d9d9; border-radius: 50%; cursor: pointer;}
/* active */
/*co01*/
#co01 .slick-dots li:hover,
#co01 .slick-dots li.slick-active { background: #957a40;}
/*co02*/
#co02 .slick-dots li:hover,
#co02 .slick-dots li.slick-active { background: #004ea2;}
/*co03*/
#co03 .slick-dots li:hover,
#co03 .slick-dots li.slick-active { background: #5a2186;}
/*button*/
.slick-dots li button { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; padding: 0; border: none; background-color: transparent;}
/*　dots一つの時削除 */
.slick-dots > li:first-child:last-child { display: none; }


/*-------------------------------------------------
	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*/