/*===== layout =====*/
#wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: left;
}
.section-inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.display-pc {
  display: block !important;
}
.display-sp {
  display: none !important;
}
.none {
  display: none !important;
}
#main {
  width: 100%;
  position: relative;
}
.fade, .fadetop, .fadetop-once {
  position: relative;
  opacity: 0;
}
.fade-view {
  animation: fade 1.25s ease-in-out forwards;
}
@keyframes fade {
0% {
 opacity: 0;
}
100% {
 opacity: 1;
}
}
.fadetop-view {
  animation: fadetop 1.25s forwards;
}
@keyframes fadetop {
0% {
 opacity: 0;
 transform: translate(0, 50px);
}
100% {
 opacity: 1;
 transform: translate(0, 0);
}
}
.br-sp {
  display: none;
}
.font-number {
  font-family: 'Oswald', sans-serif;
}
.font-min {
  font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
/*===== header =====*/
header *,
footer *,
#main * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
header {
  width: 100%;
  background: rgba(255,255,255,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0;
  position: relative;
  border-top: 4px solid #3f2266;
  z-index: 100;
}
.header-inner img {
  width: 100%;
}
.header-inner {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.header-inner > div:first-child {
  width: 33.2%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-inner > div:last-child {
  width: auto;
  display: flex;
  align-items: center;
}
.header-inner > div:first-child #logo {
  width: 44.4%;
  margin-right: 2%;
}
#jpx {
  width: 52%;
  display: flex;
  align-items: center;
}
#jpx figure {
  width: 40px;
  margin-right: 6.5px;
}
#jpx span {
  font-size: 12px;
}
.header-inner > div:last-child .local-nav {
  display: flex;
  width: auto;
}
.header-inner > div:last-child .local-nav li a {
  display: block;
  color: #777;
  font-size: 11px;
  padding: 0 5px;
  border-right: 1px solid #777;
}
.header-inner > div:last-child .local-nav li:first-child a {
  padding-left: 0;
}
.header-inner > div:last-child .local-nav li a:hover {
  opacity: .7;
}
.header-inner > div:last-child .language {
  margin: 0 5px;
  background: url("../img/common/globe-asia-solid.svg") no-repeat left center /14px 14px;
  padding-left: 24px;
  color: #777;
}
.header-inner > div:last-child .language a {
  font-size: 11px;
  color: #777;
} 
.header-inner > div:last-child .language a:last-child {
  margin-left: 10px;
}
.header-inner > div:last-child .language a:hover {
  text-decoration: underline;
}
.header-inner > div:last-child .tel a {
  color: #572d8f;
  font-size: 20px;
  font-weight: bold;
}
.header-inner > div:last-child .tel span {
  display: block;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  color: #572d8f;
  font-size: 10px;
  border: 1px solid #572d8f;
  position: relative;
}
.header-inner > div:last-child .btn-contact {
  margin-left: 1em;
}
.header-inner > div:last-child .btn-contact a {
  background: #572d8f;
  color: #fff !important;
  padding: 15px;
  display: block;
  font-size: 12px;
}
.header-inner > div:last-child .btn-contact i {
  margin-right: .35em;
}
nav {
  border-top: 1px solid #e4e4e4;
}
nav > ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
nav > ul > li {
  width: 15%;
  padding: 18px 0;
  transition: .4s linear;
  cursor: pointer;
}
nav > ul > li:nth-last-child(-n+2) {
  width: 20%;
}
nav > ul > li > a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #e4e4e4;
  position: relative;
  color: #572d8f !important;
}
nav > ul > li > a:hover {
  color: #3f2266;
}
nav > ul > li:first-child > a {
  border-left: 1px solid #e4e4e4;
}
nav > ul > li > a i {
  font-weight: normal;
}
.menu {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  margin: 0 auto;
  background: #3f2266;
  padding: 50px;
  z-index: 100;
}
.menu dl {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.menu dl dt {
  color: #fff;
  font-size: 12px;
  width: 20%;
}
.menu dl dt span {
  display: block;
  font-size: 30px;
  letter-spacing: .025em;
  margin-bottom: .5vw;
}
.menu dl dd {
  width: 80%;
}
.menu dl dd ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: -2%;
}
.menu dl dd ul li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.menu dl dd ul li:nth-child(3n) {
  margin-right: 0;
}
.menu dl dd ul li a {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  background: rgba(255,255,255,.1);
  transition: .3s linear; 
}
.menu dl dd ul li a:hover {
  background: rgba(255,255,255,1);
}
.menu dl dd ul li a span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 20px;
  letter-spacing: 1px;
  line-height: 1.3;
  transition: .3s linear;
}
.menu dl dd ul li a:hover span {
  color: #3f2266;
}
.overlay-active {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0,0,0,.8);
}
.menu-current {
  background: #3f2266;
}
.menu-current a {
  color: #fff !important;
  border: none;
}
nav > ul > li.current > a {
  color: #572d8f !important;
}
.menu-current.current:hover a,
nav > ul > li.current > a:hover {
  color: #fff !important;
}
.menu-trigger {
  display: none;
}
/*===== mv =====*/
#mv {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
}
#mv::before {
  content: "";
  background: url("../img/top/scroll.png") no-repeat right center /contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 23px;
  height: 258px;
  margin-top: -129px;
  z-index: 20;
}
#slider {
  width: 100%;
  margin: 0 auto;
}
#slider > li {
  outline: none;
  position: relative;
  min-height: 72vh;
}
#slider > li a {
  display: block;
  position: relative;
  width: 100%;
}
.bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}
#slider > li > a > img {
  width: 100% !important;
  height: auto !important;
  position: relative;
}
#img-strength + div {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: 6.5%;
  top: 56.5%;
  width: 87%;
}
#img-strength + div a {
  display: block;
  width: 45%;
  height: 9vh;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#video {
  display: block;
  width: 100%;
  height: auto;
}
.bx-prev,.bx-next {
  display: none;
}
.bx-pager {
  bottom: 20px !important;
  z-index: 50;
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0;
  padding-top: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:visited {
  background: #737373;
  text-indent: -9999px;
  display: block;
  width: 100px;
  height: 3px;
  margin: 0;
  margin-right: 10px;
  outline: 0;
  border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-image: linear-gradient( 180deg, rgb(129,96,173) 0%, rgb(63,34,102) 100%);
}
.bx-wrapper .bx-pager.bx-default-pager > div:last-child a {
  margin-right: 0;
}
.slick-track {
  position: relative;
  left: 0;
  z-index: 11;
}
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: none;
}
#slider .slick-dots{width:auto;text-align:center;position:relative;margin:0 auto -3px;z-index:20;display:flex;justify-content:center;top:-23px;}
#slider .slick-dots li{position:relative;width:100px;height:3px;margin-left:0;margin-right:10px;cursor:pointer;}
#slider .slick-dots li:last-child{margin-right:0 !important;}
#slider .slick-dots li button{font-size:0;line-height:0;display:block;width:100px;height:3px;cursor:pointer;outline:none;border: none;background:#737373;}
#slider .slick-dots li button:hover,
#slider .slick-dots li button:focus{outline:none;}
#slider .slick-dots li button:hover:before,
#slider .slick-dots li button:focus:before{opacity:1;}
#slider .slick-dots li button:before{content:'';position:absolute;top:0;left:0;width:100px;height:3px;display:block;}
#slider .slick-dots li.slick-active button:before{content:'';
  background-image: linear-gradient( 180deg, rgb(129,96,173) 0%, rgb(63,34,102) 100%);
}
/*===== news =====*/
#news_top {
  background: #3f2266;
  padding: 25px 10px;
}
#news_top > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#news_top > div h2 {
  font-size: 16px;
  color: #fff;
  margin-right: 30px;
  letter-spacing: .025em;
}
#news_top > div dl {
  width: auto;
  display: flex;
  align-items: center;
}
#news_top > div dl dt {
  font-size: 12px;
  color: #fff;
  line-height: 1.3;
}
#news_top > div dl dt span {
  margin: 0 20px;
  font-size: 10px;
  background: rgba(0,0,0,.3);
  padding: 2px 15px;
}
#news_top > div dl dd a {
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
}
#news_top > div .more {
  margin-left: auto;
  width: 8.33%;
}
#news_top > div .more a {
  display: block;
  color: #fff;
  font-size: 12px;
  border: 1px solid rgba(255,255,255,.4);
  padding: 5px 10px;
  text-align: center;
}
/*===== contents =====*/
#contents {
  padding: 50px 0 80px;
}
.sec {
  margin-bottom: 80px;
}
.ttl-h2 {
  font-size: 12px;
  text-align: center;
  color: #3f2266;
  font-weight: bold;
  margin-bottom: 40px;
}
.ttl-h2 span {
  display: block;
  color: #000;
  font-size: 30px;
  margin-bottom: 10px;
}
.btn-wh {
  width: 275px;
  margin: 0 auto;
}
.btn {
  position: relative;
  display: block;
  border: 1px solid #3f2266;
  text-align: center;
  color: #3f2266 !important;
  font-size: 13px;
  padding: 12px 10px;
  transition: .3s linear;
}
.btn:hover {
  background: #3f2266;
  color: #fff !important;
}

