/*==================================================
Fonts
==================================================*/
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;700&family=Noto+Sans+JP:wght@400;600;700&family=Noto+Serif+JP:wght@400;600;700&family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,400&display=swap');

/*==================================================
cmn
==================================================*/
body {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 1.6rem;
    position: relative;
}
header, nav, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img, table, tr, td, th, input, textarea, select, a, figure {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.8em;
	font-weight: 500;
}
p {
	margin-bottom: 1em;
	line-height: 1.75;
}
p:last-child {
	margin: 0;
}
a, input[type="submit"] {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
    cursor: pointer;
}
a:hover, input[type="submit"]:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.wrap {
	padding: 0 20px;
	margin: 0 auto;
	box-shadow: none;
	max-width: 1200px;
	width: 100%;
    box-sizing: border-box;
}
.wrap-s {
	padding: 0 20px;
	margin: 0 auto;
	box-shadow: none;
	max-width: 1000px;
	width: 100%;
    box-sizing: border-box;
}
.wrap-m {
	padding: 0 20px;
	margin: 0 auto;
	box-shadow: none;
	max-width: 1240px;
	width: 100%;
    box-sizing: border-box;
}
.tit-en {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
}
.sec-tit {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 500;
    line-height: 1;
}
.sec-subtit {
    text-align: center;
    margin-bottom: 5rem;
    font-weight: 700;
    line-height: 1;
    color: #000333;
    font-size: 2.0rem;
}

/*==================================================
notice
==================================================*/
.notice-sec {
    background: #e3e3e3;
    padding: 2rem 0;
}
.notice-sec .tit-box {
    width: 92px;
}
.notice-sec .list-box {
    width: 86%;
    position: relative;
}
.notice-sec .list-box ul {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    width: 100%;
}
.notice-tit {
    color: #284db2;
    font-size: 2rem;
    margin-bottom: 0.8rem;
    line-height: 1;
}
.notice-subtit {
    font-size: 1.2rem;
    line-height: 1;
}
.notice-sec .list-box ul li {
    margin-bottom: 1rem;
}
.notice-sec .list-box ul li:last-child {
    margin-bottom: 0;
}
.notice-date {
    font-size: 1.4rem;
    width: 78px;
    vertical-align: top;
    line-height: 1.2;
    margin: 1px 20px 0 0;
}
.notice-txt {
    font-size: 1.4rem;
    width: calc(100% - 103px);
    vertical-align: top;
    line-height: 1.2;
}

/*==================================================
head
==================================================*/
.site-header {
	padding: 0;
	width: 100%;
}
.h_logo {
    padding: 2.05rem 0 2.05rem 5rem;
}
.h_logo img {
    width: auto;
    height: 4.4rem;
    float: left;
    margin-right: 2rem;
}
.h_logo h1 {
    display: inline-block;
    font-weight: bold;
    font-size: 1.3rem;
    margin-top: 1rem;
}
.site-header .h_btn_area {
}
.nav_list {
    padding: 1.666667vw 1.666667vw 0 0;
}
.nav_list li {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 0 0.8vw;
}
.nav_list li:not(:last-child)::after {
    content: '';
    background: #000;
    width: 1px;
    height: 1.3vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.8vw;
}
.nav_list li:last-child::after {
    content: '';
    background-size: 100%;
    width: 0;
    height: 1.3vw;
    display: inline-block;
    vertical-align: middle;
}
.nav_list li a {
    display: inline-block;
    vertical-align: middle;
}
.search-btn {
    text-align: center;
    color: #284db2;
    padding: 1.5rem 0 1.5rem 1rem;
    margin-right: 5rem;
}
.Language-btn {
    text-align: center;
    color: #284db2;
}
.search-btn a {
}
.Language-btn {
    position: relative;
    padding: 1.5rem 1rem;
    margin-right: 1rem;
}
.Language-btn a {
}
.Language-btn .lang_list {
    position: absolute;
    top: 0;
    width: 100%;
    background: #1d2b57;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}

.Language-btn:hover .lang_list {
    top: 100%;
    visibility: visible;
    opacity: 1;
}
.Language-btn:hover .lang_list li {
    
}
.Language-btn:hover .lang_list li a {
    font-size: 1.5rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    padding: 1.5rem 0;
    display: block;
    width: 100%;
    height: 100%;
}
/*.Language-btn:hover .lang_list li a:hover {
    opacity: 1;
    background: rgba(255,255,255,0.5);
}*/
.Language-btn figure,
.search-btn figure {
    height: 2.8rem;
    margin-bottom: 1rem;
}
.search-btn figure img,
.Language-btn figure img {
    width: 1.5vw;
}
.search-btn p,
.Language-btn p {
    font-size: 1.5rem;
    line-height: 1;
}
.search-btn a:hover,
.Language-btn a:hover {
    opacity: 0.7;
}
.site-header .nav_wrap .h_nav_wrap {
    width: 24.882813%;
    float: right;
}
.site-header .nav_wrap .h_nav_wrap .nav_list {
    width: 100%;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    padding: 16px 0 0;
}
.site-header .nav_wrap .h_nav_wrap .nav_list:first-child {
    padding: 7px 0 0;
}
.site-header .nav_wrap .h_nav_wrap .nav_list li {
    vertical-align: middle;
    line-height: 1.2;
    width: 28.47185%;
}
.site-header .nav_wrap .h_nav_wrap .nav_list li:nth-child(4),
.site-header .nav_wrap .h_nav_wrap .nav_list li:last-child {
    width: 14.397373%;
}
.site-header .nav_wrap .h_nav_wrap .nav_list li a {
    position: relative;
}
.site-header .nav_wrap .h_nav_wrap .nav_list li a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.3em;
    left: 0;
    height: 2px;
    width: 0;
    background: #006b9e;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.site-header .nav_wrap .h_nav_wrap .nav_list li.current a::after, 
.site-header .nav_wrap .h_nav_wrap .nav_list li a:hover::after {
    width: 100%;
}

.clone-nav.site-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	transition: .3s;
	transform: translateY(-250%);
    background: #fff;
}
.clone-nav.site-header .nav_wrap .h_logo img.logo-blue {
    display: none;
}
.clone-nav.site-header .nav_wrap .h_logo img.logo-white {
    display: block !important;
    height: 51px;
    width: auto;
    max-width: none;
}
.clone-nav.site-header .nav_wrap {
    padding: 11px 0;
}
.clone-nav.site-header .nav_wrap .h_nav_wrap .nav_list li a {
    color: #fff;
}
.clone-nav.site-header .nav_wrap .h_nav_wrap .nav_list li a::after {
    background: #fff;
}
.clone-nav.site-header .nav_wrap .h_logo {
    margin-top: 7px;
}
.clone-nav.is-show.site-header {
	transform: translateY(-0%) !important;
}

/*==================================================
foot
==================================================*/
footer .nav_list li a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
}
footer .foot-menu {
    background: rgba(40,77,178,0.05);
    padding: 3rem 0;
}
footer .f_logo {
    width: 8.5%;
}
footer .f_logo h1 {
    font-size: 0.9rem;
    letter-spacing: -.01rem;
}
footer .nav_list {
    padding: 1rem 0 0 0;
}
footer .f_sns {
    width: 16.25%;
    padding-top: 0.5rem;
}
footer .f_sns li {
    width: 17.9487179487179%;
}
.footer-bottom {
    padding: 2rem 0;
    position: relative;
}
.footer-bottom .copyright {
	font-style: normal;
    font-size: 1.3rem;
    order: 2;
    display: block;
    text-align: center;
    width: 100%;
}
.footer-bottom .wrap {
    position: relative;
}
.footer-bottom .f_nav {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.footer-bottom .nav_list li a {
    font-size: 1.3rem;
}
.footer-bottom .nav_list li:not(:last-child)::after {
    content: '|';
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem;
}
.footer-bottom .nav_list li:last-child::after {
    content: '';
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem;
}
.footer-bottom .nav_list {
    padding: 0 0 0 0;
}
.footer-bottom .nav_list li {
    font-size: 1.3rem;
    margin: 0 0 0 0;
}
.top-btn {
    position: absolute;
    right: 1.333333%;
    width: 35px;
    top: -17.5px;
}

.chat-btn {
    position: fixed;
    bottom: 40px;
    right: 2%;
    z-index: 999;
}
.chat-btn a {
    background: url("../img/cmn/chat-bg.png") no-repeat top center;
    background-size: 100%;
    width: 168px;
    height: 151px;
    text-align: center;
    display: block;
    padding: 22px 2px 0 0;
}
.chat-btn .catch {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    letter-spacing: -.2rem;
    margin-bottom: 0.5rem;
}
.chat-btn figure {
    width: 28.705119047619%;
    margin: 0 auto 0.3rem;
}
.chat-btn .txt {
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.1;
    color: #fff;
}
.chat-btn .txt span {
    letter-spacing: -.2rem;
}


.top-btn-area .top-text {
    color: #006b9e;
    font-size: 1.4rem;
    letter-spacing: 0.1em !important;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    right: 26px;
    bottom: 101px;
    height: 100px;
}
.top-btn-area .top-line {
    width: 2px;
    height: 70px;
    background: rgba(255, 255, 255, 0.5);
	background-color: #006b9e;
    position: absolute;
    right: 40px;
    bottom: 60px;
}
.top-btn-area .top-line::before {
    content: '';
    background-color: #006b9e;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    left: -2px;
    bottom: 70px;
}
.top-btn-area .top-line::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-animation: up 4s ease-in-out infinite normal;
    -moz-animation: up 4s ease-in-out infinite normal;
    -ms-animation: up 4s ease-in-out infinite normal;
    -o-animation: up 4s ease-in-out infinite normal;
    animation: up 4s ease-in-out infinite normal;
}
@keyframes up {
  0% {
    bottom: 100%;
    height: 0;
  }
  60% {
    bottom: 0;
    height: 0;
  }
  80% {
    bottom: 0;
    height: 100%;
  }
  100% {
    bottom: 100%;
    height: 0;
  }
}

/*==================================================
content
==================================================*/
section {
    padding: 120px 0;
}
.txt-center {
	text-align: center;
}
/*タイトル*/
h5 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #28A5EB;
	line-height: 1;
	margin-bottom: 15px;
}

/*カラム*/
.col-2:after, .col-3:after, .col-4:after {
	content: " ";
	display: block;
	clear: both;
}
.col-2 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-3 .col-box:nth-of-type(3n) {
	margin-right: 0px;
}
.col-4 .col-box:nth-of-type(4n) {
	margin-right: 0px;
}
.col-2 .col-box {
	width: 47.6166666667%;
    float: left;
    margin: 0 4.76666666667% 0 0;
}
.col-3 .col-box {
	width: 31.6666667%;
	float: left;
	margin: 0 2.5% 3.5% 0;
}
.col-4 .col-box {
	width: 24.375%;
	float: left;
	margin: 0 0.83333333% 0 0;
}

.mb30 {
	margin-bottom: 30px;
}

/*ボタン*/
.btn {
	max-width: 250px;
	width: 100%;
	margin: 5rem auto 0;
	text-align: center;
}
.btn a {
	display: block;
	padding: 1.6rem 0;
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 1;
	position: relative;
	color: #fff;
	border-radius: 25px;
}
.event-sec .btn a {
	background: #48d1d8;
}
.topics-sec .btn a {
	background: #ee8b00;
}
.access-sec .btn a {
	background: #e831b4;
}
.about-sec .btn a {
	background: #559ce4;
}
.news-sec .btn a {
	background: #ee8b00;
}
.btn a span {
    line-height: 1;
}
.btn a::after {
    content: '';
    background: url("../img/cmn/btn-arrow.png") top center no-repeat;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 14px;
}

/*==================================================
index
==================================================*/
#main-movie {
    padding: 0;
    background: url("../img/cmn/main-mov-bg.jpg") top 6.5rem center no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 6rem;
}
#main-movie .movie-box {
	margin: 0 auto;
	box-shadow: none;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
#main-movie .movie-box .frame-youtube {
    width: 93%;
    margin-left: 7%;
    margin-bottom: 5rem;
    position: relative;
    padding-top: 52.25%;
}
#main-movie .movie-box .frame-youtube .frame-movie {
    border-radius: 20px;
}
#main-movie .movie-box .frame-youtube #iframe_player_api {
    margin: 4px;
    border-radius: 16px;
    position: absolute;
    top: 0;
    right: 0;
    width: 99.2%;
    height: 99.3%;
}

.cr-scroll {
}
.scroll-area .scroll-text {
    color: #284db2;
    font-size: 1.4rem;
    letter-spacing: 0.1em !important;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    left: 23px;
    bottom: 20px;
    height: 124px;
}
.scroll-area .scroll-line {
    width: 2px;
    height: 120px;
    background: rgba(255, 255, 255, 0.5);
    background-color: #284db2;
    position: absolute;
    left: 40px;
    bottom: -90px;
}
.scroll-area .scroll-line::before {
    content: '';
    background-color: #284db2;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    left: -2px;
    bottom: 0;
    z-index: 2;
}
.scroll-area .scroll-line::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-animation: down 4s ease-in-out infinite normal;
    -moz-animation: down 4s ease-in-out infinite normal;
    -ms-animation: down 4s ease-in-out infinite normal;
    -o-animation: down 4s ease-in-out infinite normal;
    animation: down 4s ease-in-out infinite normal;
}
@keyframes down {
  0% {
    bottom: 100%;
    height: 0;
  }
  20% {
    bottom: 0;
    height: 100%;
  }
  40% {
    bottom: 0;
    height: 0;
  }
  100% {
    bottom: 0;
    height: 0;
  }
}



@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
#mv {
    padding: 0;
    z-index: 2;
    position: relative;
}
#mv .mv_wrap {
    opacity: 0;
    animation-duration: 2s;
    animation-delay : 1s;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}
.mv_list_area {
    width: 100%;
}
.mv_list_item {padding: 0 5%;}
.mv_list_item .mv_img {
    position: relative;
    width: 100%;
}
.mv_list_item a:hover {
    opacity: 0.6;
}
.mv_list_item img {
    width: 100%;
    border-radius: 16px;
}
.mv_list_item .main-txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(29,43,87,0.5);
    padding: 3.2rem;
    z-index: 3;
}
.mv_img .main-txt h3 {
    font-size: 2.3rem;
    margin: 0 0 1.5rem;
    line-height: 1;
    color: #fff;
}
.mv_img .main-txt p {
    color: #ffffff;
    font-size: 1.4rem;
}/*
#mv .mv_list_area .mv_img:hover .main-img:before{
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
    z-index: 5;
}
#mv .mv_list_area .mv_img .main-img:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 10px solid #e5e5e1;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.25s;
  transition: opacity 0.15s, transform 0.25s;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
    z-index: 5;
}*/
.mv_list_area .slick-slide {
    height: auto !important;
}

#mv .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
#mv .slick-dots {
    position: absolute;
    display: block !important;
    width: auto !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -7rem !important;
}
#mv .slick-dots li {
    display: inline-block !important;
    margin: 5px 0 !important;
    width: 80px;
}
#mv .slick-dots li button {
    display: block !important;
}
#mv .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 5px;
    text-align: center;
    background-color: #a9a9aa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
    content: '';
    margin: 0 10px;
}
#mv .slick-dots li.slick-active button:before {
    opacity: 1;
    content: '';
    width: 60px;
    height: 5px;
    background: #48d1d8;
}
#mv .slick-prev:before {
    content: '' !important;
    background: url("../img/top/main_slide_arrow_left.png") no-repeat center center;
    background-size: 100%;
    width: 83px;
    height: 83px;
    opacity: 1 !important;
    display: block;
}
#mv .slick-next:before {
    content: '' !important;
    background: url("../img/top/main_slide_arrow_right.png") no-repeat center center;
    background-size: 100%;
    width: 83px;
    height: 83px;
    opacity: 1 !important;
    display: block;
}
#mv .slick-prev {
    left: 16%;
    top: 50%;
    transform: translateY(-50%);
}
#mv .slick-next {
    right: 16%;
    top: 50%;
    transform: translateY(-50%);
}
#mv .slick-prev, #mv .slick-next {
    width: 83px !important;
    height: 83px !important;
    z-index: 2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}
#mv .slick-prev:hover, .slick-next:hover {
    opacity: 0.7;
}
.slick-initialized .slick-slide {
    display: block;
    height: auto;
}

.event-sec {
    margin-top: 22rem;
    padding: 0 0 20rem;
    position: relative;
    z-index: 0;
    opacity: 0;
    animation-duration: 2s;
    animation-delay : 1s;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}
