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

/*-------------------------------------------------
	base
--------------------------------------------------*/
body {position: relative; background: #fff;  color: #000; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%; }
/*txt img 選択時*/
::selection { background:#666; }
::-moz-selection { background:#666; }/*Firefox*/
/*cookie*/
#onetrust-banner-sdk{ outline: none; }

/*-------------------------------------------------
	font アンチエイリアス
--------------------------------------------------*/
/* 解像度 1x：subpixel、解像度 2x：grayscale */
h1,h2,h3{ -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{ -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: #333; 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 .lead1,
#main .lead2,
#main .lead3,
#main .lead4,
#main .lead5,
#main .lead6,
#main .h1_1,
#main .h1_2,
#main .side_bar,
#main .img_box img,
#co_main .img_box img,
#co_main h1,
#co_main .banner_bar,
.detail_box img,
#co_about img,
#co_about #about_01 .img_txt
{ 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; }
/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative; overflow: hidden;}

.br_fix{ display: block;}
/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: fixed; z-index: 9999;background: rgb(0,0,0,.9);height: 70px; display: flex; align-items: center; justify-content: space-between;width: 100%;}
header img{ width: 100%; vertical-align: top;}
/*------ header_lr ------*/
header .head_l{ margin-left: 33px;align-items: center;}
header .head_r{display: flex; align-items: center;}
/*------ header logo ------*/
header .seiko_logo{ width: 89px;margin-right: 31px;}
header .king_seiko_logo{ width: 170px;}
/*-------- border --------*/
header .head_r .border{width: 1px;height: 50px;background: #fff;opacity: .15;margin-right: 31px;}
/*-------- menu --------*/
header .menu{margin-right: 20px;z-index: 9999;font-size: 12px;letter-spacing: 1px;color: #fff;font-family:'Times New Roman', serif;}
/*-------- hum --------*/
.openbtn{margin-right: 31px;cursor: pointer;width: 37px;height:13px;z-index: 99999;display: inline-block;position: relative;}
/*×に変化*/	
.openbtn span{display: inline-block;transition: all .4s;position: absolute;left: -1px;height: 1px;width: 37px;background: #fff;background-blend-mode: difference;}
.openbtn span:nth-of-type(2) {top:10px;width: 26px;}
.openbtn.active {height:30px;}
.openbtn.active span{background: #fff;z-index: 99999;}
.openbtn.active span:nth-of-type(1) {top: 13px;left: -1px;transform: translateY(6px) rotate(-45deg);}
.openbtn.active span:nth-of-type(2) {top: 25px;left: -1px;transform: translateY(-6px) rotate(45deg);width: 37px;}
@media screen and (max-width: 640px){ 
header .head_l{ margin-left: 20px;}
header .seiko_logo{ margin-right: 4vw;}
header .head_r .border{margin-right: 4vw;}
header .menu{display: none;}
.openbtn{margin-right: 3vw}
}/*END*/

@media screen and (max-width: 450px){ 
header .head_l{ margin-left: 15px;}
header .seiko_logo{ width: 75px;margin-top: 4px;}
header .king_seiko_logo{ width: 150px;}
}/*END*/
@media screen and (max-width: 350px){ 
header .seiko_logo{ width: 65px;margin-top: 6px;}
header .king_seiko_logo{ width: 135px;}
}/*END*/


/*-------------------------------------------------
	nav
--------------------------------------------------*/
#g-nav a{text-decoration: none;}
#g-nav a:hover{ opacity: 1; }
#g-nav{position:fixed;z-index: 999;top:-300%;left:0;width:100%;height: 100vh;/*ナビの高さ*/background-color: #1a1b1c; transition: all 0.6s;font-family:'Times New Roman', serif;}
/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{top: 0;}
/*ナビゲーションの縦スクロール*/
#g-nav.panelactive .g_nav_inner{/*ナビの数が増えた場合縦スクロール*/ position: fixed;z-index: 999; width: 100%;height: 100vh;/*表示する高さ*/overflow-y: auto; -webkit-overflow-scrolling: touch;overflow-x: hidden;}
.g_nav_inner{ width: 100%; height: 100vh;}
.g_nav_inner .inner p, 
.g_nav_inner .inner a{color: #fff;}

.g_nav_inner .nav_wrap{display: flex; align-items: center; justify-content: center; height: 100vh; position: relative; overflow-y: hidden;}
.g_nav_inner .inner{ width: 100%; max-width: 1600px; z-index: 2;display: flex; align-items: center; justify-content: center;margin: 0 auto;}

/*-------- nav_l --------*/
.nav_l{text-align: center;width: 44%;}
.nav_l .img_box{width: 39%;margin: 0 auto;}

.nav_l .txt_box .link_bar{margin-top: 16px !important;width: 34px;height: 1px;background: #fff;opacity: .3;margin: 0 auto;transition: all .5s;}
#g-nav .nav_l a:hover .link_bar{width: 60px;height: 1px;background: #fff; opacity: 1;}

/*-------- nav_r --------*/
.nav_r{width: 56%;}
.nav_r ul{display: flex; align-items: center;  justify-content: flex-start;flex-wrap: wrap; max-width: 800px;}
.nav_r ul li{width: 50%;}
.nav_r ul li a{padding:30px 0 45px 0;display: block; transition: 0.3s;}
#g-nav .nav_r a:hover .link_bar{ width: 80px; }

/*-------- nav_bg --------*/
.nav_bg{position: absolute;top: -100vw;left: -100vw;width: 200vw;height: 200vw;z-index: -1;background-image: radial-gradient(circle closest-side, rgba(53, 56, 61, 1)0%, rgba(24, 26, 30, 0) 100%); }
@media screen and (max-width: 1350px){ 
.nav_r ul li a{padding:2vw 0 3.4vw 0;display: block;}
}/*END*/

@media screen and (max-width: 1000px){ 
.g_nav_inner .nav_wrap{display: block;height: auto;}
.g_nav_inner .inner{ display: block; max-width: 900px;padding-bottom: 180px;margin-top: 100px;}
.nav_l{margin: 0 auto;}
.nav_l .img_box{width: 50%;}
.nav_r {width: 75%; margin-top: 8%;margin-left: 21%;}
.nav_r ul li:nth-child(odd){width: 53%;}
.nav_r ul li:nth-child(even){width: 47%;}
.nav_r ul li a{padding:3vw 0 4.4vw 0;}
}/*END*/


@media screen and (max-width: 800px){ 
.g_nav_inner .nav_wrap{display: block;height: auto;}
.g_nav_inner .inner{ display: block; max-width: 900px;padding-bottom: 180px;margin-top: 100px;}
.nav_l{margin: 0 auto;}
.nav_l .img_box{width: 60%;}
.nav_r {width: 80%; margin-top: 8%;margin-left: 15%;}
.nav_r ul li a{padding:3vw 0 4.4vw 0;}
}/*END*/

@media screen and (max-width: 500px){ 

.g_nav_inner .inner{ display: block; max-width: 900px;padding-bottom: 180px;margin-top: 100px;}

.nav_l .img_box{width: 70%;}
.nav_r {width: 90%; margin-top: 8%; margin-left: 10%;}
.nav_r ul li a{padding:3vw 0 4.4vw 0;}
}/*END*/


@media screen and (max-width: 400px){ 
.nav_l{margin: 0 auto;}
.nav_r {width: 80%; margin: 15% auto 0;}

.nav_l .img_box{width: 90%;}

.nav_r ul{display: block;}

.nav_r ul li:nth-child(odd){width: 100%;}
.nav_r ul li:nth-child(even){width: 100%;}
.nav_r ul li a{padding:5vw 0 ;}

}/*END*/


/*
.g_nav_inner .inner,
.nav_l,
.nav_r{background: rgba(255,0,0,0.2);}

.nav_r ul li:nth-child(even){background: rgba(255,0,0,0.2);}


/*-------------------------------------------------
	nav font
--------------------------------------------------*/
/*-------- nav_l --------*/

.nav_l .txt_box{margin-top: 55px; font-size: 18px; letter-spacing: 1.6px; line-height: 1;}
/*-------- nav_r --------*/
.nav_r ul li{font-size: 28px; letter-spacing: 1.6px; line-height: 1;}
.nav_r  .link_bar{ margin-top: 16px; width: 41px;height: 1px;background: #fff;opacity: .3;transition: all .5s;}

@media screen and (max-width: 1600px){ 
.nav_l .txt_box{ margin-top: 3.4vw; font-size: 18px;}

}/*END*/
@media screen and (max-width: 1350px){ 
.nav_l .txt_box{  margin-top: 3.4vw; font-size: 17px;}
.nav_r ul li{font-size: 2.08vw;}
.nav_r  .link_bar{ margin-top: 1.5vw; width: 41px;height: 1px;}
}/*END*/
@media screen and (max-width: 1000px){ 
.nav_l .txt_box{ margin-top: 6vw; font-size: 14px;}
.nav_r ul li{font-size: 3vw;}
}/*END*/
@media screen and (max-width: 800px){ 
.nav_l .txt_box{ margin-top: 8vw; }
.nav_r ul li{font-size: 3.5vw;}
.nav_r  .link_bar{ margin-top: 2vw; width: 41px;height: 1px;}
}/*END*/
@media screen and (max-width: 500px){ 
.nav_l .txt_box{ margin-top: 10vw; }
.nav_r ul li{font-size: 4vw;}
.nav_r  .link_bar{ margin-top: 3vw; width: 41px;height: 1px;}
}/*END*/
@media screen and (max-width: 400px){ 
.nav_l .txt_box{ margin-top: 12vw; }
.nav_r ul li{font-size: 5vw;}
}/*END*/


/*
.nav_l .txt_box,
.g_nav_inner .inner,
.nav_l,
.nav_r{background: rgba(255,0,0,0.2);}

.nav_r ul li:nth-child(even){background: rgba(255,0,0,0.2);}


/*-------------------------------------------------
	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: 16px; height: 16px; margin: -8px 0 0 -8px; background: url("../img/page_top.svg") 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: 14px; height: 14px; margin: -7px 0 0 -7px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; width: 100%; height: auto; position: relative; z-index: 30; }
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*/




/*-------------------------------------------------
	font [共通]
--------------------------------------------------*/

p span,
h2 span,
h3 span{ display: inline-block;}
@media (max-width: 1000px) {
h2 br,
h3 br{ display: none;}
}/*end*/

/* ----- size ----- */
.txt66{ font-size: 66px; line-height: 1.4;}
.txt55{ font-size: 55px; line-height: 1.5;}
.txt50{ font-size: 50px; line-height: 1.5;}
.txt40{ font-size: 40px; }
.txt_xl{font-size: 42px; line-height: 1.5;}
.txt_l{ font-size: 32px; line-height: 1.5;}
.txt34{ font-size: 34px; }
.txt32{ font-size: 32px; }
#co_af_step h2.txt32{ font-size: 32px; }
.txt30{ font-size: 30px; }
.txt25{ font-size: 25px; }
.txt24{ font-size: 24px; }
.txt22{ font-size: 22px; }
.txt20{ font-size: 20px; }
.txt18{ font-size: 18px; }
.txt17{ font-size: 17px; }
.txt16{ font-size: 16px; }
.txt15{ font-size: 15px; }
.txt14{ font-size: 14px; }
.txt13{ font-size: 13px; }
.txt12{ font-size: 12px; }
@media (max-width: 1400px) {
.txt66{ font-size: 62px; }
.txt55{ font-size: 53px; }
.txt50{ font-size: 48px; }
.txt40{ font-size: 38px; }
.txt_xl{font-size: 40px; }
.txt_l{ font-size: 30px; }
.txt34{ font-size: 32px; }
.txt32{ font-size: 30px; }
#co_af_step h2.txt32{ font-size: 30px; }
.txt30{ font-size: 28px; }
.txt25{ font-size: 24px; }
.txt24{ font-size: 22px; }
.txt22{ font-size: 20px; }
.txt20{ font-size: 18px; }
.txt18{ font-size: 17px; }
.txt17{ font-size: 16px; }
.txt16{ font-size: 15px; }
.txt15{ font-size: 14px; }
.txt14{ font-size: 13px; }
.txt13{ font-size: 12px; }
.txt12{ font-size: 11px; }
}/*end*/
@media (max-width: 1200px) {
.txt66{ font-size: 58px; }
.txt55{ font-size: 50px; }
.txt50{ font-size: 46px; }
.txt40{ font-size: 36px; }
.txt_xl{font-size: 38px; }
.txt_l{ font-size: 28px; }
.txt34{ font-size: 30px; }
.txt32{ font-size: 28px; }
#co_af_step h2.txt32{ font-size: 27px; }
.txt30{ font-size: 27px; }
.txt25{ font-size: 22px; }
.txt24{ font-size: 20px; }
.txt22{ font-size: 19px; }
.txt20{ font-size: 17px; }
.txt18{ font-size: 16px; }
.txt17{ font-size: 15px; }
.txt16{ font-size: 14px; }
.txt15{ font-size: 13px; }
.txt14{ font-size: 12px; }
.txt13{ font-size: 11px; }
.txt12{ font-size: 10px; }
}/*end*/
@media (max-width: 1000px) {
.txt66{ font-size: 56px; }
.txt55{ font-size: 46px; }
.txt50{ font-size: 45px; }
.txt40{ font-size: 40px; }
#co_history .txt40{ font-size: 34px; }
.txt_xl{font-size: 36px; }
.in03_01 .txt_xl{font-size: 34px; }
.txt_l{ font-size:  26px;}
.txt34{ font-size: 34px; }
.his_year_title.txt34{ font-size: 28px; }
.txt32{ font-size: 32px; }
#co_af_step h2.txt32{ font-size: 26px; }
.txt30{ font-size: 30px; }
.txt25{ font-size: 25px; }
.txt24{ font-size: 24px; }
.txt22{ font-size: 22px; }
.co_af_txt2 .txt22{ font-size: 19px; }
.txt20{ font-size: 20px; }
.txt18{ font-size: 18px; }
.txt17{ font-size: 17px; }
.txt16{ font-size: 16px; }
.txt15{ font-size: 15px; }
.txt14{ font-size: 14px; }
.txt13{ font-size: 13px; }
.txt12{ font-size: 12px; }
}/*end*/
@media (max-width: 750px) {
.txt66{ font-size: 53px; }
.txt55{ font-size: 42px; }
.txt50{ font-size: 6.4vw; }
.txt40{ font-size: 38px; }
#co_history .txt40{ font-size: 32px; }
.txt_xl{font-size: 32px; }
.txt_l{font-size:  25px; }
.txt34{ font-size: 32px; }
.his_year_title.txt34{ font-size: 26px; }
.txt32{ font-size: 30px; }
#co_af_step h2.txt32{ font-size: 25px; }
.txt30{ font-size: 28px; }
.txt25{ font-size: 24px; }
.txt24{ font-size: 22px; }
.txt22{ font-size: 20px; }
.co_af_txt2 .txt22{ font-size: 18px; }
.txt20{ font-size: 18px; }
.txt18{ font-size: 17px; }
.txt17{ font-size: 16px; }
.txt16{ font-size: 15px; }
.txt15{ font-size: 14px; }
.txt14{ font-size: 13px; }
.txt13{ font-size: 12px; }
.txt12{ font-size: 11px; }
}/*end*/
@media (max-width: 640px) {
.txt66{ font-size: 48px; }/***************/
.txt55{ font-size: 34px; }
#co_exterior_lead .txt50{ font-size: 7vw;  }
.txt40{ font-size: 36px; }
#co_history .txt40{ font-size: 28px; }
.txt_xl{font-size: 30px; }
#co_exterior .txt_xl{font-size: 6vw; }
.txt_l{font-size:  24px;}
.txt34{ font-size: 28px; }
.his_year_title.txt34{ font-size: 24px; }
.txt32{ font-size: 28px; }
#co_afterservice_lead h2.txt32{ font-size: 26px; }/***************/
#co_af_step h2.txt32{ font-size: 24px; }
.txt30{ font-size: 26px; }
.txt25{ font-size: 22px; }
.txt24{ font-size: 20px; }
.txt22{ font-size: 19px; }
.co_af_txt2 .txt22{ font-size: 17px; }
.txt20{ font-size: 17px; }
#co_interview_lead .title_box .txt20{ font-size: 15px; }
.txt18{ font-size: 16px; }
.txt17{ font-size: 15px; }
.txt16{ font-size: 14px; }
.txt15{ font-size: 13px; }
.txt14{ font-size: 12px; }
.txt13{ font-size: 11px; }
.txt12{ font-size: 10px; }
}/*end*/
@media (max-width: 550px) {
.in03_01 .txt_xl{font-size: 6.3vw; }
}/*end*/
@media (max-width: 500px) {
.txt66{ font-size: 9vw; }/***************/
#co_afterservice_lead h2.txt32{ font-size: 5vw; }/***************/
.txt55{ font-size: 28px; }
.co_af_txt h2.txt40{ font-size: 7.7vw; }
.txt50{ font-size: 6.6vw;}/*6.6vw*/
#co_exterior_lead .txt50{ font-size: 8.5vw; }
#co_history_lead .txt50{ font-size: 7vw; }
}/*end*/
@media (max-width: 450px) {
.his_1969_02 .txt50{ font-size: 6.8vw; }
.txt40{ font-size: 34px; }
#co_history .txt40{ font-size: 26px; }
#gallery .txt40{ font-size: 30px; }
.txt_xl{font-size: 6.7vw; }
.txt_l{font-size:  5.5vw;}
.txt34{ font-size: 26px; }
.his_year_title.txt34{ font-size: 22px; }
#co_history .txt34{ font-size: 24px; }
.txt32{ font-size: 26px; }
#co_af_step h2.txt32{ font-size: 22px; }
.txt30{ font-size: 22px; }
#co_exterior_lead .txt30{ font-size: 5vw;  }
.txt25{ font-size: 21px; }
.txt24{ font-size: 19px; }
#co_history_lead .title_box .txt24{ font-size: 5vw; }
.txt22{ font-size: 17px; }
#co_about_lead .txt22{ font-size: 4.2vw; }
#co_movement_lead .txt22{ font-size: 4.2vw; }
.co_af_txt2 .txt22{ font-size: 16px; }
.txt20{ font-size: 16px; }
#co_interview_lead .title_box .txt20{ font-size: 14px; }
.txt18{ font-size: 15px; }
.txt17{ font-size: 14px; }
.txt16{ font-size: 13px; }
.txt15{ font-size: 12px; }
.txt14{ font-size: 11px; }
}/*end*/
@media (max-width: 400px) {
.txt66{ font-size: 10vw; }/***************/
#co_afterservice_lead h2.txt32{ font-size: 5.2vw; }/***************/

#co_af_step h2.txt32{ font-size: 20px; }
#co_history .txt40{ font-size: 22px; }
#co_history .txt34{ font-size: 22px; }
}/*end*/
@media (max-width: 360px) {
#co_af_step h2.txt32{ font-size: 19px; }
}/*end*/

/* ----- line-height ----- */
.lh_26{line-height: 2.6;}
.lh_24{line-height: 2.4;}
.lh_22{line-height: 2.2;}
.lh_21{line-height: 2.1;}
.lh_2{line-height: 2;}
.lh_18{line-height: 1.8;}
.lh_17{line-height: 1.7;}
.lh_16{line-height: 1.6;}
.lh_15{line-height: 1.5;}
.lh_14{line-height: 1.4;}
.lh_13{line-height: 1.3;}
.lh_1{line-height: 1;}

.ls_1{ letter-spacing: 1px;}
@media (max-width: 640px) {
.ls_1{ letter-spacing: .5px;}
}/*end*/




/*-------------------------------------------------
	sl_about_1
--------------------------------------------------*/
#sl_about_1{ margin-top: -390px; width: 100vw; position: absolute; left:50%; top: 0px;margin-left: -50vw; z-index: -1; overflow: hidden; }
.sl_about_word li{ font-size:790px; line-height: 1.15; font-family:'Times New Roman', Times, serif; font-weight: normal; color: #f3f3f5; margin-right: 5vw; outline: none;}
@media (max-width:1500px){
#sl_about_1{ margin-top: -27vw; }
.sl_about_word li{ font-size:53vw; }
}/*END*/
@media (max-width:1000px){
#sl_about_1{ margin-top: -42vw; }
.sl_about_word li{ font-size:60vw;}
}/*END*/
@media (max-width:640px){
#sl_about_1{ margin-top: -50vw; }
.sl_about_word li{ font-size:70vw;}
}/*END*/

/*-------------------------------------------------
	sl_about_2
--------------------------------------------------*/
#sl_about_2{ margin-top: -450px; width: 100vw; position: absolute; left:50%; top: 0px;margin-left: -50vw; z-index: -1; overflow: hidden; }
.sl_about_word2 li{ font-size:790px; line-height: 1.15; font-family:'Times New Roman', Times, serif; font-weight: normal; color: #f3f3f5; margin-right: 5vw; outline: none;}
@media (max-width:1500px){
#sl_about_2{ margin-top: -30vw; }
.sl_about_word2 li{ font-size:53vw; }
}/*END*/
@media (max-width:1000px){
#sl_about_2{ padding-top: 120px; margin-top: 47vw; }
.sl_about_word2 li{ font-size:60vw;}
}/*END*/

@media (max-width:640px){
#sl_about_2{  padding-top: 120px; margin-top: 62.5vw; }
.sl_about_word2 li{ font-size:70vw;}
}/*END*/


/*-------------------------------------------------
	sl_about_3
--------------------------------------------------*/
#sl_about_3{ margin-top: 390px; width: 100vw; position: absolute; left:50%; top: 0px;margin-left: -50vw; z-index: -1; overflow: hidden; }
.sl_about_word li{ font-size:790px; line-height: 1.15; font-family:'Times New Roman', Times, serif; font-weight: normal; color: #f3f3f5; margin-right: 5vw; outline: none;}
@media (max-width:1500px){
#sl_about_3{ margin-top: 20vw; }
.sl_about_word li{ font-size:53vw; }
}/*END*/
@media (max-width:1000px){
#sl_about_3{ padding-top: 120px; margin-top: 25vw; }
.sl_about_word li{ font-size:60vw;}
}/*END*/
@media (max-width:640px){
#sl_about_3{ padding-top: 120px; margin-top: 13vw; }
.sl_about_word li{ font-size:70vw;}
}/*END*/


/*-------------------------------------------------
	special_page
--------------------------------------------------*/
#special_page{ padding: 80px 0 100px; background: linear-gradient(to bottom, #eee 0%, #fff 50%); }
#special_page.bg2{ padding: 80px 0 100px; background: linear-gradient(to bottom, #e6e6e6 0%, #fff 50%); }
#special_page h2{ text-align: center; font-size: 30px; line-height: 1; font-family: 'Times New Roman', Times, serif;}
#special_page ul{ margin: 0 auto; width: 90%; max-width: 1200px; margin-top: 50px; display: flex; justify-content: center;  }
#special_page ul li{ max-width: 325px; margin:0 20px; }
#special_page ul li p{ margin-top: 15px; font-size: 14px; line-height: 1.5;}
#special_page ul li a{ color: #000; text-decoration: none; transition: 0.3s; }
#special_page ul li a:hover{ color: #555; text-decoration: none; }
#special_page ul li a .img_box { overflow: hidden;}
#special_page ul li a .img_box img{ transition: 0.5s;}
#special_page ul li a:hover .img_box img{ transform: scale(1.05); opacity: .8;}
@media (max-width:640px){
#special_page{ padding: 70px 0 100px; }
#special_page h2{ font-size: 25px; }
#special_page ul{ margin: 0 auto; width: 85%; max-width: 325px; margin: 0px auto 0; display: block; }
#special_page ul li{margin:50px 0 0 }
}/*END*/
@media (max-width:450px){
#special_page{ padding: 60px 0 100px;}
#special_page h2{ font-size: 22px; }
#special_page ul li p{ margin-top: 14px; font-size: 13px; line-height: 1.5;}
}/*END*/