.btn02 {
  position: relative;
  display: block;
  border: 1px solid #fff;
  text-align: center;
  color: #fff !important;
  font-size: 13px;
  padding: 12px 10px;
  transition: .3s linear;
}
.btn02:hover {
  background: #3f2266;
  color: #fff !important;
}

/* OUR BUSINESS */
#our-business_top ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: -2%;
}
#our-business_top ul li {
  width: 32.5%;
  margin-right: 1.25%;
  margin-bottom: 2%;
}
#our-business_top ul li:nth-child(3n) {
  margin-right: 0;
}
#our-business_top ul li a {
  display: block;
}
#our-business_top ul li a img {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
#our-business_top ul li a div {
  position: relative;
  z-index: 1;
  padding-left: 7.7%;
}
#our-business_top ul li a div::before {
  content: "";
  display: block;
  position: absolute;
  background: #3f2266;
  width: 2px;
  height: 65px;
  top: -48px;
  left: 3.8%;
}
#our-business_top ul li a h3 {
  font-size: 18px;
  font-weight: bold;
  color: #3f2266;
  margin-bottom: 10px;
}
#our-business_top ul li a p {
  font-size: 12px;
  line-height: 1.6;
}
/* ADVANTAGE */
#advantage_top ul {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
#advantage_top ul li {
  width: 25%;
  position: relative;
  min-height: 550px;
}
#advantage_top ul li a {
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#advantage_top ul li:nth-child(1) a {
  background: url("../img/top/img_advantage01.jpg") no-repeat center /cover;
}
#advantage_top ul li:nth-child(2) a {
  background: url("../img/top/img_advantage02.jpg") no-repeat center /cover;
}
#advantage_top ul li:nth-child(3) a {
  background: url("../img/top/img_advantage03.jpg") no-repeat center /cover;
}
#advantage_top ul li:nth-child(4) a {
  background: url("../img/top/img_advantage04.jpg") no-repeat center /cover;
}
#advantage_top ul li a::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0,0,0,.6);
  transition: .3s linear;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#advantage_top ul li a:hover::after {
  background: rgba(63,34,102,.8);
}
#advantage_top ul li a img {
  position: absolute;
  top: 0;
  left: 0;
}
#advantage_top ul li a h3 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
}
#advantage_top ul li a h3 span {
  display: block;
  text-align: center;
  font-size: 24px;
  margin-bottom: 15px;
}
#advantage_top ul li a p {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #fff;
  background: rgba(63,34,102,.9);
  padding: 10% 20%;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 28%;
  line-height: 1.8;
  transition: .3s linear;
  transform: translate(0, 50px);
}
#advantage_top ul li a:hover p {
  opacity: 1;
  transform: translate(0, 0);
}
/* CUSTOMER'S VOICE */
#customer-voice-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
#customer-voice-box > div {
  width: 32%;
  background: #3f2266;
}
#customer-voice-box a {
  display: block;
}
#customer-voice-box dl {
  background: #3f2266;
  width: 100%;
  position: relative;
  padding: 8%;
  padding-left: 0;
}
#customer-voice-box dl dt {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  letter-spacing: 1px;
}
#customer-voice-box dl dt,
#customer-voice-box dl dd {
  padding-left: 8%;
}
#customer-voice-box dl dt::after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  height: 1px;
  width: 15%;
  left: 0;
  bottom: -10px;
}
#customer-voice-box dl dd p:first-child {
  color: #fff;
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 1.6;
}
#customer-voice-box dl dd p:last-child {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}
#customer-voice-box dl dd p:last-child span {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
/* STAFF */
#staff-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/top/bg_staff.jpg") no-repeat center /cover;
  height: 450px;
  margin-bottom: 40px;
}
#staff-box p {
  text-align: center;
  color: #fff;
  line-height: 2;
}
#staff-box p:first-child {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
#staff-box p:last-child {
  font-size: 13px;
}
#mind {
 width: 1000px;
 margin: 0 auto;
}
#mind .title {
  font-size: 21px;
  margin-bottom: 35px;
  line-height: 150%;
  color: #653366;
  font-weight: bold;
  display: block;
}
.mind-box {
  padding: 0 50px;
  margin-bottom: 100px;
}
.mind-box:last-child {
  margin-bottom: 200px;
}
.mind-box h2 span {
  font-size: 18px;
  margin-left: 1.25em;
}
.mind-box .mind-box-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mind-box .mind-box-inner > div {
  width: 52%;
  position: relative;
}
.mind-box:nth-child(odd) .mind-box-inner > div {
  order: 2;
  left: 4%;
}
.mind-box-inner > div p {
  font-size: 14px;
  line-height: 180%;
  margin-bottom: 30px;
}
.mind-box-inner > div p:last-of-type {
  margin-bottom: 0
}
.mind-box .mind-box-inner > figure {
  width: 45%;
}
.mind-box:nth-child(odd) .mind-box-inner > figure {
  order: 1;
}
.mind-box-inner figcaption {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 20px;
  letter-spacing: 1px;
}
.mind-box:last-child .mind-box-inner > div {
  order: 1;
  left: 0;
}
.mind-box:last-child .mind-box-inner .profile {
  width: 45%;
  display: flex;
  position: relative;
}
.mind-box:last-child .mind-box-inner .profile dl {
  background: #eee;
  padding: 25px 25px 25px 25px;
  width: 60%;
  z-index: 1;
  margin-top: 0px;
  height: auto;
  align-self: flex-start;
}
.mind-box:last-child .mind-box-inner .profile dl dt {
  font-size: 24px;
  margin-bottom: 20px;
  letter-spacing: .1em;
}
.mind-box:last-child .mind-box-inner .profile dl dt span {
  display: block;
  font-size: 13px;
}
.mind-box:last-child .mind-box-inner .profile dl dd p {
  font-size: 13px;
  line-height: 1.8;
  padding-right: 90px;
}
.mind-box:last-child .mind-box-inner figure {
  width: 45%;
  z-index: 2;
  position: absolute;
  top: 20px;
  right: 20px;
}