.event-sec::after {
    content: '';
    background: url("../img/top/event-bg.jpg") repeat top left;
    background-size: auto 100%;
    width: 100%;
    height: calc(100% + 27.75rem);
    top: -27.75rem;
    left: 0;
    z-index: 0;
    display: block;
    position: absolute;
}
/*
.event-sec::after {
    content: '';
    background: url("../img/top/event-bg.jpg") no-repeat top left;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 3.25rem;
    left: 16.6666667%;
    z-index: 1;
    display: block;
    position: absolute;
}*/
.event-sec .wrap {
    z-index: 3;
    position: relative;
}
.event-sec .sec-tit {
    font-size: 8.7rem;
    color: #48d1d8;
    margin-top: 0.5rem;
}
.event-sec .event-calendar {
    text-align: right;
    display: inline-block;
    margin-bottom: 3rem;
    float: right;
}
.event-sec .event-calendar .calendar-link{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.event-sec .event-calendar figure {
    width: 25px;
    margin-right: 1rem;
}
.event-sec .event-calendar p {
    margin-top: .2rem;
}
#darktooltip-def-html {
    width: 38rem;
    margin-top: 3rem;
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
#darktooltip-def-html img {
    width: 30rem;
}
.clear {
    clear: both;
}
.home .event-sec .box,
.event .event-sec .box,
.floor .event-sec .box {
    width: 31.897%;
    margin-bottom: 5rem;
    border-radius: 16px;
    border: 2px solid #48d1d8;
    background: #fff;
    box-shadow: 10px 10px 0px 0px rgba(72,209,216,0.15);
}
.event-sec .box a figure img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    /*height: 19.3rem;
    object-fit: cover;*/
    border-radius: 15px 15px 0 0;
    box-sizing: border-box;
}
.event-sec .box a:hover figure img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.event-sec .box figure {
    position: relative;
    margin-bottom: 1rem;
}
.event-sec .box figure .floor {
    position: absolute;
    bottom: -1.0rem;
    right: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
}
.event-sec .box figure .floor.all {
    position: absolute;
    bottom: -1.0rem;
    right: 14px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
}
.event-sec .box figure .floor span{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0.4rem 0 0 -0.6rem;
}
.event-sec .box figure::after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 10px;
    background: #ee8b00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 1;
}
.event-sec .box figure.no-floor::after {
    content: none;
}
.event-sec .box .txt-box {
    padding: 1rem 1.5rem;
}
.event-sec .btn {
    margin: 0 auto;
}
.cat-box {
    margin-bottom: 1.4rem;
}
.cat {
    background: #808080;
    padding: 0.4rem 1rem;
    font-size: 1.21rem;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}
.floor .cat-box,
.event .cat-box,
.topics .cat-box,
.news .cat-box {
    margin-bottom: 1.4rem;
}
.floor .cat,
.event .cat,
.topics .cat,
.news .cat {
    background: none;
    padding: 0.4rem 1rem;
    font-size: 1.21rem;
    color: #000;
    font-weight: 600;
    line-height: 1;
    border: 1px solid #000;
    border-radius: 16px;
}
.floor .cat span,
.event .cat span,
.topics .cat span,
.news .cat span {
    color: #000;
}
.floor .floor-section-box .txt-box .cat {
    background: #559CE4;
    padding: 0.4rem 1rem;
    font-size: 1.21rem;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    border: none;
    border-radius: 8px;
}
.event-tit {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.date-box {
    justify-content: flex-start;
}
.date-tit {
    border: 1px solid #231815;
    padding: 0.5rem 1.4rem;
    font-size: 1.21rem;
    line-height: 1;
    color: #000;
    box-sizing: border-box;
}
.date {
    color: #000;
    line-height: 1;
    padding: 0.4rem 1.4rem;
}

.topics-sec {
    margin-top: 11rem;
    padding: 0 0 20rem;
    position: relative;
    z-index: 0;
}
.topics-sec::after {
    content: '';
    background: url("../img/top/topics-bg.png") repeat top left;
    background-size: cover;
    width: 100%;
    height: calc(100% + 27.5rem);
    top: -27.75rem;
    left: 0;
    z-index: 0;
    display: block;
    position: absolute;
}
.topics-sec .wrap {
    z-index: 2;
    position: relative;
}
.topics-sec .sec-tit {
    font-size: 8.7rem;
    color: #ee8b00;
    margin-top: 0.5rem;
}
.topics-sec .box {
    width: 31.897%;
    margin-bottom: 5rem;
    border-radius: 16px;
    border: 2px solid #ee8b00;
    background: #fff;
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.1);
}
.topics-sec .box a figure img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    /*height: 19.3rem;
    object-fit: cover;*/
    border-radius: 15px 15px 0 0;
    box-sizing: border-box;
}
.topics-sec .box a:hover figure img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.topics-sec .box figure {
    position: relative;
    margin-bottom: 1rem;
}
.topics-sec .box figure .floor {
    position: absolute;
    bottom: -1.0rem;
    right: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
}
.topics-sec .box figure .floor.all {
    position: absolute;
    bottom: -1.0rem;
    right: 14px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
}
.topics-sec .box figure .floor span{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0.4rem 0 0 -0.6rem;
}
.topics-sec .box figure::after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 10px;
    background: #ee8b00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 1;
}
.topics-sec .box figure.no-floor::after {
    content: none;
}
.topics-sec .box .txt-box {
    padding: 1rem 1.5rem;
}
.topics-sec .btn {
    margin: 0 auto;
}
.mid-banner-sec {
    padding: 10rem 0;
    position: relative;
}

.mid-banner-sec .half-banner {
    width: 49.583333%;
    margin-bottom: 1.5rem;
}
.bottom-banner-sec {
    padding: 10rem 0 0;
    position: relative;
}

.bottom-banner-sec .half-banner {
    width: 49.583333%;
    margin-bottom: 1.5rem;
}

.access-sec {
    margin-top: -2rem;
    padding: 10rem 0 29rem;
    position: relative;
    z-index: 0;
}
/*.access-sec {
    margin-top: 11rem;
    padding: 10rem 0 29rem;
    position: relative;
    z-index: 0;
}*/
.access-sec::after {
    content: '';
    background: url("../img/top/access-bg.png") repeat top left;
    background-size: auto 100%;
    width: 100%;
    height: calc(100% + 19.75rem);
    top: -19.75rem;
    left: 0;
    z-index: 0;
    display: block;
    position: absolute;
}
.access-sec .wrap {
    z-index: 2;
    position: relative;
}
.access-sec .sec-tit {
    font-size: 8.7rem;
    color: #e831b4;
}
.access-sec .map {
    width: 100%;
    margin-bottom: 5rem;
}
.access-sec .access-box {
    width: 47.6666666666667%;
}
.access-sec .access-box .btn {
    max-width: 245px;
    width: 100%;
    margin: 0;
    text-align: center;
}
.access-sec .access-box .btn a {
    padding: 1.2rem 0;
    border-radius: 20px;
}
.access-tit {
    border-bottom: 1px solid #e831b4;
    padding: 0 0 1.5rem;
    font-size: 2.0rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: #e831b4;
}
.access-box .box {
    margin-bottom: 4rem;
}
.access-box .access-list {
    text-indent: -1.5rem;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}
.access-box p {
    line-height: 1.625;
    color: #000;
}
.access-box p.time {
    margin-bottom: 0.5rem;
}
.access-box p span {
    font-size: 1.4rem;
}

.access-btn {
}
.access-btn a {
	display: block;
	padding: 12px 3.3rem 12px 1.5rem;
    text-align: center;
    line-height: 1;
    position: relative;
    font-size: 1.21rem;
    color: #fff;
    background: #000;
    display: inline-block;
}
.access-btn a::after {
    content: '→';
    font-size: 1.52rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.about-sec {
    padding: 10rem 0 19rem;
    position: relative;
    z-index: 0;
}
.about-sec .wrap {
    position: relative;
    z-index: 3;
}
.about-sec .sec-tit {
    font-size: 8.7rem;
    color: #559ce4;
}
.about-sec .center {
    text-align: center;
    margin-bottom: 5rem
}
.about_list_area {
    margin-bottom: 3rem;
}
.about_list_area .slick-slide {
    height: auto;
}
.about_list_item {
    padding: 0 2.5%;
}
.about_list_item .box {
    width: 48%;
    background: rgba(85,156,228,0.25);
    border-radius: 16px;
    position: relative;
    padding: 5rem 3rem 3rem;
    margin: 2.5rem 0;
}
.about_list_item .box .box-tit-box {
    position: absolute;
    left: 3rem;
    top: -4rem;
    z-index: 2;
}
.about_list_item .box .box-tit-box .box-floor {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 5.0rem;
    color: #559ce4;
    margin-right: 0.5rem;
    display: inline-block;
}
.about_list_item .box .box-tit-box .box-floor span {
    font-size: 4.5rem;
}
.about_list_item .box .box-tit-box .box-floor-name {
    font-size: 2.5rem;
    margin-top: 1.5rem;
    display: inline-block;
    vertical-align: top;
}
.about_list_item .box .img-box {
    width: 34.782609%;
}
.about_list_item .box .txt-box {
    width: 60%;
}
.about_list_item .box .txt-box .shop-name {
    font-weight: bold;
    line-height: 1;
}
.about-sec .thum_slider {
    display: block;
    width: 33%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}
.about-sec .thum_slider div {
    height: auto;
}
.about-sec .thum_slider .slick-list {
    width: 100%;
}
.about-sec .thum_slider li {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.about-sec .thum_slider div li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #999999;
    border-radius: 20px;
    margin: 5px auto 0;
    position: relative;
}
.about-sec .thum_slider div.slick-current li button {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #559ce4;
    margin: 0 auto;
}
.about-sec .thum_slider li button p {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 2.0rem;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: '';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    opacity: 1;
    margin-bottom: 0;
}
.about-sec .thum_slider li button p span {
    font-size: 2.15rem;
}

.about-sec .slick-prev {
    top: auto;
    bottom: 5px;
    z-index: 3;
}
.about-sec .slick-prev:before {
    content: '' !important;
    background: url("../img/top/about_list_left.png") no-repeat center center;
    background-size: 100%;
    width: 8px;
    height: 15px;
    opacity: 1 !important;
    display: block;
}
.about-sec .slick-next {
    top: auto;
    bottom: 5px;
    z-index: 3;
}
.about-sec .slick-next:before {
    content: '' !important;
    background: url("../img/top/about_list_right.png") no-repeat center center;
    background-size: 100%;
    width: 8px;
    height: 15px;
    opacity: 1 !important;
    display: block;
}
.news-sec {
    margin-top: 11rem;
    padding: 10rem 0 6rem;
    position: relative;
    z-index: 0;
}
.news-sec::after {
    content: '';
    background: url("../img/top/news-bg.png") repeat top left;
    background-size: auto 100%;
    width: 100%;
    height: calc(100% + 19.75rem);
    top: -19.75rem;
    left: 0;
    z-index: 0;
    display: block;
    position: absolute;
}
.news-sec .wrap {
    z-index: 3;
    position: relative;
}
.news-sec .sec-tit {
    font-size: 8.7rem;
    color: #ee8b00;
}

.news-box li a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.news-box li p {
    line-height: 1;
}
.news-box li p:first-child {
    margin-right: 2rem;
}
.news-box li p .date {
    padding: 0;
    margin-right: 1rem;
}
.news-box li:not(:last-child) {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
}
.news-box .news-txt {
    margin-bottom: 0;
}
.news-box .cat {
    background: #ee8b00;
    border: none;
    color: #fff;
}

#pagetop {
    padding: 1rem 0;
    text-align: center;
}
#pagetop figure {
    width: 17px;
    margin: 0 auto 0.5rem;
}
#pagetop .tit-en {
    color: #284db2;
}

#bottom_slider_area {
    background: url("../img/top/bottom-block-bg.png") no-repeat top center;
    background-size: cover;
    padding: 5rem 0 7rem;
    position: relative;
}
#bottom_slider_area .bottom_slider {
    padding: 0;
}
#bottom_slider_area .bottom_slider .slick-slide {
    margin: 0 0.2%;
    height: auto !important;
}
#bottom_slider_area .bottom_slider figure img {
    border-radius: 16px;
}
#bottom_slider_area .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
#bottom_slider_area .slick-dots {
    position: absolute;
    display: block !important;
    width: auto !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5rem !important;
}
#bottom_slider_area .slick-dots li {
    display: inline-block !important;
    margin: 5px 0 !important;
}
#bottom_slider_area .slick-dots li button {
    display: block !important;
}
#bottom_slider_area .slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
}
#bottom_slider_area .slick-dots li.slick-active button:before {
    opacity: 1;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 2px solid #fff;
    margin: 1px 0 0 2px;
}
#bottom_slider_area .slick-prev:before {
    content: '' !important;
    background: url("../img/cmn/botttom-slider-arrow-left.png") no-repeat center center;
    background-size: 100%;
    width: 8px;
    height: 15px;
    opacity: 1 !important;
    display: block;
}
#bottom_slider_area .slick-next:before {
    content: '' !important;
    background: url("../img/cmn/botttom-slider-arrow-right.png") no-repeat center center;
    background-size: 100%;
    width: 8px;
    height: 15px;
    opacity: 1 !important;
    display: block;
}
#bottom_slider_area .slick-prev {
    right: 30px;
    bottom: -6.5rem;
    transform: translateY(-50%);
    left: auto;
    top: auto;
}
#bottom_slider_area .slick-next {
    right: 0;
    top: auto;
    transform: translateY(-50%);
    bottom: -6.5rem;
}
#bottom_slider_area .slick-prev, #bottom_slider_area  .slick-next {
    width: 35px !important;
    height: 35px !important;
    z-index: 2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}
#bottom_slider_area .slick-prev:hover, #bottom_slider_area .slick-next:hover {
    opacity: 0.7;
}

@media print, screen and (min-width: 1100px) and (max-width: 1200px) {
.nwtw-sec .netw-box .inner {
    min-height: 68rem;
}
}
@media print, screen and (min-width: 1000px) and (max-width: 1100px) {
.nwtw-sec .netw-box .inner {
    min-height: 70rem;
}
}
@media print, screen and (min-width: 900px) and (max-width: 1000px) {
.nwtw-sec .netw-box .inner {
    min-height: 72rem;
}
}
@media print, screen and (min-width: 768px) and (max-width: 900px) {
.nwtw-sec .netw-box .inner {
    min-height: 74rem;
}
}
@media print, screen and (min-width: 1000px) and (max-width: 1200px) {
.about-sec .slick-prev {
    left: 26%;
}
.about-sec .slick-next {
    right: 26%;
}
}
@media print, screen and (min-width: 768px) and (max-width: 1000px) {
.about-sec .slick-prev {
    left: 20%;
}
.about-sec .slick-next {
    right: 20%;
}
.about_list_area {
    margin-bottom: 20rem !important;
}
}

