@charset "utf-8";

/*anime set
------------------------*/
#main .main_bg,#main .main_btn,#message .txt01,.movie,#message .btn,#entrance,#zone_head h2,.co_head_title small,.co_head_title h2,.read,.z01_sl,
.video_box,.video_box .img_box,.video_box .txt_box,.z02_l,.z02_r,#z03_lourel ul li,.z03_laurel_bg,.banner h3,.banner .banner_txt,.banner ul li,hr,
.z05_l,.z05_r,#zone_6 h3,#zone_6 .img_box,#zone_6 p,#message2 .txt01 { visibility: hidden;}

/*-------------------------------------------------
	main
--------------------------------------------------*/
#main{ position: relative; display: flex; justify-content: center; background: #000; overflow: hidden;}
.main_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../image/main.jpg) center center no-repeat;  background-size: cover; z-index: 0; }
/*main_inner*/
#main .main_inner{ position: relative; padding-bottom: 0vh; text-align: center; height: 68vh; background-size: cover; display: flex; align-items: center; justify-content: center; z-index: 1;}
#main .main_inner .main_logo{ margin: 0 auto; width: 50vh; }
#main .main_inner h1{ margin-top: 6vh; font-size: 3.8vh; line-height: 1; font-weight: 700; line-height: 1; font-family: 'Noto Serif JP', serif;  font-weight: 400; position: relative; display: inline-block;}
#main .main_inner h1::before{ content: ''; position: absolute; left: 100%; top: 50%; width: 4.5vh; height: 2px; background: rgba(255,255,255,0.5); margin-left: 2.5vh;}
#main .main_inner h1::after { content: ''; position: absolute; right: 100%; top: 50%; width: 4.5vh; height: 2px; background: rgba(255,255,255,0.5); margin-right: 2.5vh;}
#main .main_inner .main_txt{ margin-top: 4vh; font-size: 16px; line-height: 1.6;}
#main .main_inner .btn{ margin-top: 6vh; }
@media screen and (max-height: 750px) { 
#main .main_inner{ height: 68vh;}
#main .main_inner .main_logo{ margin: 0 auto; width: 50vh; }
#main .main_inner h1{ margin-top: 6vh; font-size: 4.2vh; }
#main .main_inner h1::before{ content: ''; position: absolute; left: 100%; top: 55%; width: 4.5vh; height: 1px; background: rgba(255,255,255,0.5); margin-left: 2.5vh;}
#main .main_inner h1::after { content: ''; position: absolute; right: 100%; top: 55%; width: 4.5vh; height: 1px; background: rgba(255,255,255,0.5); margin-right: 2.5vh;}
#main .main_inner .main_txt{ margin-top: 4vh; font-size: 16px; line-height: 1.6;}
#main .main_inner .btn{ margin-top: 6vh; }
}/*END*/
@media screen and (orientation: portrait) {
#main .main_inner{ height: 74vh;}
#main .main_inner .main_logo{ margin: 0 auto; width: 50vw; }
#main .main_inner h1{ margin-top: 6vw; font-size: 3.8vw; }
#main .main_inner h1::before{ content: ''; position: absolute; left: 100%; top: 50%; width: 5vw; height: 2px; background: rgba(255,255,255,0.5); margin-left: 3vw;}
#main .main_inner h1::after { content: ''; position: absolute; right: 100%; top: 50%; width: 5vw; height: 2px; background: rgba(255,255,255,0.5); margin-right: 3vw;}
}/*END*/
@media screen and (max-width: 1000px) and (orientation: portrait) {
#main .main_inner .main_logo{ margin: 0 auto; width: 58vw; }
#main .main_inner h1{ margin-top: 7vw; font-size: 4.2vw; }
#main .main_inner h1::before{ content: ''; position: absolute; left: 100%; top: 50%; width: 5vw; height: 2px; background: rgba(255,255,255,0.5); margin-left: 3vw;}
#main .main_inner h1::after { content: ''; position: absolute; right: 100%; top: 50%; width: 5vw; height: 2px; background: rgba(255,255,255,0.5); margin-right: 3vw;}
}/*END*/
@media screen and (max-width: 600px) and (orientation: portrait) {
#main .main_inner .main_logo{ margin: 0 auto; width: 63vw; }
#main .main_inner h1{ margin-top: 8vw; font-size: 5.5vw;}
#main .main_inner h1::before{ content: ''; position: absolute; left: 100%; top: 55%; width: 5vw; height: 1px; background: rgba(255,255,255,0.5); margin-left: 3vw;}
#main .main_inner h1::after { content: ''; position: absolute; right: 100%; top: 55%; width: 5vw; height: 1px; background: rgba(255,255,255,0.5); margin-right: 3vw;}
}/*END*/
/*-------- main_btn --------*/
.main_btn{ position: absolute; bottom: 4.2vh; right: 0px; width: auto; height: auto; padding: 0; border-radius: 7px 0 0 7px; overflow: hidden; z-index: 2; }
.main_btn a{ display: block; color: #fff; text-decoration: none; }
.main_btn .main_btn_inner{ display: flex; align-items: center; justify-content: center;}
.main_btn a p{ position: relative; margin-bottom: 2px; font-size: 14px; line-height: 1; padding-bottom: 6px; }
.main_btn a span{ content: ''; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0px; background: rgba(255,255,255,0.4); }
.main_btn a span::before{ content: ''; position: absolute; width: 0%; height: 1px; top: 0px; left: 0px; background: rgba(255,255,255,1); transition: 0.3s;transition-delay: 0s; }
.main_btn a:hover span::before{  width: 100%;}
.main_btn_inner .txt_box{ position: relative; z-index: 2; padding: 0 40px; }
.main_btn a .main_btn_sl{ width: 160px; position: relative; }
.main_btn a .main_btn_sl ul { width: 100%; padding: 0; position: relative; z-index: 2;background: #000;}
.main_btn a .main_btn_sl ul li img{ padding: 0; font-size: 0; line-height: 1; vertical-align: bottom; width: 100%; margin: 0; }
.main_btn a .main_btn_sl figure{ position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -14px; width: 28px; height: 28px; background: rgba(255,255,255,0); border: solid 1px rgba(255,255,255,.6); border-radius: 50%; box-sizing: border-box; z-index: 3; transition: 0.3s; }
.main_btn a .main_btn_sl figure::after{ border-width: 5px 0 5px 8px; margin: -5px 0 0 -3px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.main_btn a:hover .main_btn_sl figure{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0);}
.main_btn a:hover .main_btn_sl:hover figure::after{ border-color: transparent transparent transparent #fff;}
.main_btn a .main_btn_sl img{ opacity: 1; transition: 0.8s;}
.main_btn a:hover .main_btn_sl img{ opacity: 0.7; transform: scale(1.08);}
.main_btn_bg{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(25,25,25,0.86); z-index: 0; pointer-events: none; transition: 0.3s; }
.main_btn a:hover .main_btn_bg{ background: rgba(25,25,25,0.4); }
@media screen and (orientation: landscape) and (max-height: 750px) {
.main_btn{ border-radius: 1vh 0 0 1vh; }
.main_btn a p{ position: relative; margin-bottom: 2px; font-size: 12px; line-height: 1; padding-bottom: 6px; }
.main_btn a .main_btn_sl{ width: 21vh; position: relative; }
.main_btn_inner .txt_box{ position: relative; z-index: 2; padding: 0 5.3vh; }
}/*END*/
@media screen and (orientation: portrait) and (max-height: 750px) { 
.main_btn{ border-radius: 1vh 0 0 1vh; }
.main_btn a p{ position: relative; margin-bottom: 2px; font-size: 13px; line-height: 1; padding-bottom: 6px; }
.main_btn a .main_btn_sl{ width: 20vh; position: relative; }
.main_btn_inner .txt_box{ position: relative; z-index: 2; padding: 0 5vw; }
}/*END*/
@media screen and (orientation: portrait) and (max-width: 460px) {
.main_btn a p{ position: relative; margin-bottom: 2px; font-size: 3.5vw; line-height: 1; padding-bottom: 6px; }
.main_btn a .main_btn_sl{ width: 35vw; position: relative; }
.main_btn_inner .txt_box{ position: relative; z-index: 2; padding: 0 5vw; }
}/*END*/
/*-------- scroll --------*/
.scroll{ height: 8vh; width: 5vw; margin-left: -2.5vw; overflow:hidden; position: absolute; left: 50%; bottom: 0; z-index: 5; transition: .3s; }
.scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer;}
.scroll a .scroll_wheel{ width: 1px; height: 100%; opacity: 0; animation: scroll_wheel 1s .2s 1 forwards ease-out; background:rgba(255,255,255,.3); display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.scroll a .scroll_wheel:after { opacity: 1; width: 100%; height: 25%; animation: scroll_wheel_after 1.5s 0.5s infinite normal ease; background:#fff; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; }
@keyframes scroll_wheel_after { 0% { top:-25%;} 60% { top:100%;} 100% { top:100%;}}
.scroll a:hover .scroll_wheel { background:rgba(255,255,255,.6);}
@media screen and (max-width: 1024px) {
.scroll a:hover .scroll_wheel { background:rgba(255,255,255,.3);}
}/*END*/
@media screen and (max-width: 950px) and (orientation: portrait) {
.scroll{ height: 8vh; width: 5vw; margin-left: -2.5vw; overflow:hidden; position: absolute; left: 5%; bottom: 0; z-index: 5; transition: .3s; }
}/*END*/ 

/*-------------------------------------------------
	entrance
--------------------------------------------------*/
/*img*/
.img_01{ background: url(../image/zone_1.jpg) center center; background-size: cover; opacity: 1 !important;}
.img_02{ background: url(../image/zone_2.jpg) center center; background-size: cover; opacity: 1 !important;}
.img_03{ background: url(../image/main.jpg) center center; background-size: cover; opacity: .9 !important;}
.img_04{ background: url(../image/zone_4.jpg) center center; background-size: cover; opacity: 1 !important;}
.img_05{ background: url(../image/zone_5.jpg) center center; background-size: cover; opacity: 1 !important;}
.img_06{ background: url(../image/zone_6.jpg) center center; background-size: cover; opacity: 1 !important;}
@media (max-width:850px){
.sl_co_img.img_01{ background: url(../image/zone_1_sp.jpg) center center; background-size: cover;}
.sl_co_img.img_02{ background: url(../image/zone_2_sp.jpg) center center; background-size: cover;}
.sl_co_img.img_03{ background: url(../image/zone_3_sp.jpg) center center; background-size: cover;}
.sl_co_img.img_04{ background: url(../image/zone_4_sp.jpg) center center; background-size: cover;}
.sl_co_img.img_05{ background: url(../image/zone_5_sp.jpg) center center; background-size: cover;}
.sl_co_img.img_06{ background: url(../image/zone_6_sp.jpg) center center; background-size: cover;}
}/*END*/
.sl_co_img { width: 100%; height: 100%; animation-duration: 3s; transition: 1s;}

/* -----------------------------------------
 	message
 -----------------------------------------*/
#message{ position: relative; z-index: 1;}
.message_inner{ width: 95%; max-width: 900px; margin: 0 auto;  }
.message_inner .txt_box{ padding: 110px 0 105px;}
.message_inner .btn{ margin: 95px auto 0; text-align: center;}
@media (max-width:1200px){
.message_inner .txt_box{ padding: 90px 0 85px;}
.message_inner .btn{ margin: 75px auto 0; }
}/*END*/
@media (max-width:800px){
.message_inner .txt_box{ padding: 70px 0 70px;}
.message_inner .btn{ margin: 45px auto 0; }
}/*END*/
@media (max-width:400px){
.message_inner .txt_box{ padding: 15vw 0 15vw;}
.message_inner .btn{ margin: 10vw auto 0; }
}/*END*/
/*br*/
.br_message_sp{ display: none;}
@media (max-width:640px){
.br_message_pc{ display: none;}
.br_message_sp{ display: inline;}
}/*END*/
#message .message_inner { padding: 0 0 110px;}
@media (max-width:1200px){
#message .message_inner { padding: 0 0 90px;}
}/*END*/
@media (max-width:800px){
#message .message_inner { padding: 0 0 70px;}
}/*END*/
@media (max-width:400px){
#message .message_inner { padding: 0 0 15vw;}
}/*END*/

/* -----------------------------------------
 	message2
 -----------------------------------------*/
#message2{ position: relative; z-index: 1; background: #000;}
/*br*/
.br_message2_sp{ display: none;}
@media (max-width:640px){
.br_message2_pc{ display: none;}
.br_message2_sp{ display: inline;}
}/*END*/
#message2 .message_inner { padding: 0 0 180px;}
@media (max-width:1200px){
#message2 .message_inner { padding: 0 0 180px;}
}/*END*/
@media (max-width:800px){
#message2 .message_inner { padding: 0 0 150px;}
}/*END*/
@media (max-width:500px){
#message2 .message_inner { padding: 0 0 30vw;}
}/*END*/
@media (max-width:400px){
#message2 .message_inner { padding: 0 0 100px;}
}/*END*/

/*  movie
-------------------*/
.movie{ margin: 0px auto 0px; width: 85%; max-width: 810px; display: block;}
.movie_inner{ display: block; position: relative; overflow: hidden; background: #000; border: solid 0px #111;}
.movie_inner figure{ position: absolute; left: 50%; top: 50%; margin: -34px 0 0 -34px; width: 68px; height: 68px; background: rgba(255,255,255,0); border: solid 1px rgba(255,255,255,.5); border-radius: 50%; box-sizing: border-box; z-index: 2; transition: 0.3s; }
.movie_inner figure::after{ border-width: 11px 0 11px 19px; margin: -11px 0 0 -7px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_inner:hover figure{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0);}
.movie_inner:hover figure::after{ border-color: transparent transparent transparent #fff;}
@media screen and (max-width: 730px) {
.movie_inner figure{position: absolute; left: 50%; top: 50%; margin: -5vw 0 0 -5vw; width: 10vw; height: 10vw; }
.movie_inner figure::after{ border-width: 1.4vw 0 1.4vw 2.6vw; margin: -1.4vw 0 0 -1.0vw; }
}/*END*/
.movie_inner img{ transition: 0.8s; opacity: 1; position: relative; z-index: 1;}
.movie_inner:hover img{ transform:scale(1.07); opacity: .6;}

/*  btn
-------------------*/
.btn a{ padding: 15px 34px 15px 38px; font-size: 16.5px; line-height: 1; font-weight: 500; letter-spacing: 3px; border-radius: 4px; color: #000; display: inline-block; background: #fff; font-family: 'Ibarra Real Nova', serif; text-decoration: none;opacity: 0.9; transition: 0.3s;}
@media screen and (max-width: 1400px) {
.btn a{ padding: 1vw 2vw; font-size: 1.2vw; letter-spacing: 2px; line-height: 1; border-radius: 4px; transition:0.3s; opacity: 1; display: inline-block; background: #fff;  }
}/*END*/
@media screen and (orientation: portrait) {
.btn a{ margin-top: 28px; padding: 13px 30px; font-size: 16px; letter-spacing: 2px; line-height: 1; border-radius: 4px; transition:0.3s; opacity: 1; display: inline-block; background: #fff; font-family: 'Ibarra Real Nova', serif; }
}/*END*/
@media screen and (max-width: 450px) and (orientation: portrait){
.btn a{ margin-top: 4vw; padding: 3.4vw 6vw; font-size: 4vw; letter-spacing: 2px;}
}/*END*/

/* -----------------------------------------
 	entrance
 -----------------------------------------*/
.sl { overflow: hidden;} 
.sl .slick-list { padding: 0; }
.sl ul li { height: 94vh; max-height:100vw ; width: 100%; margin: 0px; outline: none; }
@media screen and (max-width: 640px) {
.sl ul li { height: 145vw; max-height: 145vw;}
}/*END*/
/* sl_co */
.sl_co { width: 100%; display: block; overflow: hidden; position: relative; text-align: center; }
.sl_co .sl_co_inner { position: absolute; top: 0%; left: 0px; width: 100%; height: 90%; z-index:3; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 700px) {
.sl_co .sl_co_inner { height: 90%; }
}/*END*/
.inner_box.inner_box_c3_m{ padding-bottom: 10vw !important; }
@media screen and (orientation: portrait) {
.inner_box.inner_box_c3_m{ padding-bottom: 15vw !important; }
}/*END*/
/*inner_box / txt */
.sl_co .sl_co_inner .inner_box{ color:#FFF; }
.sl_co .sl_co_inner .inner_box small{ display: block; font-family: 'Ibarra Real Nova', serif; transition:0.3s; opacity: 0;}
.sl_co .sl_co_inner .inner_box h3{ display: block; font-family: 'Noto Serif JP', serif; font-weight: 400; transition:0.3s; opacity: 0;}
.sl_co .sl_co_inner .inner_box p{ display: block; font-family: 'Noto Serif JP', serif; font-weight: 400; transition:0.3s; letter-spacing: 2px; opacity: 0;}
.sl_co .sl_co_inner .inner_box small{ margin-top:0px; font-size:23px; line-height: 1.5; letter-spacing: 1px;}
.sl_co .sl_co_inner .inner_box h3{ margin-top:8px; font-size:45px; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box h3.ls_1{ letter-spacing: 6px; }
.sl_co .sl_co_inner .inner_box p{ margin:20px auto; font-size:19px; line-height: 1.6; width:100%; }
@media screen and (max-width: 1600px) {
.sl_co .sl_co_inner .inner_box small{ margin-top:0px; font-size:1.4vw; line-height: 1.5; }
.sl_co .sl_co_inner .inner_box h3{ margin-top:0.5vw; font-size:2.8vw; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box h3.ls_1{ letter-spacing: .4vw; }
.sl_co .sl_co_inner .inner_box p{ margin:20px auto; font-size:17px; line-height: 1.6; width:100%; }
}/*END*/
@media screen and (max-width: 1400px) {
.sl_co .sl_co_inner .inner_box p{ margin:20px auto; font-size:15px; line-height: 1.6; width:100%; }
}/*END*/
@media screen and (max-width: 1300px) {
.sl_co .sl_co_inner .inner_box small{ margin-top:0px; font-size:19px; line-height: 1.5; letter-spacing: 1px;}
.sl_co .sl_co_inner .inner_box h3{ margin-top:5px; font-size:35px; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box h3.ls_1{ letter-spacing: 6px; }
}/*END*/
@media screen and (max-width: 800px) {
.sl_co .sl_co_inner .inner_box small{ margin-top:0px; font-size:15px; line-height: 1.5; letter-spacing: 1px;}
.sl_co .sl_co_inner .inner_box h3{ margin-top:5px; font-size:30px; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box h3.ls_1{ letter-spacing: 4px; }
}/*END*/
@media screen and (orientation: portrait) {
.sl_co .sl_co_inner .inner_box small{ margin-top:0px; font-size:20px; line-height: 1.5; letter-spacing: 1px;}
.sl_co .sl_co_inner .inner_box h3{ margin-top:8px; font-size:45px; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box h3.ls_1{ letter-spacing: 6px; }
.sl_co .sl_co_inner .inner_box p{ margin:20px auto; font-size:19px; line-height: 1.6; width:100%; }
}/*END*/
@media screen and (max-width: 700px) and (orientation: portrait) {
.sl_co .sl_co_inner .inner_box small{ margin-top:0px; font-size:3.8vw; line-height: 1.5; }
.sl_co .sl_co_inner .inner_box h3{ margin-top:2vw; font-size:7.7vw; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box h3.ls_1{ letter-spacing: .7vw; }
.sl_co .sl_co_inner .inner_box p{ margin:20px auto; font-size:16px; line-height: 1.6; width:100%; }
}/*END*/
@media screen and (max-width: 450px) and (orientation: portrait) {
.sl_co .sl_co_inner .inner_box h3{ margin-top:2vw; font-size:7.7vw; line-height: 1.1; }
.sl_co .sl_co_inner .inner_box p{ margin:4vw auto; font-size:15px; line-height: 1.6; letter-spacing: 0px; }
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
.sl_co .sl_co_inner .inner_box p{ margin:4vw auto; font-size:15px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/

/* ----------------
 sl_btn 
 -----------------*/
.sl_co .sl_co_inner .inner_box .sl_btn { opacity: 0; }
.sl_co .sl_co_inner .inner_box .sl_btn a{ margin-top: 28px; padding: 13px 30px; font-size: 16px; letter-spacing: 2px; line-height: 1; border-radius: 4px; transition:0.3s; opacity: 1; display: inline-block; background: #fff; font-family: 'Ibarra Real Nova', serif; }
.sl_co .sl_co_inner .inner_box .sl_btn a{ text-decoration: none; color: #000; }
.sl_co .sl_co_inner .inner_box .sl_btn a:hover{ opacity: 0.7;}
@media screen and (max-width: 1400px) {
.sl_co .sl_co_inner .inner_box .sl_btn a{ margin-top: 1.5vw; padding: 1vw 2vw; font-size: 1.2vw; letter-spacing: 2px; line-height: 1; border-radius: 4px; transition:0.3s; opacity: 1; display: inline-block; background: #fff; font-family: 'Ibarra Real Nova', serif; }
}/*END*/
@media screen and (orientation: portrait) {
.sl_co .sl_co_inner .inner_box .sl_btn a{ margin-top: 28px; padding: 13px 30px; font-size: 16px; letter-spacing: 2px; line-height: 1; border-radius: 4px; transition:0.3s; opacity: 1; display: inline-block; background: #fff; font-family: 'Ibarra Real Nova', serif; }
}/*END*/
@media screen and (max-width: 450px)  and (orientation: portrait){
.sl_co .sl_co_inner .inner_box .sl_btn a{ margin-top: 4vw; padding: 3.4vw 6vw; font-size: 4vw; letter-spacing: 2px;}
}/*END*/

/* -----------------------------------------
 animation 
 -----------------------------------------*/
/*slick-active*/
.sl_co.slick-active .sl_co_inner .inner_box small{ animation:zoomOut 1s both .8s; visibility:visible; opacity: 1; transition:1.3s;}
.sl_co.slick-active .sl_co_inner .inner_box h3{ animation:fadeInRight 1s both 1.1s; visibility:visible; opacity: 1; transition:1.3s;}
.sl_co.slick-active .sl_co_inner .inner_box p{ animation:fadeInRight 1s both 1.4s; visibility:visible; opacity: 1; transition:1.3s;}
.sl_co.slick-active .sl_co_inner .sl_btn { animation:fadeIn 1.5s both 1.7s; visibility:visible; opacity: 0.9; transition:1.3s;}
/************ fadeIn ***********/
@keyframes fadeIn{0%{opacity:0; } 100%{opacity:1;}}
.fadeIn{animation-name:fadeIn}
/************ fadeInRight ***********/
@keyframes fadeInRight{0%{opacity:0; transform:translate3d(60px,0,0)} 100%{opacity:1;transform:none;}}
.fadeInRight{ animation-name:fadeInRight}
/************ zoomOut ***********/
@keyframes zoomOut{0%{opacity:0;transform:scale(1.6)}50%{opacity:1}}
.zoomOut{animation-name:zoomOut}

/* -----------------------------------------
 slick base
 -----------------------------------------*/
.slick-slider{ position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y;  }
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus{ outline: none; }
.slick-list.dragging{ cursor: pointer;/* cursor: hand;*/ }
.slick-slider .slick-track,
.slick-slider .slick-list{  transform: translate3d(0, 0, 0); }
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after{ display: table; content: ''; }
.slick-track:after{ clear: both; }
.slick-loading .slick-track{ visibility: hidden; }
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide{ float: right; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img{ display: none; }
.slick-slide.dragging img{ pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide{ visibility: hidden; }
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* -----------------------------------------
 slick base setting
 -----------------------------------------*/
 /* sl < > 
 ---------------------*/
 /* < > btn */
 .sl .slick-prev,
 .sl .slick-next { position: absolute; z-index: 10; top:45%; width: 30px; height: 30px; padding: 7px; margin-top: -15px; border: solid 1px rgba(255, 255, 255, 0.9); transition: 0.5s; outline: none; cursor: pointer; border-radius: 50%; }
 .sl .slick-prev:hover,
 .sl .slick-next:hover {opacity: 0.4!important;}
 .sl .slick-prev { left: 3%; background: url("../image/common/sl_prev.png") no-repeat center center rgba(255, 255, 255, 0.9); background-size: 43%;}
 .sl .slick-next { right: 3%; background: url("../image/common/sl_next.png") no-repeat center center rgba(255, 255, 255, 0.9); background-size: 43%;}
 /* < > btn 消す */
 .slick-prev.slick-disabled{ left: -45px; pointer-events: none; }
 .slick-next.slick-disabled{ right: -45px; pointer-events: none; }
@media screen and (max-width: 700px) {
 .sl .slick-prev,
 .sl .slick-next { display: none !important;  }
}/*END*/
/* sl dots
 ---------------------*/
 .sl ul.slick-dots{position: absolute; bottom: 4vh; left: 0%; z-index: 5500; width:100%; margin:0 auto !important; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center;z-index:1; font-family: 'Ibarra Real Nova', serif;}
@media screen and (max-width: 1000px) and (orientation: portrait) { /* 縦 / w1000 */
 .sl ul.slick-dots{ bottom: 4vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) { /* 縦 / w640 */
 .sl ul.slick-dots{ bottom: 1vw; }
}/*END*/
 .sl ul.slick-dots li{ position: relative; width: 192px!important; height: 80px!important; margin: 0 0px; background: none ; z-index: 2;}
 .sl ul.slick-dots::after{ content: ''; width: 960px; margin-left: -480px; height: 1px; background: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; left:50%; z-index: 1; }
@media screen and (max-width: 1600px) {
 .sl ul.slick-dots li{ position: relative; width: 12%!important; }
 .sl ul.slick-dots::after{ content: ''; width: 60%; margin-left: -30%; }
}/*END*/
@media screen and (max-width: 1200px) {
 .sl ul.slick-dots li{ position: relative; width: 14%!important; }
 .sl ul.slick-dots::after{ content: ''; width: 70%; margin-left: -35%; }
}/*END*/
@media screen and (max-width: 1000px) {
 .sl ul.slick-dots li{ position: relative; width: 15%!important; }
 .sl ul.slick-dots::after{ content: ''; width: 75%; margin-left: -37.5%; }
}/*END*/
/*button ●○○○ */
 .sl ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
 .sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%; content: ''; margin: -2px 0 0 -2.5px; opacity: 1; width: 5px; height: 5px; background: #fff; border: solid 2px #fff; box-sizing: border-box; transition: 0.3s; border-radius: 10px;}/* focus */
/* ON focus */
 .sl ul.slick-dots li button:hover:before,/* ON */
 .sl ul.slick-dots li.slick-active button:before{ cursor: pointer; position: absolute; top:50%; left: 50%; content: ''; margin: -7px 0 0 -7px; opacity: 1; width: 15px; height: 15px; background: rgba(255, 255, 255, 0); border: solid 2px #fff; box-sizing: border-box;transition: 0.3s; border-radius: 10px;}/* focus */
 .sl ul.slick-dots li::before{ position: absolute; width: 100px; margin-left: -50px; left: 50%; bottom:65px; transition:0.5s; z-index: -1 !important; }
/*font-size*/
 .sl ul.slick-dots li::before{ color: #fff; font-size: 14px; }
 .sl ul.slick-dots li:hover::before,
 .sl ul.slick-dots li.slick-active::before{ font-size: 20px; }
@media screen and (max-width: 1400px) {
 .sl ul.slick-dots li::before{ color: #fff; font-size: 12px; }
 .sl ul.slick-dots li.slick-active::before{ font-size: 18px; }
}/*END*/
@media screen and (max-width: 500px) {
 .sl ul.slick-dots li::before{ color: #fff; font-size: 12px; opacity: 0; transition: 0.3s; }
 .sl ul.slick-dots li.slick-active::before{ font-size: 14px; opacity: 1;}
 .sl ul.slick-dots li::before{ bottom:60px; }
}/*END*/
@media screen and (max-width: 400px) {
 .sl ul.slick-dots li::before{ color: #fff; font-size: 12px;  }
 .sl ul.slick-dots li.slick-active::before{ font-size: 12px; opacity: 1;}
 .sl ul.slick-dots li::before{ bottom:60px; }
}/*END*/
/*表示文字*/
 .sl ul.slick-dots li:nth-child(1)::before{ content:'Zone 1'; }
 .sl ul.slick-dots li:nth-child(2)::before{ content:'Zone 2'; }
 .sl ul.slick-dots li:nth-child(3)::before{ content:'Zone 3'; }
 .sl ul.slick-dots li:nth-child(4)::before{ content:'Zone 4'; }
 .sl ul.slick-dots li:nth-child(5)::before{ content:'Zone 5'; }
 .sl ul.slick-dots li:nth-child(6)::before{ content:'Zone 6'; }

/*-------------------------------------------------
	txt
--------------------------------------------------*/
.zone_wrap h3{ font-size: 28px; letter-spacing: 4px; font-weight: 400; text-align: center;}
.zone_wrap h2{ font-size: 30px; letter-spacing: 3px; font-weight: 400; text-align: center;}

/* read
----------------------------*/
.read{ padding: 95px 0;}
@media screen and (max-width: 1050px) {
.read{ padding: 40px 0 95px;}
}/*END*/
@media screen and (max-width: 640px) {
.read{ width: 85%; margin: 0 auto;  padding: 6vw 0 12vw;}
.read br{ display: none;}
.read span{ display: inline-block;}
}/*END*/
.read p{font-size: 20px; line-height: 2; letter-spacing: 2px; }
.txt01{ font-size: 20px; text-align: center;}
@media screen and (max-width: 1400px) {
.txt01{ font-size: 19px; }
.read p{font-size: 19px; line-height: 2; letter-spacing: 2px; }
}/*END*/
@media screen and (max-width: 1200px) {
.txt01{ font-size: 18px; }
.read p{font-size: 18px; line-height: 2; letter-spacing: 2px; }
}/*END*/
@media screen and (max-width: 770px) {
.txt01{ font-size: 2.35vw; }
.read p{font-size: 2.35vw; line-height: 2; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 640px) {
.txt01{ font-size: 18px; }
.read p{font-size: 18px; line-height: 2; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 640px) {
.read p{font-size: 16px; line-height: 2; letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 450px) {
.zone_wrap h2{ font-size: 6.5vw; letter-spacing: 1vw;}
.zone_wrap h3{ font-size: 6.5vw; letter-spacing: 1vw;}
.txt01{ font-size: 4vw; }
.read p{font-size: 4vw; line-height: 2; letter-spacing: .5px; }
}/*END*/
.lh_l{ line-height: 2.3;}
@media screen and (max-width: 800px) {
.lh_l{ line-height: 2.3;}
}/*END*/

/*-------------------------------------------------
	zone_head
--------------------------------------------------*/
#zone_head{ height: 400px; text-align:center; display: flex; align-items: center; justify-content: center; background: #000; }
@media screen and (max-width: 1000px) {
#zone_head{ height: 45vw;}
}/*END*/
#zone_head h2{font-size: 34px; letter-spacing: 2px; line-height: 1; position: relative; display: inline-block; }
#zone_head h2::before{ content: ''; position: absolute; left: 100%; top: 50%; width: 40px; height: 1px; background: rgba(255,255,255,0.5); margin-left: 25px; }
#zone_head h2::after { content: ''; position: absolute; right: 100%; top: 50%; width: 40px; height: 1px; background: rgba(255,255,255,0.5); margin-right: 25px; }
@media screen and (max-width: 780px) {
#zone_head h2{font-size: 4.5vw; letter-spacing:.4vw; }
#zone_head h2::before{ content: ''; position: absolute; left: 100%; top: 55%; width: 5vw; margin-left: 3vw; }
#zone_head h2::after { content: ''; position: absolute; right: 100%; top: 55%; width: 5vw; margin-right: 3vw; }
}/*END*/

/*-------------------------------------------------
	zone
--------------------------------------------------*/
/*co_head
----------------------*/
.co_head{ width: 100%; height: 35vw; position: relative; z-index: 100 !important; top: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.co_head .parallax-window { z-index: 10; height: 100%; background: transparent;  }
@media screen and (max-width: 1050px) {
.co_head{ width: 100%; height: auto; position: relative; z-index: 10; top: 0; left: 0;}
.co_head_sp img{ width: 100% !important; display: block; }
}/*END*/
.co_head::before{ content: ''; width: 1px; height: 50px; display: block; position: absolute; bottom: -25px; left: 50%; background:rgba(255, 255, 255, 0.8); z-index: 2;}
@media screen and (max-width: 640px) {
.co_head::before{ content: ''; width: 1px; height: 7vw; display: block; position: absolute; bottom: -3.5vw; left: 50%; }
}/*END*/
.co_head_pc{ display: block;}
.co_head_sp{ display: none;}
@media screen and (max-width: 1050px) {
.co_head_pc{ display: none;}
.co_head_sp{ display: block; width: 100% !important; }
}/*END*/
.co_head_title{ text-align: center; position: relative; z-index: 10; color:#FFF;}
@media screen and (max-width: 1050px) {
.co_head_title{ padding: 50px 0;}
}/*END*/
.co_head_img{ width: 100%; height: 100%; opacity: .7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
@media screen and (max-width: 1050px) {
.co_head_img{ opacity: 1;position: relative;}
}/*END*/
.co_head_title small{ display: block; font-family: 'Ibarra Real Nova', serif; transition:0.3s; opacity: 1;}
.co_head_title h2{ display: block;  transition:0.3s; opacity: 1; }
.co_head_title small{ margin-top:0px; font-size:25px; letter-spacing: 1px; line-height: 1; }
.co_head_title h2{ margin-top:18px; font-size:40px; line-height: 1.1; margin-left: 15px; }
@media screen and (max-width: 700px) {
.co_head_title small{ margin-top:0px; font-size:4vw; }
.co_head_title h2{ margin-top:3.5vw; font-size:6vw; letter-spacing: 0.5vw; margin-left: 1.5vw;  }
}/*END*/
@media screen and (max-width: 450px) {
.co_head_title small{ margin-top:0px; font-size:4.5vw; }
.co_head_title h2{ margin-top:3.5vw; font-size:6.4vw; letter-spacing: 0.5vw; margin-left: 1.5vw;  }
}/*END*/
.co_head_title_pc{ display: block;}
.co_head_title_sp{ display: none;}
@media screen and (max-width: 1050px) {
.co_head_title_pc{ display: none;}
.co_head_title_sp{ display: block;}
}/*END*/
.co_head_title_sp{ position: relative; padding: 10vw 0 0;}

/*-------------------------------------------------
	zone [CONTENTS]
--------------------------------------------------*/
#zone_1{ padding-bottom: 120px; width: 100%; text-align: center; }
#zone_2{ padding-bottom: 120px; width: 100%; text-align: center; }
#zone_3{ padding-bottom: 100px; width: 100%; text-align: center;}
#zone_4{ padding-bottom: 120px; width: 100%; text-align: center;}
#zone_5{ padding-bottom: 120px; width: 100%; text-align: center;}
#zone_6{ padding-bottom: 120px; width: 100%; text-align: center;}
@media screen and (max-width: 1300px) {
#zone_1{ padding-bottom: 9vw; }
#zone_2{ padding-bottom: 9vw; }
#zone_3 { padding-bottom: 6vw; }
#zone_4 { padding-bottom: 9vw; }
#zone_5 { padding-bottom: 9vw; }
#zone_6 { padding-bottom: 9vw; }
}/*END*/
@media screen and (max-width: 640px) {
#zone_1{ padding-bottom: 12vw; }
#zone_2{ padding-bottom: 5vw; }
#zone_3{ padding-bottom: 10vw; }
#zone_4{ padding-bottom: 15vw; }
#zone_5{ padding-bottom: 12vw; }
#zone_6{ padding-bottom: 15vw; }
}/*END*/
/*----------hr----------*/
.co_inner hr{ width: 90%; max-width: 1200px; height:1px; margin:100px auto; border:none; background: #383838; }
@media screen and (max-width: 640px) {
.co_inner hr{ width: 90%; max-width: 1200px; height:1px; margin:12vw auto; border:none; background: #383838; }
}/*END*/

/*-------------------------------------------------
	video_box
--------------------------------------------------*/
.video_box{ margin: 30px auto 0; padding: 57px 0; max-width: 1200px; width: 90%;background: #070707; display: flex; align-items: center;  font-family: 'Ibarra Real Nova', serif; }
.video_box.col2{ background: #090909 !important;  }
.video_box.col2 .img_box{ border: solid 1px #151515;}
.video_box .txt_box{ width: 47%; display: flex; align-items: center; justify-content: center; font-family: 'Ibarra Real Nova', serif;}
.video_box .txt_box h3 small{padding-bottom: 4px; font-size:15px; display: block; color: #868686; letter-spacing: 1.5px;}
.video_box .txt_box h3{ font-size: 24px; line-height: 1.2; letter-spacing: 1px; }
@media screen and (max-width: 1300px) {
.video_box .txt_box{ width: 50%; }
.video_box .txt_box h3 small{ font-size:14px; letter-spacing: 1px;}
.video_box .txt_box h3{ font-size: 22px;  letter-spacing: 1px; }
}/*END*/
@media screen and (max-width: 1000px) {
.video_box{  padding: 5vw 0;}
.video_box .txt_box{ width: 50%; }
.video_box .txt_box h3{ font-size: 20px;  letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 750px) {
.video_box{  padding: 5vw 0;}
.video_box .txt_box{ width: 50%; }
.video_box .txt_box h3{ font-size: 18px; letter-spacing: .5px; }
.video_box .txt_box h3 span{ display: inline-block; }
}/*END*/
.video_box .img_box{ width: 41.5%; margin-left: 8.2%;}
.video_box .img_box{ display: block; position: relative; overflow: hidden; background: #000; border: solid 0px #111;}
.video_box .img_box figure{ position: absolute; left: 50%; top: 50%; margin: -28px 0 0 -28px; width: 56px; height: 56px; background: rgba(255,255,255,0); border: solid 1px rgba(255,255,255,.5); border-radius: 50%; box-sizing: border-box; z-index: 2; transition: 0.3s; }
.video_box .img_box figure::after{ border-width: 9px 0 9px 16px; margin: -9px 0 0 -6px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.video_box .img_box:hover figure{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0);}
.video_box .img_box:hover figure::after{ border-color: transparent transparent transparent #fff;}
@media screen and (max-width: 800px) {
.video_box .txt_box{ width: 60%; }
.video_box .img_box{ width: 40%; margin-left: 7%;}
}/*END*/
@media screen and (max-width: 750px) {
.video_box .txt_box{ width: 25%; }
.video_box .img_box{ width: 70%; margin-left: 5%;}
.video_box .txt_box h3 span{ display: block; }
.video_box .txt_box h3 small{ font-size:13px; letter-spacing: 1px; padding-bottom: 15px; }
.video_box .txt_box h3 { font-size: 18px; letter-spacing: 0px; }
}/*END*/
@media screen and (max-width: 640px) {
.video_box .txt_box h3 small{ font-size:13px; letter-spacing: 1px; padding-bottom: 15px; }
.video_box .txt_box h3 { font-size: 17px; letter-spacing: 0px; }
}/*END*/
@media screen and (max-width: 500px) {
.video_box .txt_box{ width: 28%; }
.video_box .img_box{ width: 65%; margin-left: 4%;}
.video_box .txt_box h3 small{ font-size:3vw; letter-spacing: .2vw; padding-bottom: 2vw; }
.video_box .txt_box h3 { font-size: 3.6vw; letter-spacing: 0px; }
.video_box .img_box figure{ position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; background: rgba(255,255,255,0); border: solid 1px rgba(255,255,255,.5); border-radius: 50%; box-sizing: border-box; z-index: 2; transition: 0.3s; }
.video_box .img_box figure::after{ border-width: 6px 0 6px 10px; margin: -6px 0 0 -3px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.video_box .img_box:hover figure{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0);}
.video_box .img_box:hover figure::after{ border-color: transparent transparent transparent #fff;}
}/*END*/
@media screen and (max-width: 450px) {
.video_box .txt_box h3 small{ font-size:3vw; letter-spacing: .2vw; padding-bottom: 2vw; }
.video_box .txt_box h3 { font-size: 3.8vw; letter-spacing: 0px; }
}/*END*/
.video_box .img_box img{ transition: 0.8s; opacity: 1; position: relative; z-index: 1;}
.video_box .img_box:hover img{ transform:scale(1.07); opacity: .6;}
/*-----click_txt-----*/
.click_txt{ display: none;}
@media screen and (max-width: 1000px) {
.click_txt{display: block; margin-bottom: 40px; font-size: 14px; line-height: 1.4;}
}/*END*/

/*-------------------------------------------------
	Zone 1
--------------------------------------------------*/
.z01_sl { margin: 0 auto; width: 95%; padding: 130px 0;}
@media screen and (max-width: 640px) {
.z01_sl { margin: 0 auto; width: 95%; padding: 12vw 0;}
}/*END*/
/* [+] */
a.img_link{ text-align: center; position: relative; display: block;}
a.img_link img{ margin: 0 auto; opacity: 1; transition: 0.3s;}
a.img_link:hover img{ opacity: 0.4;}
.z01_sl a.img_link img{ width: 80%; margin: 0 auto; opacity: 0.7; transition: 0.3s;}
.z01_sl a.img_link:hover img{ width: 80%;  opacity: 0.3;}
a.img_link .sl_plus_1 { opacity: 0; transition: 0.5s; width: 64px; height: 64px; margin: -32px 0 0 -32px; position: absolute; left: 50%; top: 50%; z-index: 2;}
a.img_link .sl_plus_1::before { content:''; width: 22px; height: 2px; margin: -1px 0 0 -11px; position: absolute; left: 50%; top: 50%; display: block; background: #fff; }
a.img_link .sl_plus_1::after  { content:''; height: 22px; width: 2px; margin: -11px 0 0 -1px; position: absolute; left: 50%; top: 50%; display: block; background: #fff; }
a.img_link:hover .sl_plus_1 { opacity: 1; }
a.img_link .sl_plus_1 div{ transform: scale(1.3); opacity: 0; transition: 0.5s; width: 100%; height: 100%;  position: absolute; left: 0%; top: 0%; z-index: 2; border: solid 1px rgba(255,255,255,0.7); border-radius: 50%;box-sizing: border-box; }
a.img_link:hover .sl_plus_1 div{transform: scale(1); opacity: 1; }

/* ----------------------------------
 slick base setting
 ------------------------------------*/
 /* sl < > 
 ---------------------*/
 /* < > btn */
 .z01_sl .slick-prev,
 .z01_sl .slick-next { position: absolute; z-index: 10; top:50%; width: 40px; height: 40px; padding: 0px; margin-top: -20px; border: solid 1px rgba(255, 255, 255, 1); transition: 0.5s; outline: none; cursor: pointer; border-radius: 50%; }
 .z01_sl .slick-prev:hover,
 .z01_sl .slick-next:hover {opacity: 0.4!important;}
 .z01_sl .slick-prev {opacity: 1; left: .5%; background: url("../image/common/sl_prev.png") no-repeat center center rgba(255, 255, 255, 1); background-size: 43%;}
 .z01_sl .slick-next {opacity: 1;  right: .5%; background: url("../image/common/sl_next.png") no-repeat center center rgba(255, 255, 255, 1); background-size: 43%;}
 /* < > btn 消す */
.z01_sl .slick-prev.slick-disabled{ left: -7%; pointer-events: none; opacity: 0; }
.z01_sl .slick-next.slick-disabled{ right: -7%; pointer-events: none; opacity: 0; }

/* sl dots
 ---------------------*/
 .z01_sl ul.slick-dots{ position: absolute; bottom: -75px; left:0px; width: 100%; height: 40px; z-index: 500;margin:40px auto 0 !important; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center;  z-index:1; font-family: 'Ibarra Real Nova', serif;}
@media screen and (max-width: 1000px) and (orientation: portrait) {
 .z01_sl ul.slick-dots{ bottom: -70px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
 .z01_sl ul.slick-dots{ bottom: -60px; }
}/*END*/
@media screen and (max-width: 480px) and (orientation: portrait) {
 .z01_sl ul.slick-dots{ bottom: -50px; }
}/*END*/
 .z01_sl ul.slick-dots li{ position: relative; width: 35px; height: 35px; margin: 0 0px; background: none ; z-index: 2;}
@media screen and (max-width: 480px) and (orientation: portrait) {
 .z01_sl ul.slick-dots li{ position: relative; width: 25px; }
}/*END*/
/*button ●○○○ */
 .z01_sl ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
 .z01_sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%; content: ''; margin: -3.5px 0 0 -3.5px; opacity: 1; width: 7px; height: 7px; background: rgba(255, 255, 255, .3); transition: 0.3s; border-radius: 10px;}/* focus */
/* ON focus */
 .z01_sl ul.slick-dots li button:hover:before,/* ON */
 .z01_sl ul.slick-dots li.slick-active button:before{ cursor: pointer; position: absolute; top:50%; left: 50%; content: ''; margin: -3.5px 0 0 -3.5px; opacity: 1; width: 7px; height: 7px; background: rgba(255, 255, 255, 1);transition: 0.3s; border-radius: 10px;}/* focus */

/*-------------------------------------------------
	Zone 2
--------------------------------------------------*/
.zone_2_box{ display: flex; justify-content: space-around; max-width: 1038px; width: 90%; margin: 0 auto 40px;}
.zone_2_box .zone_2_img{ width: 40.4%;}
.zone_2_box .zone_2_img img{ width: 100%; }
.zone_2_box .zone_2_img p{ margin-top: 26px; font-size: 18px; line-height: 1.5; letter-spacing: 1px;}
.zone_2_box .zone_2_img p small{ display: block;}
@media screen and (max-width: 1200px) {
.zone_2_box .zone_2_img p{ margin-top: 20px; font-size: 16px; line-height: 1.5; letter-spacing: 1px;}
.zone_2_box .zone_2_img p span{ display: inline-block;}
}/*END*/
@media screen and (max-width: 500px) {
.zone_2_box .zone_2_img p{ margin-top: 20px; font-size: 15px; line-height: 1.5; letter-spacing: 1px;}
.zone_2_box .zone_2_img p span{ display: inline-block;}
}/*END*/
@media screen and (max-width: 460px) {
.zone_2_box .zone_2_img p{ margin-top: 20px; font-size: 3.5vw; line-height: 1.5; letter-spacing: 1px;}
.zone_2_box .zone_2_img p span{ display: inline-block;}
}/*END*/

/*-------------------------------------------------
	Zone 3
--------------------------------------------------*/
#z03_lourel{ max-width: 1000px; width: 80%; margin: 0 auto; position: relative;}
#z03_lourel a{ text-decoration: none; color: #717171; transition: 0.3s;}
#z03_lourel a:hover{ color: #fff; }
#z03_lourel ul li .img_box { width: 80%; max-width: 94px; margin: 0 auto; position: relative;}
.z03_laurel_bg{ position: relative; z-index: -1;}
@media screen and (max-width: 1200px) {
#z03_lourel ul li .img_box { width: 70%; max-width: 94px; margin: 0 auto; position: relative;}
}/*END*/
.img_box_inner{ overflow: hidden; border-radius: 50%; }
#z03_lourel ul li .img_box img{ transform: scale(1); transition: 0.5s;border-radius: 50%;}
#z03_lourel ul li a:hover .img_box img{ transform: scale(1.1); opacity: 0.3;}
#z03_lourel ul li{ width: 17.4%; position: absolute;  /*background: rgba(255,0,0,0.3);*/ }
#z03_lourel ul li:nth-child(1){ left: 20.9%; top:76.9%; }
#z03_lourel ul li:nth-child(2){ left: 5.5%; top:62%; z-index: 2;}
#z03_lourel ul li:nth-child(3){ left: 0%; top:41.3%; }
#z03_lourel ul li:nth-child(4){ left: 5.5%; top:20.7%; }
#z03_lourel ul li:nth-child(5){ left: 20.9%; top:5.6%; z-index: 2;}
#z03_lourel ul li:nth-child(6){ left: 41.5%; top:0%; }/****/
#z03_lourel ul li:nth-child(7){ left: 61.8%; top:5.6%; z-index: 2;}
#z03_lourel ul li:nth-child(8){ left: 77%; top:20.7%; }
#z03_lourel ul li:nth-child(9){ left: 82.5%; top:41.3%; }
#z03_lourel ul li:nth-child(10){ left: 77%; top:62%; z-index: 2;}
#z03_lourel ul li:nth-child(11){ left: 61.8%; top:76.9%; }
/*txt_box*/
#z03_lourel ul li .txt_box{ margin-top: 10px; }
#z03_lourel ul li .txt_box .year{ font-size: 28px; line-height: 1.3; }
#z03_lourel ul li .txt_box .name{ font-size: 14px; line-height: 1.3; }
/*z3_plus [+] */
#z03_lourel ul li a .z3_plus{ opacity: 0; transition: 0.3s; }
#z03_lourel ul li a:hover .z3_plus{ opacity: 1; }
.z3_plus { transition: 0.5s; width: 64px; height: 64px; margin: -32px 0 0 -32px; position: absolute; left: 50%; top: 50%; z-index: 2;}
.z3_plus::before { content:''; width: 22px; height: 2px; margin: -1px 0 0 -11px; position: absolute; left: 50%; top: 50%; display: block; background: #fff; }
.z3_plus::after  { content:''; height: 22px; width: 2px; margin: -11px 0 0 -1px; position: absolute; left: 50%; top: 50%; display: block; background: #fff; }
.z3_plus div{ transform: scale(1.3); opacity: 0; transition: 0.5s; width: 100%; height: 100%;  position: absolute; left: 0%; top: 0%; z-index: 2; border: solid 1px rgba(255,255,255,0.7); border-radius: 50%;box-sizing: border-box; }
.z3_plus div{transform: scale(1); opacity: 1; }
/*wakka*/
.wakka{ position: absolute; left: 0%; top: 0px; width: 100%; height: 100%; border: #fff solid 1px; border-radius: 50%; box-sizing: border-box;}
/*wakka anime*/
.wakka{ animation: wakka_anime 2s 0s  infinite forwards cubic-bezier(.24,.9,.76,1);  }
@keyframes wakka_anime { 0% { opacity: 1; transform: scale(1);}  100% { opacity: 0; transform: scale(1.3);}}
@media screen and (max-width: 1200px) {
.video_box .txt_box{ width: 60%; }
#z03_lourel{ width: 98%;}
#z03_lourel ul li .txt_box{ margin-top: 1vw; }
#z03_lourel ul li .txt_box .year{ font-size: 2.5vw; line-height: 1.3; }
#z03_lourel ul li .txt_box .name{ display: none; }
}/*END*/
@media screen and (max-width: 640px) {
.video_box .txt_box{ width: 60%; }
#z03_lourel{ width: 98%;}
#z03_lourel ul li .txt_box{ margin-top: 1vw; }
#z03_lourel ul li .txt_box .year{ font-size: 3.5vw; line-height: 1.3; }
#z03_lourel ul li .txt_box .name{ display: none; }
}/*END*/

/*-------------------------------------------------
	Zone 4
--------------------------------------------------*/
/* banner
----------------------------*/
.banner {text-align: center;}
.banner h3{ width: 40%; max-width: 200px; margin: 0 auto;}
.banner .banner_txt{ margin: 30px auto 0; width: 90%; font-size: 20px; line-height: 1.5; letter-spacing: 2px;}
.banner .banner_txt span{ display: inline-block;}
.banner ul {  margin: 0px auto 0; width: 90%; max-width: 1167px; text-align: center;display: flex; flex-wrap: wrap; justify-content: space-between; }
.banner ul li { width: 47.5%; margin: 85px 0 0; }
.banner ul li div{ overflow:hidden;}
.banner ul li a { color: #fff; text-decoration: none; }
.banner ul li a img{ transition: 0.8s; opacity: 1; position: relative; z-index: 1;}
.banner ul li a:hover img{ transform:scale(1.07); opacity: 0.5;}
.banner ul li a p{ font-size: 16px; margin-top: 20px; text-align: left; }
@media screen and (max-width: 900px) {
.banner ul li { width: 47.5%; margin: 65px 0 0; }
}/*END*/
@media screen and (max-width: 700px) {
.banner .banner_txt{ margin: 30px auto 0; width: 90%; font-size: 18px; line-height: 1.5; letter-spacing: 2px;}
.banner ul { width: 70%; max-width: 500px;}
.banner ul li { width: 100%; margin: 45px 0 0; }
.banner ul li a p{ font-size: 15px; margin-top: 13px; text-align: left; }
}/*END*/
@media screen and (max-width: 500px) {
.banner .banner_txt{ margin: 20px auto 0; width: 90%; font-size: 18px; line-height: 1.5; letter-spacing: 2px;}
.banner .banner_txt span{ display: block;}
.banner ul li { width: 100%; margin: 10vw 0 0; }
.banner ul li a p{ font-size:14px; margin-top: 10px; text-align: left; }
}/*END*/
@media screen and (max-width: 450px) {
.banner ul li a p{ font-size: 3.6vw; margin-top: 10px; text-align: left; }
}/*END*/
.blank::after{ opacity: .4; transition: 0.1s; content: ''; display: inline-block; position: relative; top: 2px; left: 8px; width: 16px; height:16px ; background: url(../image/link_blank_icon.png); background-size: 16px;}
a:hover .blank::after{ opacity: 1;}

/*-------------------------------------------------
	Zone 5
--------------------------------------------------*/
.zone_5_box{ display: flex; justify-content: space-around; max-width: 1038px; width: 90%; margin: 0 auto 100px;}
.zone_5_box .zone_5_img{ width: 40.4%;}
.zone_5_box .zone_5_img img{ width: 100%; }
.zone_5_box .zone_5_img p{ margin-top: 20px; font-size: 16px; line-height: 1.4; letter-spacing: 0px; }
@media screen and (max-width: 1200px) {
.zone_5_box .zone_5_img p{ margin-top: 18px; font-size: 16px; }
}/*END*/
@media screen and (max-width: 600px) {
.zone_5_box{ display: flex; justify-content: space-around; max-width: 1038px; width: 90%; margin: 0 auto 60px;}
.zone_5_box .zone_5_img p{ margin-top: 16px; font-size: 15px; text-align: left;}
.zone_5_box .zone_5_img p br{ display: none;}
}/*END*/
@media screen and (max-width: 460px) {
.zone_5_box .zone_5_img p{ margin-top: 15px; font-size: 3.5vw;}
}/*END*/

/*-------------------------------------------------
	Zone 6
--------------------------------------------------*/
#zone_6 a { color: #fff; text-decoration: none; }
#zone_6 h3{ margin-bottom: 45px;}
.zone_6_box1 ul{ display: flex; justify-content: space-around; max-width: 1143px; width: 95%; margin: 0 auto 80px;}
.zone_6_box1 ul li{ width: 29.8%; }
.zone_6_box1 ul li img{ width: 100%; }
@media screen and (max-width: 640px) {
#zone_6 h3{ margin-bottom: 30px;}
.zone_6_box1 ul{ display: flex; justify-content: space-around; max-width: 1143px; width: 95%; margin: 0 auto 8vw;}
.zone_6_box1 ul li{ width: 29.8%; background: #222; padding-bottom: 15px;}
}/*END*/
@media screen and (max-width: 640px) {
.zone_6_box1 ul li p span{ display: block;}
}/*END*/
.zone_6_box2{ max-width: 770px; width: 85%; margin: 0px auto 0; padding: 40px 0 10px;}
.zone_6_box2 p{ text-align: left; }
#zone_6 .img_box{ overflow: hidden;}
#zone_6 a img{ transition: 0.8s; opacity: 1; position: relative; z-index: 1;}
#zone_6 a:hover img{ transform:scale(1.07); opacity: 0.4;}
.z06_pc{ display: block;}
.z06_sp{ display: none;}
@media screen and (max-width: 800px) {
.z06_pc{ display: none;}
.z06_sp{ display: block;}
}/*END*/
.zone_6_box1 p,
.zone_6_box2 p{ margin-top: 16px; font-size: 16px;}
@media screen and (max-width: 500px) {
.zone_6_box1 p,
.zone_6_box2 p{ margin-top: 16px; font-size: 14px;}
.zone_6_box2 p br{ display: none;}
}/*END*/
#zone_6 h3{ font-size: 28px; letter-spacing: 1px; font-weight: 400; text-align: center;}
@media screen and (max-width: 500px) {
#zone_6 h3{ font-size: 5.5vw; letter-spacing: 0vw;}
}/*END*/


/*==================================================
	MD z01 base
===================================================*/
#z01_01,
#z01_02,
#z01_03,
#z01_04,
#z01_05,
#z01_06,
#z01_07,
#z01_08,
#z01_09,
#z01_10,
#z01_11{display: none; }

#z03_01,
#z03_02,
#z03_03,
#z03_04,
#z03_05,
#z03_06,
#z03_07,
#z03_08,
#z03_09,
#z03_10,
#z03_11{display: none; }

.z01 img,
.z03 img,
.z01 .txt_box,
.z03 .txt_box{ pointer-events: none; }

/*==================================================
	z01 base
===================================================*/
.z01{ position: relative;  overflow: hidden; text-align: center; color: #000 !important; }
.z01 h3{ font-size: 47px; line-height: 1.3; font-weight: 600; }
.z01 .year{ font-size: 31px; line-height: 1.3; font-weight: 600; }
.z01 h4{ font-size: 22px; line-height: 1.3; font-weight: 600; }
.z01 .txt_box { text-align: left; }
.z01 p{ font-size: 16.5px; line-height: 1.8; font-weight: 400; }
.z01 table th{ font-size: 20px; line-height: 1.8; font-weight: 400; }
.z01 table td{ font-size: 16.5px; line-height: 1.8; font-weight: 400; }
.md_txt_s{ margin-top: 10px; font-size: 12px; line-height: 1.8; font-weight: 400; }
@media screen and (max-width: 829px) {
.z01 h3{ font-size: 5.68vw; }
.z01 .year{ font-size: 3.73vw; }
.z01 h4{ font-size: 2.65vw; }
.z01 p{ font-size: 2vw;}
.z01 table th{ font-size: 3vw; line-height: 1.8; font-weight: 400; }
.z01 table td{ font-size: 2vw; line-height: 1.8; font-weight: 400; }
}/*END*/
@media screen and (max-width: 530px) {
.z01 h3{ font-size: 5.68vw; }
.z01 .year{ font-size: 3.73vw; }
.z01 h4{ font-size: 20px; line-height: 1.3; font-weight: 600; }
.z01 p{ font-size: 14px; line-height: 1.8; font-weight: 400; }
.z01 table th{ font-size: 17px; line-height: 1.8; font-weight: 400; }
.z01 table td{ font-size: 14px; line-height: 1.8; font-weight: 400; }
}/*END*/

/*-------------------------------------------------
	zo01_1
--------------------------------------------------*/
.zo01_1 h3{ margin-top: 81px; }
.zo01_1 .year{ margin-top: 24px;}
.zo01_1 .img_box{ margin: 42px auto 0; }
.zo01_1 h4{ margin-top: 44px; }
.zo01_1 .txt_box{ margin: 10px auto 0; max-width: 484px; padding-bottom: 75px; }
.zo01_1 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 829px) {
.zo01_1 h3{ margin-top: 9.8vw; }
.zo01_1 .year{ margin-top: 2.9vw;}
.zo01_1 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_1 h4{ margin-top: 5.3vw; }
.zo01_1 .txt_box{ margin: 1.2vw auto 0; max-width: 59vw; width: 90%; padding-bottom: 6vw; }
.zo01_1 .txt_box p{ margin-top: 1.2vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_1 h3{ margin-top: 9.8vw; }
.zo01_1 .year{ margin-top: 2.9vw;}
.zo01_1 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_1 h4{ margin-top: 5.3vw; }
.zo01_1 .txt_box{ margin: 1.2vw auto 0; max-width: 80%; width: 90%; padding-bottom: 10vw; }
.zo01_1 .txt_box p{ margin-top: 1.2vw; }
}/*END*/

/*-------------------------------------------------
	zo01_2
--------------------------------------------------*/
.zo01_2 h3{ margin-top: 81px; }
.zo01_2 .year{ margin-top: 24px;}
.zo01_2 .img_box{ margin: 42px auto 0; }
.zo01_2 h4{ margin-top: 44px; }
.zo01_2 .txt_box{ margin: 80px auto 0; max-width: 484px; padding-bottom: 105px; }
.zo01_2 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 829px) {
.zo01_2 h3{ margin-top: 9.8vw; }
.zo01_2 .year{ margin-top: 2.9vw;}
.zo01_2 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_2 h4{ margin-top: 5.3vw; }
.zo01_2 .txt_box{ margin: 4vw auto 0; max-width: 59vw; width: 90%; padding-bottom: 10vw; }
.zo01_2 .txt_box p{ margin-top: 1.2vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_2 h3{ margin-top: 9.8vw; }
.zo01_2 .year{ margin-top: 2.9vw;}
.zo01_2 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_2 h4{ margin-top: 5.3vw; }
.zo01_2 .txt_box{ margin: 4vw auto 0; max-width: 80%; width: 90%; padding-bottom: 14vw; }
.zo01_2 .txt_box p{ margin-top: 1.2vw; }
}/*END*/

/*-------------------------------------------------
	zo01_3
--------------------------------------------------*/
.zo01_3 h3{ margin-top: 81px; }
.zo01_3 .year{ margin-top: 24px;}
.zo01_3 .img_box{ margin: 42px auto 0; }
.zo01_3 h4{ margin-top: 44px; }
.zo01_3 .txt_box{ margin: 80px auto 0; max-width: 495px; padding-bottom: 105px; }
.zo01_3 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 829px) {
.zo01_3 h3{ margin-top: 9.8vw; }
.zo01_3 .year{ margin-top: 2.9vw;}
.zo01_3 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_3 h4{ margin-top: 5.3vw; }
.zo01_3 .txt_box{ margin: 4vw auto 0; max-width: 59vw; width: 90%; padding-bottom: 10vw; }
.zo01_3 .txt_box p{ margin-top: 1.2vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_3 h3{ margin-top: 9.8vw; }
.zo01_3 .year{ margin-top: 2.9vw;}
.zo01_3 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_3 h4{ margin-top: 5.3vw; }
.zo01_3 .txt_box{ margin: 4vw auto 0; max-width: 80%; width: 90%; padding-bottom: 14vw; }
.zo01_3 .txt_box p{ margin-top: 1.2vw; }
}/*END*/

/*-------------------------------------------------
	zo01_6
--------------------------------------------------*/
.zo01_6 h3{ margin-top: 81px; }
.zo01_6 .year{ margin-top: 24px;}
.zo01_6 .img_box{ margin: 42px auto 0; }
.zo01_6 h4{ margin-top: 44px; }
.zo01_6 .txt_box{ margin: 10px auto 0; max-width: 484px; padding-bottom: 75px; }
.zo01_6 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 829px) {
.zo01_6 h3{ margin-top: 9.8vw; }
.zo01_6 .year{ margin-top: 2.9vw;}
.zo01_6 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_6 h4{ margin-top: 5.3vw; }
.zo01_6 .txt_box{ margin: 1.2vw auto 0; max-width: 59vw; width: 90%; padding-bottom: 6vw; }
.zo01_6 .txt_box p{ margin-top: 1.2vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_6 h3{ margin-top: 9.8vw; }
.zo01_6 .year{ margin-top: 2.9vw;}
.zo01_6 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_6 h4{ margin-top: 5.3vw; }
.zo01_6 .txt_box{ margin: 1.2vw auto 0; max-width: 80%; width: 90%; padding-bottom: 10vw; }
.zo01_6 .txt_box p{ margin-top: 1.2vw; }
}/*END*/

/*-------------------------------------------------
	zo01_7
--------------------------------------------------*/
.zo01_7 h3{ margin-top: 81px; }
.zo01_7 .year{ margin-top: 24px;}
.zo01_7 .img_box{ margin: 42px auto 0; }
.zo01_7 .txt_box{ margin: 80px auto 0; max-width: 520px; padding-bottom: 105px; }
.zo01_7 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 829px) {
.zo01_7 h3{ margin-top: 9.8vw; }
.zo01_7 .year{ margin-top: 2.9vw;}
.zo01_7 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_7 .txt_box{ margin: 4vw auto 0; max-width: 60vw; width: 90%; padding-bottom: 10vw; }
.zo01_7 .txt_box p{ margin-top: 1.2vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_7 h3{ margin-top: 9.8vw; }
.zo01_7 .year{ margin-top: 2.9vw;}
.zo01_7 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_7 .txt_box{ margin: 4vw auto 0; max-width: 80%; width: 90%; padding-bottom: 14vw; }
.zo01_7 .txt_box p{ margin-top: 1.2vw; }
}/*END*/

/*-------------------------------------------------
	zo01_10
--------------------------------------------------*/
.zo01_10 h3{ margin-top: 81px; }
.zo01_10 .year{ margin-top: 24px;}
.zo01_10 .img_box{ margin: 90px auto 0; }
.zo01_10 .txt_box{ margin: 80px auto 0; max-width: 510px; padding-bottom: 105px; }
.zo01_10 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 829px) {
.zo01_10 h3{ margin-top: 9.8vw; }
.zo01_10 .year{ margin-top: 2.9vw;}
.zo01_10 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_10 .txt_box{ margin: 4vw auto 0; max-width: 60vw; width: 90%; padding-bottom: 10vw; }
.zo01_10 .txt_box p{ margin-top: 1.2vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_10 h3{ margin-top: 9.8vw; }
.zo01_10 .year{ margin-top: 2.9vw;}
.zo01_10 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
.zo01_10 .txt_box{ margin: 4vw auto 0; max-width: 80%; width: 90%; padding-bottom: 14vw; }
.zo01_10 .txt_box p{ margin-top: 1.2vw; }
}/*END*/

/*-------------------------------------------------
	zo01_11
--------------------------------------------------*/
.zo01_11 h3{ margin-top: 81px; }
.zo01_11 table{ margin: 60px auto 0; max-width: 780px; padding-bottom: 105px;}
.zo01_11 table th{ padding: 10px 20px; border-left: 1px solid #999; border-right: 1px solid #999; }
.zo01_11 table td{ padding: 10px 0 10px 20px;}
.zo01_11 .img_box{ margin: 42px auto 0; }
.zo01_11_logo { width: 150px; margin: 50px auto;}
@media screen and (max-width: 829px) {
.zo01_11 h3{ margin-top: 9.8vw; }
.zo01_11 table{ margin: 4vw auto 0; max-width: 59vw; width: 90%; padding-bottom: 10vw; }
.zo01_11 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
}/*END*/
@media screen and (max-width: 530px) {
.zo01_11 h3{ margin-top: 9.8vw; }
.zo01_11 table{ margin: 4vw auto 0; max-width: 80%; width: 90%; padding-bottom: 14vw; }
.zo01_11 .img_box{ margin: 5vw auto 0 ; width: 59vw; }
}/*END*/

/*==================================================
	z03 base
===================================================*/
.z03{ position: relative;  overflow: hidden; text-align: center; color: #000 !important; }
.z03 .year{ font-size: 16px; line-height: 1.3; font-weight: 400; }
.z03 h3{ font-size: 35px; line-height: 1.3; font-weight: 400; }
.z03 h3 small{ font-size: 24px; line-height: 1.3; font-weight: 400; display: block;  }
.z03 .txt_box { text-align: left; }
.z03 p{ font-size: 16.5px; line-height: 1.8; font-weight: 400; }
.z03 table th{ font-size: 20px; line-height: 1.8; font-weight: 400; }
.z03 table td{ font-size: 16.5px; line-height: 1.8; font-weight: 400; }
.md_txt_s{ margin-top: 10px; font-size: 12px; line-height: 1.8; font-weight: 400; }
@media screen and (max-width: 530px) {
.z03 h3{ font-size: 5.68vw; }
.z03 .year{ font-size: 3.3vw; }
.z03 p{ font-size: 14px; line-height: 1.8; font-weight: 400; }
.z03 table th{ font-size: 17px; line-height: 1.8; font-weight: 400; }
.z03 table td{ font-size: 14px; line-height: 1.8; font-weight: 400; }
}/*END*/

/*-------------------------------------------------
	zo03_1
--------------------------------------------------*/
.zo03_1 .img_box{ margin: 0px auto; }
.zo03_1 .year{ margin-top: 50px;}
.zo03_1 h3{ margin-top: 3px; }
.zo03_1 .txt_box{ margin: 30px auto 0;width: 80%; max-width: 484px; padding-bottom: 75px; }
.zo03_1 .txt_box p{ margin-top: 10px; }
@media screen and (max-width: 700px) {
.zo03_1 .year{ margin-top: 8vw;}
.zo03_1 h3{ margin-top: .5vw; }
.zo03_1 .txt_box{ margin: 6vw auto 0; max-width: 80%; width: 90%; padding-bottom: 10vw; }
.zo03_1 .txt_box p{ margin-top: 1.2vw; }
}/*END*/