/* INFORMATION */
#information_top {
  padding: 50px 10px;
}
#tab-box {
  max-width: 900px;
  margin: 0 auto;
}
#tab-box .tab {
  border-bottom: 1px solid #ddd;
  width: 100%;
  display: flex;
  justify-content: center;
}
#tab-box .tab li {
  position: relative;
  margin-bottom: -1px;
  background: #3f2266;
  border: 1px solid #3f2266;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 12px 10px;
  width: 28.888%;
  margin-right: 1.1%;
  transition: .3s linear;
  cursor: pointer;
}
#tab-box .tab li.active {
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}
#tab-box .tab li:last-child {
  margin-right: 0;
}
.tab-area div {
  display: none;
}
.tab-area div.show {
  display: block;
  padding-top: 40px;
}
.tab-area div dl {
  width: 100%;
  display: flex;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
}
.tab-area div dl:last-of-type {
  margin-bottom: 30px;
}
.tab-area div dl dt,
.tab-area div dl dd,
.tab-area div dl dd a {
  font-size: 13px;
  line-height: 1.3;
}
.tab-area div dl dt {
  width: 12%;
}
.tab-area div dl dd {
  width: 88%;
}
.tab-area div dl dd a:hover {
  text-decoration: underline;
}
/* IR NEWS */
#ir-news_top {
  padding: 50px 10px 0;
}
#ir-news-box {
  max-width: 900px;
  margin: 0 auto 70px;
}
/* #ir-news-box dl {
  width: 100%;
  display: flex;
  padding-bottom: 15px;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  margin-bottom: 15px;
}
#ir-news-box dl:last-of-type {
  margin-bottom: 30px;
}
#ir-news-box dl dt,
#ir-news-box dl dd,
#ir-news-box dl dd a {
  font-size: 13px;
  line-height: 1.3;
}
#ir-news-box dl dt {
  width: 18%;
  margin-right: 2%;
}
#ir-news-box dl dd {
  width: 80%;
}
#ir-news-box dl dt span {
  display: inline-block;
  font-size: 11px;
  text-align: center;
  background: #e8dede;
  margin-left: 10%;
  width: 50%;
  padding: 2px 10px;
} */
#bnr-box_top ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -3%;
}
#bnr-box_top ul li {
  width: 22.5%;
  margin-right: 3.33%;
  margin-bottom: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#bnr-box_top ul li:nth-child(4n) {
  margin-right: 0;
}
#occupancy {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-weight: bold;
	font-size: 32px;
	vertical-align: middle;
}
#occupancy span {
  color: #3F2265;
  font-size: 46px;
}