/*==================================================
PAGE COMMON
==================================================*/
.tit-sec {
    text-align: center;
    padding: 10.85rem 0;
    position: relative;
}
.event .tit-sec {
}
/*.event.child .tit-sec {
    background: rgba(72,209,216,0.15);
}*/
.event .page-tit,
.event .page-subtit {
    color: #48D1D8;
}
.event .breadcrumbs {
    background: #48D1D8;
}
.topics .tit-sec {
}
/*.topics.child .tit-sec {
    background: rgba(238,139,0,0.2);
}*/
.topics .page-tit,
.topics .page-subtit {
    color: #EE8B00;
}
.topics .breadcrumbs {
    background: #EE8B00;
}
.news .tit-sec {
}
/*.news.child .tit-sec {
    background: rgba(255,214,0,0.4);
}*/
.news .page-tit,
.news .page-subtit {
    color: #EE8B00;
}
.news .breadcrumbs {
    background: #EE8B00;
}
/*.floor.child .tit-sec {
    background: rgba(85,156,228,0.15);
}*/
.floor .page-tit,
.floor .page-subtit {
    color: #559CE4;
}
.floor .breadcrumbs {
    background: #559CE4;
}
.contact .page-tit,
.contact .page-subtit {
    color: #559ce4;
}
.contact .breadcrumbs {
    background: #559ce4;
}
.service .page-tit,
.service .page-subtit {
    color: #a586ea;
}
.service .breadcrumbs {
    background: #a586ea;
}
.access .page-tit,
.access .page-subtit {
    color: #e831b4;
}
.access .breadcrumbs {
    background: #e831b4;
}
.sitemap .page-tit,
.sitemap .page-subtit {
    color: #48d1d8;
}
.sitemap .breadcrumbs {
    background: #48d1d8;
}
.policy .page-tit,
.policy .page-subtit {
    color: #ee8b00;
}
.policy .breadcrumbs {
    background: #ee8b00;
}
.tit-sec .page-tit {
    font-size: 9.0rem;
    margin-bottom: 2.0rem;
    line-height: 1;
}
.tit-sec .page-subtit {
    font-size: 2.3rem;
    font-weight: bold;
    color: #000;
    line-height: 1;
}
.sec-en-tit {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 6.0rem;
    margin-bottom: 2.0rem;
    line-height: 1;
    text-align: center;
}
.sec-en-tit.ls-s {
    letter-spacing: -.23rem;
}
.sec-jp-tit {
    font-size: 2.0rem;
    margin-bottom: 5.0rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.breadcrumbs {
    padding: 2.95rem 0;
}
.breadcrumbs .breadcrumb__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    justify-content: flex-start;
}
.breadcrumbs .breadcrumb__list li a {
    text-decoration: underline;
    color: #fff;
}
.breadcrumbs .breadcrumb__list li {
    font-size: 1.6rem;
    line-height: 1;
    display: inline-block;
    color: #fff;
}
.breadcrumbs .breadcrumb__list li:not(:last-child)::after {
    content: '>';
    margin: 0 0.5rem;
    display: inline-block;
    color: #fff;
}
#bottom-block.page-bottom {
    margin-top: 10rem;
}
.contact #bottom-block.page-bottom,
.service #bottom-block.page-bottom,
.access #bottom-block.page-bottom,
.sitemap #bottom-block.page-bottom,
.policy #bottom-block.page-bottom {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
.tit-sec {
    padding: 4.0rem 0 4.5rem !important;
}
.tit-sec .page-tit {
    font-size: 5.07812rem;
}
.sec-en-tit {
    font-size: 4rem;
}
.sec-jp-tit {
    line-height: 1.5;
}
.breadcrumbs {
    margin-top: 0;
    padding: 2rem 0;
}
.breadcrumbs .list_area li {
    font-size: 1.8rem;
    line-height: 1.5;
}
}
.pager-wrap {
    width: 100%;
    background: #fff;
    padding: 5rem 0 0;
}
.pager-wrap .pager {
    width: 100%;
    background: rgba(177,152,115,0.05);
    padding: 2rem 0;
    margin: 0 auto 0;
}
.pager-wrap .pager .inner {
    max-width: 416px;
    width: 100%;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    justify-content: space-between;
    margin: 0 auto;
}
.pager .pager-btn {
    width: 8.4134615384615%;
    display: block;
}
.pager .pager-btn a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.pager .pager-btn a.current::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/event/pager-current.png") no-repeat center center;
    background-size: 100%;
    top: 0;
}
.pager .pager-btn img {
    width: 87.5%;
    margin: 0.7rem auto;
}
.pager .pager-btn span {
    line-height: 2.7;
    position: absolute;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

/*==================================================
EVENT(ListPage/DetailPage)
==================================================*/
.event .box {
    margin-bottom: 3.6rem;
}
.event-sec .flex_box::after,
.event-sec .flex_box::before {
    content: '';
    display: block;
    width: 31.897%;
    height: 0;
}
.event-sec .flex_box::before {
    order: 1;
}
.event .event-sec {
    margin-top: 0;
    padding: 10rem 0 0;
}
.event .event-sec::after {
    content: none;
}


.event-btn-area {
    padding-top: 5rem;
}
.event-btn-box {
    max-width: 425px;
    width: 90%;
    margin: 0 auto 3rem;
}
.event-btn-box .event-btn {
    width: 10%;
    text-align: center;
    height: 50px;
    margin-top: 5px;
}
.event-btn-box .previous-btn,
.event-btn-box .next-btn {
    width: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.event-btn-box .previous-btn img,
.event-btn-box .next-btn img {
    width: 0.81856rem;
}
.event-btn-box .first-btn,
.event-btn-box .last-btn {
    width: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.event-btn-box .first-btn img,
.event-btn-box .last-btn img {
    width: 1.6375rem;
}
.event-btn span {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 2.4rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-40%);
    -webkit-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
}
.event-btn a {
    background: #999999;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
}
.event-btn.active {
    width: 13% !important;
    margin-top: 0 !important;
}
.event-btn.active a {
    background: #48D1D8;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
}
.event-btn.active span {
    font-size: 3.0rem;
}
.event .detail .btn a {
    background: #48D1D8;
}

.detail {
    padding: 10rem 0 0;
}
.detail .detail-wrap {
	max-width: 833.333333px;
	width: 95%;
	padding: 0 2.5%;
	margin: 0 auto;
}
.detail .detail-tit {
	font-size: 2.0rem;
	margin-bottom: 2.0rem;
    padding-bottom: 2.0rem;
    border-bottom: 1px solid #000;
}
.detail .wrap .sns-btn-box {
	margin-bottom: 2rem;
}
.detail .wrap .sns-btn-box .flex_box {
	justify-content: flex-end;
}
.detail .wrap .sns-btn-box .flex_box .tw_btn {
	margin-right: 5px;
}
.detail .detail_mv_wrap {
	margin-bottom: 7.0rem;;
}
.event .detail .slick-prev:before {
    content: '' !important;
    background: url("../img/cmn/slide_arrow_left-ev.png") no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    opacity: 1 !important;
    display: block;
}
.event .detail .slick-next:before {
    content: '' !important;
    background: url("../img/cmn/slide_arrow_right-ev.png") no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    opacity: 1 !important;
    display: block;
}
.topics .detail .slick-prev:before {
    content: '' !important;
    background: url("../img/cmn/slide_arrow_left-tp.png") no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    opacity: 1 !important;
    display: block;
}
.topics .detail .slick-next:before {
    content: '' !important;
    background: url("../img/cmn/slide_arrow_right-tp.png") no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    opacity: 1 !important;
    display: block;
}
.detail .slick-prev {
    left: -6%;
    top: 50%;
    transform: translateY(-50%);
	width: 40px;
    height: 40px;
	z-index: 2;
}
.detail .slick-next {
    right: -6%;
    top: 50%;
    transform: translateY(-50%);
	width: 40px;
    height: 40px;
	z-index: 2;
}
.cate-area {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.cate-area p {
	margin-bottom: 0;
}
.cate-area .cat-box {
	margin-bottom: 0;
}
.cate-area .cat-box span {
	line-height: 1.8;
	padding: 0.45rem 1rem 0.85rem 1rem;
}
.cate-area .floor {
	background: #EE8B00;
	padding: 1rem 1rem;
	font-size: 2rem;
	color: #fff;
	font-weight: 600;
	margin-right: 1rem;
	margin-top: -2px;
	line-height: 1.3;
	font-family: 'Josefin Sans', sans-serif;
	font-style: italic;
	border-radius: 50%;
	height: 4.313rem;
	margin-top: -1rem;
	width: 4.313rem;
    text-align: center;
}
.cate-area .floor.all {
    padding: 1rem 0;
    font-size: 1.5rem;
    line-height: 2.8rem;
}
.cate-area .date-tit {
	padding: 0.7rem 1.4rem 0.9rem;
	height: 3rem;
}
.detail-content {
	margin-bottom: 7rem;
}
.detail-content h1 {
    font-size: 2.0rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}
.detail-content h2 {
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}
.detail-content h3 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}
.detail-content h4 {
    font-size: 1.7rem;
    margin-bottom: 1.0rem;
    font-weight: bold;
}
.detail-content h5 {
    font-size: 1.6rem;
    margin-bottom: 1.0rem;
    font-weight: bold;
}
.detail-content h6 {
    font-size: 1.5rem;
    margin-bottom: 1.0rem;
    font-weight: bold;
}
.detail-content strong {
    font-weight: bold;
}
.detail-content a {
    color: #eb9b00;
    text-decoration: underline;
}
.detail .mov-box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 10rem 0;
}
.detail .mov-box iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.event_info_area {
}
.event_info_area .info-box {
	width: 48%;
	margin-bottom: 3rem;
}
.event_info_area .info-tit {
	border-bottom: 1px solid #48D1D8;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1;
    color: #48D1D8;
}

.special-detail {
    padding: 60px 0 0 0;
}
.special-detail .special-tit {
    margin-bottom: 4rem;
    text-align: center;
}
.special-detail .special-tit img {
    height: 5rem;
    width: auto;
}
.special-detail .center {
    text-align: center;
}
.special-detail .special-subtit {
    font-size: 2.25rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.special-detail .special-txt-l {
    font-size: 1.75rem;
    font-weight: bold;
}
.special-detail .special-txt-m {
    font-size: 1.55rem;
    font-weight: bold;
}
.special-detail .tit-thin {
    font-size: 1.75rem;
    font-weight: normal;
    margin-bottom: 1rem;
}
.special-detail .full {
    width: 100%;
    margin-bottom: 3rem;
}
.special-detail .wide-m {
    width: 80%;
    margin: 0 auto 3rem;
}
.special-detail .relative {
    position: relative;
}
.special-detail .category-name {
    position: absolute;
    right: 3rem;
    top: 3rem;
    font-size: 3rem;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3), 2px 2px 6px rgba(0,0,0,0.3);
}
.special-detail .special-cate-area {
    margin-bottom: 2rem;
}
.special-detail .special-cate-area .cat-box .cat {
    background: #fff;
    padding: 0.6rem 1.2rem;
    font-size: 1.5rem;
    color: #001f81;
    font-weight: 600;
    line-height: 1;
    border: 1px solid #000;
}
.special-detail .bottom {
    margin-bottom: 4rem;
}
.special-detail .bottom-s {
    margin-bottom: 2rem;
}
.special-detail .block {
    margin-bottom: 4rem;
}
.special-detail .block.block-box {
    border: 1px solid #000;
    padding: 3rem;
}
.special-detail .main-block {
    margin-bottom: 5rem;
}
.special-detail .border-bottom {
    padding-bottom: 6rem;
    border-bottom: 1px solid #000;
}
.special-detail .txt-box,
.special-detail .flex_box figure {
    width: 47.5%;
    margin-bottom: 3rem;
}
.special-detail .flex_box .txt-box figure {
    width: 100%;
}
.special-detail .flex_box figcaption {
    padding: 1rem 0 3rem;
}
.special-detail p {
    line-height: 1.75;
    color: #000;
}
.special-detail .special-txt-s {
    font-size: 1.5rem;
}
.special-detail .name-wrap {
    position: relative;
    padding-bottom: 2rem;
}
.special-detail .name {
    position: absolute;
    font-size: 1.75rem;
    bottom: 0;
    left: 0;
}
.special-detail .flex_box .txt-box dt {
    width: 19%;
    margin-bottom: 1rem;
}
.special-detail .flex_box .txt-box dd {
    width: 81%;
    margin-bottom: 1rem;
}
.special-detail .logo-box {
    background: #faf9f7;
    padding: 5rem;
}
.special-detail .logo-box .txt-box {
    width: 44%;
}
.special-detail .logo-box .txt-box.one-column {
    width: 44%;
    margin: 0 28%;
}
.special-detail .logo-box .img-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #fff;
    border: 1px solid #a2a2a0;
    border-radius: 50%;
}
.special-detail .logo-box .img-box figure {
    width: 76%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    margin-bottom: 3rem;
}
.special-detail .logo-box .special-txt {
    padding-top: 3rem;
}


.entry-banner {
    padding: 5rem 0;
}
.entry_banner .flex_box {
    justify-content: center;
}
.entry_banner .half-banner {
    width: 49%;
    margin: 0 0.5% 1.5rem;
}
.entry_banner .half-banner a:hover{
    opacity: 1;
}
.child .movie-box {
    margin: 5rem auto;
    max-width: 640px;
    width: 100%;
}
.child .frame-youtube {
    text-align: center;
    width: 100%;
    position: relative;
    padding-top: 52.25%;
}
.child .frame-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (min-width: 1380px) {
.special-detail .logo-box .special-txt,
.special-detail .logo-box .flex_box {
    width: 110%;
    margin: 0 -5% 1.5rem;
}
.special-detail .logo-box .special-txt,
.special-detail .logo-box .txt-box dt,
.special-detail .logo-box .txt-box dd {
    font-size: 15.5px;
}
.special-detail .logo-box .txt-box dt {
    width: 15%;
}
.special-detail .logo-box .txt-box dd {
    width: 85%;
}
}
@media screen and (min-width: 1141px) and (max-width: 1260px) {
.event-sec .box figure .floor,
.topics-sec .box figure .floor {
    bottom: -1.0rem;
    right: 23px;
    font-size: 1.9rem;
}
.event-sec .box figure .floor.all,
.topics-sec .box figure .floor.all {
    bottom: -0.9rem;
    right: 16px;
    font-size: 1.6rem;
}
}
@media screen and (min-width: 1021px) and (max-width: 1140px) {
event-sec .box figure .floor,
.topics-sec .box figure .floor {
    bottom: -1.2rem;
    right: 23px;
    font-size: 2.2rem;
}
.event-sec .box figure .floor.all,
.topics-sec .box figure .floor.all {
    bottom: -1.1rem;
    right: 16px;
    font-size: 1.9rem;
}
}
@media screen and (min-width: 911px) and (max-width: 1020px) {
.event-sec .box figure .floor,
.topics-sec .box figure .floor {
    bottom: -1.5rem;
    right: 23px;
    font-size: 2.6rem;
}
.event-sec .box figure .floor.all,
.topics-sec .box figure .floor.all {
    bottom: -1.4rem;
    right: 16px;
    font-size: 2.3rem;
}
}
@media screen and (min-width: 768px) and (max-width: 910px) {
.event-sec .box figure .floor,
.topics-sec .box figure .floor {
    bottom: -1.5rem;
    right: 23px;
    font-size: 3rem;
}
.event-sec .box figure .floor.all,
.topics-sec .box figure .floor.all {
    bottom: -1.4rem;
    right: 16px;
    font-size: 2.7rem;
}
}

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

.event .event-sec .box {
    width: 47.5% !important;
    margin-bottom: 3rem;
    border-radius: 8px;
}
.event-sec .box a figure img {
    border-radius: 7px 7px 0 0;
}
.event .event-tit {
    font-size: 2.0rem;
    line-height: 1.5;
}
.event-sec .box figure .floor, .topics-sec .box figure .floor {
    position: absolute;
    bottom: -1.25rem;
    right: 2.1rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
}
.event-sec .box figure .floor.all {
    bottom: -1.0rem;
    right: 1.7rem;
    font-size: 2.0rem;
}
.event .date-tit {
    margin-bottom: 0.5rem;
    display: block;
}
.event .box .date {
    padding: 0.4rem 0;
    display: block;
    width: 100%;
}
.event-btn.active a {
    width: 35px;
    height: 35px;
}
.event-btn a {
    width: 25px;
    height: 25px;
}
.event-btn-box .event-btn {
    width: 12%;
    text-align: center;
    height: 50px;
    margin-top: 5px;
}
.event-btn.active {
    width: 16% !important;
    margin-top: 0 !important;
}
.event-btn-box .previous-btn, .event-btn-box .next-btn {
    width: 6%;
    text-align: center;
    height: 25px;
    margin-top: 5px;
}
.event-btn-box .first-btn, .event-btn-box .last-btn {
    width: 6%;
    text-align: center;
    height: 25px;
    margin-top: 5px;
}
.detail {
    padding: 30px 0 0 0;
}
.detail .detail-tit {
    font-size: 3.0rem;
}
.event_info_area {
	padding: 2rem;
	margin-bottom: 3rem;
}
.event_info_area .info-box {
	width: 100%;
}
.info-tit {
    font-size: 2.0rem !important;
}
.date-box {
    width: 100%;
    margin-bottom: 2rem;
}
.cate-area .floor {
    font-size: 2.2rem;
    padding: 1.2rem 1rem 0rem 1rem;
    margin-top: -1rem;
    width: 4.313rem;
    text-align: center;
}
.cate-area .floor.all {
    padding: 1.2rem 0 0;
    line-height: 2.2rem;
}

.detail-content h1 {
    font-size: 3.0rem;
}
.detail-content h2 {
    font-size: 2.8rem;
}
.detail-content h3 {
    font-size: 2.6rem;
}
.detail-content h4 {
    font-size: 2.4rem;
}
.detail-content h5 {
    font-size: 2.2rem;
}
.detail-content h6 {
    font-size: 2.0rem;
}

.special-detail .special-tit img {
    height: auto;
    width: 100%;
}
.special-detail .special-subtit {
    font-size: 3rem;
}
.special-detail .special-txt-l {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
}
.special-detail .special-txt-l.center {
    text-align: left;
}
.special-detail .special-txt-m {
    font-size: 2.05rem;
    margin-bottom: 1.5rem;
}
.special-detail .tit-thin {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
}
.special-detail .wide-m {
    width: 100%;
    margin: 0 auto 3rem;
}
.special-detail .txt-box,
.special-detail .flex_box figure {
    width: 100%;
}
.special-detail .special-txt-s {
    font-size: 2.1rem;
}
.special-detail .name-wrap {
    padding-bottom: 3.5rem;
}
.special-detail .name {
    position: absolute;
    font-size: 2.25rem;
    bottom: 0;
    left: 0;
}
.special-detail .logo-box .txt-box {
    width: 100%;
}

.special-detail .logo-box .txt-box.one-column {
    width: 100%;
    margin: 0 auto;
}
.special-detail .logo-box .txt-box:not(:last-child) {
    margin-bottom: 5rem;
}
.special-detail .logo-box .img-box {
    width: 80%;
    padding-top: 80%;
    margin: 0 auto;
}
.special-detail .logo-box .special-txt {
    padding-top: 2rem;
}

.entry_banner {
    padding: 5rem;
}
.entry_banner .half-banner {
    width: 100%;
}
.child .frame-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 27rem;
}
}


/*==================================================
TOPICS
==================================================*/
.topics .event-sec {
    margin-top: 0;
    padding: 10rem 0 0;
}
.topics .event-sec::after {
    content: none;
}
.topics .event-sec .box {
    width: 31.897%;
    margin-bottom: 5rem;
    border-radius: 16px;
    background: #fff;
    border: 2px solid #EE8B00;
    box-shadow: 10px 10px 0px 0px rgba(238,139,0,0.15);
}
.topics .event-btn.active a {
    background: #EE8B00;
}
.topics .detail .btn a {
    background: #EE8B00;
}
.topics-detail-area h3 {
    color: #EE8B00;
    font-size: 2.0rem;
    border-bottom: 1px solid #EE8B00;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.topics-detail-area a {
    color: #EE8B00;
    text-decoration: underline;
}


@media screen and (max-width: 767px) {
.topics .event-sec .box {
    width: 47.5%;
    margin-bottom: 3rem;
    border-radius: 8px;
}
.topics .event-sec .box a figure img {
    border-radius: 7px 7px 0 0;
}
.topics .event-tit {
    font-size: 2.0rem;
    line-height: 1.5;
}
.topics .event-sec .box figure .floor, .topics-sec .box figure .floor {
    position: absolute;
    bottom: -1.25rem;
    right: 2.1rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
}
.topics .event-sec .box figure .floor.all {
    bottom: -1.0rem;
    right: 1.7rem;
    font-size: 2.0rem;
}
.topics .date-tit {
    margin-bottom: 0.5rem;
    display: block;
}
.topics .box .date {
    padding: 0.4rem 0;
    display: block;
    width: 100%;
}
}

/*==================================================
NEWS
==================================================*/
.news .news-sec {
    margin-top: 0;
    padding: 10rem 0 0;
}
.news .news-sec::after {
    content: none !important;
}
.news .event-btn.active a {
    background: #EE8B00;
}
.news .detail .btn a {
    background: #EE8B00;
}
.news .cate-area {
    margin-top: 0;
    margin-bottom: 0;
}
.news .cate-area .date-box .date {
    padding: 0.4rem 1.4rem 0.4rem 0;
}


