@charset "UTF-8";


/* wrapper, cnav, navtoggle
------------------------------------------------- */
#wrapper,
#navtoggle {
    opacity: 0;
}


/* loading
------------------------------------------------- */
#loading {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
#loading .logo {
    width: 4.6rem;
    opacity: 0;
}
@media only screen and (max-width:750px){
#loading {
    height: 100svh;
}
#loading .logo {
    width: 60vw;
}
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 2;
}
.mainvisual h1 {
    width: 4.6rem;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    z-index: 5;
}
.mainvisual .main-slider {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.mainvisual .main-slider::after {
    content: '';
    width: 100%;
    height: 1000%;
    background: rgba(0,0,0,0.15);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.mainvisual .main-slider .swiper-slide {
    width: 100%;
    height: 100vh;
}
.mainvisual .main-slider .swiper-slide .sl {
    width: 100%;
    height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    transform: scale(1.1);
}
.mainvisual .main-slider .swiper-slide-active .sl,
.mainvisual .main-slider .swiper-slide-prev .sl,
.mainvisual .main-slider .swiper-slide-next .sl,
.mainvisual .main-slider .swiper-slide-duplicate-active .sl,
.mainvisual .main-slider .swiper-slide-duplicate-prev .sl,
.mainvisual .main-slider .swiper-slide-duplicate-next .sl {
	animation: zoomUp 12s linear 0s normal both;
}
.mainvisual .main-slider .swiper-slide .sl.main1 {
	background-image: url("../img/top/mainvisual1.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main2 {
	background-image: url("../img/top/mainvisual2.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main3 {
	background-image: url("../img/top/mainvisual3.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main4 {
	background-image: url("../img/top/mainvisual4.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main5 {
	background-image: url("../img/top/mainvisual5.jpg");
}
.mainvisual .scroll {
    width: 0.24rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 0.12rem;
    letter-spacing: 0.02em;
    color: #fff;
    position: absolute;
    left: 0.4rem;
    bottom: 0.45rem;
    display: flex;
    justify-content: center;
    z-index: 5;
    opacity: 0;
}
.mainvisual .scroll span {
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    border: 0.01rem solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    margin-top: 0.1rem;
    overflow: hidden;
    position: relative;
}
.mainvisual .scroll span::before {
    content: '';
    width: 0.08rem;
    height: 0.1rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.393%22%20height%3D%228.996%22%20viewBox%3D%220%200%207.393%208.996%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_117%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20117%22%20transform%3D%22translate(-1016.314%20-480.447)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_542%22%20data-name%3D%22%E3%83%91%E3%82%B9%20542%22%20d%3D%22M1140.619%2C561.747l2.99%2C2.99%2C2.99-2.99%22%20transform%3D%22translate(-123.598%20-76)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_543%22%20data-name%3D%22%E3%83%91%E3%82%B9%20543%22%20d%3D%22M1020.01%2C489.671v-7.789%22%20transform%3D%22translate(0%20-0.934)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    margin-left: -0.04rem;
    bottom: 0.06rem;
    animation: scroll 2.5s infinite;
}
@media screen and (max-width:750px){
.mainvisual {
    height: 100svh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainvisual h1 {
    width: 60vw;
    position: static;
}
.mainvisual .main-slider {
    height: 100svh;
}
.mainvisual .main-slider .swiper-slide {
    height: 100svh;
}
.mainvisual .main-slider .swiper-slide .sl {
    height: 100svh;
}
.mainvisual .main-slider .swiper-slide .sl.main1 {
	background-image: url("../img/top/mainvisual1.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main2 {
	background-image: url("../img/top/mainvisual2.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main3 {
	background-image: url("../img/top/mainvisual3.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main4 {
	background-image: url("../img/top/mainvisual4.jpg");
}
.mainvisual .main-slider .swiper-slide .sl.main5 {
	background-image: url("../img/top/mainvisual5.jpg");
}
.mainvisual .scroll {
    left: 50%;
    margin-left: -0.12rem;
    bottom: 0.2rem;
}
}


/* about
------------------------------------------------- */
.about {
    background-color: #fff;
    padding: 1.95rem 0 2.1rem;
    position: relative;
    z-index: 2;
}
.about h2 {
    font-size: 0.46rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.075em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    left: 0.8rem;
    top: 0;
}
.about .con {
    width: 4.18rem;
    margin-left: 2.92rem;
    position: relative;
    z-index: 2;
}
.about .con p {
    line-height: 2.1875;
    padding-bottom: 2.5em;
}
.about .map {
    width: 5.8rem;
    position: absolute;
    left: 50%;
    top: 0.2rem;
    margin-left: 0.28rem;
    z-index: 1;
}
.about .map .shiga {
    width: 2.66rem;
    position: absolute;
    left: 2.37rem;
    top: 3.64rem;
    z-index: 2;
    opacity: 0;
}
.about .isAnimate .map .shiga {
    animation: fade 1s ease 1.2s 1 forwards;
}
.about .map span {
    width: 0.14rem;
    height: 0.14rem;
    background-color: #D99F00;
    border-radius: 50%;
    position: absolute;
    left: 2.3rem;
    top: 3.57rem;
    z-index: 3;
    opacity: 0;
}
.about .isAnimate .map span {
    animation: fade 1s ease 0.7s 1 forwards;
}
.about .map span::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: circleScale 1.2s linear infinite;
    z-index: 3;
}
@media screen and (max-width:750px){
.about {
    padding: 110vw 0 20vw;
}
.about h2 {
    font-size: 0.32rem;
    left: 0;
    top: -90vw
}
.about .con {
    width: 100%;
    margin: 0;
}
.about .con p {
    font-size: 0.14rem;
    line-height: 2;
    padding: 0 3vw 1.5em;
}
.about .map {
    width: 120vw;
    left: -10vw;
    top: -100vw;
    margin-left: 0;
}
.about .map .shiga {
    width: 2rem;
    left: 1.8rem;
    top: 2.8rem;
}
.about .map span {
    left: 1.75rem;
    top: 2.75rem;
}
}


/* nav
------------------------------------------------- */
.nav {
    background-color: #fff;
    padding-bottom: 2.15rem;
    position: relative;
    z-index: 2;
}
.nav .navbg {
    background: url("../img/top/nav_bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 1.23rem 0 1.1rem;
}
.nav .con {
    width: 57%;
    margin-right: -0.5rem;
    position: relative;
}
.nav .con h3 {
    width: 2.48rem;
    margin-bottom: 0.81rem;
}
.nav .con #navphoto {
    width: 100%;
    height: 4rem;
    border-radius: 0.03rem;
    overflow: hidden;
    margin-bottom: 0.51rem;
}
.nav .con #navphoto a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.nav .con #navphoto a img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
    opacity: 0;
}
.nav .con #navphoto a .img01,
.nav .con #navphoto.on01 a .img01,
.nav .con #navphoto.on02 a .img02,
.nav .con #navphoto.on03 a .img03,
.nav .con #navphoto.on04 a .img04,
.nav .con #navphoto.on05 a .img05,
.nav .con #navphoto.on06 a .img06 {
    opacity: 1;
}
.nav .con .insta {
    width: 0.2673rem;
    position: absolute;
    left: 0.16rem;
    bottom: 0;
}
.nav .con ul li {
    width: 1.11rem;
    font-size: 0.13rem;
    margin-left: 0.14rem;
}
.nav .con ul li a {
    width: 100%;
    height: 0.26rem;
    background-color: #1A1A1A;
    border: 0.01rem solid #1A1A1A;
    border-radius: 0.03rem;
    color: #fff;
    padding-left: 0.48rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.nav .con ul li a::before {
    content: '';
    width: 0.35rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transition: 0.4s;
}
.nav .pnav {
    width: 34.5%;
    margin: 1.09rem 0 0 -0.5rem;
}
.nav .pnav ul li a {
    display: block;
    font-size: 0.18rem;
}
.nav .pnav ul li a dl {
    height: 4rem;
    line-height: 1.6;
    letter-spacing: 0.17em;
    text-align: right;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: flex;
    justify-content: space-around;
    transition: 0.4s;
}
.nav .pnav ul li a dl dt {
    white-space: nowrap;
    padding-bottom: 0.07rem;
}
.nav .pnav ul li a dl .ln {
    height: 2.7615rem;
    position: relative;
    transition: 0.4s;
}
.nav .pnav ul li:nth-child(2) a dl .ln {
    height: 0.66rem;
}
.nav .pnav ul li:nth-child(3) a dl .ln,
.nav .pnav ul li:nth-child(5) a dl .ln {
    height: 2.44rem;
}
.nav .pnav ul li:nth-child(4) a dl .ln {
    height: 1.96rem;
}
.nav .pnav ul li:nth-child(6) a dl .ln {
    height: 1.76rem;
}
.nav .pnav ul li a dl .ln::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(112,112,112,0.5);
    position: absolute;
    left: 50%;
    bottom: 0;
}
.nav .pnav ul li a dl .eng {
    height: 0.57rem;
    font-size: 0.16rem;
    letter-spacing: 0.02em;
    color: #7C7C7C;
    white-space: nowrap;
}
@media screen and (min-width:751px){
.nav .con ul li a:hover {
    background-color: #fff;
    color: #1A1A1A;
}
.nav .con ul li a:hover::before {
    background-color: #1A1A1A;
}  
.nav .pnav ul li a:hover dl {
    height: 4.2rem;
}
.nav .pnav ul li a:hover dl .ln {
    height: 2.9615rem;
}
.nav .pnav ul li:nth-child(2) a:hover dl .ln {
    height: 0.86rem;
}
.nav .pnav ul li:nth-child(3) a:hover dl .ln,
.nav .pnav ul li:nth-child(5) a:hover dl .ln {
    height: 2.64rem;
}
.nav .pnav ul li:nth-child(4) a:hover dl .ln {
    height: 2.16rem;
}
.nav .pnav ul li:nth-child(6) a:hover dl .ln {
    height: 1.96rem;
}
.nav .pnav ul li a:hover dl .eng {
    color: #3B3B3B;
}
.nav .con #navphoto a:hover img {
    transform: scale(1.08);
}
}
@media screen and (max-width:750px){
.nav {
    padding-bottom: 65vw;
}
.nav .navbg {
    padding: 25vw 0;
}
.nav .con {
    width: 100%;
    margin-right: 0;
}
.nav .con h3 {
    width: 2rem;
    margin-bottom: 0.2rem;
}
.nav .con #navphoto {
    width: 100%;
    height: 2.4rem;
    margin-bottom: 100vw;
}
.nav .con #navphoto a {
    pointer-events: none;
}
.nav .con .insta {
    display: none;
}
.nav .con ul {
    display: flex;
    justify-content: center;
    padding-right: 10vw;
}
.nav .con ul li {
    margin: 0 0.1rem;
} 
.nav .pnav {
    width: 80%;
    margin: 0 auto;
    display: flex;
    position: absolute;
    left: 10vw;
    top: 90vw;
}
.nav .pnav ul {
    width: 84%;
    display: flex;
}
.nav .pnav ul li a {
    font-size: 0.14rem;
}
.nav .pnav ul li a dl {
    height: 2.82rem;
    letter-spacing: 0.02em;
}
.nav .pnav ul li a dl dt {
    padding-bottom: 0.15rem;
}
.nav .pnav ul li a dl .eng {
    height: 0.5rem;
    font-size: 0.12rem;
}
}


/* ttl
------------------------------------------------- */
.ttl {
    width: 1.11rem;
    height: 3.41rem;
    background-color: #fff;
    border-radius: 0.03rem;
    font-size: 0.3rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding: 0.33rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    position: absolute;
    left: -0.12rem;
    top: -1.42rem;
    z-index: 5;
}
.ttl span {
    font-size: 0.12rem;
    letter-spacing: 0.025em;
}
@media screen and (max-width:750px){
.ttl {
    width: 0.5rem;
    height: 2.2rem;
    font-size: 0.2rem;
    padding: 0.175rem 0;
    left: -4vw;
    top: -2rem;
}
}


/* area
------------------------------------------------- */
#area {
    margin-top: -1.42rem;
    padding-top: 1.42rem;
}
.area {
    background-color: #fff;
    padding-bottom: 2.2rem;
    position: relative;
    z-index: 2;
}
.area .area-slider .swiper-slide {
    width: 9rem;
    margin: 0 0.05rem;
}
.area .area-slider .swiper-button-next,
.area .area-slider .swiper-button-prev {
    width: 0.36rem;
    height: 0.72rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.951%22%20height%3D%2273.782%22%20viewBox%3D%220%200%2037.951%2073.782%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_128885%22%20data-name%3D%22%E3%83%91%E3%82%B9%20128885%22%20d%3D%22M167.533%2C1421.6l36.36%2C36.361-36.36%2C36.361%22%20transform%3D%22translate(-167.002%20-1421.075)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    right: 0.19rem;
    margin-top: -0.36rem;
    text-indent: -9999px;
    transition: 0.4s;
}
.area .area-slider .swiper-button-prev {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.952%22%20height%3D%2273.782%22%20viewBox%3D%220%200%2037.952%2073.782%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_128886%22%20data-name%3D%22%E3%83%91%E3%82%B9%20128886%22%20d%3D%22M203.893%2C1421.6l-36.361%2C36.361%2C36.361%2C36.361%22%20transform%3D%22translate(-166.472%20-1421.075)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');
    right: auto;
    left: 0.19rem;
}
.area .area-slider .swiper-button-next::after,
.area .area-slider .swiper-button-prev::after {
    display: none;
}
.area .inner.sec {
    max-width: 11rem;
    padding-top: 0.25rem;
}
.area .slider-thum {
    width: 5.12rem;
    margin: 0;
    overflow: inherit;
}
.area .slider-thum .swiper-slide .fade {
    opacity: 0;
}
.area .slider-thum .swiper-slide.swiper-slide-active .fade {
    animation: fade 0.8s ease 1.3s 1 forwards;
}
.area .slider-thum .swiper-slide.swiper-slide-next .fade {
    animation: fadeOut1 0.4s ease 0s 1 forwards;
    opacity: 1;
}
.area .slider-thum .swiper-slide.swiper-slide-prev .fade {
    animation: fadeOut2 0.4s ease 0s 1 forwards;
    opacity: 1;
}
.area .slider-thum .swiper-slide h4 {
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 0.4rem;
}
.area .slider-thum .swiper-slide h4 span {
    display: inline-block;
    width: 1.11rem;
    line-height: 2.166;
    background-color: #D99F00;
    border-radius: 0.05rem;
    font-size: 0.12rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-right: 0.3rem;
}
.area .slider-thum .swiper-slide h5 {
    width: 1.11657rem;
    position: absolute;
    left: 0;
    top: 0.75rem;
}
.area .slider-thum .swiper-slide.area01 h5 {
    width: 0.7622rem;
    left: 0.26rem;
}
.area .slider-thum .swiper-slide.area04 h5 {
    width: 1.43rem;
    left: -0.16rem;
}
.area .slider-thum .swiper-slide .con {
    width: 3.66rem;
    margin-left: 1rem;
}
.area .slider-thum .swiper-slide .con.pd {
    margin-left: 1.43rem;
}
.area .slider-thum .swiper-slide .con p {
    font-size: 0.14rem;
    line-height: 2;
    letter-spacing: 0.04em;
}
.area .slider-thum .swiper-slide .con .note {
    font-size: 0.12rem;
    line-height: 1.66;
    padding-top: 0.1rem;
}
.area .slider-thum .swiper-slide .con .link {
    font-size: 0.12rem;
    margin-top: 0.1rem;
}
.area .slider-thum .swiper-slide .con .link a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.379%22%20height%3D%2210.399%22%20viewBox%3D%220%200%2016.379%2010.399%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_396%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20396%22%20transform%3D%22translate(10974%20-3420.601)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_612%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20612%22%20transform%3D%22translate(-10974%203423)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%228%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%227%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_128875%22%20data-name%3D%22%E3%83%91%E3%82%B9%20128875%22%20d%3D%22M-10969.269%2C3421.1h11.147v4.658%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.17rem auto;
    padding-right: 0.24rem;
}
.area .slider-thum .swiper-slide .con .btn a {
    width: 1.3rem;
    height: 0.65rem;
    font-size: 0.18rem;
    letter-spacing: 0.05em;
    color: #D99F00;
    display: flex;
    align-items: center;
    padding-right: 0.38rem;
    margin-top: 0.3rem;
    box-sizing: border-box;
    position: relative;
}
.area .slider-thum .swiper-slide .con .btn a::before {
    content: '';
    width: 0.15rem;
    height: 0.13rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.193%22%20height%3D%2213.267%22%20viewBox%3D%220%200%2014.193%2013.267%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_300%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20300%22%20transform%3D%22translate(-451.362%20-3577.246)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126479%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126479%22%20d%3D%22M-6359.608%2C3480.854l6.1%2C6.1-6.1%2C6.1%22%20transform%3D%22translate(6818%2096.922)%22%20fill%3D%22none%22%20stroke%3D%22%23d99f00%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126480%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126480%22%20d%3D%22M-6287.956%2C3516.88h-12.682%22%20transform%3D%22translate(6752%2067)%22%20fill%3D%22none%22%20stroke%3D%22%23d99f00%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.065rem;
    transition: 0.4s;
}
.area .slider-thum .swiper-slide .con .btn a span {
    width: 0.66rem;
    height: 0.65rem;
    background: url("../img/event/btn.svg") center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}
.area .slider-thum .swiper-slide .marker {
    width: 0.16rem;
    height: 0.16rem;
    background-color: #D99F00;
    border-radius: 50%;
    position: absolute;
    left: 6.09rem;
    top: 0.32rem;
    opacity: 0;
}
.area .slider-thum .swiper-slide.area02 .marker,
.area .slider-thum .swiper-slide.area03 .marker {
    left: 8.02rem;
    top: 1.7rem;
}
.area .slider-thum .swiper-slide.area04 .marker {
    left: 7.8rem;
}
.area .slider-thum .swiper-slide.area05 .marker {
    left: 6rem;
    top: 1.09rem;
}
.area .slider-thum .swiper-slide.area06 .marker {
    left: 6.75rem;
    top: 0.95rem;
}
.area .slider-thum .swiper-slide.area07 .marker {
    left: 8.6rem;
    top: 1.45rem;
}
.area .slider-thum .swiper-slide.area08 .marker {
    left: 8.85rem;
    top: 1.6rem;
}
.area .slider-thum .swiper-slide.area09 .marker {
    left: 8.85rem;
    top: 1.95rem;
}
.area .slider-thum .swiper-slide.area10 .marker {
    left: 9.15rem;
    top: 0.5rem;
}
.area .slider-thum .swiper-slide.area11 .marker {
    left: 8.63rem;
    top: 0.5rem;
}
.area .slider-thum .swiper-slide.area12 .marker {
    left: 9.15rem;
    top: 1.35rem;
}
.area .slider-thum .swiper-slide.area13 .marker {
    left: 9.1rem;
    top: 0.3rem;
}
.area .slider-thum .swiper-slide.area14 .marker {
    left: 9.8rem;
    top: 1.55rem;
}
.area .slider-thum .swiper-slide.area15 .marker {
    left: 10.62rem;
    top: 1.7rem;
}
.area .slider-thum .swiper-slide .marker::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: circleScale 1.2s linear infinite;
    z-index: 1;
}
.area .slider-thum .swiper-slide.swiper-slide-active .marker {
    animation: fade 0.8s ease 2s 1 forwards;
}
.area .map {
    width: 4.96rem;
    margin-top: 0.17rem;
}
.area .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 4.96rem;
    height: 2.4625rem;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0.42rem;
}
.area .swiper-pagination .swiper-pagination-bullet {
    width: 1.02rem;
    height: 0.45rem;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    opacity: 0;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(2),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    width: 0.48rem;
    height: 0.425rem;
    left: 2rem;
    top: 1.39rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    width: 0.85rem;
    height: 0.5rem;
    left: 1.71rem;
    top: 0;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    width: 0.3rem;
    height: 0.6rem;
    left: 0;
    top: 0.72rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
    width: 0.68rem;
    height: 0.63rem;
    left: 0.67rem;
    top: 0.55rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
    width: 0.27rem;
    height: 0.27rem;
    left: 2.59rem;
    top: 1.22rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(8),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(9) {
    width: 0.55rem;
    height: 0.38rem;
    left: 2.64rem;
    top: 1.51rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(10),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(11) {
    width: 0.61rem;
    height: 0.56rem;
    left: 2.63rem;
    top: 0.39rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(12) {
    width: 0.40rem;
    height: 0.52rem;
    left: 2.89rem;
    top: 0.98rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(13) {
    width: 0.38rem;
    height: 0.31rem;
    left: 2.74rem;
    top: 0.06rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(14) {
    width: 0.96rem;
    height: 1.02rem;
    left: 3.36rem;
    top: 1.44rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(15) {
    width: 0.57rem;
    height: 0.8rem;
    left: 4.39rem;
    top: 1.55rem;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(2),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(8),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(10) {
    z-index: 2;
}
@media screen and (min-width:751px){
.area .area-slider .swiper-button-next:hover,
.area .area-slider .swiper-button-prev:hover {
    opacity: 0.7;
}
.area .slider-thum .swiper-slide .con .btn a:hover::before {
    right: 0.1rem;
}
.area .slider-thum .swiper-slide .con .btn a:hover span {
    right: -0.15rem;
}
}
@media screen and (max-width:750px){
#area {
    margin-top: -2rem;
    padding-top: 2rem;
}
.area {
    padding-bottom: 25vw;
}
.area .area-slider .swiper-slide {
    width: 88vw;
    margin: 0 0.5vw;
}
.area .area-slider .swiper-button-next,
.area .area-slider .swiper-button-prev {
    width: 0.2rem;
    height: 0.4rem;
    right: 0.1rem;
    margin-top: -0.2rem;
}
.area .area-slider .swiper-button-prev {
    right: auto;
    left: 0.1rem;
}
.area .inner.sec {
    max-width: 11rem;
    padding-top: 0.25rem;
}
.area .slider-thum {
    width: 100%;
}
.area .slider-thum .swiper-slide h4 {
    margin-bottom: 0.2rem;
}
.area .slider-thum .swiper-slide h5 {
    width: 0.732465rem;
    position: absolute;
    left: 0.05rem;
    top: 0.6rem;
}
.area .slider-thum .swiper-slide.area01 h5 {
    width: 0.5rem;
    left: 0.1rem;
}
.area .slider-thum .swiper-slide.area04 h5 {
    width: 0.85rem;
    left: 0;
}
.area .slider-thum .swiper-slide .con {
    width: 100%;
    margin-left: 0;
}
.area .slider-thum .swiper-slide .con.pd {
    width: 72%;
    margin-left: 0.95rem;
}
.area .slider-thum .swiper-slide .con p {
    font-size: 0.13rem;
    line-height: 1.8;
    letter-spacing: normal;
}
.area .slider-thum .swiper-slide .con .btn {
    display: flex;
    justify-content: flex-end;
}
.area .slider-thum .swiper-slide .con .btn a {
    margin-top: 0;
}
.area .slider-thum .swiper-slide .marker {
    width: 0.1rem;
    height: 0.1rem;
    left: 14.5vw;
    top: -92.5vw;
}
.area .slider-thum .swiper-slide.area02 .marker,
.area .slider-thum .swiper-slide.area03 .marker {
    left: 45vw;
    top: -71vw;
}
.area .slider-thum .swiper-slide.area04 .marker {
    left: 41vw;
    top: -92.5vw;
}
.area .slider-thum .swiper-slide.area05 .marker {
    left: 12vw;
    top: -80.5vw;
}
.area .slider-thum .swiper-slide.area06 .marker {
    left: 24.5vw;
    top: -82.5vw;
}
.area .slider-thum .swiper-slide.area07 .marker {
    left: 54vw;
    top: -75vw;
}
.area .slider-thum .swiper-slide.area08 .marker {
    left: 58vw;
    top: -72vw;
}
.area .slider-thum .swiper-slide.area09 .marker {
    left: 58vw;
    top: -66.5vw;
}
.area .slider-thum .swiper-slide.area10 .marker {
    left: 63vw;
    top: -89.5vw;
}
.area .slider-thum .swiper-slide.area11 .marker {
    left: 54.5vw;
    top: -89.5vw;
}
.area .slider-thum .swiper-slide.area12 .marker {
    left: 63.5vw;
    top: -76.5vw;
}
.area .slider-thum .swiper-slide.area13 .marker {
    left: 62vw;
    top: -92.5vw;
}
.area .slider-thum .swiper-slide.area14 .marker {
    left: 73vw;
    top: -73vw;
}
.area .slider-thum .swiper-slide.area15 .marker {
    left: 86vw;
    top: -71vw;
}
.area .map {
    width: 85%;
    margin: 0 0 0 15%;
    position: absolute;
    left: 0;
    top: -88vw;
}
.area .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 85%;
    height: 38.826vw;
    top: -88vw;
}
.area .swiper-pagination .swiper-pagination-bullet {
    width: 16.5vw;
    height: 7.5vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(2),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    width: 7vw;
    height: 6.5vw;
    left: 32vw;
    top: 22vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
    width: 12vw;
    height: 8vw;
    left: 28vw;
    top: 0;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
    width: 4.5vw;
    height: 8.5vw;
    left: 0;
    top: 12vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
    width: 10vw;
    height: 9vw;
    left: 11vw;
    top: 9vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
    width: 4vw;
    height: 5vw;
    left: 41vw;
    top: 19vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(8),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(9) {
    width: 9vw;
    height: 5vw;
    left: 41.5vw;
    top: 24.5vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(10),
.area .swiper-pagination .swiper-pagination-bullet:nth-child(11) {
    width: 9vw;
    height: 9vw;
    left: 41.5vw;
    top: 6vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(12) {
    width: 5.5vw;
    height: 8.5vw;
    left: 46vw;
    top: 15.5vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(13) {
    width: 6vw;
    height: 5vw;
    left: 43.5vw;
    top: 0.5vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(14) {
    width: 16vw;
    height: 17vw;
    left: 52.5vw;
    top: 22.5vw;
}
.area .swiper-pagination .swiper-pagination-bullet:nth-child(15) {
    width: 9vw;
    height: 13vw;
    left: 69vw;
    top: 24.5vw;
}
}


/* bg
------------------------------------------------- */
.bg {
    width: 100%;
    height: 100vh;
    background: url("../img/top/history_photo.jpg")  center center no-repeat;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.bg img {
    display: none;
}
@media screen and (max-width:750px){
.bg {
    width: 100%;
    height: 100vh;
    background: url("../img/top/history_photo.jpg")  center center no-repeat;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.bg img {
    display: none;
}
}


/* history
------------------------------------------------- */
.history {
    margin-top: 7rem;
    padding-top: 2.77rem;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}
.history .ttl {
    height: 3.31rem;
    top: -2.57rem;
}
.history .history-sec {
    height: 100vh;
    min-height: 8.66rem;
    background-color: #fff;
    position: relative;
}
.history .history-sec::before {
    content: '';
    width: 100%;
    height: 6.62rem;
    background-color: #F0F0F0;
    position: absolute;
    left: 0;
    top: -1.4rem;
}
.history .history-inner {
    max-width: 11rem;
}
.history .history-progress {
    width: 5.2rem;
    height: 0.55rem;
    margin: 0 auto 1rem;
    padding-top: 0.2rem;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.history .history-progress .scroll-indicator {
    width: 92%;
    height: 0.01rem;
    background-color: #fff;
    appearance: none;
    border: none;
    pointer-events: none;
    position: absolute;
    left: 4%;
    top: 0.3rem;
}
.history .history-progress .scroll-indicator::-webkit-progress-bar {
	background-color: #fff;
}
.history .history-progress .scroll-indicator::-webkit-progress-value {
	background-color: #D99F00;
}
.history .history-progress .scroll-indicator::-moz-progress-bar {
	background-color: #D99F00;
}
.history .history-progress ul {
    display: flex;
    justify-content: space-between;
    padding-top: 0.25rem;
}
.history .history-progress ul li {
    font-weight: 500;
    font-style: italic;
    text-align: center;
    position: relative;
    opacity: 0.4;
    transition: 0.4s;
}
.history .history-progress ul li span {
    width: 0.16rem;
    height: 0.16rem;
    background-color: #D99F00;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -0.23rem;
    margin-left: -0.08rem;
}
.history .history-progress ul li span::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
}
.history .history-progress ul li.is-active {
    opacity: 1;
}
.history .history-progress ul li.is-active span::after {
    animation: circleScale 1.2s linear infinite;
}
.history .history-wrapper {
    display: flex;
}
.history .history-box {
    width: 10.2rem;
    height: 5rem;
    padding-right: 1.4rem;
    display: flex;
    box-sizing: border-box;
}
.history .history-box .photo {
    width: 5rem;
    margin-right: 0.3rem;
}
.history .history-box .con {
    width: 3.5rem;
    position: relative;
}
.history .history-box .con h4 {
    font-size: 0.21rem;
    font-weight: 500;
    line-height: 1.66;
    margin: -0.15rem 0 0.1rem;
}
.history .history-box .con h4 span {
    display: block;
    font-size: 0.33rem;
    font-weight: 400;
    margin-bottom: 0.1rem;
}
.history .history-box .con p {
    font-size: 0.14rem;
    line-height: 2.14285;
}
.history .history-box .con .note {
    font-size: 0.12rem;
    line-height: 1.66;
    position: absolute;
    left: 0;
    bottom: 0;
}
.history .history-box .con .note a {
    text-decoration: underline;
}
@media screen and (min-width:751px){
.history .history-box .con .note a:hover {
    text-decoration: none;
}   
}
@media screen and (max-width:750px){
.history {
    margin-top: 100svh;
    padding-top: 1.56rem;
}
.history .ttl {
    height: 2.2rem;
    top: -1.57rem;
}
.history .history-sec {
    height: auto;
    min-height: inherit;
}
.history .history-sec::before {
    height: 290vh;
    top: -0.8rem;
}
.history .history-progress {
    display: none;
}
.history .history-wrapper {
    display: block;
}
.history .history-box {
    width: 86vw;
    height: auto;
    margin: 0 auto;
    padding: 0 0 15vw;
    display: block;
}
.history .history-box .photo {
    width: 100%;
    margin: 0;
}
.history .history-box .con {
    width: 100%;
    padding-top: 6vw;
}
.history .history-box .con h4 {
    font-size: 0.2rem;
    line-height: 1.5;
    margin: 0 0 0.1rem;
}
.history .history-box .con h4 span {
    font-size: 0.28rem;
}
.history .history-box .con p {
    font-size: 0.14rem;
    line-height: 1.75;
}
.history .history-box .con .note {
    line-height: 1.5;
    position: static;
    padding-top: 0.1rem;
}
}


/* infslider
------------------------------------------------- */
.infslider {
    background-color: #fff;
    padding-bottom: 2.65rem;
    position: relative;
    z-index: 2;
}
.infslider .infiniteslide {
    display: none;
    transition: 0.4s;
    z-index: 1;
}
.infslider .infiniteslide_wrap .infiniteslide li {
    width: 3.5rem;
    margin-right: 0.02rem;
}
.infslider .infiniteslide_wrap .infiniteslide li img {
    width: 100%;
    height: auto;
}
@media screen and (max-width:750px){
.infslider {
    padding: 15vw 0 35vw;
}
.infslider .infiniteslide_wrap .infiniteslide li {
    width: 2.8rem;
}
}


/* faq
------------------------------------------------- */
#faq {
    margin-top: -0.95rem;
    padding-top: 0.95rem;
}
.faq {
    background-color: #fff;
    padding-bottom: 2rem;
    position: relative;
    z-index: 2;
}
.faq .faqbg {
    background-color: #F0F0F0;
    padding: 1.6rem 0 1rem;
}
.faq .ttl {
    height: 3.31rem;
    top: -2.54rem;
}
.faq .sec {
    width: 8rem;
    margin-left: 1.3rem;
}
.faq .box {
    margin-bottom: 0.2rem;
}
.faq .box h4 {
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 1.45;
    border-bottom: 1px solid #707070;
    margin-bottom: 0.075rem;
    padding: 0 0.3rem 0.05rem 0;
    cursor: pointer;
    position: relative;
}
.faq .box h4 span {
    width: 0.14rem;
    height: 0.14rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.07rem;
    transition: 0.4s;
}
.faq .box h4 span::before,
.faq .box h4 span::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #707070;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5px;
}
.faq .box h4 span::after {
    content: '';
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
    margin: 0 0 0 -0.5px;
}
.faq .box h4.open span {
    transform: rotate(360deg);
}
.faq .box h4.open span::after {
    opacity: 0;
}
.faq .box .con {
    font-size: 0.14rem;
    padding-bottom: 0.25rem;
    display: none;
}
.faq .box .con p a {
    text-decoration: underline;
}
.faq .box .con ul {
    margin-top: 0.1rem;
}
.faq .box .con ul.mb {
    margin-bottom: 0.2rem;
}
.faq .box .con ul li {
    margin-right: 0.3rem;
}
.faq .box .con ul li a {
    font-size: 0.14rem;
    height: 0.45rem;
    color: #D99F00;
    display: flex;
    align-items: center;
    padding-right: 0.38rem;
    position: relative;
}
.faq .box .con ul li a::before {
    content: '';
    width: 0.15rem;
    height: 0.13rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.193%22%20height%3D%2213.267%22%20viewBox%3D%220%200%2014.193%2013.267%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_300%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20300%22%20transform%3D%22translate(-451.362%20-3577.246)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126479%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126479%22%20d%3D%22M-6359.608%2C3480.854l6.1%2C6.1-6.1%2C6.1%22%20transform%3D%22translate(6818%2096.922)%22%20fill%3D%22none%22%20stroke%3D%22%23d99f00%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126480%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126480%22%20d%3D%22M-6287.956%2C3516.88h-12.682%22%20transform%3D%22translate(6752%2067)%22%20fill%3D%22none%22%20stroke%3D%22%23d99f00%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.065rem;
    transition: 0.4s;
}
.faq .box .con ul li a span {
    width: 0.46rem;
    height: 0.45rem;
    background: url("../img/event/btn.svg") center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.08rem;
    top: 0;
    transition: 0.4s;
}
@media screen and (min-width:751px){
.faq .box .con p a:hover {
    text-decoration: none;
}
.faq .box .con ul li a:hover::before {
    right: 0.1rem;
}
.faq .box .con ul li a:hover span {
    right: -0.06rem;
}
}
@media screen and (max-width:750px){
#faq {
    margin-top: -0.75rem;
    padding-top: 0.75rem;
}
.faq {
    padding-bottom: 25vw;
}
.faq .faqbg {
    padding: 20vw 0 15vw;
}
.faq .ttl {
    height: 2.2rem;
    top: -1.5rem;
}
.faq .sec {
    width: 75%;
    margin-left: 0.7rem;
}
.faq .box {
    margin-bottom: 0.2rem;
}
.faq .box h4 {
    font-size: 0.16rem;
    margin-bottom: 0.075rem;
    padding: 0 0.3rem 0.075rem 0;
}
.faq .box .con {
    font-size: 0.13rem;
    padding-bottom: 0.3rem;
}
.faq .box .con.pb {
    padding-bottom: 0;
}
.faq .box .con ul {
    display: flex;
}
.faq .box .con ul li {
    margin-right: 0.2rem;
}
.faq .box .con ul li:nth-child(2) {
    margin-right: 0;
}
}