#occupancy p {
  font-weight: normal;
  padding-top: 10px;
}
@media screen and (max-width: 640px){
  #occupancy p {
      text-align: left;
      padding: 10px;
  }
}
#bnr-xebec {
  max-width: 800px;
  margin: 40px auto;
}

/* movie */
#movie_top .movie-slider {
	margin-bottom: 20px;
}
#movie_top .movie-slider li {
	margin-right: 10px;
}
#movie_top .movie-slider li a {
	display: block;
	position: relative;
}
#movie_top .movie-slider li a::before {
	content: "";
	display: block;
	background: url("../img/movie/icon_movie.svg") no-repeat left top /contain;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	opacity: .7;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  padding: 0;
  border: none;
  outline: none;}
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
  background: url("../img/top/arrow_gray.png") no-repeat left center /contain;
  right: inherit;
  left: -46px;
  height: 46px;
  width: 26px;
	transform: scale(-1, 1);
	margin-top: -23px;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
  background: url("../img/top/arrow_gray.png") no-repeat left center /contain;
  left: inherit;
  right: -36px;
  height: 46px;
  width: 26px;
	margin-top: -23px;
}
#movie_top .movie-slider li span {
	display: block;
	margin-top: 10px;
	line-height: 1.2;
	font-size: 13px;
	text-align: center;
}
@media screen and (max-width: 640px){
#movie_top {
	padding: 0 4% 0 4%;
}
#movie_top .movie-slider {
	margin-bottom: 5%;
}
#movie_top .movie-slider li a::before {
	width: 8vw;
	height: 8vw;
	margin-top: -4vw;
	margin-left: -4vw;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
  left: -3vw;
  height: 8vw;
  width: 5vw;
	margin-top: -4vw;
	z-index: 10;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
  right: -3vw;
  height: 8vw;
  width: 5vw;
	margin-top: -4vw;
	z-index: 10;
}
#movie_top .movie-slider li span {
	font-size: 2.75vw;
}
}
/*===== footer =====*/
#pagetop-back {
  display: none;
  position: fixed;
  width: 50px;
  height: auto;
  right: 1.34%;
	bottom: 1.34%;
  z-index: 99;
  cursor: pointer;
}
#pagetop-back i {
  display: block;
  background: rgba(87, 45, 143,.8);
  text-align: center;
  padding: 12px 10px;
  color: #fff;
  font-size: 25px;
}
footer {
  background: #414141;
}
footer > div {
  display: flex;
  justify-content: space-between;
  padding: 60px 0 50px;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
footer > div > div {
  width: 15%;
}
footer > div > div:last-child {
  width: 12.5%;
}
footer > div > div dl:not(:first-of-type) {
  margin: 40px 0;
}
footer > div > div dl dt a,
footer > div > div dl dd a,
footer > div > div p a {
  color: #fff !important;
  font-size: 12px;
  letter-spacing: -.025em;
}
footer > div > div dl dt a {
  font-size: 14px;
  position: relative;
  left: -15px;
}
footer > div > div dl dd ul {
  margin-top: 15px;
}
footer > div > div dl dd ul li:not(:last-child) {
  margin-bottom: 10px;
}
footer > div > div dl dd ul li::before {
  content: "";
  position: relative;
  display: block;
  width: 8px;
  height: 1px;
  margin-right: 10px;
  background: #fff;
  top: 6px;
  left: -1em;
}
footer a:hover {
  text-decoration: underline;
}
footer > div > div p {
  line-height: 1.2;
  margin-bottom: 20px;
  margin-left: -13px;
}
footer > div > div p:last-of-type {
  margin-bottom: 0;
}
footer > div > div p a {
  font-size: 14px;
}
.footer-local {
  text-align: center;
  font-size: 0;
  padding: 40px 0;
}
.footer-local li {
  display: inline-block;
  font-size: 13px;
}
.footer-local li a {
  display: block;
  color: #fff !important;
  font-size: 13px;
  padding: 0 30px;
  border-right: 1px solid rgba(255,255,255,.3);
}
.footer-local li:last-child a {
  border-right: none;
}
#footer-bottom {
  background: #fff;
  padding: 15px 0;
}
#footer-bottom > div {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#footer-bottom > div img {
  width: 100%;
}
#footer-bottom > div ul {
  display: flex;
  width: auto;
  align-items: center;
}
#footer-bottom > div ul li:not(:last-child) {
  margin-right: 20px;
}
#footer-bottom > div ul li a {
  display: block;
}
#footer-bottom > div ul li a img {
  display: block;
  width: auto;
  height: 22px;
}
#footer-bottom > div #copy {
  text-align: center;
  font-size: 12px;
  line-height: 1;
  width: auto;
  align-self: flex-end;
}
#footer-bottom > div #pmark {
  width: 50px;
  line-height: 1;
}
@media screen and (min-width: 641px) {
nav {
  display: block !important;
}
}
@media screen and (max-width:640px) {
/*===== layout =====*/
#wrapper {
  overflow: hidden;
}
.display-pc {
  display: none !important;
}
.display-sp {
  display: block !important;
}
/*===== header =====*/
header {
  padding: 0;
  border-top: none;
}
.header-inner {
  position: relative;
  padding: 3.125% 4%;
}
.header-inner > div:first-child {
  width: 100%;
  justify-content: flex-start;
}
.header-inner > div:last-child {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.header-inner > div:first-child #logo {
  width: 44%;
  margin-right: 2%;
}
#jpx {
  width: 43%;
}
#jpx figure {
  width: 22%;
  margin-right: 3%;
}
#jpx span {
  font-size: 2.6vw;
}
.menu-trigger, .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  position: relative;
}
.menu-trigger {
  position: absolute;
  z-index: 110;
  width: 8vw;
  height: 5vw;
  right: 4.6875%;
  top: 5vw;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1vw;
  background-color: #3f2266;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  margin-top: 2vw;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: inline-block;
  width: 100%;
  height: 1vw;
  background-color: #3f2266;
  transition: all .4s;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(2vw) scale(0);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}