/*==================================================
FLOOR
==================================================*/
.floor-guide {
    width: 100%;
    margin-bottom: 10rem;
}
.floor-guide tr {
    width: 100%;
}
.floor-guide tr.clickable {
    cursor: pointer;
    transition: .3s;
}
.floor-guide tr.clickable:hover {
    opacity: 0.7;
}
.floor-guide td {
    height: 11.2rem;
    display: table-cell;
}
.floor-guide td.deep {
    background-color: rgba(85,156,228,1);
}
.floor-guide td.text {
    background-color: rgba(85,156,228,0.2);
    border-bottom: 3px solid #fff;
}
.floor-guide td.text div.flex_box {
    position: relative;
}
.floor-guide td.text div.flex_box P {
    padding-left: 1.5rem;
}
.floor-guide td.logo {
    background-color: #fff;
}
.floor-guide td.floor {
    width: 7%;
    font-size: 2.5rem;
    color: #1D2B57;
    line-height: 1;
    margin-bottom: 0;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    text-align: center;
    color: #fff;
}
.floor-guide td.tit-cell {
    width: 21%;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 0;
    font-weight: bold;
    border-bottom: 3px solid #fff;
    padding-left: 1.5rem;
    color: #fff;
    line-height: 1.3;
}
.floor-guide td.text p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.floor-guide td.text p span.tit {
    font-size: 1.7rem;
    margin-bottom: 1rem;
    font-weight: bold;
    display: block;
}
.floor-guide td.text p span.txt {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 0;
}
.floor-guide td.text p span.txt.ls-s {
    letter-spacing: -.1rem;
}
.floor-guide td figure.icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    padding-right: 1.5rem;
}
.floor-guide td figure.icon img {
    display: inline-block;
    width: 3.25rem;
    margin: 0 0 0 0.25rem;
}
.floor-guide td.logo {
    width: 10.166666%;
    text-align: center;
}
.floor-guide tr:not(:last-child) td.logo {
    border-bottom: 3px solid rgba(85,156,228,0.2);
}
.floor-box {
	margin-bottom: 7rem;
}
.floor-sec {
	padding: 8.4rem 0 0;
    position: relative;
}


.floor-box a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
    cursor: pointer;
}
.floor-box a::hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.ontheground {
	background: url(../img/floor/floor-bg01.png) no-repeat right 10.5% bottom;
	background-size: auto 100%;
	border-bottom: 1px solid #999999;
}
.ontheground .floor-block {
	border-top: 1px solid #999999;
	padding: 1rem 0;
}
.floor-block .floor {
	font-size: 2.5rem;
	color: #1D2B57;
	margin-right: 3rem;
    width: 5rem;
	line-height: 1;
	margin-bottom: 0;
    font-weight: 600;
    font-family: 'Bodoni Moda', serif;
	margin-left: 1rem;
}
.floor-block .floor-name {
	font-size: 1.6rem;
	line-height: 1;
	margin-bottom: 0;
    width: 22.5rem;
    font-weight: bold;
}
.floor-block .floor-txt {
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 0;
}
.floor-block .floor-txt.txt_6f {
    line-height: 1.5;
    margin-top: -0.3rem;
    margin-bottom: -0.3rem;
}
.floor-block .icon-box {
	height: 3.25rem;
}
.floor-block .icon {
	display: inline-block;
	width: 3.25rem;
	margin: 0 0.5rem;
}
.floor-block .flex_box {
	align-items: center;
}
.underground {
	background: url(../img/floor/floor-bg02.png) no-repeat center top;
	background-size: 100% auto;
}
.underground .floor-block {
	padding: 1rem 0;
}

.icon-info {
	max-width: 650px;
	background: rgba(85,156,228,0.2);
	padding: 2.4rem 2rem;
	margin: 0 auto;
    border-radius: 1rem;
}
/*.ii-box {
	width: 24%;
}*/
.ii-box {
	width: 12%;
}
.ii-box:first-child {
    margin: 0px 2.65% 0 5.333333%;
}
.ii-box:last-child {
    margin: 0px 5.333333% 0 2.65%;
}
.ii-box figure {
	width: 60%;
	margin: 0 20% 1rem;
}
.ii-box p {
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
}
.floor-detail {
    padding: 10rem 0;
}
.floor-detail .tit-area {
    text-align: center;
}
.floor-detail .tit-area .floor-num {
    font-size: 10.4rem;
    color: #559CE4;
    line-height: 1;
    margin-bottom: 2rem;
}
.floor-detail .tit-area .floor-num span {
    font-size: 11.4rem;
}
.floor-detail .tit-area .floor-tit {
    font-size: 3rem;
    font-weight: bold;
    color: #559CE4;
    line-height: 1;
    margin-bottom: 5rem;
}
.floor-detail .tit-area .floor-catch-tit {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.floor-detail .tit-area p {
    font-size: 1.8rem;
    margin-bottom: 4rem;
}
.floor-btn span {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 2.4rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-40%);
    -webkit-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
}
.floor-btn a {
    background: #999999;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    margin: 0 auto;
}
.floor-btn.active {
    margin-top: 0 !important;
}
.floor-btn.active a {
    background: #559CE4;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    margin: 0 auto;
}
.floor-btn.active span {
    font-size: 3.0rem;
}
.floor-btn-box .slick-prev::before {
    content: '';
    background: url("../img/top/about_list_left.png") no-repeat top center;
    width: 0.81856rem;
    height: 1.45rem;
    display: block;
    background-size: 100%;
    opacity: 1;
} 
.floor-btn-box .slick-next::before {
    content: '';
    background: url("../img/top/about_list_right.png") no-repeat top center;
    width: 0.81856rem;
    height: 1.45rem;
    display: block;
    background-size: 100%;
    opacity: 1;
} 

.floor-menu-block {
	padding: 60px 0 0;
}
.floor-menu-block .floor-menu-wrap {
	padding: 0 20px;
	margin: 0 auto;
	box-shadow: none;
	max-width: 830px;
	width: 100%;
    box-sizing: border-box;
}
.floor-menu {
    width: 11%;
}
.floor-menu:not(:last-child) {
    border-right: 1px solid #ccc;
}
.floor-menu a {
    font-size: 1.71875rem;
    color: #1D2B57;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
    font-family: 'Bodoni Moda', serif;
    padding: 0.9rem 2rem 1.1rem;
    display: block;
    text-align: center;
}
.floor-menu.current a {
    font-size: 2.5rem;
    color: #eb9b00;
    padding: 0.5rem 2rem;
}
.floor-detail-catch {
    background: rgba(177,152,115,0.05);
    padding: 5rem 0;
    margin-top: 60px;
    text-align: center;
}
.floor-detail-catch .floor-catch-tit {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.icon-info-detail {
    
}
.icon-info-detail .icon-info-inner {
    max-width: 911px;
    width: 90%;
    margin: 0 auto;
}

.floor-photo-section {
    background: #559CE4;
    padding: 10rem 0;
}

.floor-photo-section .photo-box {
    width: 30.833333%;
}
.floor-photo-section .photo-box figure {
    margin-bottom: 3rem;
}
.floor-photo-section .photo-box p {
    color: #fff;
    text-align: center;
}

.floor-btn-area {
}
.floor-btn-box {
    max-width: 360px;
    width: 90%;
    margin: 0 auto 5%;
}
.floor-btn-box .floor-btn {
    width: 10%;
    text-align: center;
    height: 50px;
    margin-top: 5px;
}
.floor-btn-box .previous-btn,
.floor-btn-box .next-btn {
    width: 20%;
    text-align: center;
    padding-top: 1.5rem;
}
.floor-btn-box .previous-btn img,
.floor-btn-box .next-btn img {
    width: 0.81856rem;
}

.floor-detail-map {
	padding: 60px 0 120px;
    text-align: center;
}
.floor-detail-map .floor-num {
    width: 98px;
    height: 98px;
    background: #1d2b57;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 3rem;
}
.floor-detail-map .floor-num span {
    font-size: 50px;
    color: #fff;
    line-height: 2;
    margin-bottom: 0;
    font-weight: 600;
    font-family: 'Bodoni Moda', serif;
}
.floor-detail-map figure {
    width: 84.053%;
    margin: 4rem auto 0;
}

.floor-detail-section {
    background: url("../img/floor/shop-bg.png") repeat-y top center;
    background-size: 100% auto;
    padding: 10rem 0;
}
.floor-detail-section-tit-box {
    margin-bottom: 5rem;
}
.floor-detail-tit {
    font-size: 6.0rem;
    line-height: 1;
    margin-bottom: 0;
    color: #559CE4;
    text-align: center;
    margin-bottom: 0.5rem;
}
.floor-detail-subtit {
    color: #000;
    text-align: center;
    font-weight: bold
}
.floor-section-box {
    width: 47.916667%;
}
.floor-section-box figure {
    width: 34.782609%;
    background: #fff;
    position: relative;
    padding-top: 34.782609%;
}
.floor-section-box figure img {
    position: absolute;
    width: 90%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.floor-section-box .txt-box {
    width: 60%;
    padding-top: 0.5rem;
}
.floor-section-box .txt-box .cat {
    background: #559CE4;
    /* margin-top: 1rem; */
}
.floor-section-box .shop-name {
    font-weight: bold;
    color: #000333;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #000;
}
.floor-section-box .shop-name.ls {
    letter-spacing: -.1rem;
}
.floor-section-box p {
    font-size: 1.4rem;
    line-height: 1.714285714285714;
}
.floor .event-sec {
    padding: 10rem 0 0;
    margin-top: 0;
}
.floor .event-sec::after {
    content: none;
}
.floor .event-sec .sec-tit {
    font-size: 6.0rem;
    color: #559CE4;    
}
.floor .event-sec .box {
    border: 2px solid #559CE4;
    box-shadow: 10px 10px 0px 0px rgb(85 156 228 / 15%);
}
.floor .event-sec .box {
    opacity: 1;
    height: 100%;
    transition: all 0.4s ease 0s;
}
.floor .event-sec .box.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    border: none;
}
.floor .event-sec .box.is-hidden a {
    pointer-events: none;
    display: none;
}
.floor .event-sec .btn.more {
    margin: 3rem auto 0;
}
.floor .event-sec .btn a {
    background: #559CE4;
    pointer-events: auto;
}

.detail-floor-sec .floor-box {
    background: rgba(177,152,115,0.05);
    padding: 5rem;
}
.detail-floor-sec .floor-box .ontheground,
.detail-floor-sec .floor-box .underground {
    background: none;
}
.detail-floor-sec .floor-box .ontheground .floor-block:first-child {
    border-top: none;
}
.detail-floor-sec .floor-block .floor-name {
    font-size: 1.4rem;
    width: 20.5rem;
}
.detail-floor-sec .floor-block .floor-txt {
    font-size: 1.2rem;
}
.floor-bottom {
    padding-top: 10rem;
}
.floor06-banner {
    margin: 5rem 0 0;
}
.floor06-banner figure {
    width: 49%;
    margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
.floor-photo-section .wrap .photo-area::after {
    content:"";
    display: block;
    width:30%;
}
}
@media screen and (max-width: 1000px) {
.floor-block .floor-name {
    width: 24.5rem;
}
}
@media screen and (max-width: 840px) {
.floor-block .floor-txt {
    display: none;
}
}
@media screen and (max-width: 767px) {

.floor-guide td.floor {
    width: 1%;
}
.floor-guide td.tit {
    width: 30%;
}
.floor-guide td.text p {
    top: 30%;
}
.floor-guide td.text p.no-icon {
    top: 46%;
}
.floor-guide td figure.icon {
    top: 70%;
}
.floor-guide td.icon {
    width: 5%;
}
.ontheground {
    background: url(../img/floor/floor-bg01.png) no-repeat center bottom;
    background-size: auto 100%;
}
.underground {
    background-size: auto 100%;
}
.floor-block .floor-name {
	font-size: 1.6rem;
	line-height: 1.2;
    width: 22.5rem;
}
.floor-block .floor {
	margin-right: 0.5rem;
    width: 4rem;
	margin-left: 0;
    font-size: 1.8rem;
}
.floor-block .icon {
    width: 2rem;
    margin: 0.6rem 0.2rem 0 0 !important;
}
.icon-info {
    padding: 3rem 1rem 1rem;
}
.ii-box {
    width: 22% !important;
    margin: 0 auto 2rem !important;
}/*
.ii-box {
    width: 24%;
	margin-bottom: 2rem;
}*/
.ii-box figure {
    width: 40%;
    margin: 0 30% 1rem;
}
.ii-box p {
	font-size: 1.8rem;
}
.icon-info-inner.flex_box {
	justify-content: center;
}

.floor-menu-block {
    padding: 30px 0 0;
}
.floor-menu a {
    padding: 0.9rem 0.5rem 1.1rem;
}
.floor-menu.current a {
    padding: 0.5rem 0.1rem;
}
.floor-detail-catch {
    margin-top: 30px;
}
.floor-detail-catch .floor-catch-tit {
    font-size: 2.75rem;
}

.floor-detail-map {
	padding: 30px 0 60px;
    text-align: center;
}
.floor-detail-map .floor-num {
    width: 60px;
    height: 60px;
    margin: 0 auto 3rem;
}
.floor-detail-map .floor-num span {
    font-size: 30px;
}
.floor-detail-map figure {
    width: 100%;
    margin: 4rem auto 0;
}

.floor-detail-section {
    padding: 10rem 0;
}
.floor-detail-section-tit-box {
    margin-bottom: 5rem;
}
.floor-detail-tit {
    font-size: 4.5rem;
}
.floor-detail-subtit {
    font-size: 1.8rem;
}
.floor-section-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.floor-section-box:not(:last-child) {
    margin-bottom: 4rem;
}
.floor-section-box figure {
    width: 28.533333%;
}
.floor-section-box .txt-box {
    width: 66%;
    padding: 1rem 0 0;
}
.floor-section-box .txt-box p {
    font-size: 2.1rem;
}
.floor .event-sec {
}
/*.floor .event-sec::after {
    height: calc(100% - 25rem);
}*/
.detail-floor-sec .floor-box {
    padding: 2rem;
}
.floor-guide td.logo {
    width: 7.166666%;
    display: none;
}
.floor-guide td {
    height: 9.2rem;
    width: 21%;
    background-color: rgba(85,156,228,1) !important;
    color: #fff;
    position: relative;
    padding: 0 1.5rem;
}
.floor-guide td.text p span.tit {
    margin-bottom: 0;
    font-size: 2.0rem;
}
.floor-guide td figure.icon img {
    width: 2.5rem;
}
.floor-detail .tit-area .floor-num {
    font-size: 7.4rem;
}

.floor-btn-box .floor-btn {
    width: 12%;
}
.floor-btn.active {
    margin-top: 0 !important;
}
.floor-btn-box .previous-btn,
.floor-btn-box .next-btn {
    width: 10%;
}
.floor-btn-box .previous-btn img, .floor-btn-box .next-btn img {
    width: 1.6rem;
}
.floor-btn-box .previous-btn, .floor-btn-box .next-btn {
    padding-top: 2.5rem;
}
    
.floor-photo-section .photo-box {
    width: 100%;
}
.floor-photo-section .photo-box:not(:last-child) {
    margin-bottom: 4rem;
}
.floor-photo-section .photo-box figure {
    width: 80%;
    margin: 0 auto 2rem;
}

.floor .event-sec .box {
    width: 47.5%;
    margin-bottom: 3rem;
    border-radius: 8px;
}
.floor .event-sec .box a figure img {
    border-radius: 7px 7px 0 0;
}
.floor .event-sec .box a figure::after {
    content: none;
}
.floor .event-sec .box a figure p::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: -10px;
    background: #ee8b00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: -1;
}
.floor .event-tit {
    font-size: 2.0rem;
    line-height: 1.5;
}
.floor .event-sec .box figure .floor {
    position: absolute;
    bottom: -1.25rem;
    right: 3.0rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    z-index: 2;
    line-height: 1;
}
.floor .event-sec .box figure .floor.all {
    bottom: -1.0rem;
    right: 2.6rem;
    font-size: 2.0rem;
}
.floor .date-tit {
    margin-bottom: 0.5rem;
    display: block;
}
.floor .box .date {
    padding: 0.4rem 0;
    display: block;
    width: 100%;
}
.floor-detail .tit-area .floor-num span {
    font-size: 8.2rem;
}
.floor-btn-box {
    max-width: 80%;
    width: 80%;
    margin: 0 auto 10%;
}
.floor .event-sec .sec-tit {
    font-size: 4.6875rem;
}

}

/*==================================================
ACCESS
==================================================*/
.access .access-sec {
    margin-top: 0;
    padding: 10rem 0;
    text-align: center;
}
.access .access-sec::after {
    content: none;
}
.access .sec-en-tit {
    color: #e831b4;
}
.access .access-sec .map {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    margin-bottom: 5rem;
}
.access .access-sec .map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    idth: 100%;
}
.access .access-half-box {
    width: 47.5%;
}
.access .access-sec .access-half-box .access-box {
    width: 100%;
    text-align: left;
    margin-bottom: 5rem;
}
.access .access-tit {
    border-bottom: 1px solid #e831b4;
    padding: 0 0 2rem;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 2rem;
    color: #e831b4;
}
.access .access-sec.bike {
    background-color: rgba(232,49,180,0.1);
}
.access .access-sec.bike figure {
    width: 72.5952813067151%;
    margin: 0 auto;
}
.parking-sec {
    margin-top: 0;
    padding: 10rem 0;
    text-align: center;
    background: url("../img/access/parking-bg.png") repeat-y top center;
    background-size: 100% auto;
}
.parking-box {
    width: 47.5%;
}
.point-box table {
    max-width: 860px;
    width: 100%;
    margin: 0 auto 0.5rem;
}
.point-box {
    margin: 0 auto 5rem;
}
.point-box .ex-txt {
    max-width: 860px;
    width: 100%;
    font-size: 1.4rem;
    text-align: right;
    margin: 0 auto;
    
}
.point-box table th,
.point-box table td {
    width: 50%;
    text-align: center;
}
.point-box table th {
    font-weight: bold;
    padding: 2rem 0 1.5rem;
    background: #e831b4;
    color: #fff;
}
.point-box table th.left {
    border-right: 1px solid #fff;
}
.point-box table td {
    padding: 1.5rem 0 2rem;
    background: #fff;
    border-bottom: 1px solid #e831b4;
}
.point-box table td.left {
    border-right: 1px solid #e831b4;
}
.point-box .parking-txt {
    margin-bottom: 1.5rem;
    font-weight: bold;
}
.parking-box {
    text-align: left;
}
.parking-box:first-child,
.parking-box:nth-child(2) {
    margin-bottom: 10rem;
}
.parking-box .parking-name {
    font-size: 2.5rem;
    margin-bottom: 3rem;
    font-weight: bold;
}
.parking-box .white-box {
    background: #fff;
    border: 3px solid #e831b4;
    text-align: center;
    color: #e831b4;
    font-weight: bold;
    font-size: 2.0rem;
    margin-bottom: 3rem;
    padding: 1rem 0;
}
.parking-detail-box {
    margin-bottom: 3rem;
}
.parking-detail-box .detail-tit {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e831b4;
    font-size: 2.0rem;
    color: #e831b4;
}
.parking-detail-box .detail-txt {
    font-size: 1.6rem;
}
.parking-box .parking-detail {
    width: 100%;
    margin-bottom: 2.8rem;
}
.detail-at-txt {
    font-size: 1.6rem;
    padding-left: 1.6rem;
    text-indent: -1.6rem;
}

