@charset "UTF-8";

top_main { display:block;}
.top_main_inner { position:relative; display:block; background:none;}
.top_main_inner>img { width:100%; height:auto; -webkit-animation:bgFade 24s linear infinite; animation:bgFade 24s linear infinite;}
.top_main_inner>img:not(:nth-of-type(4)) { opacity:0; position:absolute; top:0; left:0;}
.top_main_inner>img:nth-of-type(1) { -webkit-animation-delay:18s; animation-delay:18s;}
.top_main_inner>img:nth-of-type(2) { -webkit-animation-delay:12s; animation-delay:12s;}
.top_main_inner>img:nth-of-type(3) { -webkit-animation-delay:6s; animation-delay:6s;}
.top_main_title { position:absolute; font-size:33px; line-height:1.8; text-align:center; right:50%; bottom:50%; width:100%; transform:translate(50%, 50%);}
.top_main_title * { color:#fff; font-weight:400;}
.top_main_title>strong { text-shadow:0.0909em 0.0909em 0.1515em rgba(0,0,0,
.5); display:block; letter-spacing:.07em;}
.top_main_title>strong:nth-of-type(2) { margin-top:1.0909em;}

@-webkit-keyframes bgFade {
0%, 25% { opacity:1;}
30%, 95% { opacity:0;}
100% { opacity:1;}
}

@keyframes bgFade {
0%, 25% { opacity:1;}
30%, 95% { opacity:0;}
100% { opacity:1;}
}
.is-fade { transition:-webkit-transform 1s,opacity 1s; -webkit-transition:opacity 1s,-webkit-transform 1s; transition:opacity 1s,-webkit-transform 1s; -o-transition:transform 1s,opacity 1s; transition:transform 1s,opacity 1s; transition:transform 1s,opacity 1s,-webkit-transform 1s;}
.is-fade.is-wait { opacity:0; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); transition:-webkit-transform 0s,opacity 0s; -webkit-transition:opacity 0s,-webkit-transform 0s; transition:opacity 0s,-webkit-transform 0s; -o-transition:transform 0s,opacity 0s; transition:transform 0s,opacity 0s; transition:transform 0s,opacity 0s,-webkit-transform 0s;}
.is-circle { -webkit-transition:transform .5s; -webkit-transition:-webkit-transform .5s; transition:-webkit-transform .5s; -o-transition:transform .5s; transition:transform .5s; transition:transform .5s,-webkit-transform .5s;}
.is-circle.is-wait { -webkit-transform:scale(0, 0); -ms-transform:scale(0, 0); transform:scale(0, 0); -webkit-transition:transform 0s; -webkit-transition:-webkit-transform 0s; transition:-webkit-transform 0s; -o-transition:transform 0s; transition:transform 0s; transition:transform 0s,-webkit-transform 0s;}
.is-slash { position:relative;}
.is-slash::after { content:""; position:absolute; z-index:2; display:block; top:0; left:0; right:0; bottom:0; background:url("../../images/top/main_bg.gif"); -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; transition:-webkit-transform .2s .6s ease-out; -webkit-transition:-webkit-transform .2s .6s ease-out; -o-transition:transform .2s .6s ease-out; transition:transform .2s .6s ease-out; transition:transform .2s .6s ease-out,-webkit-transform .2s .6s ease-out;}
.is-slash.is-wait::after { -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); transition:-webkit-transform 0s; -webkit-transition:-webkit-transform 0s; -o-transition:transform 0s; transition:transform 0s; transition:transform 0s,-webkit-transform 0s;}
.illust.is-anim { position:relative; -webkit-transition-delay:.5s; -o-transition-delay:.5s; transition-delay:.5s;}
.illust img:nth-child(2) { position:absolute; z-index:2; top:0; left:0;}
.top_b .top_text_pic ul li a { -webkit-tap-highlight-color:rgba(0,0,0,0);}
.top_b .top_text_pic ul li a:focus { outline:none;}
.js-modal { position:fixed; z-index:-999; top:0; left:0; right:0; bottom:0; display:none; background-color:rgba(0,0,0,
.8);}
.js-modal.is-show { z-index:999;}
.modal_inner { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:100%;}
.js-modal_text { line-height:2; padding:2em; max-width:600px; background:url("../../images/top/main_bg.gif"); border-radius:8px;}
.js-modal_text em { font-weight:bold; font-style:normal;}

@media screen and (min-width:768px) {
.top_main_inner { height:auto;}
.top_slide ul li:nth-of-type(2) { -webkit-transition-delay:.2s; -o-transition-delay:.2s; transition-delay:.2s;}
.top_slide ul li:nth-of-type(3) { -webkit-transition-delay:.4s; -o-transition-delay:.4s; transition-delay:.4s;}
.top_t { background-position:top 100px left,bottom right;}
}

@media (max-width:1420px) {
.top_main_title { font-size:33px;}
}

@media (max-width:1350px) {
.top_main_title { font-size:2.4444vw;}
}

@media (max-width:1090px) {
.top_main_title { font-size:25px;}
}

@media screen and (max-width:767px) {
.top_main_inner { overflow:hidden; text-align:center;}
.top_main_inner>img { width:929px; max-width:inherit; height:500px; -webkit-transform:translateX(-25%); -ms-transform:translateX(-25%); transform:translateX(-25%);}
.js-modal_text { font-size:3.25vw; margin:0 5%; width:90%;}
}

@media (max-width:767px) {
.top_main_title { font-size:33px; line-height:1.6;}
.top_main_title>strong:nth-of-type(2) { margin-top:0.7879em;}
}

@media (max-width:690px) {
.top_main_title { font-size:4.7826vw;}
}