.menu-trigger.active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-2vw) scale(0);
}
#menu-wrap {
  position: relative;
  background: #fff;
}
#menu-wrap.show {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 110;
}
#menu-wrap.show .header-inner {
  flex-direction: column;
  padding: 3.125% 0;
}
#menu-wrap.show .header-inner > div:first-child {
  display: none;
}
#menu-wrap.show .header-inner > div:last-child {
  position: relative;
  opacity: 1;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}
#menu-wrap.show .header-inner > div:last-child .local-nav {
  order: 2;
  width: 100%;
  padding: 2.34% 3.125%;
  padding-bottom: .78125%;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  flex-wrap: wrap;
  margin-bottom: .5vw;
}
#menu-wrap.show .header-inner > div:last-child .local-nav li {
  width: 50%;
  margin-bottom: 3.125%;
}
#menu-wrap.show .header-inner > div:last-child .local-nav li a {
  font-size: 3.5vw;
  padding: 0 1.25vw;
  letter-spacing: -.05em;
  text-align: center;
}
#menu-wrap.show .header-inner > div:last-child .local-nav li:nth-child(2n) a {
  border-right: none;
}
#menu-wrap.show .header-inner > div:last-child .local-nav li a:hover {
  opacity: 1;
}
#menu-wrap.show .header-inner > div:last-child .language {
  order: 1;
  align-self: flex-start;
  margin: 0 0 3.125% 4.6875%;
  background: url("../img/common/globe-asia-solid.svg") no-repeat left center /5vw 5vw;
  padding: 0 4.6875% 0 7.5vw;
}
#menu-wrap.show .header-inner > div:last-child .language a {
  font-size: 3.5vw;
} 
#menu-wrap.show .header-inner > div:last-child .language a:last-child {
  margin-left: 1em;
}
#menu-wrap.show .header-inner > div:last-child .language a:hover {
  text-decoration: none;
}
#menu-wrap.show .header-inner > div:last-child .tel {
  order: 3;
}
#menu-wrap.show .header-inner > div:last-child .tel a {
  font-size: 7vw;
}
#menu-wrap.show .header-inner > div:last-child .tel span {
  display: inline;
  width: auto;
  margin: 0 1.5vw 0 0;
  font-size: 3.25vw;
  top: -1vw;
  padding: .5vw 2vw;
}
#menu-wrap.show .header-inner > div:last-child .btn-contact {
  margin-left: inherit;
  order: 4;
  margin: 2.34% auto 0;
  width: 85%;
}
#menu-wrap.show .header-inner > div:last-child .btn-contact a {
  padding: 3.125%;
  font-size: 4vw;
  text-align: center;
}
#menu-wrap.show .menu-trigger {
  top: 3.5vw;
}
nav {
  position: absolute;
  opacity: 0;
  border-top: none;
}
#menu-wrap.show nav {
  position: relative;
  opacity: 1;
}
#menu-wrap.show nav > ul {
  flex-direction: column;
  background: #3f2266;
}
#menu-wrap.show nav > ul > li {
  width: 100%;
  padding: 4.6875% 0;
  border-bottom: 1px solid rgba(255,255,255,.3);
  transition: none;
}
#menu-wrap.show nav > ul > li:nth-last-child(-n+2) {
  width: 100%;
}
#menu-wrap.show nav > ul > li > a {
  font-size: 4.25vw;
  text-align: left;
  border-right: none;
  color: #fff !important;
  padding: 0 6.25%;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}