@media screen and (max-width: 767px) {
.access .access-half-box {
    width: 100%;
}
.access-box .access-list {
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}
.parking-box {
    width: 100%;
}
.parking-box figure {
    margin-bottom: 3rem;
}
.parking-box .parking-detail .parking-num {
    padding-top: 1.6rem;
}
.access .access-sec .map {
    width: 100%;
    padding-bottom: 100%;
}
.access .access-tit {
    font-size: 2.1rem;
}
.bike-parking {
    padding: 30px 0;
}
.bike-parking .bike-box {
    width: 100%;
}
.bike-parking .bike-box:first-child {
    margin-bottom: 5rem;
}
.parking-box .parking-detail .parking-txt-box .ex-txt {
    font-size: 2.0rem;
}
.parking-detail-box .detail-txt {
    font-size: 2.0rem;
}
}
/*==================================================
CONTACT
==================================================*/
.contact .contact-sec {
    margin-top: 0;
    padding: 10rem 0;
    text-align: center;
}
.contact .sec-en-tit {
    color: #559ce4;
}
.contact .contact-box:not(:last-child) {
    padding: 0 0 10rem;
    border-bottom: 1px solid #559ce4;
    margin-bottom: 10rem;
}
.contact .contact-sec .flex_box {
    justify-content: center;
    align-items: baseline;
}
.contact .contact-box .flex_box .contact-tel,
.contact .contact-box .flex_box .contact-mail {
    margin: 0 1rem
}
.contact .contact-tel {
    line-height: 1;
    display: inline-block;
    font-size: 2.0rem;
}
.contact .contact-tel::before {
    content: '';
    background: url("../img/contact/icon-tel.png") no-repeat top center;
    background-size: 100% auto;
    width: 30px;
    height: 39px;
    display: inline-block;
    margin-right: 0.5rem;
}
.contact .contact-tel span.tel-num {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 6.0rem;
}
.contact .contact-tel span.font-m {
    font-size: 2.5rem;
}
.contact .contact-mail {
    line-height: 1;
    display: inline-block;
    font-size: 2.0rem;
}
.contact .contact-mail::before {
    content: '';
    background: url("../img/contact/icon-mail.png") no-repeat top center;
    background-size: 100% auto;
    width: 39px;
    height: 27px;
    display: inline-block;
    margin-right: 0.5rem;
}
.contact .contact-mail span {
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-size: 4.0rem;
}
.contact .bottom-time {
    font-size: 2.0rem;
    margin-top: 1rem;
}
.contact .contact-inner-box {
    width: 90%;
    margin: 4rem 5% 0;
    padding: 4rem 0;
    background: rgba(85,156,228,0.1);
}
.contact .contact-inner-box p {
    text-align: center;
}
.contact .contact-box .contact-btn01 {
    max-width: 700px;
}
.contact .contact-box .contact-btn01 a {
    background: #559ce4;
}
.contact .contact-box .contact-btn02 {
    max-width: 340px;
}
.contact .contact-box .contact-btn02 a {
    background: #559ce4;
}
.contact .tenant-sec {
    padding: 10rem 0;
    background: url("../img/contact/tenant-bg.png") repeat-y top center;
    background-size: 100% auto;
}
.contact .tenant-sec .flex_box {
    justify-content: space-between;
}
.contact .tenant-sec .floor-box:first-child {
    margin-bottom: 5rem;
}
.contact .tenant-sec .floor-box .flex_box {
    width: 91.75%;
}
.contact .tenant-sec .floor-box .floor-box-num {
    width: 6.25%;
    padding-top: 0.8rem;
}
.contact .tenant-sec .floor-box .floor-box-num p {
    width: 100%;
    padding-top: 100%;
    background: #559ce4;
    display: block;
    position: relative;
    border-radius: 50%;
}
.contact .tenant-sec .floor-box .floor-box-num p span.floor-num {
    color: #fff;
    font-size: 3.3rem;
    line-height: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.contact .tenant-sec .floor-box .floor-box-num p span.num {
    font-size: 3.5rem;
}
.contact .tenant-sec .floor-box .floor-txt-box {
    width: 48.5%;
    margin-bottom: 5rem;
}
.contact .tenant-sec .floor-box .floor-txt-box:last-child,
.contact .tenant-sec .floor-box .floor-txt-box:nth-last-child(2) {
    margin-bottom: 0;
}
.contact .tenant-sec .floor-box .floor-txt-box h4 {
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 2.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.contact .tenant-sec .contact-tit {
    margin-bottom: 5rem;
}

@media screen and (min-width: 1400px) {
.contact .tenant-sec .floor-box .floor-txt-box h4 {
    font-size: 23px;
}
}
@media screen and (max-width: 767px) {
.contact .contact-box .contact-btn01 a span {
    line-height: 1.5;
}
.contact .contact-tel::before {
    width: 2.3rem;
    height: 3rem;
}
.contact .contact-tel {
    margin-bottom: 2rem !important;
}
.contact .contact-tel span.font-m {
    font-size: 1.8rem;
}
.contact .contact-mail::before {
    width: 3rem;
    height: 2rem;
}
.contact .contact-mail span {
    font-size: 3.5rem;
}
.contact .contact-inner-box {
    width: 100%;
    margin: 3rem 0 0;
    padding: 3rem;
}
.contact .contact-inner-box p {
    text-align: left;
    font-size: 1.8rem;
    padding-left: 1.4rem;
    text-indent: -1.4rem;
}
.contact .contact-box .contact-btn01 a {
    padding: 1.5rem 0;
}
.contact .contact-box .contact-btn01.double-line a {
    padding: 0.5rem 0;
}

.contact .tenant-sec .floor-box .floor-box-num {
    width: 12%;
    padding-top: 0;
    margin: 0 auto 3rem;
}
.contact .tenant-sec .floor-box .flex_box {
    width: 100%;
}
.contact .tenant-sec .floor-box .floor-txt-box {
    width: 100%;
    margin-bottom: 2rem;
}
.contact .tenant-sec .floor-box .floor-txt-box:nth-last-child(2) {
    margin-bottom: 2rem;
}
.contact .tenant-sec .floor-box .floor-txt-box:last-child {
    margin-bottom: 0;
}
.contact .tenant-sec .floor-box .floor-txt-box h4 {
    font-size: 2.2rem;
}
.contact .contact-tel span.tel-num {
    font-size: 5.2rem;
}
}
/*==================================================
service
==================================================*/
.service .service-sec {
    margin-top: 0;
    padding: 10rem 0;
}
.service .sec-en-tit {
    color: #a586ea;
}
.service .service-box:not(:last-child) {
    margin-bottom: 6.5rem;
}
.service .service-box .service-tit-box {
    padding: 0 0 2rem;
    border-bottom: 1px solid #a586ea;
    margin-bottom: 3rem;
    position: relative;
    cursor: pointer;
}
.service .service-box .service-tit-box .service-tit {
    color: #a586ea;
    font-size: 2.0rem;
}
.service .service-box .service-tit-box:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 18%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #a586ea;
  border-right: solid 2px #a586ea;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.service .service-box .service-tit-box.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 25%;
}
.service .service-box .service-txt-box.width-m {
    max-width: 1000px;
    margin: 0 auto;
}
.service .service-box .service-txt-box.width-s {
    max-width: 678px;
    margin: 0 auto;
}
.service .service-box .service-txt-box .pay-box {
    background: rgba(165,134,234,0.1);
}
.service .service-box .service-txt-box .pay-box {
    margin-bottom: 3rem;
}
.service .service-box .service-txt-box .pay-box.emoney,
.service .service-box .service-txt-box .pay-box.debit {
    margin-bottom: 0.5rem;
}
.service .service-box .service-txt-box .pay-box .pay-tit {
    padding: 0.5rem 0;
    width: 100%;
    background: #a586ea;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}
.service .service-box .service-txt-box .pay-box .pay-inner {
    padding: 3rem 0;
}
.service .service-box .service-txt-box .pay-box.credit figure {
    max-width: 806px;
    width: 80%;
    margin: 0 auto;
}
.service .service-box .service-txt-box .pay-box.barcode figure {
    max-width: 637px;
    width: 80%;
    margin: 0 auto;
}
.service .service-box .service-txt-box .pay-box.emoney {
    width: 78%;
    height: 15.564rem;
}
.service .service-box .service-txt-box .pay-box.emoney figure {
    width: 83.8461538461538%;
    margin: 0 auto;
}
.service .service-box .service-txt-box .pay-box.debit {
    width: 20%;
    height: 15.564rem;
}
.service .service-box .service-txt-box .pay-box.debit figure {
    width: 22.93265%;
    margin: 0 auto;
}
.service .service-box .service-txt-box .under-txt {
    margin-top: 3rem;
}
.service .service-box .service-txt-box .under-txt .txt-box {
    width: 48.5%;
}
.service .service-box .service-txt-box a {
    color: #000;
    text-decoration: underline;
}
.service .service-box .service-txt-box .parking-table {
    width: 100%;
    margin: 0 auto 3rem;
}
.service .service-box .service-txt-box .parking-table th {
    background: #a586ea;
    color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff; 
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1.5rem;
    width: 33.3333%;
}
.service .service-box .service-txt-box .parking-table td {
    text-align: center;
    padding: 1.5rem;
    line-height: 1.75;
    border-bottom: 1px solid #a586ea; 
}
.service .service-box .service-txt-box .parking-table td.border {
    border-left: 1px solid #a586ea;
    border-right: 1px solid #a586ea; 
}
.service .service-box .service-txt-box .floor-box {
    width: 46.312%;
    margin-bottom: 3rem;
}
.service .service-box .service-txt-box .floor-box .floor-guide {
    width: 100%;
    margin-bottom: 0;
}
.service .service-box .service-txt-box .floor-guide .floor {
    width: 30%;
    background: #a586ea;
}
.service .service-box .service-txt-box .floor-guide .tit-cell {
    width: 70%;
    text-align: center;
    background: #a586ea;
    padding-left: 0;
    padding-top: 3rem;
}
.service .service-box .service-txt-box .floor-guide .tit-cell .icon {
    position: relative;
    top: 0;
    right: 0;
    padding-right: 0;
    display: block;
}
.service .service-box .service-txt-box .icon-info {
    max-width: 477px;
    background: rgba(165,134,234,0.2);
}
.service .service-box .service-txt-box .ii-box figure {
    width: 78%;
    margin: 0 10% 1rem;
}

.service .others-sec {
    padding: 10rem 0;
    background: url("../img/service/others-bg.png") repeat-y top center;
    background-size: 100% auto;
}
span.bold {
    font-weight: bold;
}

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

.service .service-inner-box {
    padding: 2rem;
    text-align: left;
}
.service .service-inner-box p {
    line-height: 1.75;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}
.service .service-box {
    padding: 0 0 0.5rem 0;
    margin-bottom: 2rem !important;
}
.service .service-box p {
    font-size: 2.0rem;
}
.service .service-box .service-txt-box {
    padding-bottom: 3rem;
}
.service .service-box .service-txt-box .pay-box.emoney {
    width: 100%;
    height: auto;
}
.service .service-box .service-txt-box .pay-box.emoney figure {
    width: 65%;
    margin: 0 auto;
}
.service .service-box .service-txt-box .pay-box.debit {
    width: 100%;
    height: auto
}
.service .service-box .service-txt-box .pay-box.debit figure {
    width: 13%;
    margin: 0 auto;
}
.service .service-box .floor-guide.sp {
    width: 100%;
    margin-bottom: 5rem;
    display: table !important;
}
.service .service-box .service-txt-box .floor-guide .floor {
    width: 15%;
}
.service .service-box .service-txt-box .floor-guide .tit-cell {
    width: 85%;
    padding-top: 4rem;
}
.service .service-box .service-txt-box .floor-guide td {
    height: 7.2rem;
    background: #a586ea !important;
}
.service .service-box .floor-guide td figure.icon img {
    width: 4rem;
    margin: 0 0.5rem;
}
.service .service-box .ii-box {
    width: 12% !important;
}

.service .service-box .service-btn01 a span {
    line-height: 1.75;
}
.service .tenant-sec {
    padding: 50px 0 20px;
}
.service .tenant-sec .floor-box .floor-box-num {
    width: 12%;
    padding-top: 0;
    margin-bottom: 3rem;
}
.service .tenant-sec .floor-box .flex_box {
    width: 100%;
}
.service .tenant-sec .floor-box .floor-txt-box {
    width: 100%;
    margin-bottom: 2rem;
}
.service .tenant-sec .floor-box .floor-txt-box:nth-last-child(2) {
    margin-bottom: 2rem;
}
.service .tenant-sec .floor-box .floor-txt-box:last-child {
    margin-bottom: 0;
}
}
/*==================================================
policy
==================================================*/
.policy .policy-sec {
    margin-top: 0;
    padding: 10rem 0;
}
.policy .sec-en-tit {
    color: #ee8b00;
}
.policy .policy-box:not(:last-child) {
    margin-bottom: 6.5rem;
}
.policy .policy-box .policy-tit {
    padding: 0 0 2rem;
    border-bottom: 1px solid #000;
    margin-bottom: 3rem;
    font-size: 2.0rem;
    font-weight: bold;
}
.policy .policy-box .policy-txt {
    font-size: 1.6rem;
}
.policy .policy-box .policy-txt span {
    font-weight: bold;
}
.policy .policy-box .policy-txt a {
    text-decoration: underline;
}

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

.service .service-inner-box p {
    line-height: 1.75;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}
.service .service-box {
    padding: 0 0 0.5rem 0;
    margin-bottom: 2rem !important;
}
.service .service-box p {
    font-size: 2.0rem;
}
.service .service-box .service-txt-box {
    padding-bottom: 3rem;
}
.policy .policy-box .policy-txt {
    font-size: 2.0rem;
}
.policy .policy-box .policy-tit {
    font-size: 2.3rem;
}
}
/*==================================================
SITEMAP
==================================================*/
.sitemap .sitemap-sec .wrap {
    max-width: 575px;
}
.sitemap .sitemap-list {    
}
.sitemap .sitemap-list li {
    display: block;
    margin-bottom: 10rem;
}
.sitemap .sitemap-list li a {
    font-size: 2.0rem;
    color: #48d1d8;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #48d1d8;
}
.sitemap .sitemap-list li a span {
    color: #48d1d8;
    font-size: 4.5rem;
    margin-right: 1.5rem;
    vertical-align: sub;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
}
.sitemap .sitemap-list li a::after {
    content: '';
    background: url("../img/sitemap/sitemap-arrow.svg") no-repeat top center;
    background-size: 100% auto;
    width: 5px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 1rem;
}
.sitemap .sitemap-list li .flex_box {
    margin-top: 2rem;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor {
}
.sitemap .sitemap-list li .flex_box .sitemap-floor a {
    text-decoration: underline;
    color: #000;
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
    border-bottom: none;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor a::after {
    content: none;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor a::before {
    content: none;
}


@media screen and (min-width: 1400px) {

.sitemap .sitemap-list li a span {
    font-size: 42px;
}
}
@media screen and (max-width: 767px) {
.sitemap .sitemap-list li a span {
    font-size: 3.5rem;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor {
    width: 20%;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor:first-child,
.sitemap .sitemap-list li .flex_box .sitemap-floor:nth-child(2),
.sitemap .sitemap-list li .flex_box .sitemap-floor:nth-child(3),
.sitemap .sitemap-list li .flex_box .sitemap-floor:nth-child(4),
.sitemap .sitemap-list li .flex_box .sitemap-floor:nth-child(5) {
    margin-bottom: 2rem;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor:last-child::before {
    content: none;
}
.sitemap .sitemap-list li .flex_box .sitemap-floor a {
    font-size: 2.1rem;
}
}

/*==================================================
NEWS(ListPage/DetailPage)
==================================================*/
.news .news-sec .flex_box::after {
    content: '';
    display: block;
    width: 47.7278666666667%;
    height: 0;
}
.news .news-sec .box {
    margin-bottom: 3.6rem;
    width: 47.7278666666667%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3rem 3rem;
}
.news .news-sec .box a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
    justify-content: space-between;
}
.news .news-sec .box a figure {
    width: 34.090909%;
}
.news .news-sec .box a .txt-box {
    width: 62.084357%;
    padding-top: 2.7rem;
}
.news .news-sec .box a .txt-box .date {
    padding: 0.4rem 1.4rem 0.4rem 0;
    margin-bottom: 0.5rem;
}
.news .news-sec .box a .txt-box .news-tit {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0;
}
.news .news-sec .box .flex_box::after {
    contents: none;
}
.news .news-sec .box .cat {
    background: #1d2b57;
    padding: 0.1rem 1rem 0.3rem;
    font-size: 1.21rem;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}
@media screen and (max-width: 767px) {
.news .news-sec .box {
    width: 100%;
}
.news .news-sec .box a .txt-box {
    padding-top: 0;
}
.news .news-sec::after {
    content: '';
    background: url("../img/top/event-bg.jpg") repeat-y top left;
    background-size: 200%;
}
    .news-top-txt {
        padding-top: 4rem;
    }
}

/*==================================================
BLOG
==================================================*/
.news-list li {
    width: 31.5%;
    margin-bottom: 6.5rem;
}
.news-list li .img-box {
    position: relative;
    margin-bottom: 2.7rem;
}
.news-list li .img-box .cat {
    position: absolute;
    top: -5px;
    left: 15px;
    background: #006b9e;
    padding: 13px 17px;
    color: #fff;
    line-height: 1;
}
.news-list li .img-box .cat::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 0 5px;
    border-color: transparent transparent transparent #044154;
}
.news-list li .blog-list-tit {
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}
.news-list li .data {
    font-size: 1.4rem;
    color: #918b8a;
    line-height: 1
}
.news-list::after {
    display: block;
    content: '';
    width: 31.5%;
}
.news-list {
    height: 1480px;
    overflow: hidden;
    margin: 0 0 16rem;
    padding-top: 5px;
}
.news-list.slide-down {
    height: 100%;
    margin: 0 0;
}
.news-list-box {
    position: relative;
}



.news-content-box {
    margin-top: 6rem;
}
.news-content-box p,
.news-content-box figure {
    margin-bottom: 6rem;
}
.news-content-box p:last-child {
    margin-bottom: 0;
}
.news-navi {
    padding: 0 0 12rem;
}


@media screen and (min-width: 768px){
a[href^="tel:"] {
    pointer-events: none;
}
}
@media screen and (max-width: 767px) {
/*==================================================
cmn
==================================================*/
html {
	font-size: 43.4783%;
    overflow-x: hidden;
}
body {
	font-size: 2.1rem;
    position: relative;
    z-index: -1;
}
#main {
    position: relative;
    z-index: 0;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
.wrap, .wrap-l, .wrap-m {
	padding: 0 5%;
}
.tit-sec .wrap {
	width: 100%;
	padding: 0 5%;
}

a:hover, input[type="submit"]:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
/*==================================================
header
==================================================*/
.site-header {
    padding: 0;
    width: 100%;
}
.site-header.slide {
    transform: translateY(-250%);
    transition: .5s;
}
.site-header.slide.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    transform: translateY(-0%) !important;
}
#first-area {
    background-size: 85% auto;
}
.site-header .nav_wrap {
    padding: 0;
}
.site-header .nav_wrap .h_logo {
    margin-left: 0;
    padding: 12px 10px 11px;
    background: #fff;
    z-index: 2;
    width: 57%
}
.site-header .nav_wrap .h_logo img {
    height: 36px !important;
}
.site-header .h_btn_area {
    padding-right: 4%;
}
.tel-btn {
    background: #f0f1f1;
    padding: 9px 10px 4px;
    text-align: center;
    z-index: 2;
    width: 24%;
}
.tel-btn img {
    display: block;
    width: 16px;
    margin-bottom: 4px;
    margin: 0 auto;
}
.tel-btn .tel_sp {
    font-size: 1.5rem;
    color: #006b9c;
}
.h_nav_btn {
    width: 13vw;
    text-align: center;
    color: #ccc;
    margin-top: 0.3rem
}
.h_nav_btn p {
    font-size: 1.5rem;
    color: #284db2;
    line-height: 1;
    margin-top: 1.0rem;
}
.Language-btn figure, .search-btn figure {
    height: 2.6rem;
    margin-bottom: 0;
}
.h_nav_wrap {
    display: none;
}
.h_lang_wrap {
    display: none;
}
.h_logo {
    padding: 2rem 0 2.0rem 1.5rem;
}
.h_logo img {
    height: 3.0rem;
    margin-right: 1rem;
}
.h_logo h1 {
    font-size: 1.6rem;
    margin-top: 0;
    line-height: 1.2;
}
.Language-btn {
    width: 16vw;
    text-align: center;
    padding: 1.5rem 0rem;
}
.Language-btn a {
    padding-top: 1.4rem;
}
.Language-btn figure img {
    width: 4vw;
}
.search-btn {
    width: 14vw;
    text-align: center;
    margin-right: 1rem;
}
.search-btn a {
    padding-top: 1.4rem;
}
.search-btn figure img {
    width: 4vw;
}

.h_nav_wrap {
    display: none;
    background-color: #fff;
    background-size: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
}
.h_nav_wrap .nav_list:first-child {
    padding: 90px 10% 0 !important;
}
.h_nav_wrap .nav_list {
    padding-top: 7px !important;
}
.h_nav_wrap .nav_list li {
    font-size: 1.8rem !important;
    display: block;
    float: none;
    margin-bottom: 7rem;
    width: 38% !important;
    text-align: left;
}
.h_nav_wrap .nav_list li span {
    font-size: 3.5rem !important;
    display: block;
    margin-bottom: 0.5rem;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    color: #284db2;
}
.h_nav_btn-close {
    height: 60px;
    width: 16vw;
    text-align: center;
    padding: 8px 0 0 0;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100%;
}
.h_nav_btn-close img {
    width: 25%;
    margin: 2.5rem 37.5% 0.5rem;
}
.h_nav_btn-close p {
    font-size: 1.5rem;
    color: #000;
}
.h_nav_btn img {
    width: 25%;
    margin: 1.8rem 37.5% 0.5rem;
}
.h_nav_wrap .h_sns {
    width: 52.266667%;
    padding-top: 0.5rem;
    margin: 0 auto;
}
.h_nav_wrap .h_sns li {
    width: 17.9487179487179%;
}
.h_lang_wrap {
    display: none;
    background-color: #1d2b57;
    background-size: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
}
.h_lang_wrap .lang_list:first-child {
    padding: 90px 0 0 0 !important;
}
.h_lang_wrap ul {
    padding-top: 7px !important;
    width: 80%;
    margin: 0 10%;
}
.h_lang_wrap ul li {
    font-size: 2.5rem !important;
    display: block;
    float: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100% !important;
    text-align: center;
}
.h_lang_wrap ul li:not(:last-child) {
    border-bottom: 1px solid #fff;
}
.h_lang_wrap ul li a {
    color: #fff;
    font-family: 'Noto Serif JP', serif;
}
.h_lang_btn-close {
    height: 60px;
    width: 16vw;
    text-align: center;
    padding: 8px 0 0 0;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100%;
}
.h_lang_btn-close img {
    width: 25%;
    margin: 2.5rem 37.5% 0.5rem;
}
.h_lang_btn-close p {
    font-size: 1.5rem;
    color: #fff;
}


/*==================================================
footer
==================================================*/
.site-footer {
	padding: 10px 0 20px 0;
	clear: both;
}
.site-footer .foottit-area h2 img {
	width: 70%;
    margin-bottom: 10px !important;
}
.site-footer .left,
.site-footer .access-train,
.site-footer .access-car {
    width: 100% !important;
}
.site-footer .left {
	margin-bottom: 10px;
    padding: 10px 0 10px 0 !important;
    border-bottom: 1px solid #d0d1d1;
    border-right: none !important;
}
    
.site-footer .foottit-area h3 {
    font-size: 2.8rem;
}
.footaddress-area p {
	font-size: 2.0rem;
    line-height: 1.78;
}
.access-area {
    width: 1000%;
}
.access-train  {
    padding: 10px 0;
}
.access-car  {
    padding: 10px 0 20px;
}
.access-train img  {
    width: 22px;
    height: auto;
}
.access-car img {
    width: 37.5px;
    height: auto;
}
.access-train p {
	font-size: 2.0rem;
    line-height: 1.78;
}
.access-car p {
	font-size: 2.0rem;
    line-height: 1.78;
}
.site-footer address {
	font-style: normal;
	padding: 10px 0;
	text-align: center;
    background: #006b9e;
    color: #fff;
}
.top-btn-area .top-line::after {
    background-color: #d0d1d1;
}
.top-btn-area .top-line {
    right: 16px;
    bottom: 405px;
}
.top-btn-area .top-text {
    font-size: 2.0rem;
    right: 3px;
    bottom: 441px;
}

.sp_foot_btn {
    display: none;
}
.sp_foot_btn.fixed {
    display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 997;
	width: 100%;
	transition: .3s;
    background: rgba(0,107,158,0.85);
    padding: 10px 0;
}
.sp_foot_btn_wrap {
    padding: 0 3%;
}
.sp_foot_rsv {
    width: 48.5%;
}
.sp_foot_rsv a {
    width: 100%;
    height: 100%;
    display: block;
    background: #c97d17;
    padding: 10px;
    text-align: center;
}
.sp_foot_rsv a::before {
    content: '';
    background: url("img/sp_foot_rsv_icon.png") no-repeat top center;
    background-size: 100%;
    width: 15px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.sp_foot_rsv a .rsv-btn-box {
    display: inline-block;
    vertical-align: middle;
}
.sp_foot_rsv a .rsv-btn-box .rsv-btn-tit {
    font-size: 2.0rem;
}
.sp_foot_rsv a .rsv-btn-box .rsv-btn-txt {
    font-size: 1.4rem;
}
.sp_foot_tel {
    width: 48.5%;
}
.sp_foot_tel a {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    padding: 10px;
    text-align: center;
}
.sp_foot_tel a::before {
    content: '';
    background: url("img/sp_foot_tel_icon.png") no-repeat top center;
    background-size: 100%;
    width: 19px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.sp_foot_tel a p {
    color: #006b9e;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.0rem;
    line-height: 1;
}

/*==================================================
content
==================================================*/
.flex_box.sp {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
}
.tit-sec .wrap {
	margin-left: auto;
	padding: 0 5%;
}
h3.tit01 {
	padding-bottom: 15px;
	margin-bottom: 25px;
    line-height: 1.4;
}
h4.tit02 {
	font-size: 2.6rem;
	margin-bottom: 15px !important;
    line-height: 1.4;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}
h4.tit02::before {
	border-width: 10px 12px 0 0;
    margin-top: 4px;
}
h5 {
	font-size: 16px;
	margin-bottom: 12px;
    line-height: 1.4;
	text-indent: -2rem;
	padding-left: 2rem;
}

/*カラム*/
.col-2, .col-3, .col-4 {
	overflow: hidden;
}
.col-2 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-3 .col-box:nth-of-type(3n) {
	margin-right: 1%;
}
.col-4 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-2 .col-box {
	width: 100%;
	float: left;
	margin: 0 0 3.5% 0;
}
.col-3 .col-box {
	width: 100%;
	float: left;
	margin: 0 0 5% 0;
}
.col-4 .col-box {
	width: 49%;
	float: left;
	margin: 0 2% 20px 0;
}
.detail-link {
	margin: 40px auto 0;
	max-width: 260px;
}
.single .main-content, .page .main-content, .archive .main-content {
    margin-top: 44px;
}

.block {
	margin-bottom: 25px !important;
}
.block-txt {
    padding-left: 12px !important;
}

/*==================================================
index
==================================================*/
#main-movie {
    padding: 0;
    background: url(../img/top/main-mov-bg_sp.png) top 6.5rem center no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 6rem;
}
.nav_list li::after {
    content: none !important;
}
.mv_list_item .main-txt {
    padding: 1.5rem 1.8rem 2rem;
}
.mv_img .main-txt h3 {
    font-size: 3rem;
    margin: 0 0 1rem;
    line-height: 1.4;
}
.mv_img .main-txt p {
    line-height: 1.5;
}

/*#mv .slick-dots li button:before {
    font-size: 8px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    content: '•';
}
#mv .slick-dots li.slick-active button:before {
    opacity: 1;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
}*/
#mv .slick-prev:before {
    width: 30px;
    height: 30px;
}
#mv .slick-next:before {
    width: 30px;
    height: 30px;
}
#mv .slick-prev {
    left: 10px;
}
#mv .slick-next {
    right: 10px;
}
#mv .slick-prev, #mv .slick-next {
    width: 30px !important;
    height: 30px !important;
}
#mv .slick-prev:hover, .slick-next:hover {
}