#menu-wrap.show nav > ul > li > a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f067';
  position: absolute;
  right: 6.25%;
}
#menu-wrap.show nav > ul > li > a.active::before {
  font-family: "Font Awesome 5 Free";
  content: '\f068';
}
#menu-wrap.show nav > ul > li > a.no-submenu::before {
  display: none;
}
#menu-wrap.show nav > ul > li > a:hover {
  color: #fff;
}
#menu-wrap.show nav > ul > li:first-child > a {
  border-left: none;
}
#menu-wrap.show nav > ul > li > a i {
  display: none;
}
#menu-wrap.show .menu {
  display: none;
  position: relative;
  left: 0;
  top: 100%;
  margin: 0 auto;
  padding: 0;
  z-index: 110;
}
#menu-wrap.show .menu dl {
  flex-direction: column;
  width: 100%;
}
#menu-wrap.show .menu dl dt {
  display: none;
}
#menu-wrap.show .menu dl dd {
  width: 100%;
  margin-top: 4.6875%;
  border-top: 1px solid rgba(255,255,255,.3);
}
#menu-wrap.show .menu dl dd ul {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
#menu-wrap.show .menu dl dd ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
#menu-wrap.show .menu dl dd ul li a {
  padding: 3.125% 6.25%;
  background: rgba(255,255,255,0);
  transition: none;
  color: #fff;
  font-size: 4vw;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}
#menu-wrap.show .menu dl dd ul li a::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 7%;
  width: 2.5vw;
  height: 2.5vw;
  margin-top: -1.25vw;
  border-top: solid 2px rgba(255,255,255,.5);
  border-right: solid 2px rgba(255,255,255,.5);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#menu-wrap.show .menu dl dd ul li a:hover {
  background: rgba(255,255,255,.3);
}
#menu-wrap.show .menu dl dd ul li a span {
  color: #fff;
  font-size: 4vw;
  padding: 0;
}
#menu-wrap.show .menu dl dd ul li a:hover span {
  color: #fff;
  transition: none;
}
#menu-wrap.show .menu dl dd ul li a img {
  display: none;
}
#menu-wrap.show nav > ul > li.current > a,
#menu-wrap.show .menu-current.current:hover a,
#menu-wrap.show nav > ul > li.current > a:hover {
  color: #fff !important;
}
/*===== mv =====*/
#mv {
  min-height: 100%;
}
#mv::before {
  display: none;
  background: url("../../css/img/top/scroll-sp.png") no-repeat right center /contain;
  top: 50%;
  right: 3.125%;
  width: 7.4vw;
  height: 81.4vw;
  margin-top: -40.7vw;
}
#slider > li {
  min-height: inherit;
}
.bx-pager {
  bottom: 4% !important;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:visited {
  background: #737373;
  text-indent: -9999px;
  display: block;
  width: 15vw;
  height: .5vw;
  margin: 0;
  margin-right: 2.5vw;
}
#img-strength + div a {
  width: 45%;
  height: 4.5vh;
}
#slider .slick-dots{width:auto;text-align:center;position:relative;margin:0 auto -.5vw;z-index:20;display:flex;justify-content:center;top:-5vw;}
#slider .slick-dots li{position:relative;width:20vw;height:.5vw;margin-left:0;margin-right:3.5vw;cursor:pointer;}
#slider .slick-dots li:last-child{margin-right:0 !important;}
#slider .slick-dots li button{font-size:0;line-height:0;display:block;width:20vw;height:.5vw;cursor:pointer;outline:none;border: none;background:#737373;}
#slider .slick-dots li button:hover,
#slider .slick-dots li button:focus{outline:none;}
#slider .slick-dots li button:hover:before,
#slider .slick-dots li button:focus:before{opacity:1;}
#slider .slick-dots li button:before{content:'';position:absolute;top:0;left:0;width:20vw;height:.5vw;display:block;}
/*===== news =====*/
#news_top {
  padding: 10% 4.6875%;
}
#news_top > div {
  flex-direction: column;
}
#news_top > div h2 {
  font-size: 8vw;
  margin: 0 auto 6.25%;
}
#news_top > div dl {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#news_top > div dl dt {
  width: 100%;
  font-size: 4vw;
  margin-bottom: 3.125%;
}
#news_top > div dl dt span {
  margin: 0 0 0 3.125%;
  font-size: 3.75vw;
  padding: .75vw 3.125%;
}
#news_top > div dl dd a {
  font-size: 4vw;
  line-height: 1.6;
}
#news_top > div .more {
  margin: 6.25% auto 0;
  width: 38%;
}
#news_top > div .more a {
  font-size: 4.25vw;
  padding: 6.25% 1vw;
}
/*===== contents =====*/
#contents {
  padding: 10% 0 12.5%;
}
.sec {
  margin-bottom: 12.5%;
}
.ttl-h2 {
  font-size: 4vw;
  margin-bottom: 6.25%;
}
.ttl-h2 span {
  font-size: 9.5vw;
  margin-bottom: 3.125%;
}
.btn-wh {
  width: 100%;
}
.btn {
  font-size: 4.5vw;
  padding: 4% 1vw;
}
.btn:hover {
  background: #fff;
  color: #3f2266;
}
/* OUR BUSINESS */
#our-business_top {
  padding: 0 4.6875%;
}
#our-business_top ul {
  flex-direction: column;
  margin-bottom: -6.25%;
}
#our-business_top ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 6.25%;
}
#our-business_top ul li a img {
  margin-bottom: 6.25%;
}
#our-business_top ul li a div {
  padding-left: 7.7%;
}
#our-business_top ul li a div::before {
  width: 2px;
  height: 22vw;
  top: -16vw;
  left: 3.8%;
}
#our-business_top ul li a h3 {
  font-size: 6vw;
  margin-bottom: 4%;
}
#our-business_top ul li a p {
  font-size: 4.25vw;
}
/* ADVANTAGE */
#advantage_top ul {
  flex-wrap: wrap;
}
#advantage_top ul li {
  width: 50%;
  min-height: 58vh;
}
#advantage_top ul li a h3 {
  font-size: 3.5vw;
}
#advantage_top ul li a h3 span {
  font-size: 6vw;
  margin-bottom: 7.8%;
}
#advantage_top ul li a p {
  display: none;
  font-size: 4vw;
  padding: 10% 20%;
}
/* CUSTOMER'S VOICE */
#customer-voice_top {
  padding: 0 4.6875%;
}
#customer-voice-box {
  display: block;
  margin-bottom: 7.8125%;
}
#customer-voice-box > div {
  width: 100%;
}
#customer-voice-box dl {
  padding: 8% 8% 10% 0;
}
#customer-voice-box dl dt {
  font-size: 8vw;
  margin-bottom: 6.25%;
}
#customer-voice-box dl dt,
#customer-voice-box dl dd {
  padding-left: 10%;
}
#customer-voice-box dl dt::after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  height: 1px;
  width: 20%;
  left: 0;
  bottom: -2vw;
}
#customer-voice-box dl dd p:first-child {
  font-size: 6.75vw;
  margin-bottom: 6.25%;
}
#customer-voice-box dl dd p:last-child {
  font-size: 4.75vw;
  letter-spacing: .075em;
}
#customer-voice-box dl dd p:last-child span {
  font-size: 6.25vw;
  margin-bottom: 4.6875%;
}
/* Arrows */
#customer-voice_top .slick-prev,
#customer-voice_top .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 14vw;
  height: 14.2vw;
  margin-top: -7.1vw;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  z-index: 10;
}
#customer-voice_top .slick-prev {
  background: url("../img/top/icon_arrow.png") no-repeat left top/14vw 14.2vw;
  left: -7vw;
  transform: rotate(180deg);
}
#customer-voice_top .slick-next {
  background: url("../img/top/icon_arrow.png") no-repeat right top/14vw 14.2vw;
  right: -7vw;
}
#customer-voice_top .slick-prev:focus,
#customer-voice_top .slick-next:focus {
  outline: none;
}
#customer-voice_top .slick-dots{width:auto;text-align:center;position:relative;margin:3.125% 0 0 0;top:0;z-index:20;}
#customer-voice_top .slick-dots li{position:relative;float:none;display:inline-block;width:4vw;height:4vw;margin-left:0;margin-right:3.125%;cursor:pointer;}
#customer-voice_top .slick-dots li:last-child{margin-right:0;}
#customer-voice_top .slick-dots li button{font-size:0;line-height:0;display:block;width:4vw;height:4vw;cursor:pointer;outline:none;border: none;background:#737373;border-radius:50%;}
#customer-voice_top .slick-dots li button:hover,
#customer-voice_top .slick-dots li button:focus{outline:none;}
#customer-voice_top .slick-dots li button:hover:before,
#customer-voice_top .slick-dots li button:focus:before{opacity:1;}
#customer-voice_top .slick-dots li button:before{content:'';position:absolute;top:0;left:0;width:4vw;height:4vw;display:block;border-radius:50%;}
#customer-voice_top .slick-dots li.slick-active button:before{content:'';background:#3f2266;}
/* STAFF */
#staff-box {
  background: url("../img/top/bg_staff-sp.jpg") no-repeat center /cover;
  height: 75vh;
  padding: 0 6.25%;
  margin-bottom: 9.375%;
}
#staff-box p {
  text-align: left;
}
#staff-box p:first-child {
  font-size: 6vw;
  margin-bottom: 9.375%;
  line-height: 1.8;
}
#staff-box p:last-child {
  font-size: 4vw;
}
#staff_top .btn-wh {
  width: 90%;
}
#mind {
  width: 100%;
}
.mind-box {
  padding: 0 7.8125%;
  margin-bottom: 15.625%;
}
.mind-box:last-child {
  margin-bottom: 23.4375%;
}
.mind-box h2 {
  font-size: 8vw;
  margin-bottom: 6.25%;
}
.mind-box h2 span {
  font-size: 4vw;
  display: block;
  margin-top: 1.5vw;
  margin-left: 0;
}
.mind-box .mind-box-inner {
  flex-direction: column;
}
.mind-box .mind-box-inner > div {
  width: 100%;
  order: 2;
}
.mind-box:nth-child(odd) .mind-box-inner > div {
  left: 0;
}
.mind-box-inner > div p {
  font-size: 4vw;
  margin-bottom: 6.25%;
}
.mind-box-inner > div p br {
  display: none;
}
.mind-box-inner > div p:last-of-type {
  margin-bottom: 0
}
.mind-box .mind-box-inner > figure {
  width: 100%;
  margin-bottom: 6.25%;
}
.mind-box-inner figcaption {
  font-size: 2.75vw;
  margin-top: 2vw;
}
.mind-box:last-child .mind-box-inner > div {
  order: 2;
}
.mind-box:last-child .mind-box-inner .profile {
  width: 100%;
  order: 1;
  margin-bottom: 6.25%;
  flex-direction: column;
}
.mind-box:last-child .mind-box-inner .profile dl {
  padding: 0;
  width: 100%;
  margin-top: -6.25%;
  order: 2;
  position: relative;
}
.mind-box:last-child .mind-box-inner .profile dl dt {
  font-size: 5.5vw;
  margin-bottom: 3.125%;
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.mind-box:last-child .mind-box-inner .profile dl dt span {
  font-size: 4vw;
  margin-top: 2vw;
}
.mind-box:last-child .mind-box-inner .profile dl dd p {
  font-size: 4vw;
  padding-right: 10px;
  padding-left: 10px;
}
.mind-box:last-child .mind-box-inner figure {
  order: 1;
  width: 65%;
  z-index: 2;
  position: relative;
  margin: 0 auto;
  top: auto;
  right: auto;
}
/* INFORMATION */
#information_top {
  border-top: none;
  border-bottom: none;
  padding: 0 4.6875% 12.5%;
}
#tab-box .tab {
  flex-direction: column;
  border-bottom: none;
  position: relative;
  border-left: 1px solid #ddd;
  padding: 3.125% 0;
}
#tab-box .tab li {
  margin-left: -1px;
  font-size: 4vw;
  padding: 4.6875% 1vw;
  width: 100%;
  margin-bottom: 1.5625%;
  margin-right: 0;
}
#tab-box .tab li.active {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #fff;
}
#tab-box .tab li:last-child {
  margin-bottom: 0;
}
.tab-area div.show {
  padding-top: 6.25%;
}
.tab-area div dl {
  flex-direction: column;
  padding-bottom: 4.6875%;
  margin-bottom: 4.6875%;
}
.tab-area div dl:last-of-type {
  margin-bottom: 6.25%;
}
.tab-area div dl dt,
.tab-area div dl dd,
.tab-area div dl dd a {
  font-size: 4vw;
}
.tab-area div dl dt {
  width: 100%;
  margin-bottom: 2vw;
}
.tab-area div dl dd {
  width: 100%;
}
/* IR NEWS */
#ir-news_top {
  padding: 0 4.6875% 0;
}
#ir-news-box {
  margin: 0 auto 12.5%;
}
#bnr-box_top ul {
  flex-direction: column;
  margin-bottom: 0;
}
#bnr-box_top ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 3.125%;
}
#bnr-box_top #occupancy {
  width: 270px;
  margin: 0 auto 3.125%;
  padding: 4.6875% 1vw;
  font-size: 3.75vw;
}
#occupancy span {
  font-size: 8vw;
  padding-left: 3.125%;
}
#occupancy {
	font-size: 6.25vw;
}
#bnr-xebec {
  margin: 5.5% auto 10%;
  padding: 0 5%;
}
/*===== footer =====*/
#pagetop-back {
  display: block;
  position: relative;
  width: 100%;
  right: inherit;
	bottom: inherit;
}
#pagetop-back i {
  width: 100%;
  background: rgba(87, 45, 143,1);
  padding: 3.125%;
  font-size: 7.5vw;
}
footer > div {
  padding: 10% 10% 0;
  border-bottom: none;
}
footer > div > div {
  display: none;
}
footer > div > div:last-child {
  display: block;
  width: 100%;
  padding-bottom: 10%;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
footer > div > div dl:not(:first-of-type) {
  margin: 10% 0;
}
footer > div > div dl dt a,
footer > div > div dl dd a,
footer > div > div p a {
  font-size: 4vw;
}
footer > div > div dl dt a {
  font-size: 4.75vw;
}
footer > div > div dl dd ul {
  margin-top: 4.6875%;
}
footer > div > div dl dd ul li:not(:last-child) {
  margin-bottom: 3.125%;
}
footer > div > div dl dd ul li::before {
  width: 2.5vw;
  margin-right: 3.125%;
  top: -1.25vw;
}
footer > div > div p {
  margin-bottom: 4.6875%;
}
footer > div > div p:last-of-type {
  margin-bottom: 0;
}
footer > div > div p a {
  font-size: 4vw;
}
.footer-local {
  text-align: left;
  font-size: 0;
  padding: 10%;
}
.footer-local li {
  font-size: 4vw;
  display: block;
  margin-bottom: 4.6875%;
}
.footer-local li:last-child {
  margin-bottom: 0;
}
.footer-local li a {
  font-size: 4vw;
  padding: 0;
  border-right: none;
}
#footer-bottom {
  padding: 10% 10% 0 10%;
}
#footer-bottom > div {
  flex-direction: column;
}
#footer-bottom > div ul {
  width: 60%;
}
#footer-bottom > div ul li:not(:last-child) {
  margin-right: 15.625%;
}
#footer-bottom > div ul li a img {
  height: auto;
}
#footer-bottom > div #copy {
  font-size: 3.75vw;
  align-self: center;
  margin: 12% 0 10%;
}
#footer-bottom > div #pmark {
  width: 20%;
}
}