#mv .slick-dots li button:before {
    width: 40px;
    height: 3px;
}
#mv .slick-dots li.slick-active button:before {
    width: 40px;
    height: 3px;
}
#mv .slick-dots li {
    width: 50px;
}
    
/*.scroll-area .scroll-line {
    width: 2px;
    height: 70px;
    background: rgba(255, 255, 255, 0.5);
    background-color: #284db2;
    position: absolute;
    left: 10px;
    bottom: -60px;
}*/
.scroll-area .scroll-text,
.scroll-area .scroll-line {
    display: none;
}

.notice-sec .wrap {
    padding: 1rem 10px;
}
.notice-sec .tit-box {
    width: 22%;
}
.notice-sec .list-box {
    width: 77%;
}
.notice-date {
    width: 22%;
    margin: 0;
    font-size: 1.6rem;
}
.notice-txt {
    width: 78%;
    font-size: 1.6rem;
}
.notice-subtit {
    font-size: 1.6rem;
}

.event-sec {
    margin-top: 10rem;
    padding: 0 0 6rem;
}
.event-sec .sec-tit {
    font-size: 4.6875rem;
}
.home .event-sec .box {
    width: 47.50%;
    margin-bottom: 6rem;
}
.event-tit {
    font-size: 2.1rem;
}
.cat,
.date-tit {
    font-size: 1.5rem;
}
.date {
    font-size: 2.0rem;
    line-height: 1.2;
    padding:  0.4rem 1.4rem 0.4rem 0;
}
.event-sec .box figure::after, 
.topics-sec .box figure::after {
    content: none;
    border-width: 45px 45px 0 0;
}
.event-sec .box figure p::after,
.topics-sec .box figure p::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: -10px;
    background: #ee8b00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: -1;
}
.floor .event-sec .box figure::after {
    content: none;
}
.event-sec::after {
    content: '';
    background: url(../img/top/event-bg_sp.png) repeat top center;
    background-size: 100%;
    width: 100%;
    height: calc(100% + 15rem);
    top: -15rem;
    left: 0;
    z-index: 1;
    display: block;
    position: absolute;
}
    
.event-sec .event-calendar {
    text-align: center;
    display: block;
    margin-bottom: 3rem;
    float: none;
}
.event-sec .event-calendar .calendar-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
#darktooltip-def-html {
    width: 80%;
    margin-top: 3rem;
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
}
#darktooltip-def-html img {
    width: 100%;
}
    
.btn {
    max-width: 190px;
    margin: 2rem auto 0;
}
.btn a {
    padding: 2.1rem 0;
    font-size: 2.0rem;
    font-weight: bold;
}
.topics-sec::after {
    content: '';
    background: url(../img/top/topics-bg_sp.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: calc(100% + 15rem);
    top: -15rem;
    left: 0;
    z-index: 1;
    display: block;
    position: absolute;
}
.topics-sec .box {
    width: 47.5%;
    margin-bottom: 6rem;
    border-radius: 16px;
    border: 2px solid #ee8b00;
    background: #fff;
    box-shadow: 10px 10px 0px 0px rgb(0 0 0 / 10%);
}
.topics-sec {
    margin-top: 11rem;
    padding: 0 0 12rem;
}
.topics-sec .sec-tit {
    font-size: 4.6875rem;
}
.topics-detail-area {
    padding-bottom: 10rem;
}

.mid-banner-sec .half-banner {
    width: 100%;
    margin-bottom: 3rem;
}
.mid-banner-sec {
    padding: 3rem 0 1rem;
}
.bottom-banner-sec .half-banner {
    width: 100%;
    margin-bottom: 3rem;
}
.bottom-banner-sec {
    padding: 8rem 0 0rem;
}

.access-sec {
    padding: 8rem 0 20rem;
    z-index: -1
}
.access-sec .map,
.access-sec .tit-box {
    width: 100%;
}
.access-sec .map {
    margin-bottom: 3rem;
}
.access-sec .sec-tit {
    font-size: 4.5rem;
}
.access-tit {
    font-size: 2.1rem;
}
.access-box {
    margin-bottom: 0;
}
.access-box p {
    font-size: 2.1rem;
    line-height: 1.625;
}
.access-box p.time {
    font-size: 2.1rem;
    margin-bottom: 0.5rem;
}
.access-box p span {
    font-size: 1.8rem;
}
.access-sec .access-box {
    width: 100%;
}
.access-sec .access-box .btn {
    max-width: 230px;
    width: 100%;
    margin: 0;
    text-align: center;
}
.access-sec .access-box .btn a {
    padding: 2.1rem 0;
    border-radius: 25px;
}

.access-btn {
}
.access-btn a {
    font-size: 2.1rem;
    padding: 12px 7.3rem 12px 5.5rem;
}
.access-btn a::after {
    content: '→';
    font-size: 2.4rem;
}
.access-sec::after {
    content: '';
    background: url(../img/top/access-bg_sp.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: calc(100% + 15rem);
    top: -15rem;
    left: 0;
    z-index: 1;
    display: block;
    position: absolute;
}

.about-sec {
    padding: 8rem 0 11rem;
}
.about-sec .sec-tit {
    font-size: 4.5rem;
}
.about-tit {
    font-size: 2.1rem;
}
.about_list_item .box {
    width: 100%;
    background: rgba(85,156,228,0.25);
    border-radius: 16px;
    position: relative;
    padding: 5rem 3rem 3rem;
    margin: 2.5rem 0;
}
.about-sec .slick-dots {
    bottom: -50px;
    width: 120%;
    left: -10%;
}
.about-sec .center {
    text-align: left;
    margin-bottom: 5rem;
}
.about-sec .txt-box {
    position: relative;
}
.about-sec .txt-box .shop-name {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
}
.about-sec .txt-box_sp {
    width: 100%;
    padding-top: 2rem;
}
.about_list_item .box .box-tit-box {
    position: absolute;
    top: -3rem;
    z-index: 2;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    left: 50%;
    display: block;
    width: 100%;
    text-align: center;
}
.about-sec .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 40px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
.about-sec .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #999999;
    border-radius: 20px;
    margin: 0 5px;
}
.about-sec .slick-dots li.slick-active button {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #559ce4;
    margin: 0 0px;
}
.about-sec .slick-prev {
    left: -8%;
    top: auto;
    z-index: 3;
}
.about-sec .slick-next {
    right: -8%;
    top: auto;
    z-index: 3;
}
.about-sec .thum_slider {
    width: 80%;
    margin: 0 auto 5rem;
}
.about_list_area {
    margin-bottom: 3rem ;
}
   
.news-sec {
    padding: 8rem 0 11rem;
}
.news-sec::after {
    content: '';
    background: url(../img/top/news-bg_sp.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: calc(100% + 15rem);
    top: -15rem;
    left: 0;
    z-index: 1;
    display: block;
    position: absolute;
}
.news-sec .sec-tit {
    font-size: 4.5rem;
}
.news-tit {
    font-size: 2.1rem;
}
.news-box .news-txt {
    font-size: 2.1rem;
    line-height: 1.75;
    display: block;
    width: 100%;
}
.news-box li:not(:last-child) {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
}
 
.map iframe{
    height: 94vw !important;
}

.concept-sec {
    padding: 10rem 0 0;
}
.concept-sec::after {
    top: 20rem;
}
.concept-sec .img-box {
    width: 100%;
    margin-bottom: 5rem;
    padding: 0 5%;
}
.concept-sec .txt-box {
    width: 100%;
    padding-right: 0;
    padding: 0 5%;
}
.concept-sec .sec-tit {
    font-size: 4.5rem;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
.concept-sec .sec-subtit {
    margin-top: 2rem;
    text-align: center;
    width: 100%;
}

    
.sec-subtit {
    font-size: 1.8rem;
}
    
#bottom_slider_area {
    padding: 3rem;
}
#bottom_slider_area .wrap {
    padding: 0;
}
#bottom_slider_area .bottom_slider {
    padding: 0px 0rem;
} 
#bottom_slider_area .slick-prev {
    left: -20px;
}
#bottom_slider_area .slick-next {
    right: -20px;
}
#bottom_slider_area .bottom_slider figure img {
    border-radius: 0;
}
    
#bottom_slider_area .slick-prev:before {
    content: '' !important;
    background: url(../img/cmn/botttom-slider-arrow-left_sp.png) no-repeat center center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    opacity: 1 !important;
    display: block;
}
#bottom_slider_area .slick-next:before {
    content: '' !important;
    background: url(../img/cmn/botttom-slider-arrow-right_sp.png) no-repeat center center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    opacity: 1 !important;
    display: block;
}
#bottom_slider_area .slick-prev {
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
    left: -14px;
    top: 50%;
}
#bottom_slider_area .slick-next {
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
}

footer {
}
footer .f_logo {
    display: none;
}
footer .f_sns {
    width: 52.266667%;
    padding-top: 0.5rem;
    margin: 0 auto;
}
.footer-bottom {
    background: #fff;
    padding: 3rem;
    text-align: center;
}
.footer-bottom .copyright {
    order: 2;
    display: block;
    margin: 7rem auto 0;
    text-align: center;
    width: 100%;
}
.footer-bottom .f_nav {
    text-align: center;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: 20%;
    width: 100%;
}
.footer-bottom .nav_list {
    justify-content: center;
}
.footer-bottom .nav_list li a {
    font-size: 1.6rem;
}
.footer-bottom .nav_list {
    padding: 0 0 0 0;
    text-align: center;
    margin: 0 auto 2rem;
}
.footer-bottom .nav_list li:not(:last-child)::after {
    content: '|' !important;
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem;
}
.footer-bottom .nav_list li:last-child::after {
    content: '' !important;
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.sp-fixed-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.sp-fixed-menu .menu-box {
    width: 25%;
    padding-top: 1.5rem
}
.sp-fixed-menu .menu-box:nth-child(odd) {
    background: #1d2b57;
}
.sp-fixed-menu .menu-box:nth-child(even) {
    background: #eb9b00;
}
.sp-fixed-menu .menu-box figure {
    height: 15.916px;
    width: 15.4424px;
    margin: 0 auto;
    position: relative;
}
.sp-fixed-menu .menu-box:first-child figure img {
    width: 15.4424px;
    height: 12.21885px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.sp-fixed-menu .menu-box:nth-child(2) figure img {
    width: 11.647px;
    height: 15.4619px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.sp-fixed-menu .menu-box:nth-child(3) figure img {
    width: 10.81px;
    height: 15.916px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.sp-fixed-menu .menu-box:last-child figure img {
    width: 13.92625px;
    height: 10.93065px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}
.sp-fixed-menu .menu-box .foot-menu-tit {
    text-align: center;
    font-size: 1.96rem;
    color: #fff;
    font-weight: bold;
}
.chat-btn a {
    background: url(../img/cmn/chat-bg.png) no-repeat top center;
    background-size: 100%;
    width: 80px;
    height: 70px;
    text-align: center;
    display: block;
    padding: 10px 0px 0 0;
}
.chat-btn {
    bottom: 70px;
    right: 3%;
}
    

/*==================================================
page content
==================================================*/
.page section,
.single section {
	padding: 55px 0;
}
.news-list {
    height: 1940px;
    margin: 0 0 8rem;
}
/*==================================================
news
==================================================*/
.news-detail {
    width: 100%;
    max-width: none;
    display: block;
    vertical-align: top;
    margin-right: 0;
}
.news-box img {
	width: 100%;
	margin-bottom: 10px;
}
.sidebar {
    width: 100%;
    max-width: none;
    display: block;
    vertical-align: top;
	margin-top: 30px;
}
.sidebar h2 {
    padding: 0px 0 6px 0;
}

/*==================================================
contact
==================================================*/
.contact-box dt {
  width: 100%;
  float: none;
}
.contact-box dd {
  margin-left: 0%;
}
.contact-box dd {
    padding: 0;
}
.contact-box dd:after {
  content: '';
  display: block;
  clear: both;
}
.contact-box .name,
.contact-box .c_name,
.contact-box .tel{
	width: 100%;
}
.contact-box .contract .contract_box{
	font-size: 12px;
    line-height: 1.2em;
}
.contact_txt{
	text-align: left;
	margin-bottom: 30px;
}
.mw_wp_form_confirm input[type=submit] {
	width: 100%;
    margin: 30px auto 0;
}
}

@media screen and (max-width: 560px) {
.room .room-txt {
    padding: 45.321534% 20px 40px !important
}
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .photo .slick-slider { position: static !important; } 
}

.fade {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 
.fade.fadein{
  opacity : 1;
  transform : translate(0, 0);
}



/*==================================================
en
==================================================*/
.en_mv {
    position: relative;
}
.en_mv_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
.en_mv_box .en_mv_tit {
    font-size: 7.5rem;
    text-align: center;
    color: #fff;
}
.en_mv_box .en_mv_txt {
    font-size: 3.0rem;
    text-align: center;
    color: #fff;
}
.en-about-sec {
    margin-top: 18rem;
    /*padding: 0 0 5rem;*/
    padding: 0;
    position: relative;
}
.en-about-sec::after {
    content: '';
    background: url("../img/en/en-sec01-bg.jpg") repeat top left;
    background-size: 100%;
    width: 100%;
    height: 74%;
    top: 3.25rem;
    left: 16.6666667%;
    z-index: -1;
    display: block;
    position: absolute;
}
.en-about-sec .sec-tit {
    font-size: 6.5rem;
    color: #eb9b00;
    margin-top: 0.5rem;
    margin-bottom: 5rem;
}
.en-about-sec .img-box {
    width: 37%;
}
.en-about-sec .txt-box {
    width: 55.466667%;
    padding-right: 10%;
    position: relative;
}
.en-about-sec .wrap .img-box {
    width: 44%;
}
.en-about-sec .wrap .txt-box {
    width: 50%;
    padding-right: 0;
}
.en-about-sec .txt-box p {
    position: absolute;
    top: 35%;
	transform: translateY(-50%);
    width: 90%;
    padding-right: 10%;
}
.en-about-sec .wrap .txt-box p {
    position: absolute;
    top: 35%;
	transform: translateY(-50%);
    width: 100%;
    padding-right: 0;
}
.en .floor-sec {
    padding-top: 18rem;
}
.en .floor-sec .sec-tit {
    font-size: 6.5rem;
    color: #1d2b57;
    margin-bottom: 5rem;
}
.en .floor-guide td.tit {
    width: 21%;
}
.en .access-sec {
    padding: 18rem 0 0;
}
.en .access-sec .sec-tit {
    font-size: 6.5rem;
    color: #1d2b57;
    margin-bottom: 5rem;
}
.en .h_logo h1 {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
.en .notice-txt {
    width: 100%;
}
.en_mv_box .en_mv_tit {
    font-size: 4rem;
}
.en-about-sec {
    margin-top: 9rem;
}
.en-about-sec::after {
    height: 90%;
}
.en .floor-sec,
.en .access-sec {
    padding-top: 9rem;
}
.en-about-sec .sec-tit,
.en .floor-sec .sec-tit,
.en .access-sec .sec-tit {
    font-size: 4.5rem;
}
.en-about-sec .sec-tit {
    line-height: 1.5;
}
.en-about-sec .img-box {
    width: 90%;
    margin: 0 5% 3rem;
}
.en-about-sec .txt-box {
    width: 90%;
    margin: 0 5% 0;
    padding-right: 0;
    position: static;
}
.en-about-sec .wrap .img-box {
    width: 90%;
    margin: 0 5% 3rem;
}
.en-about-sec .wrap .txt-box {
    width: 90%;
    margin: 0 5% 0;
    padding-right: 0;
    position: static;
}
.en-about-sec .txt-box p {
    position: static;
    width: 100%;
    padding-right: 0;
    top: unset;
    transform: unset;
}
.en-about-sec .wrap .txt-box p {
    position: static;
    width: 100%;
    padding-right: 0;
    top: unset;
    transform: unset;
}
.en .access-sec {
    padding-bottom: 5rem;
}
.en footer {
    padding-bottom: 0;
}

.en .floor-guide td.floor {
    width: 10%;
}
.en .floor-guide td.tit {
    width: 60%;
    padding-left: 0.8rem
}
.en .floor-guide td.icon {
    width: 10%;
}
}


/*==================================================
tw
==================================================*/
.tw,
.tw footer .nav_list li a {
    font-family: 'Noto Sans SC', sans-serif;
}
.tw .tit-jp,
.tw .serif,
.tw .nav_list li {
    font-family: 'Noto Serif SC', serif;
}
.tw_mv {
    position: relative;
}
.tw_mv_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
.tw_mv_box .tw_mv_tit {
    font-size: 7.5rem;
    text-align: center;
    color: #fff;
}
.tw_mv_box .tw_mv_txt {
    font-size: 3.0rem;
    text-align: center;
    color: #fff;
}
.tw-about-sec {
    margin-top: 18rem;
    /*padding: 0 0 5rem;*/
    padding: 0;
    position: relative;
}
.tw-about-sec::after {
    content: '';
    background: url("../img/en/en-sec01-bg.jpg") repeat top left;
    background-size: 100%;
    width: 100%;
    height: 74%;
    top: 3.25rem;
    left: 16.6666667%;
    z-index: -1;
    display: block;
    position: absolute;
}
.tw-about-sec .sec-tit {
    font-size: 6.5rem;
    color: #eb9b00;
    margin-top: 0.5rem;
    margin-bottom: 5rem;
}
.tw-about-sec .img-box {
    width: 37%;
}
.tw-about-sec .txt-box {
    width: 55.466667%;
    padding-right: 10%;
    position: relative;
}
.tw-about-sec .wrap .img-box {
    width: 44%;
}
.tw-about-sec .wrap .txt-box {
    width: 50%;
    padding-right: 0;
}
.tw-about-sec .txt-box p {
    position: absolute;
    top: 35%;
	transform: translateY(-50%);
    width: 90%;
    padding-right: 10%;
}
.tw-about-sec .wrap .txt-box p {
    position: absolute;
    top: 35%;
	transform: translateY(-50%);
    width: 100%;
    padding-right: 0;
}
.tw .floor-sec {
    padding-top: 18rem;
}
.tw .floor-sec .sec-tit {
    font-size: 6.5rem;
    color: #1d2b57;
    margin-bottom: 5rem;
}
.tw .floor-guide td.tit {
    width: 12%;
}
.tw .access-sec {
    padding: 18rem 0 0;
}
.tw .access-sec .sec-tit {
    font-size: 6.5rem;
    color: #1d2b57;
    margin-bottom: 5rem;
    font-family: 'Noto Serif SC', serif !important;
}
.tw .h_logo h1 {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
.tw .notice-txt {
    width: 100%;
}
.tw_mv_box .tw_mv_tit {
    font-size: 4rem;
}
.tw-about-sec {
    margin-top: 9rem;
}
.tw-about-sec::after {
    height: 90%;
}
.tw .floor-sec,
.tw .access-sec {
    padding-top: 9rem;
}
.tw-about-sec .sec-tit,
.tw .floor-sec .sec-tit,
.tw .access-sec .sec-tit {
    font-size: 4.5rem;
}
.tw .access-sec .sec-tit {
    line-height: 1.5;
    margin-top: -1.5rem;
}
.tw-about-sec .sec-tit {
    line-height: 1.5;
}
.tw-about-sec .img-box {
    width: 90%;
    margin: 0 5% 3rem;
}
.tw-about-sec .txt-box {
    width: 90%;
    margin: 0 5% 0;
    padding-right: 0;
    position: static;
}
.tw-about-sec .wrap .img-box {
    width: 90%;
    margin: 0 5% 3rem;
}
.tw-about-sec .wrap .txt-box {
    width: 90%;
    margin: 0 5% 0;
    padding-right: 0;
    position: static;
}
.tw-about-sec .txt-box p {
    position: static;
    width: 100%;
    padding-right: 0;
    top: unset;
    transform: unset;
}
.tw-about-sec .wrap .txt-box p {
    position: static;
    width: 100%;
    padding-right: 0;
    top: unset;
    transform: unset;
}
.tw .access-sec {
    padding-bottom: 5rem;
}
.tw footer {
    padding-bottom: 0;
}

.tw .floor-guide td.floor {
    width: 10%;
}
.tw .floor-guide td.tit {
    width: 60%;
    padding-left: 0.8rem
}
.tw .floor-guide td.icon {
    width: 10%;
}
}



/*==================================================
cn
==================================================*/
.cn,
.cn footer .nav_list li a {
    font-family: 'Noto Sans SC', sans-serif;
}
.cn .tit-jp,
.cn .serif,
.cn .nav_list li {
    font-family: 'Noto Serif SC', serif;
}
.cn_mv {
    position: relative;
}
.cn_mv_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
.cn_mv_box .cn_mv_tit {
    font-size: 7.5rem;
    text-align: center;
    color: #fff;
}
.cn_mv_box .cn_mv_txt {
    font-size: 3.0rem;
    text-align: center;
    color: #fff;
}
.cn-about-sec {
    margin-top: 18rem;
    /*padding: 0 0 5rem;*/
    padding: 0;
    position: relative;
}
.cn-about-sec::after {
    content: '';
    background: url("../img/en/en-sec01-bg.jpg") repeat top left;
    background-size: 100%;
    width: 100%;
    height: 74%;
    top: 3.25rem;
    left: 16.6666667%;
    z-index: -1;
    display: block;
    position: absolute;
}
.cn-about-sec .sec-tit {
    font-size: 6.5rem;
    color: #eb9b00;
    margin-top: 0.5rem;
    margin-bottom: 5rem;
}
.cn-about-sec .img-box {
    width: 37%;
}
.cn-about-sec .txt-box {
    width: 55.466667%;
    padding-right: 10%;
    position: relative;
}
.cn-about-sec .wrap .img-box {
    width: 44%;
}
.cn-about-sec .wrap .txt-box {
    width: 50%;
    padding-right: 0;
}
.cn-about-sec .txt-box p {
    position: absolute;
    top: 35%;
	transform: translateY(-50%);
    width: 90%;
    padding-right: 10%;
}
.cn-about-sec .wrap .txt-box p {
    position: absolute;
    top: 35%;
	transform: translateY(-50%);
    width: 100%;
    padding-right: 0;
}
.cn .floor-sec {
    padding-top: 18rem;
}
.cn .floor-sec .sec-tit {
    font-size: 6.5rem;
    color: #1d2b57;
    margin-bottom: 5rem;
}
.cn .floor-guide td.tit {
    width: 12%;
}
.cn .access-sec {
    padding: 18rem 0 0;
}
.cn .access-sec .sec-tit {
    font-size: 6.5rem;
    color: #1d2b57;
    margin-bottom: 5rem;
}
.cn .h_logo h1 {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
.cn .notice-txt {
    width: 100%;
}
.cn_mv_box .cn_mv_tit {
    font-size: 4rem;
}
.cn-about-sec {
    margin-top: 9rem;
}
.cn-about-sec::after {
    height: 90%;
}
.cn .floor-sec,
.cn .access-sec {
    padding-top: 9rem;
}
.cn-about-sec .sec-tit,
.cn .floor-sec .sec-tit,
.cn .access-sec .sec-tit {
    font-size: 4.5rem;
}
.cn .access-sec .sec-tit {
    line-height: 1.5;
    margin-top: -1.5rem;
}
.cn-about-sec .sec-tit {
    line-height: 1.5;
}
.cn-about-sec .img-box {
    width: 90%;
    margin: 0 5% 3rem;
}
.cn-about-sec .txt-box {
    width: 90%;
    margin: 0 5% 0;
    padding-right: 0;
    position: static;
}
.cn-about-sec .wrap .img-box {
    width: 90%;
    margin: 0 5% 3rem;
}
.cn-about-sec .wrap .txt-box {
    width: 90%;
    margin: 0 5% 0;
    padding-right: 0;
    position: static;
}
.cn-about-sec .txt-box p {
    position: static;
    width: 100%;
    padding-right: 0;
    top: unset;
    transform: unset;
}
.cn-about-sec .wrap .txt-box p {
    position: static;
    width: 100%;
    padding-right: 0;
    top: unset;
    transform: unset;
}
.cn .access-sec {
    padding-bottom: 5rem;
}
.cn footer {
    padding-bottom: 0;
}

.cn .floor-guide td.floor {
    width: 10%;
}
.cn .floor-guide td.tit {
    width: 60%;
    padding-left: 0.8rem
}
.cn .floor-guide td.icon {
    width: 10%;
}
}


.home .top-banner-area {
    padding: 10rem 0 0;
}

@media screen and (max-width: 767px) {
.home .top-banner-area {
    padding: 10rem 0 0;
}
.home #bottom_slider_area {
    margin-top: 0;
}
}

.js-fadein {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-fadein.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.bg-i {
    position: absolute;
    z-index: 2;
}
@media screen and (min-width: 768px) {
.event-i01 {
    width: calc(367 / 1920 * 100vw);
    top: calc(-100 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
}
.event-i02 {
    width: calc(88 / 1920 * 100vw);
    top: calc(260 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
}
.event-i03 {
    width: calc(72 / 1920 * 100vw);
    top: calc(-40 / 1920 * 100vw);
    right: calc(220 / 1920 * 100vw);
}
.event-i04 {
    width: calc(35 / 1920 * 100vw);
    top: calc(230 / 1920 * 100vw);
    left: calc(110 / 1920 * 100vw);
}
.event-i05 {
    width: calc(148 / 1920 * 100vw);
    top: calc(550 / 1920 * 100vw);
    left: calc(30 / 1920 * 100vw);
}
.event-i06 {
    width: calc(49 / 1920 * 100vw);
    top: calc(950 / 1920 * 100vw);
    left: calc(220 / 1920 * 100vw);
}
.event-i07 {
    width: calc(35 / 1920 * 100vw);
    top: calc(500 / 1920 * 100vw);
    right: calc(80 / 1920 * 100vw);
}
.event-i08 {
    width: calc(96 / 1920 * 100vw);
    top: calc(690 / 1920 * 100vw);
    right: calc(160 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.event-i01 {
    width: calc(229 / 750 * 100vw);
    top: calc(-20 / 750 * 100vw);
    left: calc(-40 / 750 * 100vw);
}
.event-i02 {
    width: calc(88 / 750 * 100vw);
    top: calc(90 / 750 * 100vw);
    right: calc(20 / 750 * 100vw);
}
.event-i03 {
    width: calc(35 / 750 * 100vw);
    top: calc(0 / 750 * 100vw);
    right: calc(90 / 750 * 100vw);
}
.event-i04 {
    width: calc(28 / 750 * 100vw);
    top: calc(120 / 750 * 100vw);
    left: calc(150 / 750 * 100vw);
}
.event-i05 {
    width: calc(35 / 750 * 100vw);
    bottom: calc(130 / 750 * 100vw);
    left: calc(70 / 750 * 100vw);
}
.event-i06 {
    width: calc(16 / 750 * 100vw);
    bottom: calc(15 / 750 * 100vw);
    left: calc(220 / 750 * 100vw);
}
.event-i07 {
    width: calc(46 / 750 * 100vw);
    bottom: calc(60 / 750 * 100vw);
    right: calc(60 / 750 * 100vw);
}
.event-i08 {
    display: none;
}
}

@media screen and (min-width: 768px) {
.topics-i01 {
    width: calc(129 / 1920 * 100vw);
    top: calc(-120 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
}
.topics-i02 {
    width: calc(283 / 1920 * 100vw);
    top: calc(-100 / 1920 * 100vw);
    right: calc(20 / 1920 * 100vw);
}
.topics-i03 {
    width: calc(92 / 1920 * 100vw);
    top: calc(460 / 1920 * 100vw);
    right: calc(30 / 1920 * 100vw);
}
.topics-i04 {
    width: calc(91 / 1920 * 100vw);
    bottom: calc(640 / 1920 * 100vw);
    left: calc(70 / 1920 * 100vw);
}
.topics-i05 {
    width: calc(193 / 1920 * 100vw);
    bottom: calc(220 / 1920 * 100vw);
    right: calc(30 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.topics-i01 {
    width: calc(102 / 750 * 100vw);
    top: calc(-60 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.topics-i02 {
    width: calc(224 / 750 * 100vw);
    top: calc(-40 / 750 * 100vw);
    right: calc(-90 / 750 * 100vw);
}
.topics-i03 {
    width: calc(91 / 750 * 100vw);
    bottom: calc(90 / 750 * 100vw);
    right: calc(50 / 750 * 100vw);
}
.topics-i04 {
    width: calc(91 / 750 * 100vw);
    bottom: calc(160 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.topics-i05 {
    display: none;
}
}

@media screen and (min-width: 768px) {
.banner-i01 {
    width: calc(165 / 1920 * 100vw);
    top: calc(-30 / 1920 * 100vw);
    left: calc(70 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.banner-i01 {
    width: calc(79 / 750 * 100vw);
    top: calc(-4 / 750 * 100vw);
    left: calc(60 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.access-i01 {
    width: calc(349 / 1920 * 100vw);
    top: calc(-120 / 1920 * 100vw);
    right: calc(290 / 1920 * 100vw);
}
/*.access-i01 {
    width: calc(349 / 1920 * 100vw);
    top: calc(-180 / 1920 * 100vw);
    right: calc(40 / 1920 * 100vw);
}*/
.access-i02 {
    width: calc(130 / 1920 * 100vw);
    top: calc(90 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
}
.access-i03 {
    width: calc(102 / 1920 * 100vw);
    bottom: calc(580 / 1920 * 100vw);
    right: calc(90 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.access-i01 {
    /*width: calc(229 / 750 * 100vw);
    top: calc(-20 / 750 * 100vw);
    right: calc(-60 / 750 * 100vw);*/
    width: calc(199 / 750 * 100vw);
    top: calc(80 / 750 * 100vw);
    right: calc(-40 / 750 * 100vw);
}
.access-i02 {
    width: calc(116 / 750 * 100vw);
    top: calc(120 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
}
.access-i03 {
    width: calc(101 / 750 * 100vw);
    bottom: calc(140 / 750 * 100vw);
    right: calc(50 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.about-i01 {
    width: calc(285 / 1920 * 100vw);
    top: calc(-190 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
}
.about-i02 {
    width: calc(116 / 1920 * 100vw);
    top: calc(20 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
}
.about-i03 {
    width: calc(268 / 1920 * 100vw);
    top: calc(297 / 1920 * 100vw);
    left: calc(0 / 1920 * 100vw);
}
.about-i04 {
    width: calc(342 / 1920 * 100vw);
    top: calc(270 / 1920 * 100vw);
    right: calc(30 / 1920 * 100vw);
}
.about-i05 {
    display: none;
}
.about-i06 {
    display: none;
}
}
@media screen and (max-width: 767px) {
.about-i01 {
    width: calc(229 / 750 * 100vw);
    top: calc(-120 / 750 * 100vw);
    left: calc(-40 / 750 * 100vw);
}
.about-i02 {
    display: none;
}
.about-i03 {
    width: calc(268 / 750 * 100vw);
    top: calc(470 / 750 * 100vw);
    left: calc(-120 / 750 * 100vw);
}
.about-i04 {
    width: calc(342 / 750 * 100vw);
    top: calc(600 / 750 * 100vw);
    right: calc(-160 / 750 * 100vw);
}
.about-i05 {
    width: calc(92 / 750 * 100vw);
    top: calc(20 / 750 * 100vw);
    left: calc(550 / 750 * 100vw);
}
.about-i06 {
    display: none;
}
}/*
@media screen and (min-width: 768px) {
.about-i01 {
    width: calc(285 / 1920 * 100vw);
    top: calc(-190 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
}
.about-i02 {
    width: calc(116 / 1920 * 100vw);
    top: calc(20 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
}
.about-i03 {
    width: calc(268 / 1920 * 100vw);
    top: calc(90 / 1920 * 100vw);
    left: calc(0 / 1920 * 100vw);
}
.about-i04 {
    width: calc(342 / 1920 * 100vw);
    top: calc(370 / 1920 * 100vw);
    right: calc(30 / 1920 * 100vw);
}
.about-i05 {
    width: calc(622 / 1920 * 100vw);
    bottom: calc(210 / 1920 * 100vw);
    left: calc(-50 / 1920 * 100vw);
}
.about-i06 {
    width: calc(113 / 1920 * 100vw);
    bottom: calc(210 / 1920 * 100vw);
    left: calc(170 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.about-i01 {
    width: calc(229 / 750 * 100vw);
    top: calc(-120 / 750 * 100vw);
    left: calc(-40 / 750 * 100vw);
}
.about-i02 {
    display: none;
}
.about-i03 {
    width: calc(268 / 750 * 100vw);
    top: calc(230 / 750 * 100vw);
    left: calc(-120 / 750 * 100vw);
}
.about-i04 {
    width: calc(342 / 750 * 100vw);
    top: calc(600 / 750 * 100vw);
    right: calc(-160 / 750 * 100vw);
}
.about-i05 {
    width: calc(622 / 750 * 100vw);
    bottom: calc(570 / 750 * 100vw);
    left: calc(-420 / 750 * 100vw);
}
.about-i06 {
    display: none;
}
}*/
@media screen and (min-width: 768px) {
.news-i01 {
    width: calc(293 / 1920 * 100vw);
    top: calc(-220 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
}
.news-i02 {
    width: calc(342 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
    left: calc(0 / 1920 * 100vw);
}
.news-i03 {
    width: calc(130 / 1920 * 100vw);
    bottom: calc(170 / 1920 * 100vw);
    left: calc(50 / 1920 * 100vw);
}
.news-i04 {
    width: calc(622 / 1920 * 100vw);
    bottom: calc(-150 / 1920 * 100vw);
    right: calc(-110 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.news-i01 {
    width: calc(229 / 750 * 100vw);
    top: calc(-190 / 750 * 100vw);
    right: calc(-40 / 750 * 100vw);
}
.news-i02 {
    width: calc(342 / 750 * 100vw);
    top: calc(90 / 750 * 100vw);
    left: calc(-110 / 750 * 100vw);
}
.news-i03 {
    width: calc(92 / 750 * 100vw);
    bottom: calc(0 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.news-i04 {
    width: calc(622 / 750 * 100vw);
    bottom: calc(-240 / 750 * 100vw);
    right: calc(-310 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.news .tit-i01 {
    width: calc(101 / 1920 * 100vw);
    top: calc(158 / 1920 * 100vw);
    left: calc(150 / 1920 * 100vw);
}
.news .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.news .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.news .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.news .tit-i05 {
    width: calc(164 / 1920 * 100vw);
    top: calc(188 / 1920 * 100vw);
    left: calc(1504 / 1920 * 100vw);
}
.news .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.news .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.news .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.news .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.news .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.news .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.news .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}


@media screen and (min-width: 768px) {
.topics .tit-i01 {
    width: calc(91 / 1920 * 100vw);
    top: calc(142 / 1920 * 100vw);
    left: calc(169 / 1920 * 100vw);
}
.topics .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.topics .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.topics .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.topics .tit-i05 {
    width: calc(197 / 1920 * 100vw);
    top: calc(108 / 1920 * 100vw);
    left: calc(1474 / 1920 * 100vw);
}
.topics .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.topics .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.topics .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.topics .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.topics .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(168 / 750 * 100vw);
    left: calc(540 / 750 * 100vw);
}
.topics .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.topics .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.event .tit-i01 {
    width: calc(272 / 1920 * 100vw);
    top: calc(113 / 1920 * 100vw);
    left: calc(96 / 1920 * 100vw);
}
.event .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.event .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.event .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.event .tit-i05 {
    width: calc(88 / 1920 * 100vw);
    top: calc(210 / 1920 * 100vw);
    left: calc(1517 / 1920 * 100vw);
}
.event .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.event .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.event .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.event .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.event .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.event .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.event .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.floor .tit-i01 {
    width: calc(216 / 1920 * 100vw);
    top: calc(95 / 1920 * 100vw);
    left: calc(87 / 1920 * 100vw);
}
.floor .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.floor .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.floor .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.floor .tit-i05 {
    width: calc(115 / 1920 * 100vw);
    top: calc(215 / 1920 * 100vw);
    left: calc(1527 / 1920 * 100vw);
}
.floor .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.floor .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.floor .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.floor .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.floor .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.floor .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.floor .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}
@media screen and (min-width: 768px) {
.service .tit-i01 {
    width: calc(272 / 1920 * 100vw);
    top: calc(113 / 1920 * 100vw);
    left: calc(96 / 1920 * 100vw);
}
.service .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.service .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.service .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.service .tit-i05 {
    width: calc(88 / 1920 * 100vw);
    top: calc(210 / 1920 * 100vw);
    left: calc(1517 / 1920 * 100vw);
}
.service .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.service .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.service .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.service .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.service .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.service .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.service .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.access .tit-i01 {
    width: calc(101 / 1920 * 100vw);
    top: calc(158 / 1920 * 100vw);
    left: calc(150 / 1920 * 100vw);
}
.access .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.access .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.access .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.access .tit-i05 {
    width: calc(164 / 1920 * 100vw);
    top: calc(188 / 1920 * 100vw);
    left: calc(1504 / 1920 * 100vw);
}
.access .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.access .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.access .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.access .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.access .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.access .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.access .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.contact .tit-i01 {
    width: calc(216 / 1920 * 100vw);
    top: calc(95 / 1920 * 100vw);
    left: calc(87 / 1920 * 100vw);
}
.contact .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.contact .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.contact .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.contact .tit-i05 {
    width: calc(115 / 1920 * 100vw);
    top: calc(215 / 1920 * 100vw);
    left: calc(1527 / 1920 * 100vw);
}
.contact .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.contact .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.contact .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.contact .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.contact .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.contact .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.contact .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.sitemap .tit-i01 {
    width: calc(272 / 1920 * 100vw);
    top: calc(113 / 1920 * 100vw);
    left: calc(96 / 1920 * 100vw);
}
.sitemap .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.sitemap .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.sitemap .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.sitemap .tit-i05 {
    width: calc(88 / 1920 * 100vw);
    top: calc(210 / 1920 * 100vw);
    left: calc(1517 / 1920 * 100vw);
}
.sitemap .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.sitemap .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.sitemap .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.sitemap .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.sitemap .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.sitemap .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.sitemap .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}

@media screen and (min-width: 768px) {
.policy .tit-i01 {
    width: calc(101 / 1920 * 100vw);
    top: calc(158 / 1920 * 100vw);
    left: calc(150 / 1920 * 100vw);
}
.policy .tit-i02 {
    width: calc(28 / 1920 * 100vw);
    top: calc(61 / 1920 * 100vw);
    left: calc(424 / 1920 * 100vw);
}
.policy .tit-i03 {
    width: calc(49 / 1920 * 100vw);
    top: calc(265 / 1920 * 100vw);
    left: calc(537 / 1920 * 100vw);
}
.policy .tit-i04 {
    width: calc(72 / 1920 * 100vw);
    top: calc(98 / 1920 * 100vw);
    left: calc(1318 / 1920 * 100vw);
}
.policy .tit-i05 {
    width: calc(164 / 1920 * 100vw);
    top: calc(188 / 1920 * 100vw);
    left: calc(1504 / 1920 * 100vw);
}
.policy .tit-i06 {
    width: calc(35 / 1920 * 100vw);
    top: calc(157 / 1920 * 100vw);
    left: calc(1768 / 1920 * 100vw);
}
}
@media screen and (max-width: 767px) {
.policy .tit-i01 {
    width: calc(81 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
}
.policy .tit-i02 {
    width: calc(18 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    left: calc(144 / 750 * 100vw);
}
.policy .tit-i03 {
    width: calc(39 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    left: calc(187 / 750 * 100vw);
}
.policy .tit-i04 {
    width: calc(52 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    left: calc(560 / 750 * 100vw);
}
.policy .tit-i05 {
    width: calc(84 / 750 * 100vw);
    top: calc(28 / 750 * 100vw);
    left: calc(630 / 750 * 100vw);
}
.policy .tit-i06 {
    width: calc(25 / 750 * 100vw);
    top: calc(157 / 750 * 100vw);
    left: calc(700 / 750 * 100vw);
}
}


.fuwa01 {
  animation: fuwa01 5s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
.fuwa02 {
  animation: fuwa02 4s infinite ease-in-out 1.2s alternate;
  transition: 1.5s ease-in-out;
}
.fuwa03 {
  animation: fuwa03 5s infinite ease-in-out 1.5s alternate;
  transition: 1.5s ease-in-out;
}
 
@keyframes fuwa01 {
  0% {
    transform:translate(0, 0) rotate(-2deg);
  }
  50% {
    transform:translate(0, -15px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(2deg);
  }
}
@keyframes fuwa02 {
  0% {
    transform:translate(0, -20px) rotate(2deg);
  }
  50% {
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
    transform:translate(0, -20px) rotate(-2deg);
  }
}
@keyframes fuwa03 {
  0% {
    transform:translate(5px, 0) rotate(-2deg);
  }
  50% {
    transform:translate(0, -10px) rotate(0deg);
  }
  100% {
    transform:translate(5px, 0) rotate(2deg);
  }
}