@charset "UTF-8";

#top .tp2p_area {
  padding: 0 0 40px;
}

#top .tp2p_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#top .tp2p_item {
  width: 20%;
  padding: 10px;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#top .tp2p_link {
  display: block;
  width: 100%;
  padding: 100% 0 0;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fafafa;
  -webkit-box-shadow: 0 0 20px rgba(150, 150, 150, 0.1) inset;
  box-shadow: 0 0 20px rgba(150, 150, 150, 0.1) inset;
}

#top .tp2p_link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#top .tp2p_link .pr {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  color: #fff;
  text-shadow: 0 1px 2px #000;
  background: rgba(0, 0, 0, 0.7);
  /* width: 30px; */
  height: 15px;
  letter-spacing: 0.2em;
  overflow: hidden;
  /* display: none; */
}

#top .tp2p_link .pr:empty {
  background: none;
}

#top .tp2p_link .tp2p_object {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
}

@media all and (-ms-high-contrast: none) {

  #top *::-ms-backdrop,
  #top a.tp2p_link .tp2p_object {
    width: auto;
    height: auto;
    max-width: 100%;
    min-width: 100%;
  }
}

#top #tp2p button {
  display: block;
  margin: 20px auto 0;
  width: 100%;
  max-width: 280px;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  border: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
  color: #333;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  outline: none;
  -webkit-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
}

#top #tp2p button:hover {
  outline: none;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
  background: white;
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);
}

#top #tp2p button:active {
  outline: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background: white;
  -webkit-transform: translate3d(0, 2px, 0);
  transform: translate3d(0, 2px, 0);
}

@media screen and (max-width: 768px) {
  #top .tp2p_link .pr {
    width: 100%;
    text-align: center;
  }

  #top .tp2p_item {
    width: calc(100% / 3);
    padding: 2px;
  }
}

#home #header-nav .header_wrap {
  top: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

/* #home #header-nav.skip .header_wrap {
	top: 0;
} */

#home #mv-video {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* #home #mv-video.skip {
	opacity: 0;
	display: none;
} */

#home #mv-video .mv-video-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

#home #mv-video #video01 {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#home #mv-video #video03 {
  height: auto;
  width: 100%;
  margin-top: 0;
  left: 50%;
  top: 0;
}

#home #mv-video #control {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  width: 200px;
}

#home #mv-video #control #skip {
  position: relative;
}

#home #mv-video #control span.df {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home #mv-video #control span.ov {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 600px) {
  #home #mv-video #control:hover span.df {
    opacity: 0;
  }

  #home #mv-video #control:hover span.ov {
    opacity: 1;
  }
}

#home .topicModal {
  /* opacity: 0; 動画非表示時の処理*/
  opacity: 1;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 940px) {
  #home .topicModal {
    padding: 0 30px;
  }
}

/* #home .topicModal.skip {
	opacity: 1;
	z-index: 99999;
} */

#home .topicModal__inner {
  max-width: 901px;
  width: 100%;
  text-align: center;
  position: relative;
}

#home .topicModal__close {
  position: absolute;
  top: -30px;
  right: -30px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
}

#home .topicModal__bg {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

#home .topicModal__inner .acap {
  font-size: 10px;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: 10px;
  font-weight: bold;
  text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px,
    black -1px -1px 10px;
}

#home .topicModal__inner .acap--01 {
  top: 30%;
  right: 10px;
}

#home .topicModal__inner .acap--02 {
  top: 63%;
  right: 10px;
}

#home .topicModal__inner .acap--03 {
  right: 10px;
}

@media screen and (max-width: 599px) {
  #home .topicModal__inner {
    width: 80%;
  }

  #home .topicModal__inner .acap--01 {
    bottom: 71%;
    right: 10px;
    top: auto;
  }

  #home .topicModal__inner .acap--02 {
    right: 51%;
    top: auto;
  }
}

#home #hide {
  -webkit-transition: all 2s;
  transition: all 2s;
}

.bnr_modelRoom .acap {
  font-size: 10px;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: 10px;
  right: 27%;
  font-weight: bold;
  text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px,
    black -1px -1px 10px;
}

@media screen and (max-width: 599px) {
  .bnr_modelRoom .acap {
    right: 5px;
    bottom: 37%;
  }
}

/* #home #hide.skip {
	opacity: 1;
} */

#home .mainInfo {
  background-color: #010233;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  padding: 0.5em 0;
  margin-top: 20px;
  margin-bottom: 15px;
}

#home .mainInfo .info__txt {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#home .mv {
  border-radius: 0.09rem;
  margin-top: 0.1rem;
  margin-bottom: 35px;
}

#home .mv .mvArea {
  width: 100%;
  border-radius: 0.09rem;
  position: relative;
  z-index: 2;
}

#home .mv .mvArea:nth-of-type(n + 2) {
  margin-top: 40px;
}

@media screen and (max-width: 599px) {
  #home .mv .mvArea:nth-of-type(n + 2) {
    margin-top: calc(60 / 750 * 100vw);
  }
}

#home .mv .mvArea .slideLink img {
  transition: .3s ease;
}

#home .mv .mvArea .slideLink:hover img {
  opacity: .8;
}

#home .mv .mvArea .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#home .mv .mvArea .mvVideo video {
  display: block;
  width: 100%;
}

#home .mv .bnrArea {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#home .mv .bnrArea>div {
  width: 48.9781%;
  border-radius: 0.09rem;
  overflow: hidden;
  margin-top: 1.52672%;
}

#home .mv .slick-dots {
  bottom: -45px;
}

#home .mv .slick-dots .slick-active button:before {
  content: url(../../imgs/pager-ov.png);
  width: 12px;
  height: 12px;
  display: inline-block;
}

#home .mv .slick-dots li button:before {
  content: url(../../imgs/pager-df.png);
  width: 12px;
  height: 12px;
  display: inline-block;
}

@media screen and (max-width: 599px) {
  #home .mv .slick-dots {
    bottom: -40px;
  }

  #home .mv .bnrArea>div {
    margin-top: 3.05344%;
  }
}

#home .mv .bnrArea>div.upper {
  position: relative;
}

#home .mv .bnrArea>div.upper a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#home .mv .bnrArea>div.upper a.hover img.ov {
  opacity: 1;
}

#home .mv .bnrArea>div.contract_campaign {
  position: relative;
}

#home .mv .bnrArea>div.contract_campaign .contract_campaign__inner {
  margin-top: 0;
  -webkit-box-shadow: 0 0 11.64px 0.36px rgb(0 0 0 / 20%);
  box-shadow: 0 0 11.64px 0.36px rgb(0 0 0 / 20%);
  border-radius: 0.1rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

#home .mv .bnrArea>div.contract_campaign .contract_campaign__inner .image {
  width: 110%;
}

#home .mv .bnrArea>div.contract_campaign .contract_campaign__inner .panel_inner {
  overflow: hidden;
}

#home .mv .bnrArea>div.contract_campaign .panel_border {
  height: 100%;
  padding: 3px;
}

#home .mv .bnrArea>div.contract_campaign .contract_campaign__txt {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 90%;
}

#home .panel>div.res_campaign {
  position: relative;
}

#home .panel>div.events_none {
  pointer-events: none;
}

#home .panel>div.res_campaign:hover .res_campaign__btn {
  opacity: 0.7;
}

#home .panel>div .res_campaign__ttl {
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 0;
  background: rgb(42, 80, 152);
  background: linear-gradient(270deg,
      rgba(42, 80, 152, 1) 0%,
      rgba(77, 185, 208, 1) 100%);
}

@media screen and (max-width: 1440px) {
  #home .panel>div .res_campaign__ttl {
    font-size: calc(22/1440*100vw);
  }
}

#home .panel>div .res_campaign .panel_inner {
  position: relative;
  background-color: #fff;
}

#home .panel>div.res_campaign .res_campaign__txt {
  position: absolute;
  top: 5% !important;
  left: 2% !important;
  right: none !important;
  width: 88%;
}

#home .panel>div.res_campaign .res_campaign__btn {
  position: absolute;
  bottom: 5%;
  right: 0;
  transition: 0.4s;
  width: calc(190/650*100%);
}

#home .panel>div.res_campaign .panel_inner .image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#home .panel>div.res_campaign .panel_inner,
#home .panel>div.res_campaign .panel_inner::before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media screen and (max-width: 599px) {
  #home .panel>div .res_campaign__ttl {
    font-size: 14px;
  }

  #home .panel>div.res_campaign .res_campaign__txt {
    position: absolute;
    top: 4% !important;
    left: 3% !important;
    right: none !important;
    width: 88%;
  }

  #home .panel>div.res_campaign .res_campaign__btn {
    width: 30%;
  }
}

#home .panel>div.laurelBnr {
  width: 100%;
}

#home .bnrArea>div:nth-child(2) {
  width: 49.6183206%;
}

#home .bnrArea>div.newyear_campaign {
  position: relative;
}

#home .bnrArea>div.newyear_campaign:hover .newyear_campaign__btn {
  opacity: 0.7;
}

#home .bnrArea>div.newyear_campaign .newyear_campaign__ttl {
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 5px 0;
  background: rgb(196, 57, 57) url(../../imgs/bg_panel13.png);
  /* background: linear-gradient(270deg, rgba(196, 57, 57, 1) 0%, rgba(77, 185, 208, 1) 100%); */
}

#home .bnrArea>div.newyear_campaign a.hover .panel_inner::before {
  content: none;
}

#home .bnrArea>div.newyear_campaign .panel_border {
  background: rgb(196, 57, 57);
  padding: 3px;
  /* background: linear-gradient(270deg, rgba(196, 57, 57, 1) 0%, rgba(77, 185, 208, 1) 100%); */
}

#home .bnrArea>div .newyear_campaign .panel_inner {
  position: relative;
  background-color: transparent;
}

#home .bnrArea>div.newyear_campaign .newyear_campaign__txt {
  position: absolute;
  top: 25% !important;
  left: 3% !important;
  right: none !important;
}

#home .bnrArea>div.newyear_campaign .newyear_campaign__btn {
  position: absolute;
  bottom: 5% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  transition: 0.4s !important;
  width: 100% !important;
  text-align: center;
}

#home .bnrArea>div.newyear_campaign .panel_inner .image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#home .bnrArea>div.newyear_campaign .panel_inner,
#home .bnrArea>div.newyear_campaign .panel_inner::before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media screen and (max-width: 599px) {
  #home .bnrArea>div .newyear_campaign__ttl {
    font-size: 12px !important;
  }

  #home .bnrArea>div.newyear_campaign .newyear_campaign__txt {
    position: absolute;
    top: 35% !important;
    left: 3% !important;
    right: none !important;
    width: 60%;
  }

  #home .bnrArea>div.newyear_campaign .newyear_campaign__btn {
    width: 40% !important;
  }
}

#home .panel>div.hazerdMmap {
  position: relative;
}

@media screen and (max-width: 599px) {
  #home .panel>div.hazerdMmap {
    height: calc((420 / 750) * 100vw);
  }
}

#home .panel>div.hazerdMmap .panel_border {
  background: rgb(21, 71, 125);
}

#home .panel>div.hazerdMmap:hover .hazerdMmap__btn {
  opacity: 0.7;
}

#home .panel>div .hazerdMmap__ttl {
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 6px 0;
  background: rgb(21, 71, 125);
  background: linear-gradient(270deg,
      rgba(21, 71, 125, 1) 0%,
      rgba(21, 126, 192, 1) 100%);
}

#home .panel>div .hazerdMmap .panel_inner {
  position: relative;
  background-color: #fff;
}

#home .panel>div.hazerdMmap .hazerdMmap__txt {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: none !important;
}

#home .panel>div.hazerdMmap .sp {
  display: none;
}

@media screen and (max-width: 599px) {
  #home .panel>div.hazerdMmap .pc {
    display: none;
  }

  #home .panel>div.hazerdMmap .sp {
    display: inline-block;
  }
}

#home .panel>div.hazerdMmap .hazerdMmap__btn {
  position: absolute;
  bottom: 5%;
  right: 0;
  transition: 0.4s;
}

#home .panel>div.hazerdMmap .panel_inner .image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#home .panel>div.hazerdMmap .panel_inner,
#home .panel>div.hazerdMmap .panel_inner::before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media screen and (max-width: 599px) {
  #home .panel>div .hazerdMmap__ttl {
    font-size: 14px;
  }

  #home .panel>div.hazerdMmap .hazerdMmap__txt {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: none !important;
    width: 100%;
  }

  #home .panel>div.hazerdMmap .hazerdMmap__btn {
    width: 30%;
  }
}

#home .mv .bnrArea>div.lower {
  position: relative;
  margin-top: 1.52672%;
}

#home .mv .bnrArea>div.lower a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#home .mv .bnrArea>div.lower a.hover img.ov {
  opacity: 1;
}

#home .mv .bnrArea.goodhome {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
  padding: 3px;
  border-radius: 0.1rem;
  background: #aba8ef;
  background: linear-gradient(135deg, #aba8ef 0%, #ec343f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aba8ef', endColorstr='#ec343f', GradientType=1);
}

#home .mv .bnrArea.goodhome .goodhome_inner {
  background: #fff;
  border-radius: 0.07rem;
  padding: 20px 10px;
  text-align: center;
}

#home .mv .bnrArea.goodhome .btn_area {
  text-align: center;
}

#home .mv .bnrArea.goodhome .btn_area>div {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 0 0;
}

#home .mv .bnrArea.goodhome .btn_area>div.text {
  font-size: 22px;
  letter-spacing: 0.16em;
  font-weight: bold;
}

#home .mv .bnrArea.goodhome .btn_area>div.btn a {
  display: block;
  position: relative;
}

#home .mv .bnrArea.goodhome .btn_area>div.btn a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .mv .bnrArea.goodhome .btn_area>div.btn a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#home .mv .bnrArea.goodhome .btn_area>div.btn a.hover img.ov {
  opacity: 1;
}

#home .mv .bnrArea.goodhome .goodhome_cap {
  font-size: 10px;
  color: #666666;
  text-align: center;
  margin-top: 15px;
}

@media screen and (max-width: 599px) {
  #home .mv .bnrArea.goodhome .btn_area>div.text {
    font-size: 14px;
  }

  #home .mv .bnrArea.goodhome .btn_area>div.btn {
    margin-top: 10px;
    width: 75%;
  }

  #home .mv .bnrArea.goodhome .goodhome_cap {
    text-align: left;
  }
}

#home .mv .bnrArea.goodhome>div {
  width: 100%;
  border-radius: 0;
  margin-top: 0;
}

#home .mv .bnrArea.goodhome>div a .image img {
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .mv .bnrArea.goodhome>div a.hover .image img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0.7;
}

@media screen and (max-width: 599px) {
  #home .mv .half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
  }

  #home .mv .half .image {
    width: 48.7%;
  }
}

.commonspace3d {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #fff;
  text-align: center;
  border-radius: 0.1rem;
  padding: 40px 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.commonspace3d::before,
.commonspace3d::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: contain;
  z-index: 1;
}

.commonspace3d::before {
  background: url(../../imgs/bg_commonspace3d-jewelry.png) no-repeat;
  width: 1230px;
  height: 252px;
  top: 50px;
  left: 0;
  z-index: -1;
}

.commonspace3d::after {
  background: url(../../imgs/commonspace3d_object.png) no-repeat;
  width: 532px;
  height: 532px;
  top: -20%;
  right: -15%;
}

.commonspace3d_inner {
  padding: 0 70px;
  width: 100%;
  margin: 0 auto;
}

.commonspace3d__headline {
  font-size: 36px;
  line-height: 1.44;
  font-weight: bold;
  margin-bottom: 20px;
}

.commonspace3d__txt {
  font-size: 14px;
}

.commonspace3d__matterport {
  margin: 40px auto 0;
}

.matterport {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.matterport iframe {
  width: 100%;
  height: 100%;
}

.matterport_inner {
  width: 100%;
  margin: 0 auto;
  max-width: 936px;
  height: 528px;
}

.commonspace3d__cap {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}

@media screen and (max-width: 599px) {
  .commonspace3d {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px 0 20px;
  }

  .commonspace3d::before {
    background-size: 65% 65%;
    /* height: 30%; */
    top: -5px;
    left: -15%;
  }

  .commonspace3d::after {
    background-size: contain;
    width: 75%;
    height: 75%;
    top: -15%;
    right: -20%;
  }

  .commonspace3d_inner {
    padding: 0 calc(40 / 750 * 100vw);
  }

  .commonspace3d__headline {
    font-size: calc(46 / 750 * 100vw);
    line-height: 1.44;
    font-weight: bold;
    position: relative;
    z-index: 4;
  }

  .commonspace3d__txt {
    font-size: 12px;
    letter-spacing: 0.02em;
    position: relative;
    z-index: 4;
  }

  .commonspace3d__matterport {
    margin-top: 40px;
  }

  .matterport {
    position: relative;
    z-index: 2;
  }

  .matterport_inner {
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 3;
  }

  .commonspace3d__cap {
    font-size: 10px;
  }
}

#home .mv .gallery {
  margin-top: 20px;
  background: #fff;
  text-align: center;
  border: 3px solid #00026d;
  border-radius: 0.1rem;
  padding: 30px 0;
}

@media screen and (max-width: 599px) {
  #home .mv .gallery {
    border: none;
    background: #846bd7;
    background: -webkit-gradient(linear,
        left bottom,
        left top,
        from(#846bd7),
        to(#6ab9f7));
    background: linear-gradient(0deg, #846bd7 0%, #6ab9f7 100%);
    padding: 3px;
  }
}

#home .mv .gallery .inn {
  background: #fff;
}

@media screen and (max-width: 599px) {
  #home .mv .gallery .inn {
    padding: 25px;
  }
}

#home .mv .gallery .inn .insta {
  width: 92.03%;
  margin: 25px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#home .mv .gallery .inn .insta>span {
  width: 20%;
  display: block;
}

@media screen and (max-width: 599px) {
  #home .mv .gallery .inn .insta {
    margin: 0 auto;
  }
}

#home .mv .gallery .inn .btn {
  width: 69.57%;
  margin: 20px auto 0;
}

@media screen and (max-width: 599px) {
  #home .mv .gallery .tit {
    background: #846bd7;
    padding: 11px 0 8px;
    border-radius: 10px 10px 0 0;
    margin: -3px -3px 0;
  }
}

#home .mv .gallery a,
#home .mv .gallery .tp2p_link {
  display: block;
  position: relative;
}

#home .mv .gallery a .btn01,
#home .mv .gallery .tp2p_link .btn01 {
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 14.2638%;
}

#home .mv .gallery a .btn01>span,
#home .mv .gallery .tp2p_link .btn01>span {
  display: block;
}

#home .mv .gallery a .btn01>span.df,
#home .mv .gallery .tp2p_link .btn01>span.df {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home .mv .gallery a .btn01>span.ov,
#home .mv .gallery .tp2p_link .btn01>span.ov {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}

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

  #home .mv .gallery a .btn01,
  #home .mv .gallery .tp2p_link .btn01 {
    bottom: 10px;
  }
}

#home .mv .gallery a.hover .btn01>span.ov,
#home .mv .gallery .tp2p_link.hover .btn01>span.ov {
  opacity: 1;
}

#home .fixBnr {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100vh;
  /* background: rgba(255, 255, 255, 0.8); */
  overflow: scroll;
}

#home .fixBnr .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 810px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

#home .fixBnr .fixBnrInner {
  max-width: 542px;
  width: 90%;
  display: inline-block;
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

#home .fixBnr .fixBnrInner .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.933579336%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer;
  z-index: 99999;
}

#home .fixBnr .fixBnrInner .close::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#home .fixBnr .fixBnrInner .close.hover::after {
  opacity: 1;
}

#home .fixBnr .fixBnrInner .bnr a {
  display: block;
  position: relative;
}

#home .fixBnr .fixBnrInner .bnr a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url("../../imgs/fixbnr_ov.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
}

#home .fixBnr .fixBnrInner .bnr a.hover::after {
  opacity: 1;
}

#home .obi {
  position: relative;
  border-radius: 0.09rem;
  overflow: hidden;
}

#home .obi .obi_btn {
  width: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0.2rem;
  right: 0.3rem;
}

#home .obi .obi_btn a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 0.3rem;
}

#home .panel,
#home .flo_bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#home .panel>div,
#home .flo_bnr>div {
  margin-top: 0.1rem;
  width: 49.6183206%;
  min-height: 0;
}

#home .panel>div.tabOnly,
#home .flo_bnr>div.tabOnly {
  display: none;
}

#home .panel .lower,
#home .flo_bnr .lower {
  position: relative;
}

#home .panel .lower a img.ov,
#home .flo_bnr .lower a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#home .panel .lower a.hover img.ov,
#home .flo_bnr .lower a.hover img.ov {
  opacity: 1;
}

#home .panel .obi_small .panel_inner,
#home .flo_bnr .obi_small .panel_inner {
  position: relative;
}

#home .panel .obi_small .panel_inner .image img,
#home .flo_bnr .obi_small .panel_inner .image img {
  border-radius: 0.1rem;
}

#home .panel .obi_small .panel_inner .btn,
#home .flo_bnr .obi_small .panel_inner .btn {
  width: 64.153846154%;
  position: absolute;
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#home .panel .obi_small .panel_inner .btn a,
#home .flo_bnr .obi_small .panel_inner .btn a {
  display: block;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#home .panel .obi_small .panel_inner .btn a span,
#home .flo_bnr .obi_small .panel_inner .btn a span {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .panel .obi_small .panel_inner .btn a span.ov,
#home .flo_bnr .obi_small .panel_inner .btn a span.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
}

#home .panel .obi_small .panel_inner .btn a.hover span.ov,
#home .flo_bnr .obi_small .panel_inner .btn a.hover span.ov {
  opacity: 1;
  width: 100%;
}

#home .panel .small,
#home .flo_bnr .small {
  width: 24.4274809%;
}

#home .panel .space,
#home .flo_bnr .space {
  border-radius: 0.09rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#home .panel .type01,
#home .flo_bnr .type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

#home .panel .type01>div,
#home .flo_bnr .type01>div {
  width: 49.2307692%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#home .panel .type01 .right a .panel_border .panel_inner .text_area .text01,
#home .flo_bnr .type01 .right a .panel_border .panel_inner .text_area .text01 {
  margin-bottom: 0.11rem;
}

#home .panel .type01 .space,
#home .flo_bnr .type01 .space {
  height: 48.555%;
}

#home .panel .type01 .space.space01,
#home .flo_bnr .type01 .space.space01 {
  background: url("../../imgs/panel_sora01.png") center no-repeat;
  background-size: cover;
}

#home .panel .type01 .space.space02,
#home .flo_bnr .type01 .space.space02 {
  background: url("../../imgs/panel_sora02.png") center no-repeat;
  background-size: cover;
}

#home .panel .type02,
#home .flo_bnr .type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

#home .panel .type02>div,
#home .flo_bnr .type02>div {
  width: 49.2307692%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#home .panel .type02>div *,
#home .flo_bnr .type02>div * {
  min-height: 0;
}

#home .panel .type02 a .panel_border .panel_inner .text_area .text01,
#home .flo_bnr .type02 a .panel_border .panel_inner .text_area .text01 {
  margin-bottom: 0.11rem;
}

#home .panel a {
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  border-radius: 0.1rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

#home .flo_bnr a {
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  border-radius: 0.08rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

#home .panel a.hover .panel_border .panel_inner:before,
#home .flo_bnr a.hover .panel_border .panel_inner:before {
  width: 100%;
}

#home .panel a.hover .panel_border .image img,
#home .flo_bnr a.hover .panel_border .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.7;
}

#home .panel a.hover .panel_border .text01,
#home .flo_bnr a.hover .panel_border .text01 {
  color: black;
}

#home .panel a.hover .panel_border.-purple .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-purple .panel_inner .text_area .name span {
  color: white;
  background: #8700b9;
}

#home .panel a.hover .panel_border.-sky .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-sky .panel_inner .text_area .name span {
  color: white;
  background: #00b5d6;
}

#home .panel a.hover .panel_border.-blue .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-blue .panel_inner .text_area .name span {
  color: white;
  background: #4b74d0;
}

#home .panel a.hover .panel_border.-blue .panel_inner .text_area .name span.movie,
#home .flo_bnr a.hover .panel_border.-blue .panel_inner .text_area .name span.movie {
  color: #f30076;
  background: #fff;
  font-size: 0.12rem;
  position: relative;
}

#home .panel a.hover .panel_border.-blue .panel_inner .text_area .name span.movie::after,
#home .flo_bnr a.hover .panel_border.-blue .panel_inner .text_area .name span.movie::after {
  content: "";
  border: 1px solid #f30076;
}

#home .panel a.hover .panel_border.-red .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-red .panel_inner .text_area .name span {
  color: white;
  background: #de6750;
}

#home .panel a.hover .panel_border.-green .panel_inner .text_area,
#home .flo_bnr a.hover .panel_border.-green .panel_inner .text_area {
  border-top: 1px solid #dddddd;
}

#home .panel a.hover .panel_border.-green .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-green .panel_inner .text_area .name span {
  color: white;
  background: #00b983;
}

#home .panel a.hover .panel_border.-l_green .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-l_green .panel_inner .text_area .name span {
  color: white;
  background: #9ccb65;
}

#home .panel a.hover .panel_border.-orange .panel_inner .text_area .name span,
#home .flo_bnr a.hover .panel_border.-orange .panel_inner .text_area .name span {
  color: white;
  background: #f3b359;
}

#home .panel .height,
#home .flo_bnr .height {
  height: 100%;
}

#home .panel a .panel_border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 3px;
  min-height: 0;
}

#home .flo_bnr a .panel_border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2px;
  min-height: 0;
}

#home .panel a .panel_border .panel_inner {
  border-radius: 0.08rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-height: 0;
}

#home .flo_bnr a .panel_border .panel_inner {
  border-radius: 0.08rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-height: 0;
}

#home .panel a .panel_border .panel_inner *,
#home .panel .panel_border .panel_inner *,
#home .flo_bnr a .panel_border .panel_inner * {
  min-height: 0;
}

#home .panel a .panel_border .panel_inner:before,
#home .panel .panel_border .panel_inner:before,
#home .flo_bnr a .panel_border .panel_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: white;
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 0 0 0.2rem 0.2rem;
}

#home .panel a .panel_border .panel_inner .new,
#home .flo_bnr a .panel_border .panel_inner .new {
  position: absolute;
  top: 0;
  right: 0;
}

#home .panel a .panel_border .panel_inner .txt,
#home .panel .panel_border .panel_inner .txt,
#home .flo_bnr a .panel_border .panel_inner .txt {
  position: absolute;
  right: 0;
  top: 17px;
}

@media only screen and (min-width: 600px) {
  #home .panel a .panel_border .panel_inner .txt.online_txt {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
}

#home .panel a .panel_border .panel_inner .txt.online_txt+.btn {
  width: auto;
}

@media only screen and (max-width: 599px) {
  #home .panel a .panel_border .panel_inner .txt.online_txt+.btn {
    bottom: 5px;
  }
}

#home .panel a .panel_border .panel_inner .txt.panel3d_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel3d_txt {
  position: absolute;
  right: 0;
  top: 0;
}

#home .panel a .panel_border .panel_inner .txt.panel06_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel06_txt {
  width: 60.24845%;
}

#home .panel a .panel_border .panel_inner .txt.panel07_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel07_txt {
  width: 52.63975%;
}

#home .panel a .panel_border .panel_inner .txt.panel02_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel02_txt {
  width: 37.26708%;
}

#home .panel a .panel_border .panel_inner .txt.panel03_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel03_txt {
  width: 53.88199%;
}

#home .panel a .panel_border .panel_inner .txt.panel08_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel08_txt {
  width: 52.95031%;
}

#home .panel a .panel_border .panel_inner .txt.panel04_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel04_txt {
  width: 39.44099%;
}

#home .panel a .panel_border .panel_inner .txt.panel05_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel05_txt {
  width: 53.10559%;
}

#home .panel a .panel_border .panel_inner .txt.panel01_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel01_txt {
  width: 55.2795%;
}

#home .panel a .panel_border .panel_inner .txt.panel09_txt,
#home .flo_bnr a .panel_border .panel_inner .txt.panel09_txt {
  top: 0px;
}

#home .panel a .panel_border .panel_inner .txt.panel12_txt {
  top: 0px;
  width: 70.2%;
}

#home .panel a .panel_border .panel_inner .btn,
#home .flo_bnr a .panel_border .panel_inner .btn {
  position: absolute;
  right: 0;
  bottom: 16px;
  width: 28.88199%;
}

#home .panel a .panel_border .panel_inner .btn>span.df,
#home .flo_bnr a .panel_border .panel_inner .btn>span.df {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home .panel a .panel_border .panel_inner .btn>span.ov,
#home .flo_bnr a .panel_border .panel_inner .btn>span.ov {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}

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

  #home .panel a .panel_border .panel_inner .txt,
  #home .flo_bnr a .panel_border .panel_inner .txt {
    top: 10px;
  }

  #home .panel a .panel_border .panel_inner .btn,
  #home .flo_bnr a .panel_border .panel_inner .btn {
    bottom: 10px;
  }
}

#home .panel a .panel_border .image,
#home .flo_bnr a .panel_border .image {
  border-radius: 0.09rem 0.09rem 0 0;
  overflow: hidden;
  position: relative;
  background: white;
}

#home .panel a .panel_border .image img,
#home .flo_bnr a .panel_border .image img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .panel a .panel_border .text_area,
#home .flo_bnr a .panel_border .text_area {
  padding: 0.15rem 0.12rem 0.12rem 0.17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

#home .panel a .panel_border .text_area .name,
#home .flo_bnr a .panel_border .text_area .name {
  width: 100%;
  margin-bottom: 0.1rem;
}

#home .panel a .panel_border .text_area .name span,
#home .flo_bnr a .panel_border .text_area .name span {
  display: inline-block;
  height: 0.3rem;
  background: white;
  line-height: 0.3rem;
  font-size: 0.14rem;
  padding: 0 0.07rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .panel a .panel_border .text_area .text01,
#home .flo_bnr a .panel_border .text_area .text01 {
  color: white;
  letter-spacing: 0.05em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .panel a .panel_border .text_area .btn,
#home .flo_bnr a .panel_border .text_area .btn {
  margin-left: auto;
  border-radius: 0.17rem;
  overflow: hidden;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  padding: 2px;
}

#home .panel a .panel_border .text_area .btn>span,
#home .flo_bnr a .panel_border .text_area .btn>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.15rem;
  overflow: hidden;
  width: 1.5rem;
  height: 0.3rem;
  position: relative;
}

#home .panel a .panel_border .text_area .btn>span>span,
#home .flo_bnr a .panel_border .text_area .btn>span>span {
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .panel a .panel_border .text_area .btn>span .df,
#home .flo_bnr a .panel_border .text_area .btn>span .df {
  background: white;
}

#home .panel a .panel_border .text_area .btn>span .ov,
#home .flo_bnr a .panel_border .text_area .btn>span .ov {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

#home .panel a .panel_border .text_area .btn>span .ov img,
#home .flo_bnr a .panel_border .text_area .btn>span .ov img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#home .panel a .panel_border.-purple {
  /*  background: -webkit-gradient(linear, left top, right top, from(#d784f6), to(#8b3fb7));
  background: linear-gradient(to right, #d784f6 0%, #8b3fb7 100%);*/
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#c1e1fb),
      to(#7e7bde));
  background: linear-gradient(to right, #c1e1fb 0%, #7e7bde 100%);
  /*  background: #c1e1fb;*/
}

#home .flo_bnr a .panel_border.-purple {
  background: #8076db;
}

#home .panel a .panel_border.-purple .panel_inner,
#home .flo_bnr a .panel_border.-purple .panel_inner {
  /*  background: #8b3fb7;*/
  background: #7e7bde;
}

#home .panel a .panel_border.-purple .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-purple .panel_inner .text_area .name span {
  color: #8700b9;
}

#home .panel a .panel_border.-sky,
#home .flo_bnr a .panel_border.-sky {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#97d6e1),
      to(#4bb3d0));
  background: linear-gradient(to right, #97d6e1 0%, #4bb3d0 100%);
}

#home .panel a .panel_border.-sky .panel_inner,
#home .flo_bnr a .panel_border.-sky .panel_inner {
  background: #4bb3d0;
}

#home .panel a .panel_border.-sky .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-sky .panel_inner .text_area .name span {
  color: #00b5d6;
}

#home .panel a .panel_border.-blue,
#home .flo_bnr a .panel_border.-blue {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#86a3e4),
      to(#4b74d0));
  background: linear-gradient(to right, #86a3e4 0%, #4b74d0 100%);
}

#home .panel a .panel_border.-blue .panel_inner,
#home .flo_bnr a .panel_border.-blue .panel_inner {
  background: #4b74d0;
}

#home .panel a .panel_border.-blue .panel_inner .text_area .name,
#home .flo_bnr a .panel_border.-blue .panel_inner .text_area .name {
  margin-top: -6px;
}

#home .panel a .panel_border.-blue .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span {
  color: #4b74d0;
  margin-top: 6px;
}

#home .panel a .panel_border.-blue .panel_inner .text_area .name span.first,
#home .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span.first {
  margin-right: 0.1rem;
}

#home .panel a .panel_border.-blue .panel_inner .text_area .name span.movie,
#home .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span.movie {
  color: #fff;
  background: #f30076;
  font-size: 0.12rem;
  position: relative;
  border: 1px solid #f30076;
  vertical-align: bottom;
  line-height: 0.28rem;
}

#home .panel a .panel_border.-blue .panel_inner .text_area .name span.movie::after,
#home .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span.movie::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid #fff;
  position: absolute;
  top: 2px;
  left: 2px;
}

#home .panel a .panel_border.-lblue,
#home .flo_bnr a .panel_border.-lblue {
  background: #71c6e5;
}

#home .panel a .panel_border.-lblueGrad,
#home .flo_bnr a .panel_border.-lblueGrad {
  background: rgb(42, 80, 152);
  background: linear-gradient(270deg,
      rgba(42, 80, 152, 1) 0%,
      rgba(77, 185, 208, 1) 100%);
}

#home .panel a .panel_border.-noBorder {
  background: transparent;
  padding: 0;
}

#home .panel a .panel_border.-dblue,
#home .flo_bnr a .panel_border.-dblue {
  background: #00026d;
}

#home .panel a .panel_border.-dblue .panel_inner,
#home .flo_bnr a .panel_border.-dblue .panel_inner {
  background: #00026d;
}

#home .panel a .panel_border.-dblue .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-dblue .panel_inner .text_area .name span {
  color: #00026d;
}

#home .panel a .panel_border.-red,
#home .flo_bnr a .panel_border.-red {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f5b595),
      to(#de6750));
  background: linear-gradient(to right, #f5b595 0%, #de6750 100%);
}

#home .panel a .panel_border.-red .panel_inner,
#home .flo_bnr a .panel_border.-red .panel_inner {
  background: #de6750;
}

#home .panel a .panel_border.-red .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-red .panel_inner .text_area .name span {
  color: #de6750;
}

#home .panel a .panel_border.-pink,
#home .flo_bnr a .panel_border.-pink {
  background: #f17d9e;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f17d9e),
      to(#c7315c));
  background: linear-gradient(to right, #f17d9e 0%, #c7315c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f17d9e', endColorstr='#c7315c', GradientType=1);
}

#home .panel a .panel_border.-brown,
#home .panel .panel_border.-brown,
#home .flo_bnr a .panel_border.-brown {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#c28660),
      to(#533827));
  background-image: linear-gradient(to right, #c28660, #533827);
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#home .panel a .panel_border.-lightBrown,
#home .panel .panel_border.-lightBrown,
#home .flo_bnr a .panel_border.-lightBrown {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#bda04c),
      to(#8f5c0e));
  background-image: linear-gradient(to right, #bda04c, #8f5c0e);
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#home .panel a .panel_border.-brown .panel_inner .txt,
#home .flo_bnr a .panel_border.-brown .panel_inner .txt {
  top: 0;
}

#home .panel a .panel_border.-yellow,
#home .panel .panel_border.-yellow,
#home .flo_bnr a .panel_border.-yellow {
  background: #fdf105;
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#home .panel a .panel_border.-green,
#home .flo_bnr a .panel_border.-green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#83dec3),
      to(#40b084));
  background: linear-gradient(to right, #83dec3 0%, #40b084 100%);
}

#home .panel a .panel_border.-l_green,
#home .flo_bnr a .panel_border.-l_green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#a0d661),
      to(#9ccb65));
  background: linear-gradient(to right, #a0d661 0%, #9ccb65 100%);
}

#home .panel a .panel_border.-d_green,
#home .flo_bnr a .panel_border.-d_green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#199cbd),
      to(#0b8f8e));
  background: linear-gradient(to right, #199cbd 0%, #0b8f8e 100%);
}

#home .panel a .panel_border.-green .panel_inner,
#home .flo_bnr a .panel_border.-green .panel_inner {
  background: #40b084;
}

#home .panel a .panel_border.-l_green .panel_inner,
#home .flo_bnr a .panel_border.-l_green .panel_inner {
  background: #9ccb65;
}

#home .panel a .panel_border.-green .panel_inner .text_area,
#home .panel a .panel_border.-l_green .panel_inner .text_area,
#home .flo_bnr a .panel_border.-green .panel_inner .text_area,
#home .flo_bnr a .panel_border.-l_green .panel_inner .text_area {
  border-top: 1px solid transparent;
}

#home .panel a .panel_border.-green .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-green .panel_inner .text_area .name span {
  color: #00b983;
}

#home .panel a .panel_border.-l_green .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-l_green .panel_inner .text_area .name span {
  color: #adc34d;
}

#home .panel a .panel_border.-orange,
#home .flo_bnr a .panel_border.-orange {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f7d78a),
      to(#f3b359));
  background: linear-gradient(to right, #f7d78a 0%, #f3b359 100%);
}

#home .panel a .panel_border.-orange .panel_inner,
#home .flo_bnr a .panel_border.-orange .panel_inner {
  background: #f3b359;
}

#home .panel a .panel_border.-orange .panel_inner .text_area,
#home .flo_bnr a .panel_border.-orange .panel_inner .text_area {
  border-top: 1px solid transparent;
}

#home .panel a .panel_border.-orange .panel_inner .text_area .name span,
#home .flo_bnr a .panel_border.-orange .panel_inner .text_area .name span {
  color: #f3b359;
}

#home .panel .off,
#home .flo_bnr .off {
  position: relative;
}

#home .panel .off a,
#home .flo_bnr .off a {
  opacity: 0.2;
  pointer-events: none;
}

#home .panel .off a .panel_border .text_area .btn,
#home .flo_bnr .off a .panel_border .text_area .btn {
  opacity: 0;
}

#home .panel .off:before,
#home .flo_bnr .off:before {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  padding-top: 26.493506493506494%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#home .panel .off:after,
#home .flo_bnr .off:after {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  height: 26.493506493506494%;
  background-image: url("../imgs/comingsoon.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  opacity: 0.8;
}

#home .flo.sp {
  margin-top: 20px;
  background: linear-gradient(to right, #c1e1fb 0%, #7e7bde 100%);
  border-radius: 0.1rem;
}

#home .flo_bnr {
  position: fixed;
  bottom: 70px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 9999;
}

#home .flo_bnr>div {
  position: relative;
  width: auto;
  margin-top: 0;
}

#home .flo_bnr>div {
  margin-left: 20px;
}

#home .flo_bnr>div:not(:last-child) {
  margin-bottom: 15px;
}

#home .flo_bnr>div .checkbox {
  display: none;
}

#home .flo_bnr>div .close {
  position: absolute;
  top: -25px;
  right: -24px;
  z-index: 1;
  cursor: pointer;
}

#home .flo_bnr>div #close:checked~.close {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home .flo_bnr>div #close:checked~a {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home .flo_bnr a .panel_border.-insta {
  background: #f98a2d;
  background: linear-gradient(195deg,
      #6c3bbe 0%,
      #a633ab 33%,
      #da2e7d 66%,
      #f98a2d 100%);
}

#home .flo_bnr a .panel_border .panel_inner .txt {
  top: 0;
}

#home .flo_bnr a .panel_border .panel_inner .btn {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  text-align: center;
}

#home .flo_bnr a .panel_border .panel_inner .btn>span.ov {
  left: 0;
}

#home .flo_bnr a .panel_border .panel_inner img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .flo_bnr a .panel_border .panel_inner img.ov {
  opacity: 0;
}

#home .flo_bnr a.hover .panel_border .panel_inner img.ov {
  opacity: 1;
}

#home .flo_bnr a.hover .panel_border .panel_inner .btn>span.df {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home .flo_bnr a.hover .panel_border .panel_inner .btn>span.ov {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#home .flo_bnr .ovArea {
  position: relative;
  cursor: pointer;
}

#home .flo_bnr .ovArea .df {
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s ease;
}

#home .flo_bnr .ovArea:hover .df {
  opacity: 0;
}

#home .top_cv {
  margin-top: 0.1rem;
}

#home .top_cv .cv {
  border-radius: 0.1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  background: url(../../imgs/top_cv_sp.png) center no-repeat;
  background-size: cover;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: calc(70 / 672 * 100%) 0;
}

@media screen and (max-width: 599px) {
  #home .top_cv .cv {
    padding: 15px 0;
  }

  #home .flo_bnr .bnr+.bnr {
    display: none;
  }

  #home .flo_bnr {
    right: 50%;
    transform: translateX(50%);
    width: 254px;
  }

  #home .flo_bnr>div:not(:last-child) {
    margin-left: auto;
    margin-right: auto;
  }
}

#home .top_cv .cv .title {
  font-size: 0.24rem;
  color: white;
  text-shadow: 0 0 5px rgba(15, 100, 246, 0.6), 0 0 5px rgba(15, 100, 246, 0.6),
    0 0 5px rgba(15, 100, 246, 0.6), 0 0 5px rgba(15, 100, 246, 0.6),
    0 0 5px rgba(15, 100, 246, 0.6);
  text-align: center;
  margin-bottom: 12px;
}

@media screen and (max-width: 599px) {
  #home .top_cv .cv .title {
    font-size: 18px;
  }
}

#home .top_cv .cv .btns {
  width: 21.52778vw;
  max-width: 310px;
}

@media screen and (max-width: 599px) {
  #home .top_cv .cv .btns {
    width: auto;
  }
}

#home .top_cv .cv .btns div+div {
  margin: 10px 0 0;
}

#home .top_cv .cv .btns a {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#home .top_cv .cv .btns a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 0.25rem;
}

#home .top_cv .sora {
  border-radius: 0.09rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  width: 24.4274809%;
}

#home .movieModal,
#home .hazerdModal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}

#home .movieModal__inner {
  width: calc(840 / 1440 * 100vw);
  height: calc(472.5 / 1440 * 100vw);
  max-width: 840px;
  max-height: 472.5px;
  min-width: 560px;
  min-height: 315px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

#home .hazerdModal__inner {
  max-width: 1050px;
  width: 100%;
  height: 80vh;
  margin: 0 auto;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 4;
  overflow-y: scroll;
}

#home .movieModal__inner iframe {
  width: calc(840 / 1440 * 100vw);
  height: calc(472.5 / 1440 * 100vw);
  max-width: 840px;
  max-height: 472.5px;
  min-width: 560px;
  min-height: 315px;
}

#home .movieModal__bg,
#home .hazerdModal__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
}

#home .movieModal__close,
#home .hazerdModal__close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -50px;
  right: 0;
  z-index: 3;
  cursor: pointer;
}

#home .hazerdModal__closeWrap {
  max-width: 1050px;
  width: 100%;
  height: 80vh;
  margin: 0 auto;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 3;
}

#home .movieModal__close::before,
#home .movieModal__close::after,
#home .hazerdModal__close::before,
#home .hazerdModal__close::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%) rotate(45deg);
}

#home .movieModal__close::after,
#home .hazerdModal__close::after {
  transform: translate(-50%, -50%) rotate(135deg);
}

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

  #home .movieModal__inner,
  #home .movieModal__inner iframe {
    min-width: initial;
    min-height: initial;
    width: 95vw;
    height: calc(399 / 750 * 100vw);
  }

  #home .hazerdModal__inner {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
  }

  #home .hazerdModal__closeWrap {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }

  #home .hazerdModal__close {
    top: -30px;
  }
}

#home .hazerdModal__images {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 599px) {
  #home .hazerdModal__images {
    flex-direction: column;
  }

  #home .hazerdModal__images img {
    margin-top: 20px;
  }
}

.hazerdModal__cap {
  color: white;
}

@media screen and (max-width: 599px) {
  #home .mv {
    margin-bottom: 10px;
  }

  #home .mv .bnrArea {
    display: block;
    border-radius: 0.09rem 0.09rem 0 0;
  }

  #home .mv .bnrArea>div {
    border-radius: 0;
    width: 100%;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  #home .mv .mvArea {
    width: 100%;
  }

  #home .mv .bnrArea {
    width: 100%;
    margin-top: 10px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #home .mv .bnrArea>div {
    margin-top: 0;
    width: 49.39759%;
  }

  #home .mv .bnrArea>div img {
    width: 100%;
  }

  #home .mv .bnrArea>div.upper .bnr_btn {
    width: 3.7rem;
  }

  #home .mv .bnrArea>div.upper .bnr_btn img {
    width: 1.8rem;
  }

  #home .mv .bnrArea>div.lower {
    margin-top: auto;
  }

  #home .obi_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #home .obi_wrap>div {
    width: 100%;
  }

  #home .obi_wrap>div+div {
    margin-top: 0.1rem;
  }
}

@media screen and (max-width: 599px) {
  #home .mv .mvArea {
    width: 100%;
  }

  #home .mv .mvArea .mvVideo {
    border-radius: 0.09rem;
    overflow: hidden;
  }

  #home .mv .bnrArea {
    width: 100%;
    margin-top: 10px;
  }

  #home .mv .bnrArea img {
    width: 100%;
  }

  #home .mv .bnrArea>div.upper .bnr_btn {
    width: calc(100vw * 325 / 375);
    bottom: calc(100vw * 12 / 375);
  }

  #home .mv .bnrArea>div.upper .bnr_btn img {
    width: calc(100vw * 157 / 375);
  }

  #home .mv .bnrArea>div.lower {
    margin-top: 10px;
  }

  #home .obi_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #home .obi_wrap>div {
    width: 100%;
  }

  #home .obi_wrap>div+div {
    margin-top: 0.1rem;
  }
}

@media screen and (max-width: 600px) {
  #home .fixBnr .bg {
    min-height: 810px;
  }
}

@media screen and (max-width: 599px) {
  #home .fixBnr .fixBnrInner {
    max-width: 315px;
  }
}

@media only screen and (max-width: 959px) {
  #home .obi .obi_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 2rem;
    height: 0.5rem;
    right: 0.3rem;
  }

  #home .obi02 {
    border-radius: 0.09rem;
    overflow: hidden;
    background: url(../../imgs/obi_bg02_sp.png) center no-repeat;
    background-size: cover;
    padding: 12px 10px 8px;
    margin-top: 10px;
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  #home .obi {
    text-align: center;
    background: url(../../imgs/obi_bg_sp.png) center no-repeat;
    background-size: cover;
    padding: 12px 10px 15px;
  }

  #home .obi .obi_btn {
    position: static;
    width: auto;
    height: auto;
    margin-top: 7px;
  }

  #home .obi02 {
    border-radius: 0.09rem;
    overflow: hidden;
    background: url(../../imgs/obi_bg02_sp.png) center no-repeat;
    background-size: cover;
    padding: 12px 10px 8px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  #home .panel>div.tabOnly {
    display: block;
    width: 32.530120482%;
  }

  #home .panel>div.tabOnly .space+.space {
    margin-top: calc(100vw * 12 / 960);
  }
}

@media screen and (min-width: 960px) and (max-width: 1440px) {
  #home .panel .space+.space {
    margin-top: calc(100vw * 10 / 1440);
  }
}

@media screen and (min-width: 1441px) {
  #home .panel .space+.space {
    margin-top: 10px;
  }
}

@media screen and (max-width: 599px) {
  #home .panel a .panel_border .panel_inner .new {
    width: 52px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  #home .panel a .panel_border .text_area .text01.text_newline {
    width: 100%;
  }
}

@media screen and (min-width: 600px) and (max-width: 675px) {
  #home .panel a .panel_border.-green .panel_inner .text_area .text01 {
    margin-bottom: 0.7rem !important;
  }
}

@media only screen and (max-width: 959px) {
  #home .panel>div.order1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  #home .panel>div.order2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  #home .panel>div.order3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  #home .panel>div.order4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  #home .panel>div.small_tab {
    width: 32.5301204%;
  }

  #home .panel>div.small_tab .type02>div:not(.tab_none) {
    width: 100%;
  }

  #home .panel .space_tab_outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
  }

  #home .panel .space_tab_outer>div {
    height: 49%;
    border-radius: 0.09rem;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
  }

  #home .panel .space_tab_outer>div.space01 {
    background: url(../../imgs/panel_sora01_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space02 {
    background: url(../../imgs/panel_sora02_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space03 {
    background: url(../../imgs/panel_sora03_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space04 {
    background: url(../../imgs/panel_sora04_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space05 {
    background: url(../../imgs/panel_sora05_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space06 {
    background: url(../../imgs/panel_sora06_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space07 {
    background: url(../../imgs/panel_sora07_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .space_tab_outer>div.space08 {
    background: url(../../imgs/panel_sora08_tab.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .type01>div {
    width: 100%;
  }

  #home .panel .type01 .left {
    display: none;
  }

  #home .panel .type02 .space {
    display: none;
  }

  #home .panel .type02>div>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
  }

  #home .panel a .panel_border .text_area {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  #home .panel a .panel_border .text_area .text01 {
    letter-spacing: 0;
  }

  #home .panel a .panel_border .panel_inner .text_area .name span.twolines {
    letter-spacing: 0.05em;
  }
}

@media only screen and (max-width: 599px) {
  #home .panel>div {
    width: 100%;
  }

  #home .panel>div.order1,
  #home .panel>div.order2,
  #home .panel>div.order3,
  #home .panel>div.order4 {
    -webkit-box-ordinal-group: inherit;
    -ms-flex-order: inherit;
    order: inherit;
  }

  #home .panel>div.small_tab {
    width: 100%;
  }

  #home .panel>div.sp_last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  #home .panel .type01>div {
    width: 48.555%;
  }

  #home .panel .type01 .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #home .panel .type01 .space.space01 {
    background: url(../../imgs/panel_sora01_sp.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .type01 .space.space02 {
    background: url(../../imgs/panel_sora02_sp.png) center no-repeat;
    background-size: cover;
  }

  #home .panel .type02 .space {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }

  #home .panel .type02 .left .space {
    margin-top: 10px;
  }

  #home .panel .type02 .right .space {
    margin-bottom: 10px;
  }

  #home .panel a .panel_border .panel_inner {
    position: relative;
  }

  #home .panel a .panel_border .panel_inner .text_area {
    padding: 10px 10px 35px;
    position: static;
  }

  #home .panel a .panel_border .panel_inner .text_area .name {
    margin-bottom: 5px;
  }

  #home .panel a .panel_border .panel_inner .text_area .name span {
    height: 19px;
    line-height: 19px;
    font-size: 13px;
    padding: 0 6px;
  }

  #home .panel a .panel_border .panel_inner .text_area .name span.twolines {
    height: 38px;
    letter-spacing: 0.05em;
  }

  #home .panel a .panel_border.-blue .panel_inner .text_area .name span.first {
    margin-right: 0;
  }

  #home .panel a .panel_border .panel_inner .text_area .text01 {
    font-size: 13px;
    margin-bottom: 7px !important;
  }

  #home .panel a .panel_border .panel_inner .txt.panel12_txt {
    width: 65%;
    top: 0px;
  }

  #home .panel a .panel_border .panel_inner .text_area .btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  #home .panel a .panel_border .panel_inner .text_area .btn>span {
    background: white;
    width: 1rem;
    height: 17px;
    border-radius: 8.5px;
  }

  #home .panel a .panel_border.-blue .panel_inner .text_area .name span.movie {
    font-size: 11px;
    height: 22px;
    line-height: 22px;
  }
}

#home .slider-for01 img {
  border-radius: 0.1rem;
}

#home .repaymentBnr {
  border-radius: 0.1rem;
  background: #aba8ef;
  background: -webkit-linear-gradient(315deg, #aba8ef 0%, #ec343f 100%);
  background: -o-linear-gradient(315deg, #aba8ef 0%, #ec343f 100%);
  background: linear-gradient(135deg, #aba8ef 0%, #ec343f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aba8ef', endColorstr='#ec343f', GradientType=1);
  padding: 3px;
  margin-top: 40px;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr {
    flex-direction: column;
  }
}

#home .repaymentBnr__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.07rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(150/1440*100vw);
  max-height: 150px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  width: 50%;
}

@media screen and (min-width: 600px) {
  #home .repaymentBnr__link:hover .repaymentBnr__btn {
    background-color: #ffffff;
    color: #040840;
  }

  #home .repaymentBnr__link:hover .repaymentBnr__btn .btn .df {
    opacity: 0;
  }

  #home .repaymentBnr__link:hover .repaymentBnr__btn .btn .ov {
    opacity: 1;
    -webkit-transition: 0.3s ease 0.1s;
    -o-transition: 0.3s ease 0.1s;
    transition: 0.3s ease 0.1s;
  }
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr__link {
    height: auto;
    max-height: none;
    padding: calc(40 / 750 * 100vw);
    width: 100%;
  }
}

#home .repaymentBnr__link:first-child {
  border-radius: 0.07rem 0 0 0.07rem;
}

#home .repaymentBnr__link+.repaymentBnr__link {
  background: #040840;
  color: #fff;
  border-radius: 0 0.07rem 0.07rem 0;
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr__link:first-child {
    border-radius: 0.07rem 0.07rem 0 0;
  }

  #home .repaymentBnr__link+.repaymentBnr__link {
    background: #040840;
    color: #fff;
    border-radius: 0 0 0.07rem 0.07rem;
  }
}

#home .repaymentBnr__link+.repaymentBnr__link:hover {
  background: #040840;
}

#home .repaymentBnr__link+.repaymentBnr__link:hover .repaymentBnr__btn {
  background: #040840;
  color: #fff;
  position: relative;
}

#home .repaymentBnr__link+.repaymentBnr__link:hover .repaymentBnr__btn::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  background: #;
}

#home .repaymentBnr__price {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  width: 50%;
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr__price {
    padding: 0;
    width: 100%;
  }
}

#home .repaymentBnr__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.16em;
  line-height: 1;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  width: auto;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  #home .repaymentBnr__btn {
    font-size: calc(18/1440*100vw);
  }
}

@media screen and (min-width: 600px) {
  #home .repaymentBnr__btn {
    /* background-color: #040840; */
    border-radius: 0 0.07rem 0.07rem 0;
    font-weight: bold;
  }
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr__btn {
    font-size: 18px;
    margin: calc(40 / 750 * 100vw) auto 0;
    width: 100%;
  }
}

#home .repaymentBnr__btn .btn {
  display: inline-block;
  margin-top: 15px;
  position: relative;
  width: calc(250/1440*100vw);
  max-width: 250px
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr__btn .btn {
    width: auto;
  }
}

#home .repaymentBnr__btn .btn .df {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

#home .repaymentBnr__btn .btn .ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s ease 0.1;
  -o-transition: 0.3s ease 0.1;
  transition: 0.3s ease 0.1;
}

#home .repaymentBnr+.bnrSection {
  margin-top: 40px;
}

@media screen and (max-width: 599px) {
  #home .repaymentBnr+.bnrSection {
    margin-top: calc(60 / 750 * 100vw);
  }
}

#home .bnrSection {
  margin-top: 40px;
  position: relative;
}

@media screen and (max-width: 599px) {
  #home .bnrSection {
    margin-top: calc(60 / 750 * 100vw);
  }
}

#home .bnrSection__ttl {
  background-color: #040840;
  color: #ffffff;
  font-weight: bold;
  font-size: 28px;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 18px 0;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  #home .bnrSection__ttl {
    font-size: calc(28 / 1440 * 100vw);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection__ttl {
    font-size: calc(42 / 750 * 100vw);
    padding: calc(24 / 750 * 100vw) 0;
  }
}

#home .bnrSection__ttl+.panel {
  margin-top: 20px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__ttl+.panel {
    margin-top: calc(30 / 750 * 100vw);
  }
}

#home .bnrSection__inner {
  cursor: pointer;
  padding: 20px 0 30px;
  text-align: center;
  transition: .4s ease;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__inner {
    padding: calc(30 / 750 * 100vw) 0 calc(46 / 750 * 100vw);
  }
}

#home .bnrSection__inner.is-selected .bnrSection__btn .icon:before {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}

#home .bnrSection__inner.is-selected .bnrSection__btn .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

#home .bnrSection__inner.is-selected .bnrContList {
  max-height: 0;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
}

#home .bnrSection__cont {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#home .bnrSection__cont.is-open {
  max-height: 2000px;
  padding-top: 30px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__cont.is-open {
    padding-top: calc(80 / 750 * 100vw);
  }
}

#home .bnrSection__btn {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 30px;
  padding-right: 50px;
  position: relative;
  text-align: center;
  transition: .4s ease;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__btn {
    font-size: calc(36 / 750 * 100vw);
    margin-top: calc(46 / 750 * 100vw);
    padding-right: calc(80 / 750 * 100vw);
  }
}

#home .bnrSection__btn .icon {
  border: 1px solid #ffffff;
  border-radius: 50%;
  display: block;
  height: 40px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__btn .icon {
    height: calc(70 / 750 * 100vw);
    width: calc(70 / 750 * 100vw);
  }
}

#home .bnrSection__btn .icon:before,
#home .bnrSection__btn .icon:after {
  background-color: #ffffff;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}

#home .bnrSection__btn .icon:before {
  height: 1px;
  width: 14px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__btn .icon:before {
    width: calc(20 / 750 * 100vw);
  }
}

#home .bnrSection__btn .icon:after {
  height: 14px;
  width: 1px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection__btn .icon:after {
    height: calc(20 / 750 * 100vw);
  }
}

#home .bnrSection+.bnrSection {
  margin-top: 40px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection+.bnrSection {
    margin-top: calc(60 / 750 * 100vw);
  }
}

#home .bnrSection--colored {
  padding: 40px 0;
  z-index: 1;
}

@media screen and (min-width: 600px) {
  #home .bnrSection--colored .bnrSection__inner:hover .bnrSection__btn {
    letter-spacing: .15em;
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection--colored {
    padding: calc(90 / 750 * 100vw) 0;
  }
}

#home .bnrSection--colored:after {
  content: "";
  display: block;
  height: 100%;
  left: -40px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (min-width: 1391px) {
  #home .bnrSection--colored:after {
    left: calc((100vw - 1310px) / -2);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection--colored:after {
    left: -15px;
  }
}

#home .bnrSection--colored .bnrSection__ttl {
  background: none;
  margin-bottom: 20px;
}

#home .bnrSection--colored+.bnrSection--colored {
  margin-top: 0;
}

#home .bnrSection[data-genre="information"] {
  background: #fff;
  border: 3px solid #040840;
  border-radius: 0.1rem;
  padding-bottom: 30px;
}

#home .bnrSection[data-genre="information"] .panel {
  padding: 0 30px;
}

@media screen and (max-width: 1440px) {
  #home .bnrSection[data-genre="information"] .panel {
    padding: 0 calc(30/1440*100vw);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel {
    padding: 0 calc(42 / 750 * 100vw);
  }
}

#home .bnrSection[data-genre="information"] .panel>div {
  position: relative;
  text-align: center;
  width: calc(744/1244*100%);
}

#home .bnrSection[data-genre="information"] .panel>div:last-child {
  width: calc(420/1244*100%);
}

#home .bnrSection[data-genre="information"] .panel>div:last-child:before {
  border-left: 2px dashed #333;
  content: '';
  display: block;
  height: 100%;
  left: calc(-22/420*100%);
  position: absolute;
  top: 0;
  width: 1px;
}

#home .bnrSection[data-genre="information"] .panel>div a {
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

#home .bnrSection[data-genre="information"] .panel>div:not(:last-child) a .btn {
  display: inline-block;
  bottom: 20px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
}

@media screen and (max-width: 1440px) {
  #home .bnrSection[data-genre="information"] .panel>div:not(:last-child) a .btn {
    bottom: calc(20/1440*100vw);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div {
    width: 100%;
  }

  #home .bnrSection[data-genre="information"] .panel>div:not(:last-child) a .btn {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: calc(20 / 750 * 100vw);
  }

  #home .bnrSection[data-genre="information"] .panel>div:last-child {
    margin-top: calc(80 / 750 * 100vw);
    width: 100%;
  }

  #home .bnrSection[data-genre="information"] .panel>div:last-child:before {
    border-top: 2px dashed #333;
    height: 2px;
    left: 0;
    top: calc(-40 / 750 * 100vw);
    width: 100%;
  }
}

#home .bnrSection[data-genre="information"] .panel>div a .btn .ov {
  left: 50%;
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
}

@media screen and (min-width: 600px) {
  #home .bnrSection[data-genre="information"] .panel>div a:hover .btn .ov {
    opacity: 1;
  }
}

#home .bnrSection[data-genre="information"] .panel>div.caution {
  border: 3px solid #ce0000;
  background: #fff;
  position: relative;
  border-radius: 0.09rem;
}

#home .bnrSection[data-genre="information"] .panel>div.caution a {
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #ce0000;
  height: 100%;
  font-size: 14px;
  border-radius: 0;
  padding: 30px 0;
}

@media screen and (max-width: 1440px) {
  #home .bnrSection[data-genre="information"] .panel>div.caution a {
    font-size: calc(14/1440*100vw);
    padding: calc(30/1440*100vw) 0;
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div.caution a {
    font-size: calc(26 / 750 * 100vw);
    padding: calc(44 / 750 * 100vw);
  }
}

#home .bnrSection[data-genre="information"] .panel>div.caution a .title {
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
  line-height: calc(32/ 24);
}

@media screen and (max-width: 1440px) {
  #home .bnrSection[data-genre="information"] .panel>div.caution a .title {
    font-size: calc(24/1440*100vw);
    margin-bottom: calc(20/1440*100vw);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div.caution a .title {
    font-size: calc(26 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
}

#home .bnrSection[data-genre="information"] .panel>div.caution a .text {
  display: block;
  font-weight: bold;
  line-height: calc(30 / 14);
  margin-bottom: 35px;
  font-size: 14px;
  color: #000;
}

@media screen and (max-width: 1440px) {
  #home .bnrSection[data-genre="information"] .panel>div.caution a .text {
    font-size: calc(14/1440*100vw);
    margin-bottom: calc(35/1440*100vw);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div.caution a .text {
    font-size: calc(18 / 750 * 100vw);
    margin-bottom: 0;
  }
}

#home .bnrSection[data-genre="information"] .panel>div.reserveBnr {
  position: relative;
}

#home .bnrSection[data-genre="information"] .panel>div.reserveBnr .reserveBnr__ttl {
  font-size: 40px;
  font-weight: bold;
  line-height: calc(56 / 40);
}

@media screen and (max-width: 1440px) {
  #home .bnrSection[data-genre="information"] .panel>div.reserveBnr .reserveBnr__ttl {
    font-size: calc(40/1440*100vw);
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div.reserveBnr .reserveBnr__ttl {
    font-size: calc(50 / 750 * 100vw);
    padding-top: 0;
  }
}

#home .bnrSection[data-genre="information"] .panel>div.reserveBnr .reserveBnr__ttl .small {
  font-size: 24px;
  letter-spacing: 0.07em;
  display: inline-block;
  /* margin-bottom: 32px; */
  width: 100%;
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div.reserveBnr .reserveBnr__ttl .small {
    font-size: calc(32 / 750 * 100vw);
    margin-bottom: 0;
  }
}

@media screen and (min-width: 600px) {
  #home .bnrSection[data-genre="information"] .panel>div.reserveBnr .reserveBnr__ttl .large {
    display: inline-block;
    margin-top: 7%;
  }
}

#home .bnrSection[data-genre="information"] .panel>div.reserveBnr a {
  background-color: #ffffff;
  border-radius: 0.04rem;
}

@media screen and (max-width: 599px) {
  #home .bnrSection[data-genre="information"] .panel>div.reserveBnr a {
    padding: calc(40 / 750 * 100vw);
  }
}

/* #home .bnrSection[data-genre="information"] .panel > div.reserveBnr a .btn {
  bottom: 60px;
} */
#home .bnrSection[data-genre="roomDetails"]:after {
  background-color: #f1d6ad;
}

#home .bnrSection[data-genre="roomDetails"] .bnrSection__inner {
  background-color: #f3b359;
}

@media screen and (min-width: 600px) {
  #home .bnrSection[data-genre="roomDetails"] .bnrSection__inner:hover {
    background-color: #f2c079;
  }
}

#home .bnrSection[data-genre="areaDetails"]:after {
  background-color: #a5d2da;
}

#home .bnrSection[data-genre="areaDetails"] .bnrSection__inner {
  background-color: #449dad;
}

@media screen and (min-width: 600px) {
  #home .bnrSection[data-genre="areaDetails"] .bnrSection__inner:hover {
    background-color: #66a5b1;
  }
}

#home .bnrSection .bnrContList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*  max-height: 280px;*/
  padding: 0 20px 40px;
  overflow: hidden;
  border-bottom: 1px dashed #ffffff;
  transition: .4s ease;
}

@media screen and (min-width: 600px) {
  #home .bnrSection .bnrContList--fiveItems .bnrContList__item:nth-of-type(4) {
    margin-left: 15%;
  }

  #home .bnrSection .bnrContList--fiveItems .bnrContList__item:last-child {
    margin-right: 15%;
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection .bnrContList {
    padding: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);
  }
}

#home .bnrSection .bnrContList__item {
  position: relative;
  /*  width: 422px;*/
  width: 31%;
}

@media screen and (min-width: 600px) {
  #home .bnrSection .bnrContList__item:nth-child(n + 4) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 599px) {
  #home .bnrSection .bnrContList__item {
    height: calc(100 / 750 * 100vw);
    width: 49%;
  }

  #home .bnrSection .bnrContList__item img {
    height: 100%;
    object-fit: cover;
  }

  #home .bnrSection .bnrContList__item:nth-child(n+3) {
    margin-top: calc(20 / 750 * 100vw);
  }
}

#home .bnrSection .bnrContList__item--small {
  /*  width: 310px;*/
  width: 24%;
}

@media screen and (max-width: 599px) {
  #home .bnrSection .bnrContList__item--small {
    width: 49%;
  }
}

#home .bnrSection .bnrContList__ttl {
  font-weight: bold;
  font-size: calc(22/1440*100vw);
  left: 50%;
  letter-spacing: 0.08em;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.9);
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

@media screen and (max-width: 599px) {
  #home .bnrSection .bnrContList__ttl {
    font-size: calc(22 / 750 * 100vw);
    letter-spacing: .04em;
    line-height: 1.2;
  }
}

@media screen and (min-width: 1440px) {
  #home .bnrSection .bnrContList__ttl {
    font-size: 22px;
    letter-spacing: .04em;
    line-height: 1.2;
  }
}


#home .bnrSection .bnrContList__ttl .small {
  font-size: 18px;
}

@media screen and (max-width: 599px) {
  #home .bnrSection .bnrContList__ttl .small {
    font-size: calc(20 / 750 * 100vw);
  }
}

#osakabay .sec01 .block+.block {
  margin-top: 0.7rem;
}

#osakabay .sec01 .block .image {
  position: relative;
}

#osakabay .sec01 .block .image .c_cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#osakabay .sec02 {
  margin-bottom: 1.2rem;
}

#osakabay .sec02 .block {
  padding-top: 0.44rem;
}

#osakabay .sec02 .block.block01 {
  padding-top: 0.6rem;
}

#osakabay .sec02 .block .titB {
  margin-bottom: 0.24rem;
  line-height: 1.4em;
  text-align: left;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8);
}

#osakabay .sec02 .block p {
  margin-bottom: 0.2rem;
  line-height: 2;
  letter-spacing: 0.08em;
}

#osakabay .sec02 .block .image {
  margin-top: auto;
  position: relative;
}

#osakabay .sec02 .block .image .c_cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#osakabay .sec02 .block .big_image_clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#osakabay .sec02 .block .big_image_clm .text_area {
  width: 34.4715447%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#osakabay .sec02 .block .big_image_clm .image_area {
  width: 63.0894308%;
}

#osakabay .sec02 .block .big_image_clm .image_area div {
  position: relative;
}

#osakabay .sec02 .block .big_image_clm .image_area div .c_cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#osakabay .sec02 .block .big_image_clm.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#osakabay .sec02 .block .image_clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -0.5rem;
}

#osakabay .sec02 .block .image_clm>div {
  margin-top: 0.5rem;
  width: 48.7804878%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#osakabay .sec02 .block01 {
  background: url(../../osakabay/imgs/kazari01.png) top center no-repeat;
  background-size: 100% auto;
}

#osakabay .sec02 .block02 {
  background: url(../../osakabay/imgs/kazari02.png) top center no-repeat;
  background-size: 100% auto;
}

#osakabay .sec02 .block02 .big_image_clm {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#osakabay .sec02 .block03 {
  background: url(../../osakabay/imgs/kazari03.png) top center no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 599px) {
  #osakabay .sec01 .block+.block {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 959px) {
  #osakabay .sec02 .block .big_image_clm .image_area {
    width: 332px;
  }

  #osakabay .sec02 .block .big_image_clm .text_area {
    width: calc(100% - 362px);
  }
}

@media only screen and (max-width: 599px) {
  #osakabay .sec02 {
    margin-bottom: 40px;
  }

  #osakabay .sec02 .block {
    padding-top: 30px;
  }

  #osakabay .sec02 .block.block01 {
    padding-top: 50px;
  }

  #osakabay .sec02 .block .titB {
    text-align: center;
    margin-bottom: 15px;
  }

  #osakabay .sec02 .block .big_image_clm {
    display: block;
  }

  #osakabay .sec02 .block .big_image_clm .text_area {
    width: 100%;
    margin: 0 0 20px;
  }

  #osakabay .sec02 .block .big_image_clm .image_area {
    width: 100%;
    /* .tab_none {
          	display: block !important;
          }
          .tab {
          	display: none !important;
          } */
  }
}

#access .sec01 {
  background: url(../../access/imgs/kazari.png) top center no-repeat;
  background-size: 100% auto;
  margin-bottom: 1.2rem;
}

#access .sec01 .image {
  position: relative;
}

#access .sec01 .image .c_cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#access .sec01 .text01 {
  text-align: center;
  margin-bottom: 0.55rem;
  line-height: 2;
}

#access .sec01 .map {
  margin-bottom: 0.4rem;
}
#access .sec01 .accessCatch {
  margin-bottom: 0.3rem;
}
#access .sec01 .accessCatch__cap {
  text-align: right;  
  font-size: 10px;
  margin-top: 0.05rem;
}
@media screen and (max-width: 769px) {
  #access .sec01 .accessCatch__cap {
    text-align: left;  
  }
}

#access .sec01 .to_station {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.36rem;
}

#access .sec01 .to_station>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#access .sec01 .to_station>div:nth-child(1) {
  width: 46%;
  padding: 0 0.3rem 0 0.57rem;
}

#access .sec01 .to_station>div:nth-child(2) {
  width: 54%;
  padding: 0 0.12rem 0 0.3rem;
  border-left: 1px solid rgba(52, 52, 52, 0.5);
}
#access .sec01 .to_station__cap {
  font-size: 10px;
  text-align: right;
  width: 100%;
  margin-top: 0.2rem;
}
@media screen and (max-width: 769px) {
  #access .sec01 .to_station__cap {
    text-align: left;
  }
}

#access .sec01 .root {
  background: #eeeeee;
  padding: 0.34rem 0.2rem;
  margin-bottom: 0.4rem;
}

#access .sec01 .root .root_inner {
  max-width: 6.72rem;
  margin: 0 auto;
}

#access .sec01 .root .text02 {
  text-align: center;
  font-size: 0.22rem;
  font-weight: bold;
  margin-bottom: 0.33rem;
}

#access .sec01 .root .form_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.18rem;
  margin-bottom: 0.2rem;
}

#access .sec01 .root .form_input .input {
  margin: 0 0.1rem;
}

#access .sec01 .root .form_input .input input {
  font-size: 0.18rem;
  border: 2px solid #d1d1d1;
  border-radius: 0.09rem;
  overflow: hidden;
  background: white;
  outline: none;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ",
    sans-serif;
  width: 2.18rem;
  height: 0.5rem;
  padding: 0 0.1rem;
}

#access .sec01 .root .btn {
  text-align: center;
  line-height: 1;
}

#access .sec01 .root .btn>span {
  width: 4.92rem;
  border-radius: 0.23rem;
  overflow: hidden;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  padding: 2px;
  display: inline-block;
}

#access .sec01 .root .btn>span>span {
  display: block;
  background: url(../../access/imgs/btn_ov.png) center no-repeat;
  background-size: 1.96rem auto;
}

#access .sec01 .root .btn>span label {
  display: block;
  border-radius: 0.21rem;
  overflow: hidden;
  background: white;
  width: 100%;
  background-size: 1.96rem auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#access .sec01 .root .btn>span label input {
  outline: none;
}

#access .sec01 .root .btn>span label.hover {
  opacity: 0;
}

#access .sec01 .root .btn input {
  max-width: 100%;
  vertical-align: bottom;
  width: 1.96rem;
  outline: none;
  display: inline-block;
}

#access .sec01 .image02 {
  position: relative;
}

#access .sec01 .image02 .c_cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 599px) {
  #access .sec01 {
    margin-bottom: 40px;
  }

  #access .sec01 .to_station {
    display: block;
  }

  #access .sec01 .to_station>div {
    width: 100% !important;
    padding: 0 !important;
  }

  #access .sec01 .to_station>div+div {
    margin-top: 20px;
    padding-top: 20px !important;
    border-top: 1px solid rgba(52, 52, 52, 0.5);
    border-left: none !important;
  }

  #access .sec01 .root {
    padding: 20px;
  }

  #access .sec01 .root .text02 {
    font-size: 16px;
  }

  #access .sec01 .root .form_input {
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  #access .sec01 .root .form_input>div {
    margin-bottom: 10px;
  }

  #access .sec01 .root .form_input .input {
    margin: 0 10px 10px 0;
    max-width: calc(100% - 3em);
  }

  #access .sec01 .root .form_input .input input {
    font-size: 14px;
    height: 40px;
    max-width: 100%;
  }

  #access .sec01 .root .btn>span {
    width: 100%;
  }
}

#access .osakaMetroBnr {
  background-color: #313d68;
  display: block;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  #access .osakaMetroBnr {
    min-height: 110px;
    width: 100%;
    padding: 20px 50px;
  }
}
@media (max-width: 768px) {
  #access .osakaMetroBnr {
    padding: 15px 15px;
  }
}
#access .osakaMetroBnr__ttl {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #access .osakaMetroBnr__ttl {
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  #access .osakaMetroBnr__ttl {
    font-size: 20px;
  }
}
@media screen and (min-width: 769px) {
  #access .osakaMetroBnr__txt {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #access .osakaMetroBnr__txt {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) {
  #access .osakaMetroBnr__txt .num {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  #access .osakaMetroBnr__txt .num {
    font-size: 20px;
    line-height: 1.2;
  }
}
#access .map.js_image_zoom:after {
  z-index: 10;
}
#access .metroMap {
  padding: 40px 60px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #access .metroMap {
    padding: 10px;
  }
}

#access .metroMap:before {
  content: '';
  background-image: linear-gradient( 0deg, rgb(132,107,215) 0%, rgb(106,185,247) 99%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
#access .metroMap:after {
  background-color: #fff;
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: -1;
}
#access .metroMap__col {
  display: flex;
  gap: 32px;
  max-width: 1024px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  #access .metroMap__col {
    gap: 10px;
  }
}

#access .metroMap__col img {
  width: calc(50% - 16px);
}
@media screen and (max-width: 768px) {
  #access .metroMap__col img {
    width: calc(50% - 5px);
  }
}

.map--anchor {
  margin-top: -350px;
  padding-top: 350px;
}
@media screen and (max-width: 768px) {
  .map--anchor {
    margin-top: -60px;
    padding-top: 60px;
  }
}

#landplan .sec01 {
  background: url(../../landplan/imgs/kazari.png) top center no-repeat;
  background-size: 100% auto;
}

#landplan .sec01 .image01 {
  position: relative;
  margin-bottom: 0.3rem;
}

#landplan .sec01 .image01 .c_cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#landplan .sec01 .text01 {
  text-align: center;
  margin-bottom: 0.5rem;
  line-height: 2;
}

#landplan .sec01 .landplan {
  background: #eeeadc;
  padding: 0.35rem 0 0.35rem;
  margin-bottom: 0.52rem;
}

#landplan .sec01 .landplan h2 {
  width: 9.64rem;
  max-width: calc(100% - 0.6rem);
  margin: 0 auto 10px;
  background: white;
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.1);
  border-radius: 0.09rem;
  overflow: hidden;
  padding: 2px;
  margin-bottom: 0.27rem;
}

#landplan .sec01 .landplan h2 .h2_inner {
  display: block;
  border: 2px solid #000126;
  border-radius: 0.09rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.22rem;
  min-height: 0.64rem;
  padding: 0.1rem;
}

#landplan .sec01 .landplan h2 .h2_inner img {
  margin-right: 0.15rem;
}

#landplan .sec01 .landplan .map {
  position: relative;
  margin-bottom: 0.2rem;
}

#landplan .sec01 .landplan .map .c_cap {
  position: absolute;
  bottom: -5px;
  right: 15px;
  font-size: 10px;
}

#landplan .sec01 .landplan .prot>div {
  position: absolute;
  -webkit-transform: rotate(0.01deg);
  transform: rotate(0.01deg);
}

#landplan .sec01 .landplan .prot>div.hover {
  z-index: 10;
}

#landplan .sec01 .landplan .prot>div.hover .prot_outer {
  opacity: 1;
  visibility: visible;
}

#landplan .sec01 .landplan .prot .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.34rem;
  height: 0.34rem;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#000142),
      to(#00026d));
  background: linear-gradient(to right, #000142 0%, #00026d 100%);
  font-size: 0.18rem;
  color: white;
  letter-spacing: 0;
  font-weight: normal;
}

#landplan .sec01 .landplan .prot .prot_outer {
  padding-bottom: 0.22rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

#landplan .sec01 .landplan .prot .prot_inner {
  background: white;
  padding: 2px;
  width: 2.39rem;
  position: relative;
}

#landplan .sec01 .landplan .prot .prot_inner:after {
  content: "";
  width: 22px;
  height: 19px;
  background: url(../../landplan/imgs/prot_arrow.png) center no-repeat;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
}

#landplan .sec01 .landplan .prot .prot_inner .prot_border {
  border: 2px solid #000126;
  padding: 0.17rem;
}

#landplan .sec01 .landplan .prot .prot_inner .p_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eeeeee;
}

#landplan .sec01 .landplan .prot .prot_inner .p_title .p_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.3rem;
  min-height: 0.3rem;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#000142),
      to(#00026d));
  background: linear-gradient(to right, #000142 0%, #00026d 100%);
  font-size: 0.19rem;
  color: white;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#landplan .sec01 .landplan .prot .prot_inner .p_title .p_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 0.3rem);
  padding: 0 0.08rem;
  font-size: 0.18rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#landplan .sec01 .landplan .prot .prot_inner .p_text {
  font-size: 0.12rem;
  line-height: 1.8;
  margin-top: 0.12rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#landplan .sec01 .landplan .prot .prot01 {
  top: 75.1%;
  right: 28.1%;
}

#landplan .sec01 .landplan .prot .prot02 {
  top: 65.8%;
  right: 28%;
}

#landplan .sec01 .landplan .prot .prot03 {
  top: 63.4%;
  right: 32.2%;
}

#landplan .sec01 .landplan .prot .prot04 {
  top: 68.1%;
  right: 19.6%;
}

#landplan .sec01 .landplan .prot .prot05 {
  top: 65.4%;
  right: 35.9%;
}

#landplan .sec01 .landplan .prot .prot06 {
  top: 65.3%;
  right: 40.5%;
}

#landplan .sec01 .landplan .prot .prot07 {
  top: 67.2%;
  right: 44.8%;
}

#landplan .sec01 .landplan .prot .prot08 {
  top: 33.1%;
  right: 25.6%;
}

#landplan .sec01 .landplan .prot .prot09 {
  top: 42.9%;
  right: 26.8%;
}

#landplan .sec01 .landplan .prot .prot10 {
  top: 41.2%;
  right: 44.7%;
}

#landplan .sec01 .landplan .prot .prot11 {
  top: 13.9%;
  right: 41.8%;
}

#landplan .sec01 .landplan .prot .prot11_2 {
  top: 57%;
  right: 53.9%;
}

#landplan .sec01 .landplan .prot .prot11_3 {
  top: 67.9%;
  right: 48.9%;
}

#landplan .sec01 .landplan .prot .prot12 {
  top: 19.9%;
  right: 61.6%;
}

#landplan .sec01 .landplan .prot .prot12_2 {
  top: 67.9%;
  right: 55.5%;
}

#landplan .sec01 .landplan .prot .prot13 {
  top: 73.2%;
  right: 62.6%;
}

#landplan .sec01 .landplan .prot .prot14 {
  top: 13.9%;
  right: 63.3%;
}

#landplan .sec01 .landplan .prot .prot14_2 {
  top: 28.4%;
  right: 23.4%;
}

#landplan .sec01 .landplan .prot .prot15 {
  top: 20.9%;
  right: 23.4%;
}

#landplan .sec01 .landplan .prot .prot15_2 {
  top: 58.1%;
  right: 46.6%;
}

#landplan .sec01 .landplan .prot .prot16 {
  top: 54.6%;
  right: 29.6%;
}

#landplan .sec01 .landplan .guarden {
  padding: 0 0.3rem;
}

#landplan .sec01 .landplan .guarden h3 {
  font-weight: bold;
  font-size: 0.22rem;
  padding-left: 0.2rem;
  background: url(../../landplan/imgs/dot.png) top 0.4em left no-repeat;
  margin-bottom: 0.15rem;
}

#landplan .sec01 .landplan .guarden p {
  line-height: 2;
  letter-spacing: 0.08em;
}

#landplan .sec01 .landplan_detail .titC {
  margin-bottom: 0.4rem;
}

#landplan .sec01 .landplan_detail .block {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -0.38rem;
}

#landplan .sec01 .landplan_detail .block>div {
  margin-right: 2.4390243%;
  width: 31.707317%;
  margin-top: 0.38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#landplan .sec01 .landplan_detail .block>div>* {
  min-height: 0%;
}

#landplan .sec01 .landplan_detail .block>div:nth-child(3n) {
  margin-right: 0;
}

#landplan .sec01 .landplan_detail .block h3 {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eeeeee;
}

#landplan .sec01 .landplan_detail .block h3 .num {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.35rem;
  min-height: 0.35rem;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#000142),
      to(#00026d));
  background: linear-gradient(to right, #000142 0%, #00026d 100%);
  font-size: 0.22rem;
  color: white;
  letter-spacing: 0;
}

#landplan .sec01 .landplan_detail .block h3 .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 0.35rem);
  padding: 0 0.08rem;
  font-size: 0.22rem;
}

#landplan .sec01 .landplan_detail .block p {
  margin-top: 0.12rem;
  line-height: 2;
  letter-spacing: 0.08em;
}

#landplan .sec01 .landplan_detail .block p br {
  display: none;
}

#landplan .sec01 .landplan_detail .block .image {
  padding-top: 0.18rem;
  margin-top: auto;
  position: relative;
}

#landplan .sec01 .landplan_detail .block .image img {
  width: 100%;
}

#landplan .sec01 .landplan_detail .block .image .acap {
  font-size: 10px;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-weight: bold;
  text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px,
    black -1px -1px 10px;
}

#landplan .sec01 .attention {
  max-width: 1230px;
  width: auto;
  margin-top: 30px;
  padding: 10px;
  border: 1px solid #dd0000;
  color: #dd0000;
  text-align: center;
}

#landplan .sec02 {
  padding-top: 0.9rem;
  margin-bottom: 1.1rem;
  background: url(../../landplan/imgs/kazari02.png) top center no-repeat;
  background-size: 100% auto;
}

#landplan .sec02 .image {
  position: relative;
  margin-bottom: 0.3rem;
}

#landplan .sec02 .image .c_cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#landplan .sec02 .text01 {
  text-align: center;
  line-height: 2;
}

@media only screen and (max-width: 959px) {
  #landplan .sec01 .landplan h2 .h2_inner {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 959px) {
  #landplan .sec01 .landplan .guarden h3 {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 959px) {
  #landplan .sec01 .landplan_detail .block h3 .num {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 959px) {
  #landplan .sec01 .landplan_detail .block h3 .text {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 959px) {
  #landplan .sec01 .landplan .prot>div {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  #landplan .sec01 .landplan .prot>div * {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

@media only screen and (max-width: 599px) {
  #landplan .sec01 .landplan .map .c_cap {
    position: static;
    text-align: right;
    display: block;
    padding-right: 30px;
  }

  #landplan .sec01 .landplan .prot {
    display: none;
  }

  #landplan .sec01 .landplan .guarden h3 {
    font-size: 16px;
  }

  #landplan .sec01 .landplan_detail .titC {
    font-size: 20px;
    margin-bottom: 20px;
  }

  #landplan .sec01 .landplan_detail .block {
    display: block;
    margin-top: 0;
  }

  #landplan .sec01 .landplan_detail .block>div {
    width: 100%;
    margin-right: 0 !important;
  }

  #landplan .sec01 .landplan_detail .block>div+div {
    margin-top: 20px;
  }

  #landplan .sec01 .landplan_detail .block h3 .num,
  #landplan .sec01 .landplan_detail .block h3 .text {
    font-size: 16px;
  }

  #landplan .sec01 .landplan_detail .block p br {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  #landplan .sec02 {
    padding-top: 0.5rem;
    margin-bottom: 0.4rem;
  }
}

#location .sec01 {
  background: url(../../location/imgs/kazari01.png) top center no-repeat;
  background-size: 100% auto;
  margin-bottom: 0.97rem;
}

#location .sec01 .image {
  position: relative;
  margin-bottom: 0.3rem;
}

#location .sec01 .image .c_cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#location .sec01 .image .c_cap.black {
  color: #000;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8);
}

#location .sec01 .text01 {
  text-align: center;
  line-height: 2;
}

#location .sec02 {
  margin-bottom: 1rem;
}

#location .sec02 .block {
  padding-top: 0.75rem;
}

#location .sec02 .block.block02,
#location .sec02 .block.block03 {
  padding-top: 0.87rem;
}

#location .sec02 .block .titB {
  margin-bottom: 0.28rem;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8);
}

#location .sec02 .block .title {
  font-weight: bold;
  font-size: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #00026d;
  position: relative;
  padding-bottom: 0.12rem;
  margin-bottom: 0.22rem;
  line-height: 1.5;
}

#location .sec02 .block .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
}

#location .sec02 .block .title .num {
  width: 0.35rem;
  height: 0.35rem;
  background: #80cedf;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.22rem;
  color: white;
  margin-right: 0.1rem;
  font-weight: normal;
}

#location .sec02 .block .title .num.-green {
  background: #81d198;
}

#location .sec02 .block .title .num.-red {
  background: #e89292;
}

#location .sec02 .block p {
  line-height: 2;
  letter-spacing: 0.08em;
}

#location .sec02 .block .image {
  margin-bottom: 0.2rem;
}

#location .sec02 .block .big_image_clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}

#location .sec02 .block .big_image_clm .text_area {
  width: 34.4715447%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#location .sec02 .block .big_image_clm .text_area .image {
  margin-bottom: 0.2rem;
  margin-top: 0;
}

#location .sec02 .block .big_image_clm .image_area {
  width: 63.0894308%;
}

#location .sec02 .block .big_image_clm.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#location .sec02 .block .image_clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -0.5rem;
}

#location .sec02 .block .image_clm>div {
  margin-top: 0.5rem;
  width: 48.7804878%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#location .sec02 .block01 {
  background: url(../../location/imgs/kazari02.png) top center no-repeat;
  background-size: 100% auto;
}

#location .sec02 .block02 {
  background: url(../../location/imgs/kazari03.png) top center no-repeat;
  background-size: 100% auto;
}

#location .sec02 .block03 {
  background: url(../../location/imgs/kazari04.png) top center no-repeat;
  background-size: 100% auto;
}

#location .sec03 {
  margin-bottom: 1.15rem;
}

#location .sec03 h2 {
  background: #eeeeee;
  padding: 0.13rem 0.3rem;
  margin-bottom: 0.6rem;
}

#location .sec03 h2 span {
  background: url(../../location/imgs/dot.png) left center no-repeat;
  font-size: 0.22rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding: 0 0.2rem;
  display: inline-block;
}

#location .sec03 .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#location .sec03 .block>div {
  width: 48.7804878%;
}

#location .sec03 .block>div>div+div {
  margin-top: 0.43rem;
}

#location .sec03 .block h3 {
  margin-bottom: 0.25rem;
}

#location .sec03 .block h3 .bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 0.09rem 0.09rem 0 0;
  max-width: 3.9rem;
  min-height: 0.43rem;
  padding: 0.08rem 0.15rem;
}

#location .sec03 .block h3 .nunito {
  font-size: 0.22rem;
  color: white;
  margin-right: 0.14rem;
  line-height: 1;
}

#location .sec03 .block h3 .ja {
  font-size: 0.16rem;
  color: white;
  line-height: 1;
  margin-bottom: 0.02rem;
}

#location .sec03 .block h3.-pink {
  border-bottom: 2px solid #e89292;
}

#location .sec03 .block h3.-pink .bg {
  background: #e89292;
}

#location .sec03 .block h3.-green {
  border-bottom: 2px solid #81d198;
}

#location .sec03 .block h3.-green .bg {
  background: #81d198;
}

#location .sec03 .block h3.-yellow {
  border-bottom: 2px solid #eec06f;
}

#location .sec03 .block h3.-yellow .bg {
  background: #eec06f;
}

#location .sec03 .block h3.-purple {
  border-bottom: 2px solid #a68de0;
}

#location .sec03 .block h3.-purple .bg {
  background: #a68de0;
}

#location .sec03 .block h3.-blue {
  border-bottom: 2px solid #80cedf;
}

#location .sec03 .block h3.-blue .bg {
  background: #80cedf;
}

#location .sec03 .block .table {
  padding: 0 0.1rem;
}

#location .sec03 .block .table table {
  width: 100%;
  border-collapse: collapse;
}

#location .sec03 .block .table table tr td {
  padding: 0.09rem 0;
  vertical-align: bottom;
  white-space: nowrap;
}

#location .sec03 .block .table table tr td:nth-child(1) {
  position: relative;
  overflow: hidden;
  white-space: normal;
}

#location .sec03 .block .table table tr td:nth-child(1):before {
  content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
  position: absolute;
  bottom: 0.05rem;
  left: 0;
  right: 0;
  margin: auto;
}

#location .sec03 .block .table table tr td:nth-child(1) span {
  background: white;
  position: relative;
  padding-right: 0.05rem;
}

#location .sec03 .block .table table tr td:nth-child(2) {
  text-align: right;
}

#location .sec03 .block .table table tr td:nth-child(4) {
  padding-left: 0.05rem;
  width: 3em;
}

#location .sec03 .block .table table tr td:nth-child(5) {
  text-align: right;
  width: 1em;
}

#location .sec04 .title {
  background: #eeeeee;
  padding: 0.13rem 0.3rem;
  margin-bottom: 0.4rem;
}

#location .sec04 .title span {
  background: url(../../location/imgs/dot.png) left center no-repeat;
  font-size: 0.22rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding: 0 0.2rem;
  display: inline-block;
}

#location .sec04 .text {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}

@media only screen and (max-width: 599px) {
  #location .sec04 .text {
    margin-top: 10px;
    font-size: 10px;
  }
}

#location .sec04>.map {
  position: relative;
}

#location .sec04>.map .plot {
  position: absolute;
  width: 1.300813008%;
  line-height: 1;
}

#location .sec04>.map .plot a {
  display: block;
  line-height: 1;
  position: relative;
}

#location .sec04>.map .plot a:hover img {
  transform: scale(1.5);
}

#location .sec04>.map .plot a img {
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#location .sec04>.map .plot a::after {
  content: "";
  display: block;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#location .sec04>.map .plot a:hover::after {
  transform: scale(1.7);
  transition-duration: 0.3s;
}

#location .sec04>.map .plot01 {
  top: 59.8%;
  left: 46.9%;
}

#location .sec04>.map .plot01 a::after {
  content: "コスモタワー";
  opacity: 1;
  color: #3E3A39;
  min-width: 7em;
  height: 100%;
  left: 20px;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot01 a:hover::after {
  transform: scale(1.5);
  left: 45.5px;
  background: #fff;
}

#location .sec04>.map .plot02 {
  top: 47.9%;
  left: 48.5%;
}

#location .sec04>.map .plot02 a::after {
  content: "咲洲キャナル";
  opacity: 1;
  color: #3E3A39;
  min-width: 6em;
  height: 100%;
  left: 20px;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
  top: -16px;
}

#location .sec04>.map .plot02 a:hover::after {
  transform: scale(1.5);
  left: 41px;
  background: #fff;
}

#location .sec04>.map .plot03 {
  top: 47.5%;
  left: 46.9%;
}

#location .sec04>.map .plot03 a::after {
  content: "シーサイドコスモ";
  opacity: 1;
  color: #3E3A39;
  min-width: 8em;
  height: 100%;
  left: 0;
  top: -170%;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot03 a:hover::after {
  transform: scale(1.5);
  left: 24px;
  background: #fff;
}

#location .sec04>.map .plot04 {
  top: 56.9%;
  left: 44.1%;
}

#location .sec04>.map .plot04 a::after {
  content: "ATC";
  opacity: 1;
  color: #3E3A39;
  min-width: 2.5em;
  height: 100%;
  left: -215px;
  top: 360%;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot04 a:hover::after {
  transform: scale(1.5);
  left: -20;
  background: #fff;
}

#location .sec04>.map .plot05 {
  top: 72.9%;
  left: 28.25%;
}

#location .sec04>.map .plot05 a::after {
  content: "ATCあそびマーレ";
  opacity: 1;
  color: #3E3A39;
  min-width: 9em;
  height: 100%;
  left: 20px;
  top: 1px;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot05 a:hover::after {
  transform: scale(1.5);
  left: 53px;
  background: #fff;
}

#location .sec04>.map .plot06 {
  top: 69.9%;
  left: 28.25%;
}

#location .sec04>.map .plot06 a::after {
  content: "IDC大塚家具";
  opacity: 1;
  color: #3E3A39;
  min-width: 6em;
  height: 100%;
  left: 20px;
  top: 0;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot06 a:hover::after {
  transform: scale(1.5);
  left: 42.5px;
  background: #fff;
}

/* #location .sec04 > .map .plot07 {
  top: 50.8%;
  left: 47.2%;
} */
/* #location .sec04 > .map .plot07 a::after {
  content: "フーディーズ咲洲";
  opacity: 1;
  color: #3E3A39;
  min-width: 8em;
  height: 100%;
  left: 20px;
  top: 0;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
} */
/* #location .sec04 > .map .plot07 a:hover::after{
  transform: scale(1.5);
  left: 47.5px;
  background: #fff;
} */

#location .sec04>.map .plot07 {
  top: 15%;
  left: 35%;
}

#location .sec04>.map .plot07 a::after {
  content: 'グランキャンピング　　　 パームガーデン舞洲 by WBF';
  opacity: 1;
  color: #3E3A39;
  min-width: 13em;
  height: 2em;
  left: 20px;
  top: 0;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot07 a:hover::after {
  transform: scale(1.5);
  left: 64.5px;
  background: #fff;
}

#location .sec04>.map .plot08 {
  top: 15%;
  left: 33.3%;
}

#location .sec04>.map .plot08 a::after {
  content: '大阪リゾート　　 ホテル・ロッジ舞洲';
  opacity: 1;
  color: #3E3A39;
  width: 9em;
  height: 2em;
  left: -200px;
  top: -10px;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot08 a:hover::after {
  transform: scale(1.5);
  left: -200px;
  background: #fff;
}

#location .sec04>.map .plot09 {
  top: 59.1%;
  left: 37.2%;
}

#location .sec04>.map .plot09 a::after {
  content: ' 野鳥園臨港緑地 （大阪南港野鳥園）';
  opacity: 1;
  color: #3E3A39;
  text-align: right;
  width: 9em;
  height: 2em;
  left: -135px;
  top: 0;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot09 a:hover::after {
  transform: scale(1.5);
  left: -160px;
  top: 2px;
  background: #fff;
}

#location .sec04>.map .plot10 {
  top: 28.5%;
  left: 56.5%;
}

#location .sec04>.map .plot10 a::after {
  content: "海遊館";
  opacity: 1;
  color: #3E3A39;
  min-width: 3em;
  height: 100%;
  left: 20px;
  top: 0;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot10 a:hover::after {
  transform: scale(1.5);
  left: 30.5px;
  background: #fff;
}

#location .sec04>.map .plot11 {
  top: 58%;
  left: 67%;
}

#location .sec04>.map .plot11 a::after {
  content: "IKEA 鶴浜";
  opacity: 1;
  color: #3E3A39;
  min-width: 5em;
  height: 100%;
  left: 20px;
  top: 0;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#location .sec04>.map .plot11 a:hover::after {
  transform: scale(1.5);
  left: 38.5px;
  background: #fff;
}

@media only screen and (max-width: 599px) {
  #location .sec01 {
    margin-bottom: 0.5rem;
  }
}

#location .sec01 .locationBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 30px;
}
@media only screen and (max-width: 599px) {
  #location .sec01 .locationBlock {
    display: block;
  }
}


#location .sec01 .locationBlock__cont .title {
  position: relative;
  font-weight: bold;
    font-size: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #00026d;
    position: relative;
    padding-bottom: 0.12rem;
    margin-bottom: 0.22rem;
    line-height: 1.5;
}
@media only screen and (max-width: 599px) {
  #location .sec01 .locationBlock__cont .title {
    padding-top: 0.12rem;
    font-size: 20px;
    
  }
}
#location .sec01 .locationBlock__cont p {
  line-height: 2;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 599px) {
  #location .sec01 .locationBlock__cont p {
 
  }
}


#location .sec01 .locationBlock__cont .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#846bd7), color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
}
@media only screen and (max-width: 959px) {
  #location .sec02 .block .title {
    font-size: 0.208rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
  #location .sec02 .block .big_image_clm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  #location .sec02 .block .big_image_clm .text_area {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #location .sec02 .block .big_image_clm .text_area>div {
    width: 48%;
  }

  #location .sec02 .block .big_image_clm .text_area .image {
    margin-top: 0;
  }

  #location .sec02 .block .big_image_clm .image_area {
    width: 100%;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 599px) {
  #location .sec02 {
    margin-bottom: 50px;
  }

  #location .sec02 .block {
    padding-top: 50px !important;
  }

  #location .sec02 .block .title {
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }

  #location .sec02 .block p {
    margin-bottom: 5px;
  }

  #location .sec02 .block .big_image_clm {
    margin-bottom: 30px;
    display: block;
  }

  #location .sec02 .block .big_image_clm .text_area {
    width: 100%;
    margin: 0 0 10px;
  }

  #location .sec02 .block .big_image_clm .text_area p {
    margin-bottom: 0;
  }

  #location .sec02 .block .big_image_clm .image_area {
    width: 100%;
  }

  #location .sec02 .block .image_clm {
    display: block;
    margin-top: 0;
  }

  #location .sec02 .block .image_clm>div {
    width: 100%;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 959px) {
  #location .sec03 h2 span {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 959px) {
  #location .sec03 .block h3 .nunito {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 959px) {
  #location .sec03 .block h3 .ja {
    font-size: 0.128rem;
  }
}

@media only screen and (max-width: 959px) {
  #location .sec03 .block {
    display: block;
  }

  #location .sec03 .block>div {
    width: 100%;
  }

  #location .sec03 .block>div+div,
  #location .sec03 .block>div>div+div {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 599px) {
  #location .sec03 {
    margin-bottom: 40px;
  }

  #location .sec03 h2 {
    margin-bottom: 30px;
    padding: 10px;
  }

  #location .sec03 h2 span {
    font-size: 16px;
  }

  #location .sec03 .block h3 {
    margin-bottom: 15px;
  }

  #location .sec03 .block h3 .bg {
    padding: 5px 10px;
    min-height: 35px;
  }

  #location .sec03 .block h3 .nunit {
    font-size: 16px;
    margin-right: 10px;
  }

  #location .sec03 .block h3 .ja {
    font-size: 12px;
  }

  #location .sec03 .block .table table {
    display: block;
  }

  #location .sec03 .block .table table tbody {
    display: block;
  }

  #location .sec03 .block .table table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #location .sec03 .block .table table tr+tr {
    margin-top: 10px;
  }

  #location .sec03 .block .table table tr td {
    font-size: 12px;
    width: auto !important;
    padding: 0;
  }

  #location .sec03 .block .table table tr td:nth-child(1) {
    width: 100% !important;
    font-weight: bold;
  }

  #location .sec03 .block .table table tr td:nth-child(1):before {
    content: none;
  }
}

@media only screen and (max-width: 959px) {
  #location .sec04 .title span {
    font-size: 0.176rem;
  }
}

@media only screen and (max-width: 599px) {
  #location .sec04 .title {
    margin-bottom: 30px;
    padding: 10px;
  }

  #location .sec04 .title span {
    font-size: 16px;
  }
}

#plan .panelArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#plan .panelArea>div {
  width: 48.780487805%;
  padding: 3px;
  border-radius: 10px;
  overflow: hidden;
}

#plan .panelArea>div.off {
  pointer-events: none;
  cursor: default;
  position: relative;
}

#plan .panelArea>div.off::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: .5;
}

#plan .panelArea>div.orange {
  background: #e89292;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#e89292),
      to(#dc6c21));
  background: linear-gradient(to right, #e89292 0%, #dc6c21 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89292', endColorstr='#dc6c21', GradientType=1);
}

#plan .panelArea>div.blue {
  background: #17a3ed;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#17a3ed),
      to(#0085cb));
  background: linear-gradient(to right, #17a3ed 0%, #0085cb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a3ed', endColorstr='#0085cb', GradientType=1);
}

#plan .panelArea>div.yellow {
  background: #f7d78b;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f7d78b),
      to(#f3b359));
  background: linear-gradient(to right, #f7d78b 0%, #f3b359 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d78b', endColorstr='#f3b359', GradientType=1);
}

#plan .panelArea>div a {
  display: block;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

#plan .panelArea>div a img {
  width: 100%;
}

#plan .panelArea>div a .bg img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .panelArea>div a .ttl {
  position: absolute;
  top: 0;
  left: 0;
}

#plan .panelArea>div a .btn {
  position: absolute;
  top: 0;
  left: 0;
}

#plan .panelArea+.panelArea {
  margin-top: 20px;
}

#plan .panelArea>div.res a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .panelArea>div.res a.hover img.ov {
  opacity: 1;
}

#plan .panelArea>div a .btn img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .panelArea>div a .btn img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .panelArea>div a .acap {
  font-size: 10px;
  line-height: 1;
  position: absolute;
  bottom: 10px;
  right: 10px;
  letter-spacing: 0.1em;
  text-align: right;
}

#plan .panelArea>div a .acap.white {
  color: #fff;
  text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px,
    black -1px -1px 10px;
}

#plan .panelArea>div a.hover .bg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#plan .panelArea>div a.hover .btn img.ov {
  opacity: 1;
}

#plan .panelArea>div a .panel_border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 3px;
  min-height: 0;
}

#plan .panelArea>div a .panel_border .panel_inner {
  border-radius: 0.09rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-height: 0;
}

#plan .panelArea>div a .panel_border .panel_inner * {
  min-height: 0;
}

#plan .panelArea>div a .panel_border .panel_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: white;
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 0 0 0.09rem 0.09rem;
}

#plan .panelArea>div a .panel_border .panel_inner .new {
  position: absolute;
  top: 0;
  right: 0;
}

#plan .panelArea>div a .panel_border .panel_inner .txt {
  position: absolute;
  right: 0;
  top: 17px;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel06_txt {
  width: 60.24845%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel07_txt {
  width: 52.63975%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel02_txt {
  width: 37.26708%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel03_txt {
  width: 53.88199%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel08_txt {
  width: 52.95031%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel04_txt {
  width: 39.44099%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel05_txt {
  width: 53.10559%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel01_txt {
  width: 55.2795%;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel09_txt {
  top: 0px;
}

#plan .panelArea>div a .panel_border .panel_inner .txt.panel10_txt {
  top: 35px;
}

@media only screen and (max-width: 1440px) {
  #plan .panelArea>div a .panel_border .panel_inner .txt.panel10_txt {
    top: calc(40 / 1440 * 100vw);
  }
}

@media only screen and (max-width: 959px) {
  #plan .panelArea>div a .panel_border .panel_inner .txt.panel10_txt {
    top: 15px;
  }
}

#plan .panelArea>div a .panel_border .panel_inner .btn {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 16px;
  width: 28.88199%;
}

#plan .panelArea>div a .panel_border .panel_inner .btn>span.df {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#plan .panelArea>div a .panel_border .panel_inner .btn>span.ov {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 959px) {
  #plan .panelArea>div a .panel_border .panel_inner .txt {
    top: 10px;
  }

  #plan .panelArea>div a .panel_border .panel_inner .btn {
    bottom: 10px;
  }
}

#plan .panelArea>div a .panel_border .image {
  border-radius: 0.09rem 0.09rem 0 0;
  overflow: hidden;
  position: relative;
  background: white;
}

#plan .panelArea>div a .panel_border .image img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .panelArea>div a .panel_border .text_area {
  padding: 0.15rem 0.12rem 0.12rem 0.17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

#plan .panelArea>div a .panel_border .text_area .name {
  width: 100%;
  margin-bottom: 0.1rem;
}

#plan .panelArea>div a .panel_border .text_area .name span {
  display: inline-block;
  height: 0.3rem;
  background: white;
  line-height: 0.3rem;
  font-size: 0.14rem;
  padding: 0 0.07rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .panelArea>div a .panel_border .text_area .text01 {
  color: white;
  letter-spacing: 0.05em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .panelArea>div a .panel_border .text_area .btn {
  margin-left: auto;
  border-radius: 0.17rem;
  overflow: hidden;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  padding: 2px;
}

#plan .panelArea>div a .panel_border .text_area .btn>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.15rem;
  overflow: hidden;
  width: 1.5rem;
  height: 0.3rem;
  position: relative;
}

#plan .panelArea>div a .panel_border .text_area .btn>span>span {
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .panelArea>div a .panel_border .text_area .btn>span .df {
  background: white;
}

#plan .panelArea>div a .panel_border .text_area .btn>span .ov {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

#plan .panelArea>div a .panel_border .text_area .btn>span .ov img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#plan .panelArea>div a .panel_border.-purple {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#d784f6),
      to(#8b3fb7));
  background: linear-gradient(to right, #d784f6 0%, #8b3fb7 100%);
}

#plan .panelArea>div a .panel_border.-purple .panel_inner {
  background: #8b3fb7;
}

#plan .panelArea>div a .panel_border.-purple .panel_inner .text_area .name span {
  color: #8700b9;
}

#plan .panelArea>div a .panel_border.-sky {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#97d6e1),
      to(#4bb3d0));
  background: linear-gradient(to right, #97d6e1 0%, #4bb3d0 100%);
}

#plan .panelArea>div a .panel_border.-sky .panel_inner {
  background: #4bb3d0;
}

#plan .panelArea>div a .panel_border.-sky .panel_inner .text_area .name span {
  color: #00b5d6;
}

#plan .panelArea>div a .panel_border.-blue {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#86a3e4),
      to(#4b74d0));
  background: linear-gradient(to right, #86a3e4 0%, #4b74d0 100%);
}

#plan .panelArea>div a .panel_border.-blue .panel_inner {
  background: #4b74d0;
}

#plan .panelArea>div a .panel_border.-blue .panel_inner .text_area .name {
  margin-top: -6px;
}

#plan .panelArea>div a .panel_border.-blue .panel_inner .text_area .name span {
  color: #4b74d0;
  margin-top: 6px;
}

#plan .panelArea>div a .panel_border.-blue .panel_inner .text_area .name span.first {
  margin-right: 0.1rem;
}

#plan .panelArea>div a .panel_border.-blue .panel_inner .text_area .name span.movie {
  color: #fff;
  background: #f30076;
  font-size: 0.12rem;
  position: relative;
  border: 1px solid #f30076;
  vertical-align: bottom;
  line-height: 0.28rem;
}

#plan .panelArea>div a .panel_border.-blue .panel_inner .text_area .name span.movie::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid #fff;
  position: absolute;
  top: 2px;
  left: 2px;
}

#plan .panelArea>div a .panel_border.-dblue {
  background: #00026d;
}

#plan .panelArea>div a .panel_border.-dblue .panel_inner {
  background: #00026d;
}

#plan .panelArea>div a .panel_border.-dblue .panel_inner .text_area .name span {
  color: #00026d;
}

#plan .panelArea>div a .panel_border.-red {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f5b595),
      to(#de6750));
  background: linear-gradient(to right, #f5b595 0%, #de6750 100%);
}

#plan .panelArea>div a .panel_border.-red .panel_inner {
  background: #de6750;
}

#plan .panelArea>div a .panel_border.-red .panel_inner .text_area .name span {
  color: #de6750;
}

#plan .panelArea>div a .panel_border.-pink {
  background: #f17d9e;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f17d9e),
      to(#c7315c));
  background: linear-gradient(to right, #f17d9e 0%, #c7315c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f17d9e', endColorstr='#c7315c', GradientType=1);
}

#plan .panelArea>div a .panel_border.-orangeGreen {
  background: linear-gradient(to right, #feb33a 0%, #24b553 100%);
}

#plan .panelArea>div a .panel_border.-brown {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#c28660),
      to(#533827));
  background-image: linear-gradient(to right, #c28660, #533827);
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#plan .panelArea>div a .panel_border.-brown .panel_inner .txt {
  top: 0;
}

#plan .panelArea>div a .panel_border.-green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#83dec3),
      to(#40b084));
  background: linear-gradient(to right, #83dec3 0%, #40b084 100%);
}

#plan .panelArea>div a .panel_border.-l_green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#a0d661),
      to(#9ccb65));
  background: linear-gradient(to right, #a0d661 0%, #9ccb65 100%);
}

#plan .panelArea>div a .panel_border.-green .panel_inner {
  background: #40b084;
}

#plan .panelArea>div a .panel_border.-l_green .panel_inner {
  background: #9ccb65;
}

#plan .panelArea>div a .panel_border.-green .panel_inner .text_area,
#plan .panelArea>div a .panel_border.-l_green .panel_inner .text_area {
  border-top: 1px solid transparent;
}

#plan .panelArea>div a .panel_border.-green .panel_inner .text_area .name span {
  color: #00b983;
}

#plan .panelArea>div a .panel_border.-l_green .panel_inner .text_area .name span {
  color: #adc34d;
}

#plan .panelArea>div a .panel_border.-orange {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f7d78a),
      to(#f3b359));
  background: linear-gradient(to right, #f7d78a 0%, #f3b359 100%);
}

#plan .panelArea>div a .panel_border.-orange .panel_inner {
  background: #f3b359;
}

#plan .panelArea>div a .panel_border.-orange .panel_inner .text_area {
  border-top: 1px solid transparent;
}

#plan .panelArea>div a .panel_border.-orange .panel_inner .text_area .name span {
  color: #f3b359;
}

@media only screen and (max-width: 599px) {
  #plan .panelArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #plan .panelArea>div {
    width: 100%;
  }

  #plan .panelArea>div+div {
    margin-top: 15px;
  }
}

#plan .imgArea {
  position: relative;
  margin-top: 0.6rem;
}

#plan .imgArea .titC {
  margin-bottom: 0.4rem;
}

#plan .imgArea .imgAreaInner {
  position: relative;
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#plan .imgArea .imgAreaInner .link01 {
  position: absolute;
  border-radius: 10px;
  content: '';
  height: 52px;
  left: 364px;
  top: 212px;
  transform: skew(-14deg, 14deg);
  width: 321px;
}

@media only screen and (max-width: 1100px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(52 / 1100 * 100vw);
    left: calc(364 / 1100 * 100vw);
    top: calc(212 / 1100 * 100vw);
    width: calc(321 / 1100 * 100vw);
  }
}

@media only screen and (max-width: 959px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(42 / 959* 100vw);
    left: calc(283 / 959* 100vw);
    top: calc(165 / 959* 100vw);
    width: calc(252 / 959* 100vw);
  }
}

@media only screen and (max-width: 940px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(42 / 940* 100vw);
    left: calc(283 / 940* 100vw);
    top: calc(165 / 940* 100vw);
    width: calc(252 / 940* 100vw);
  }
}

@media only screen and (max-width: 900px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(42 / 900* 100vw);
    left: calc(283 / 900* 100vw);
    top: calc(165 / 900* 100vw);
    width: calc(252 / 900* 100vw);
  }
}

@media only screen and (max-width: 760px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(37 / 760* 100vw);
    left: calc(232 / 760* 100vw);
    top: calc(134 / 760* 100vw);
    width: calc(210 / 760* 100vw);
  }
}

@media only screen and (max-width: 600px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(30 / 600* 100vw);
    left: calc(200 / 600* 100vw);
    top: calc(115 / 600* 100vw);
    width: calc(179 / 600* 100vw);
  }
}

@media only screen and (max-width: 500px) {
  #plan .imgArea .imgAreaInner .link01 {
    height: calc(30 / 500* 100vw);
    left: calc(157 / 500* 100vw);
    top: calc(88 / 500* 100vw);
    width: calc(142 / 500* 100vw);
  }
}

#plan .imgArea .imgAreaInner .link02 {
  position: absolute;
  border-radius: 10px;
  content: '';
  height: 61px;
  left: 333px;
  top: 582px;
  width: 381px;
}

@media only screen and (max-width: 1100px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(61 / 1100 * 100vw);
    left: calc(333 / 1100 * 100vw);
    top: calc(582 / 1100 * 100vw);
    width: calc(381 / 1100 * 100vw);
  }
}

@media only screen and (max-width: 959px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(52 / 959* 100vw);
    left: calc(257 / 959* 100vw);
    top: calc(450 / 959* 100vw);
    width: calc(301 / 959* 100vw);
  }
}

@media only screen and (max-width: 940px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(52 / 959* 100vw);
    left: calc(267 / 959* 100vw);
    top: calc(460 / 959* 100vw);
    width: calc(301 / 959* 100vw);
  }
}

@media only screen and (max-width: 920px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(52 / 920* 100vw);
    left: calc(260 / 920* 100vw);
    top: calc(453 / 920* 100vw);
    width: calc(301 / 920* 100vw);
  }
}

@media only screen and (max-width: 700px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(42 / 700* 100vw);
    left: calc(191 / 700* 100vw);
    top: calc(337 / 700* 100vw);
    width: calc(229 / 700* 100vw);
  }
}

@media only screen and (max-width: 599px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(42 / 700* 100vw);
    left: calc(211 / 700* 100vw);
    top: calc(373 / 700* 100vw);
    width: calc(252 / 700* 100vw);
  }
}

@media only screen and (max-width: 519px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(42 / 519* 100vw);
    left: calc(153 / 519* 100vw);
    top: calc(266 / 519* 100vw);
    width: calc(184 / 519* 100vw);
  }
}

@media only screen and (max-width: 440px) {
  #plan .imgArea .imgAreaInner .link02 {
    height: calc(33 / 440* 100vw);
    left: calc(125 / 440* 100vw);
    top: calc(220 / 440* 100vw);
    width: calc(155 / 440* 100vw);
  }
}

#plan .imgArea .imgAreaInner .acap {
  text-align: right;
  margin-top: 5px;
  font-size: 10px;
}

#plan .imgArea + .panelArea {
  margin-top: 80px;
}

@media only screen and (max-width: 599px) {
  #plan .imgArea {
    margin-top: 0.3rem;
  }
}

@media only screen and (max-width: 599px) {
  #plan .imgArea + .panelArea {
    margin-top: 40px;
  }
}

#plan .sec01 {
  margin-bottom: 0.53rem;
}

#plan .sec01 .titC {
  position: relative;
}

#plan .sec01 .titC .btn {
  position: absolute;
  top: 8%;
  right: 0;
  border-radius: 0.25rem;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  overflow: hidden;
  padding: 2px;
  cursor: pointer;
}

@media only screen and (max-width: 599px) {
  #plan .sec01 .titC .btn {
    position: static;
    margin-left: auto;
    margin-right: 0;
    width: 1.83rem;
    margin-bottom: 15px;
  }

  #plan .sec01 .titC .btn.small {
    width: 1.78rem;
  }
}

#plan .sec01 .titC .btn .border {
  border-radius: 0.23rem;
  background: white;
  text-align: center;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  line-height: 0;
}

#plan .sec01 .titC .btn .ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .sec01 .titC .btn.on .border,
#plan .sec01 .titC .btn.hover .border {
  background: transparent;
}

#plan .sec01 .titC .btn.on .df,
#plan .sec01 .titC .btn.hover .df {
  opacity: 0;
}

#plan .sec01 .titC .btn.on .ov,
#plan .sec01 .titC .btn.hover .ov {
  opacity: 1;
}

#plan .sec01 .sort_area {
  margin-top: 0.62rem;
  border-radius: 0.09rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.2rem 0.2rem 0.2rem 0.4rem;
  background: white;
  margin-bottom: 0.3rem;
}

#plan .sec01 .sort_area .title {
  font-size: 0.22rem;
  font-weight: bold;
}

#plan .sec01 .sort_area .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

#plan .sec01 .sort_area .btns>div {
  margin-left: 0.1rem;
  margin-bottom: 5px;
}

#plan .sec01 .sort_area .btns .btn {
  border-radius: 0.25rem;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  overflow: hidden;
  padding: 2px;
  cursor: pointer;
}

#plan .sec01 .sort_area .btns .btn .border {
  border-radius: 0.23rem;
  background: white;
  text-align: center;
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}

#plan .sec01 .sort_area .btns .btn .ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .sec01 .sort_area .btns .btn.on .border,
#plan .sec01 .sort_area .btns .btn.hover .border {
  background: transparent;
}

#plan .sec01 .sort_area .btns .btn.on .df,
#plan .sec01 .sort_area .btns .btn.hover .df {
  opacity: 0;
}

#plan .sec01 .sort_area .btns .btn.on .ov,
#plan .sec01 .sort_area .btns .btn.hover .ov {
  opacity: 1;
}

#plan .sec01 .plan_area>div+div {
  margin-top: 0.28rem;
}

#plan .sec01 .plan_area .plan_border {
  border-radius: 0.09rem;
  overflow: hidden;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  padding: 2px;
}

#plan .sec01 .plan_area .plan_border .plan_inner {
  border-radius: 0.09rem;
  overflow: hidden;
  background: white;
}

#plan .sec01 .plan_area .plan_title {
  position: relative;
  display: block;
  cursor: pointer;
}

#plan .sec01 .plan_area .plan_title>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0.65rem;
}

#plan .sec01 .plan_area .plan_title .text01 {
  width: 1.49rem;
  border-right: 1px solid #dddddd;
}

#plan .sec01 .plan_area .plan_title .text02 {
  width: 2.26rem;
  text-align: center;
  border-right: 1px solid #dddddd;
  margin-right: 0.3rem;
}

#plan .sec01 .plan_area .plan_title p {
  position: relative;
}

#plan .sec01 .plan_area .plan_title .arrow {
  position: absolute;
  right: 0.18rem;
  top: 0;
  bottom: 0;
  width: 0.26rem;
  z-index: 1;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .sec01 .plan_area .plan_title .df .arrow {
  background: url(../../plan/imgs/arrow.png) center no-repeat;
  background-size: 100% auto;
}

#plan .sec01 .plan_area .plan_title .ov {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#plan .sec01 .plan_area .plan_title .ov .arrow {
  background: url(../../plan/imgs/arrow_ov.png) center no-repeat;
  background-size: 100% auto;
  opacity: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#plan .sec01 .plan_area .plan_title.hover .df .arrow {
  opacity: 0;
}

#plan .sec01 .plan_area .plan_title.hover .ov {
  opacity: 1;
}

#plan .sec01 .plan_area .plan_title.hover .ov .arrow {
  opacity: 1;
}

#plan .sec01 .plan_area .plan_title.open .df .arrow {
  opacity: 0;
}

#plan .sec01 .plan_area .plan_title.open .ov {
  opacity: 1;
}

#plan .sec01 .plan_area .plan_title.open .ov .arrow {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

#plan .sec01 .plan_area .plan_title.close {
  cursor: unset;
}

#plan .sec01 .plan_area .plan_title.close .df .arrow {
  background: url(../../plan/imgs/sold_out.png) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0.31rem;
  width: 0.82rem;
}

@media only screen and (max-width: 599px) {
  #plan .sec01 .plan_area .plan_title.close .df .arrow {
    right: 0.15rem;
    width: 17%;
  }
}

@media only screen and (max-width: 599px) {
  #plan .sec01 .plan_area .plan_title.repayExample .arrow {
    background-position: bottom 10px right 0px;
  }
}

#plan .sec01 .plan_area .plan_title.repayExample .tags {
  height: 53px;
  left: 780px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0 20px;
}

#plan .sec01 .plan_area .plan_title.repayExample .tag {
  background-size: 100% auto;
  width: 82px;
}

#plan .sec01 .plan_area .plan_title.repayExample .tag--repayment {
  background: url(../../plan/imgs/img-tag-repay.png) center no-repeat;
  background-size: 100% auto;
  width: 82px;
  height: 100%;
}

#plan .sec01 .plan_area .plan_title.repayExample .tag--virtual {
  background: url(../../plan/imgs/img-tag-virtual.png) center no-repeat;
  background-size: 100% auto;
  width: 102px;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  #plan .sec01 .plan_area .plan_title.repayExample .tags {
    right: 7px;
    top: 40%;
    justify-content: center;
    gap: 6px;
    flex-direction: column;
  }

  #plan .sec01 .plan_area .plan_title.repayExample .tag {
    width: 40px;
    height: 28px;
  }
}

#plan .sec01 .plan_area .plan_outer {
  display: none;
}

#plan .sec01 .plan_area .plan_outer .plan_content {
  padding: 0.2rem 0.4rem 0.48rem;
}

#plan .sec01 .plan_area .plan_outer .plan_content .caption {
  font-weight: bold;
}

#plan .sec01 .plan_area .plan_outer .plan_content .image {
  text-align: center;
  margin: 0.4rem 0;
}

#plan .sec01 .plan_area .plan_outer .plan_content .image img {
  max-width: 470px;
  width: 100%;
}

#plan .sec01 .plan_area .plan_outer .plan_content .c_cap {
  text-align: center;
  margin-bottom: 0.48rem;
}

#plan .sec01 .plan_area .plan_outer .plan_content .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 20px;
}

* + #plan .sec01 .plan_area .plan_outer .plan_content .buttons {
  margin-top: 12px;
}

#plan .sec01 .plan_area .plan_outer .plan_content .print {
  text-align: center;
}

#plan .sec01 .plan_area .plan_outer .plan_close {
  display: block;
  padding: 0.1rem 0;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  text-align: center;
  cursor: pointer;
}

#plan .sec02 {
  margin-bottom: 1.2rem;
}

#plan .sec02 .panelArea {
  margin-top: 0.6rem;
}

@media only screen and (max-width: 599px) {
  #plan .sec02 .panelArea {
    margin-top: 0.3rem;
  }
}

#plan .sec02 .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#plan .sec02 .block>div {
  width: 31.707317%;
  margin-top: 0.27rem;
  border-radius: 0.09rem;
  overflow: hidden;
  min-height: 1.16rem;
}

#plan .sec02 .block>div:nth-child(1) {
  border: 2px solid #e89292;
}

#plan .sec02 .block>div:nth-child(1) h3 {
  background: #e89292;
}

#plan .sec02 .block>div:nth-child(2) {
  border: 2px solid #ea96d5;
}

#plan .sec02 .block>div:nth-child(2) h3 {
  background: #ea96d5;
}

#plan .sec02 .block>div:nth-child(3) {
  border: 2px solid #a68de0;
}

#plan .sec02 .block>div:nth-child(3) h3 {
  background: #a68de0;
}

#plan .sec02 .block>div:nth-child(4) {
  border: 2px solid #8e96e2;
}

#plan .sec02 .block>div:nth-child(4) h3 {
  background: #8e96e2;
}

#plan .sec02 .block>div:nth-child(5) {
  border: 2px solid #80cedf;
}

#plan .sec02 .block>div:nth-child(5) h3 {
  background: #80cedf;
}

#plan .sec02 .block>div:nth-child(6) {
  border: 2px solid #81d198;
}

#plan .sec02 .block>div:nth-child(6) h3 {
  background: #81d198;
}

#plan .sec02 .block>div:nth-child(7) {
  border: 2px solid #eec06f;
}

#plan .sec02 .block>div:nth-child(7) h3 {
  background: #eec06f;
}

#plan .sec02 .block h3 {
  font-size: 0.22rem;
  color: white;
  padding: 0.04rem 0.2rem;
}

#plan .sec02 .block h3 span.sub {
  display: inline-block;
  font-size: 50%;
}

#plan .sec02 .block h3 span.yakuhan {
  letter-spacing: -0.3em;
}

#plan .sec02 .block p {
  line-height: 2;
  letter-spacing: 0.08em;
  padding: 0.1rem 0.18rem;
}

#plan .equipmentBtnArea {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px;
}

#plan .equipmentBtnArea__link {
  position: relative;
}

#plan .equipmentBtnArea__link .ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .2s;
}

#plan .equipmentBtnArea__link:hover .ov {
  opacity: 1;
}

#plan .c_pager_big.cvArea {
  margin-bottom: 0.4rem;
}

#plan .c_pager_big.cvArea .cv a {
  display: block;
  position: relative;
}

#plan .c_pager_big.cvArea .cv a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .c_pager_big.cvArea .cv a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .c_pager_big.cvArea .cv a.hover img.ov {
  opacity: 1;
}

#plan .print-off,
#plan #print {
  display: none;
}

#plan .cv_bnr {
  margin-bottom: 0.15rem;
}

#plan .cv_bnr .clmArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#plan .cv_bnr .clmArea>div {
  width: 48.854961832%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 16px;
  overflow: hidden;
}

#plan .cv_bnr .clmArea>div.res {
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
}

#plan .cv_bnr .clmArea>div.res a {
  display: block;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

#plan .cv_bnr .clmArea>div.res a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .cv_bnr .clmArea>div.res a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .cv_bnr .clmArea>div.res a.hover img.ov {
  opacity: 1;
}

#plan .cv_bnr .clmArea>div.frame.frame__pink {
  background: #f17d9e;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f17d9e),
      to(#c7315c));
  background: linear-gradient(to right, #f17d9e 0%, #c7315c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f17d9e', endColorstr='#c7315c', GradientType=1);
}

#plan .cv_bnr .clmArea>div.frame.frame__orangeGreen {
  background: linear-gradient(to right, #feb33a 0%, #24b553 100%);
}

#plan .cv_bnr .clmArea>div.frame a {
  display: block;
  position: relative;
}

#plan .cv_bnr .clmArea>div.frame a .panel_inner {
  border-radius: 13px;
  overflow: hidden;
}

#plan .cv_bnr .clmArea>div.frame a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .cv_bnr .clmArea>div.frame a img.txt {
  position: absolute;
  top: 0;
  left: 0;
}

#plan .cv_bnr .clmArea>div.frame a img.txt.panel10_txt {
  top: 35px;
  right: 0;
  left: auto;
}

@media only screen and (max-width: 1440px) {
  #plan .cv_bnr .clmArea>div.frame a img.txt.panel10_txt {
    top: calc(40 / 1440 * 100vw);
  }
}

@media only screen and (max-width: 959px) {
  #plan .cv_bnr .clmArea>div.frame a img.txt.panel10_txt {
    top: 15px;
  }
}

#plan .cv_bnr .clmArea>div.frame a.hover img.df {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@media screen and (max-width: 599px) {
  #plan .cv_bnr .clmArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #plan .cv_bnr .clmArea>div {
    width: 100%;
  }

  #plan .cv_bnr .clmArea>div+div {
    margin-top: 20px;
  }
}

#plan .flo_bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#plan .flo_bnr>div {
  margin-top: 0.1rem;
  width: 49.6183206%;
  min-height: 0;
}

#plan .flo_bnr>div.tabOnly {
  display: none;
}

#plan .flo_bnr .lower {
  position: relative;
}

#plan .flo_bnr .lower a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#plan .flo_bnr .lower a.hover img.ov {
  opacity: 1;
}

#plan .flo_bnr .obi_small .panel_inner {
  position: relative;
}

#plan .flo_bnr .obi_small .panel_inner .btn {
  width: 64.153846154%;
  position: absolute;
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#plan .flo_bnr .obi_small .panel_inner .btn a {
  display: block;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#plan .flo_bnr .obi_small .panel_inner .btn a span {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .flo_bnr .obi_small .panel_inner .btn a span.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#plan .flo_bnr .obi_small .panel_inner .btn a.hover span.ov {
  opacity: 1;
}

#plan .flo_bnr .small {
  width: 24.4274809%;
}

#plan .flo_bnr .space {
  border-radius: 0.09rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#plan .flo_bnr .type01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

#plan .flo_bnr .type01>div {
  width: 49.2307692%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#plan .flo_bnr .type01 .right a .panel_border .panel_inner .text_area .text01 {
  margin-bottom: 0.11rem;
}

#plan .flo_bnr .type01 .space {
  height: 48.555%;
}

#plan .flo_bnr .type01 .space.space01 {
  background: url("../../imgs/panel_sora01.png") center no-repeat;
  background-size: cover;
}

#plan .flo_bnr .type01 .space.space02 {
  background: url("../../imgs/panel_sora02.png") center no-repeat;
  background-size: cover;
}

#plan .flo_bnr .type02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

#plan .flo_bnr .type02>div {
  width: 49.2307692%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#plan .flo_bnr .type02>div * {
  min-height: 0;
}

#plan .flo_bnr .type02 a .panel_border .panel_inner .text_area .text01 {
  margin-bottom: 0.11rem;
}

#plan .flo_bnr a {
  -webkit-box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 11.64px 0.36px rgba(0, 0, 0, 0.2);
  border-radius: 0.09rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

#plan .flo_bnr a.hover .panel_border .panel_inner:before {
  width: 100%;
}

#plan .flo_bnr a.hover .panel_border .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.7;
}

#plan .flo_bnr a.hover .panel_border .text01 {
  color: black;
}

#plan .flo_bnr a.hover .panel_border.-purple .panel_inner .text_area .name span {
  color: white;
  background: #8700b9;
}

#plan .flo_bnr a.hover .panel_border.-sky .panel_inner .text_area .name span {
  color: white;
  background: #00b5d6;
}

#plan .flo_bnr a.hover .panel_border.-blue .panel_inner .text_area .name span {
  color: white;
  background: #4b74d0;
}

#plan .flo_bnr a.hover .panel_border.-blue .panel_inner .text_area .name span.movie {
  color: #f30076;
  background: #fff;
  font-size: 0.12rem;
  position: relative;
}

#plan .flo_bnr a.hover .panel_border.-blue .panel_inner .text_area .name span.movie::after {
  content: "";
  border: 1px solid #f30076;
}

#plan .flo_bnr a.hover .panel_border.-red .panel_inner .text_area .name span {
  color: white;
  background: #de6750;
}

#plan .flo_bnr a.hover .panel_border.-green .panel_inner .text_area {
  border-top: 1px solid #dddddd;
}

#plan .flo_bnr a.hover .panel_border.-green .panel_inner .text_area .name span {
  color: white;
  background: #00b983;
}

#plan .flo_bnr a.hover .panel_border.-l_green .panel_inner .text_area .name span {
  color: white;
  background: #9ccb65;
}

#plan .flo_bnr a.hover .panel_border.-orange .panel_inner .text_area .name span {
  color: white;
  background: #f3b359;
}

#plan .flo_bnr .height {
  height: 100%;
}

#plan .flo_bnr a .panel_border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 3px;
  min-height: 0;
  width: 252px;
}

#plan .flo_bnr a .panel_border .panel_inner {
  border-radius: 0.09rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-height: 0;
}

#plan .flo_bnr a .panel_border .panel_inner * {
  min-height: 0;
}

#plan .flo_bnr a .panel_border .panel_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: white;
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 0 0 0.09rem 0.09rem;
}

#plan .flo_bnr a .panel_border .panel_inner .new {
  position: absolute;
  top: 0;
  right: 0;
}

#plan .flo_bnr a .panel_border .panel_inner .txt {
  position: absolute;
  right: 0;
  top: 17px;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel06_txt {
  width: 60.24845%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel07_txt {
  width: 52.63975%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel02_txt {
  width: 37.26708%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel03_txt {
  width: 53.88199%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel08_txt {
  width: 52.95031%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel04_txt {
  width: 39.44099%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel05_txt {
  width: 53.10559%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel01_txt {
  width: 55.2795%;
}

#plan .flo_bnr a .panel_border .panel_inner .txt.panel09_txt {
  top: 0px;
}

#plan .flo_bnr a .panel_border .panel_inner .btn {
  position: absolute;
  right: 0;
  bottom: 16px;
  width: 28.88199%;
}

#plan .flo_bnr a .panel_border .panel_inner .btn>span.df {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#plan .flo_bnr a .panel_border .panel_inner .btn>span.ov {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 959px) {
  #plan .flo_bnr a .panel_border .panel_inner .txt {
    top: 10px;
  }

  #plan .flo_bnr a .panel_border .panel_inner .btn {
    bottom: 10px;
  }
}

#plan .flo_bnr a .panel_border .image {
  border-radius: 0.09rem 0.09rem 0 0;
  overflow: hidden;
  position: relative;
  background: white;
}

#plan .flo_bnr a .panel_border .image img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .flo_bnr a .panel_border .text_area {
  padding: 0.15rem 0.12rem 0.12rem 0.17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

#plan .flo_bnr a .panel_border .text_area .name {
  width: 100%;
  margin-bottom: 0.1rem;
}

#plan .flo_bnr a .panel_border .text_area .name span {
  display: inline-block;
  height: 0.3rem;
  background: white;
  line-height: 0.3rem;
  font-size: 0.14rem;
  padding: 0 0.07rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .flo_bnr a .panel_border .text_area .text01 {
  color: white;
  letter-spacing: 0.05em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .flo_bnr a .panel_border .text_area .btn {
  margin-left: auto;
  border-radius: 0.17rem;
  overflow: hidden;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  padding: 2px;
}

#plan .flo_bnr a .panel_border .text_area .btn>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.15rem;
  overflow: hidden;
  width: 1.5rem;
  height: 0.3rem;
  position: relative;
}

#plan .flo_bnr a .panel_border .text_area .btn>span>span {
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#plan .flo_bnr a .panel_border .text_area .btn>span .df {
  background: white;
}

#plan .flo_bnr a .panel_border .text_area .btn>span .ov {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

#plan .flo_bnr a .panel_border .text_area .btn>span .ov img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#plan .flo_bnr a .panel_border.-purple {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#d784f6),
      to(#8b3fb7));
  background: linear-gradient(to right, #d784f6 0%, #8b3fb7 100%);
}

#plan .flo_bnr a .panel_border.-purple .panel_inner {
  background: #8b3fb7;
}

#plan .flo_bnr a .panel_border.-purple .panel_inner .text_area .name span {
  color: #8700b9;
}

#plan .flo_bnr a .panel_border.-sky {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#97d6e1),
      to(#4bb3d0));
  background: linear-gradient(to right, #97d6e1 0%, #4bb3d0 100%);
}

#plan .flo_bnr a .panel_border.-sky .panel_inner {
  background: #4bb3d0;
}

#plan .flo_bnr a .panel_border.-sky .panel_inner .text_area .name span {
  color: #00b5d6;
}

#plan .flo_bnr a .panel_border.-blue {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#86a3e4),
      to(#4b74d0));
  background: linear-gradient(to right, #86a3e4 0%, #4b74d0 100%);
}

#plan .flo_bnr a .panel_border.-blue .panel_inner {
  background: #4b74d0;
}

#plan .flo_bnr a .panel_border.-blue .panel_inner .text_area .name {
  margin-top: -6px;
}

#plan .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span {
  color: #4b74d0;
  margin-top: 6px;
}

#plan .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span.first {
  margin-right: 0.1rem;
}

#plan .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span.movie {
  color: #fff;
  background: #f30076;
  font-size: 0.12rem;
  position: relative;
  border: 1px solid #f30076;
  vertical-align: bottom;
  line-height: 0.28rem;
}

#plan .flo_bnr a .panel_border.-blue .panel_inner .text_area .name span.movie::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid #fff;
  position: absolute;
  top: 2px;
  left: 2px;
}

#plan .flo_bnr a .panel_border.-red {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f5b595),
      to(#de6750));
  background: linear-gradient(to right, #f5b595 0%, #de6750 100%);
}

#plan .flo_bnr a .panel_border.-red .panel_inner {
  background: #de6750;
}

#plan .flo_bnr a .panel_border.-red .panel_inner .text_area .name span {
  color: #de6750;
}

#plan .flo_bnr a .panel_border.-pink {
  background: #f17d9e;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f17d9e),
      to(#c7315c));
  background: linear-gradient(to right, #f17d9e 0%, #c7315c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f17d9e', endColorstr='#c7315c', GradientType=1);
}

#plan .flo_bnr a .panel_border.-brown {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#c28660),
      to(#533827));
  background-image: linear-gradient(to right, #c28660, #533827);
  -webkit-box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 11.64px 0.36px rgba(0, 0, 0, 0.2);
}

#plan .flo_bnr a .panel_border.-brown .panel_inner .txt {
  top: 0;
}

#plan .flo_bnr a .panel_border.-green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#83dec3),
      to(#40b084));
  background: linear-gradient(to right, #83dec3 0%, #40b084 100%);
}

#plan .flo_bnr a .panel_border.-l_green {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#a0d661),
      to(#9ccb65));
  background: linear-gradient(to right, #a0d661 0%, #9ccb65 100%);
}

#plan .flo_bnr a .panel_border.-green .panel_inner {
  background: #40b084;
}

#plan .flo_bnr a .panel_border.-l_green .panel_inner {
  background: #9ccb65;
}

#plan .flo_bnr a .panel_border.-green .panel_inner .text_area,
#plan .flo_bnr a .panel_border.-l_green .panel_inner .text_area {
  border-top: 1px solid transparent;
}

#plan .flo_bnr a .panel_border.-green .panel_inner .text_area .name span {
  color: #00b983;
}

#plan .flo_bnr a .panel_border.-l_green .panel_inner .text_area .name span {
  color: #adc34d;
}

#plan .flo_bnr a .panel_border.-orange {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f7d78a),
      to(#f3b359));
  background: linear-gradient(to right, #f7d78a 0%, #f3b359 100%);
}

#plan .flo_bnr a .panel_border.-orange .panel_inner {
  background: #f3b359;
}

#plan .flo_bnr a .panel_border.-orange .panel_inner .text_area {
  border-top: 1px solid transparent;
}

#plan .flo_bnr a .panel_border.-orange .panel_inner .text_area .name span {
  color: #f3b359;
}

#plan .flo_bnr .off {
  position: relative;
}

#plan .flo_bnr .off a {
  opacity: 0.2;
  pointer-events: none;
}

#plan .flo_bnr .off a .panel_border .text_area .btn {
  opacity: 0;
}

#plan .flo_bnr .off:before {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  padding-top: 26.493506493506494%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#plan .flo_bnr .off:after {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  height: 26.493506493506494%;
  background-image: url("../imgs/comingsoon.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  opacity: 0.8;
}

#plan .flo.sp {
  margin-top: 20px;
}

#plan .flo_bnr {
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 999;
}

#plan .flo_bnr>div {
  position: relative;
  width: auto;
  margin-top: 0;
}

#plan .flo_bnr>div:not(:first-child) {
  margin-left: 20px;
}

#plan .flo_bnr>div .checkbox {
  display: none;
}

#plan .flo_bnr>div .close {
  position: absolute;
  top: -25px;
  right: -24px;
  z-index: 1;
  cursor: pointer;
}

#plan .flo_bnr>div #close:checked~.close {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#plan .flo_bnr>div #close:checked~a {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#plan .flo_bnr a .panel_border.-insta {
  background: #f98a2d;
  background: linear-gradient(195deg,
      #6c3bbe 0%,
      #a633ab 33%,
      #da2e7d 66%,
      #f98a2d 100%);
}

#plan .flo_bnr a .panel_border .panel_inner .txt {
  top: 0;
}

#plan .flo_bnr a .panel_border .panel_inner .btn {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  text-align: center;
}

#plan .flo_bnr a .panel_border .panel_inner .btn>span.ov {
  left: 0;
}

#plan .flo_bnr a .panel_border .panel_inner img.ov {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#plan .flo_bnr a.hover .panel_border .panel_inner img.ov {
  opacity: 1;
}

#plan .flo_bnr a.hover .panel_border .panel_inner .btn>span.df {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#plan .flo_bnr a.hover .panel_border .panel_inner .btn>span.ov {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*プリント用CSS*/
@media print {
  #plan #print {
    display: block;
  }

  #plan header,
  #plan .c_article_close_btn,
  #plan h2,
  #plan .print a,
  #plan .sec02,
  #plan .c_cv,
  #plan .c_pager_big,
  #plan footer {
    display: none;
  }

  #plan .c_article {
    width: 75%;
    margin: auto;
    background: #fff;
  }

  #plan .sec01 {
    margin: auto;
  }

  #plan .sec01 .sort_area {
    display: none;
  }

  #chatplusview,
  chat {
    display: none;
    opacity: 0;
  }
}

@media only screen and (max-width: 599px) {
  #plan .sec01 .sort_area {
    margin-top: 0;
    display: block;
    padding: 20px;
  }

  #plan .sec01 .sort_area .title {
    text-align: center;
    font-size: 16px;
  }

  #plan .sec01 .sort_area .btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #plan .sec01 .sort_area .btns>div {
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 0;
    width: 48%;
  }

  #plan .sec01 .plan_area .plan_title a>div {
    padding-right: 0.23rem;
  }

  #plan .sec01 .plan_area .plan_title a .arrow {
    right: 10px;
    width: 13px;
  }

  #plan .sec01 .plan_area .plan_outer .plan_content {
    padding: 20px;
  }

  #plan .sec01 .plan_area .plan_outer .plan_content .caption {
    font-size: 12px;
  }

  #plan .sec01 .plan_area .plan_outer .plan_content .c_cap {
    margin-bottom: 0;
  }

  #plan .sec01 .plan_area .plan_outer .plan_content .print {
    display: none;
  }
}

@media only screen and (max-width: 959px) {
  #plan .sec02 .block h3 {
    font-size: 0.176rem;
    padding: 0.04rem 0.1rem;
    letter-spacing: 0;
  }

  #plan .sec02 .block h3 span.sub {
    display: inline-block;
    font-size: 70%;
  }
}

@media only screen and (max-width: 599px) {
  #plan .sec02 {
    margin-bottom: 40px;
  }

  #plan .sec02 .block>div {
    width: 100%;
    margin-top: 10px;
  }

  #plan .sec02 .block h3 {
    font-size: 16px;
    padding: 4px 10px;
  }

  #plan .sec02 .block p {
    padding: 10px;
  }
}

#interview .titB {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8);
}

#interview .sec01 {
  background: url(../../interview/imgs/kazari01.png) top 25px center no-repeat;
  background-size: 100% auto;
}

#interview .sec01 .text01 {
  text-align: center;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 0.28rem;
}

#interview .sec01 .title {
  font-weight: bold;
  font-size: 0.26rem;
  color: #00026d;
  position: relative;
  padding-bottom: 0.12rem;
  margin-bottom: 0.12rem;
  line-height: 1.15;
}

#interview .sec01 .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
}

#interview .sec01 .title_sub {
  color: #846bd7;
  margin-bottom: 0.22rem;
}

#interview .sec01 .text02 {
  line-height: 2;
}

#interview .sec01 .column_border_wrap {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  padding: 2px;
}

#interview .sec01 .column_border_wrap .column_back_wrap {
  background: #fff;
  padding: 3px;
}

#interview .sec01 .column_border_wrap .column_back_wrap .column_wrap {
  padding: 0.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#interview .sec01 .column_border_wrap .column_back_wrap .column_wrap .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 55.317324185248714%;
}

#interview .sec01 .column_border_wrap .column_back_wrap .column_wrap .right {
  width: 40.39451114922813%;
}

#interview .sec02 {
  margin-bottom: 1.15rem;
}

#interview .sec02 .block {
  padding-top: 0.9rem;
}

#interview .sec02 .block.block03 {
  padding-top: 0.5rem;
}

#interview .sec02 .block.block03 .titC {
  margin-bottom: 0.25rem;
}

#interview .sec02 .block.block03 .titC br.mosp {
  display: none;
}

#interview .sec02 .block.block03 .movie_area {
  border: 0.12rem solid #f3f2ff;
}

#interview .sec02 .block.block03 .movie_area .movie_inner {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}

#interview .sec02 .block.block03 .movie_area .movie_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#interview .sec02 .block.block03 .movie_area+.pcap {
  text-align: right;
  font-size: 0.12rem;
  line-height: 1;
  margin-top: 0.1rem;
}

#interview .sec02 .block .titB {
  margin-bottom: 0.28rem;
}

#interview .sec02 .block p {
  line-height: 2;
  letter-spacing: 0.08em;
}

#interview .sec02 .block .image {
  margin-bottom: 0.25rem;
  position: relative;
}

#interview .sec02 .block .image .c_cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#interview .sec02 .block .image .c_cap.black {
  color: #000;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8);
}

#interview .sec02 .block .big_image_clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.55rem;
}

#interview .sec02 .block .big_image_clm .text_area {
  width: 34.4715447%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0.07rem;
}

#interview .sec02 .block .big_image_clm .image_area {
  width: 63.0894308%;
}

#interview .sec02 .block .big_image_clm.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#interview .sec02 .block .image_clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -0.5rem;
}

#interview .sec02 .block .image_clm>div {
  margin-top: 0.5rem;
  width: 48.7804878%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#interview .sec02 .block01 {
  background: url(../../interview/imgs/kazari02.png) top center no-repeat;
  background-size: 100% auto;
  margin-bottom: 0.45rem;
}

#interview .sec02 .block02 {
  background: url(../../interview/imgs/kazari03.png) top center no-repeat;
  background-size: 100% auto;
  padding-top: 0.45rem;
}

@media only screen and (max-width: 959px) {
  #interview .sec01 .title {
    font-size: 0.208rem;
  }
}

@media only screen and (max-width: 599px) {
  #interview .sec01 .column_border_wrap .column_back_wrap .column_wrap {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  #interview .sec01 .column_border_wrap .column_back_wrap .column_wrap .left {
    width: 100%;
  }

  #interview .sec01 .column_border_wrap .column_back_wrap .column_wrap .right {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 374px) {
  #interview .sec02 .block.block03 .titC br.mosp {
    display: block;
  }
}

@media only screen and (max-width: 599px) {
  #interview .sec02 {
    margin-bottom: 50px;
  }

  #interview .sec02 .block {
    padding-top: 50px;
  }

  #interview .sec02 .block .title {
    font-size: 22px;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
}

@media print {
  .plan_border {
    text-align: center;
  }

  .plan_title a.open .ov {
    opacity: 0;
    display: none;
  }
}

#map .zu {
  position: relative;
  border: 12px solid #f3f2ff;
}

#map .zu .c_cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#map .zu .c_cap.black {
  color: #000;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8);
}

#map .btList {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0.4rem;
  margin-bottom: 1.2rem;
}

#map .btList>li {
  padding: 0 0.15rem;
}

#map .btList>li a {
  display: block;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  border-radius: 25px;
  padding: 2px;
}

#map .btList>li a .bg {
  display: block;
}

#map .btList>li a .border {
  background: white;
  display: block;
  border-radius: 23px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#map .btList>li a.hover .border {
  opacity: 0;
}

#map .btList>li.print a .bg {
  background: url(../../map/imgs/bt-print_ov.png) center no-repeat;
  background-size: cover;
}

#map .btList>li.map a .bg {
  background: url(../../map/imgs/bt-map_ov.png) center no-repeat;
  background-size: cover;
}

#map #ResidenceGallery {
  margin-top: -480px;
  padding-top: 480px;
}

@media screen and (max-width: 959px) {
  #map #ResidenceGallery {
    margin-top: -530px;
    padding-top: 530px;
  }
}

@media screen and (max-width: 599px) {
  #map #ResidenceGallery {
    margin-top: -20px;
    padding-top: 20px;
  }
}

#map .sec02 .titA span {
  display: inline-block;
}

#map .sec02 .zu {
  border: none;
}

#map .sec02 .fclm {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#map .sec02 .fclm.clm2_1>div.large {
  width: 63.821138211%;
  padding: 12px;
  background: #f3f2ff;
}

#map .sec02 .fclm.clm2_1>div.icon {
  width: 2.032520325%;
  text-align: center;
}

#map .sec02 .fclm.clm2_1>div.icon img {
  position: relative;
}

#map .sec02 .fclm.clm2_1>div.icon img.sp {
  display: none;
}

#map .sec02 .fclm.clm2_1>div.small {
  width: 30.731707317%;
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
  padding: 2px;
}

#map .sec02 .fclm.clm2_1>div.small .clmInner {
  background: #fff;
  width: 100%;
  height: 100%;
}

#map .sec02 .fclm.clm2_1>div.small .clmInner .textArea {
  padding: 0.6rem 0.4rem 0;
  margin-bottom: 0.9rem;
}

#map .sec02 .fclm.clm2_1>div.small .clmInner .textArea .titD {
  font-size: 0.22rem;
  line-height: 1.363636364;
  margin-bottom: calc(0.32rem - (((0.22rem * 1.363636364) - 0.22rem) / 2) - (((0.14rem * 2) - 0.14rem) / 2));
  font-weight: bold;
}

#map .sec02 .fclm.clm2_1>div.small .clmInner .textArea p {
  font-size: 0.14rem;
  line-height: 2;
}

#map .sec02 .fclm.clm2_1>div.small .clmInner .textArea p span {
  color: #eb5417;
}

#map .sec02 .fclm.clm2 {
  margin-top: 0.4rem;
}

#map .sec02 .fclm.clm2>div {
  width: 48.780487805%;
}

#map .sec02 .textCont {
  margin-top: 0.4rem;
}

#map .sec02 .textCont .titE {
  border-bottom: 2px solid #6bb4f5;
  font-size: 0.22rem;
  color: #fff;
  margin-bottom: 0.3rem;
}

#map .sec02 .textCont .titE span {
  display: inline-block;
  background: #6bb4f5;
  font-weight: bold;
  width: 3.9rem;
  padding: 0.06rem 0.35rem 0.04rem;
  border-radius: 7px 7px 0 0 / 7px 7px 0 0;
}

#map .sec02 .textCont ul {
  padding: 0 0.2rem;
}

#map .sec02 .textCont ul li {
  font-size: 0.14rem;
  line-height: 2;
  padding-left: 0.18rem;
  position: relative;
}

#map .sec02 .textCont ul li::before {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  display: block;
  background: #6bb4f5;
  position: absolute;
  left: 0;
  top: 0.06rem;
}

#map .sec02 .textCont ul li+li {
  margin-top: calc(0.27rem - ((0.14rem * 2) - 0.14rem));
}

#map .sec02 .addressBox {
  margin-top: 0.3rem;
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
  padding: 2px;
  width: 8.08rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#map .sec02 .addressBox .titF {
  font-size: 0.22rem;
  color: #fff;
  font-weight: bold;
  padding: 0.05rem 0.15rem;
}

#map .sec02 .addressBox .boxTxt {
  background: #fff;
  font-size: 0.18rem;
  padding: 0.3rem 0.15rem;
}

#map img.print {
  display: none !important;
}

@media screen and (max-width: 599px) {
  #map .zu .c_cap {
    right: auto;
    left: 5px;
  }
}

@media print {
  #map .zu .c_cap {
    right: auto;
    left: 5px;
  }
}

@media print {
  #map .btList {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #map .btList {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  #map .btList>li.print {
    display: none;
  }
}

@media print {
  #map .sec01 {
    page-break-after: always;
    margin-bottom: 460px;
  }
}

@media screen and (max-width: 959px) {
  #map .sec02 .fclm.clm2_1>div.icon img.pc {
    display: none;
  }

  #map .sec02 .fclm.clm2_1>div.icon img.sp {
    display: inline;
  }
}

@media screen and (max-width: 959px) {
  #map .sec02 .fclm.clm2_1>div.icon {
    width: 100%;
    margin-top: 20px;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  #map .sec02 .fclm.clm2_1>div.small .clmInner {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .textArea {
    padding: 0.4rem 0 0.4rem 0.3rem;
    width: 48.125%;
    margin-bottom: auto;
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .imageArea {
    width: 48.125%;
    padding: 0.2rem 0.15rem;
  }
}

@media print {
  #map .sec02 .fclm.clm2_1>div.small .clmInner {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .textArea {
    padding: 0.4rem 0 0.4rem 0.3rem;
    width: 48.125%;
    margin-bottom: auto;
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .imageArea {
    width: 48.125%;
    padding: 0.2rem 0.15rem;
  }
}

@media screen and (max-width: 599px) {
  #map .sec02 .fclm.clm2_1>div.small .clmInner .textArea {
    width: 100%;
    padding: 0.3rem 0.2rem 0;
    margin-bottom: 0.4rem;
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .textArea .titD {
    font-size: 16px;
    margin-bottom: calc(20px - (((16px * 1.363636364) - 16px) / 2) - (((14px * 2) - 14px) / 2));
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .textArea p {
    font-size: 14px;
  }

  #map .sec02 .fclm.clm2_1>div.small .clmInner .imageArea {
    width: 100%;
    padding-bottom: 0.2rem;
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  #map .sec02 .fclm.clm2_1 {
    display: block;
  }

  #map .sec02 .fclm.clm2_1>div.large {
    width: 100%;
  }

  #map .sec02 .fclm.clm2_1>div.small {
    width: 100%;
    margin-top: 0.2rem;
  }
}

@media print {
  #map .sec02 .fclm.clm2_1 {
    display: block;
  }

  #map .sec02 .fclm.clm2_1>div.large {
    width: 100%;
  }

  #map .sec02 .fclm.clm2_1>div.small {
    width: 100%;
    margin-top: 0.2rem;
  }
}

@media screen and (max-width: 959px) {
  #map .sec02 .fclm.clm2 {
    margin-top: 0.2rem;
  }

  #map .sec02 .fclm.clm2>div {
    width: 100%;
  }

  #map .sec02 .fclm.clm2>div+div {
    margin-top: 0.2rem;
  }

  #map .sec02 .fclm.clm2>div img {
    width: 100%;
  }
}

@media print {
  #map .sec02 .fclm.clm2 {
    margin-top: 0.2rem;
  }

  #map .sec02 .fclm.clm2>div {
    width: 100%;
  }

  #map .sec02 .fclm.clm2>div+div {
    margin-top: 0.2rem;
  }

  #map .sec02 .fclm.clm2>div img {
    width: 100%;
  }
}

@media screen and (max-width: 599px) {
  #map .sec02 .textCont .titE span {
    width: 100%;
  }
}

@media screen and (max-width: 599px) {
  #map .sec02 .textCont ul {
    padding: 0;
  }
}

@media screen and (max-width: 959px) {
  #map .sec02 .addressBox {
    width: 100%;
  }
}

@media print {
  #map .sec02 .addressBox {
    width: 100%;
  }
}

@media screen and (max-width: 599px) {
  #map .sec02 .addressBox .titF {
    font-size: 16px;
  }

  #map .sec02 .addressBox .boxTxt {
    font-size: 14px;
  }
}

@media print {

  .c_cv,
  .header,
  .sidebar,
  .footer,
  .c_article_close_btn {
    display: none;
  }

  .content {
    padding-left: 0;
  }

  #map .c_cv,
  #map header,
  #map .sidebar,
  #map .footer,
  #map .c_article_close_btn,
  #map #bukken {
    display: none;
  }

  #map .main {
    padding-bottom: 0;
  }

  #map .c_article {
    margin-bottom: 0;
  }

  #map .titA {
    margin-bottom: 0;
    font-size: 20px;
  }

  #map .sec01 {
    margin-bottom: 0;
  }

  #map .sec02 .fclm.clm2 {
    margin-top: 0;
  }

  #map .sec02 .box-a {
    display: none !important;
  }

  #map .sec02 .printImg {
    display: block !important;
  }

  #map .sec02 .fclm.clm2>div {
    margin-top: 15px;
    width: 48%;
  }

  #map .sec02 .fclm.clm2>div+div {
    margin-top: 15px;
  }

  #map .sec03 .titA {
    margin-bottom: 0;
  }

  #map .sec03 .box-a {
    margin-top: -0.7rem;
    padding: 20px;
  }

  #map .sec03 .imgBox.num1 {
    margin-bottom: 20px;
  }

  #map .sec03 .imgBox.num1 .areaR {
    font-size: 14px;
  }

  #map .imgBox.num1 .areaR p,
  #map .text-red {
    font-size: 14px;
  }

  #map img.print {
    display: block !important;
  }

  #content_top {
    display: none !important;
  }
}

#stop .main {
  max-width: 740px;
  padding: 40px;
}

#stop .sec01 {
  margin-bottom: 1.2rem;
}

#stop .imglogo {
  /* background: url(../../stop/imgs/bg-logo.png) center no-repeat;
    background-size: cover;
    padding: .32rem .3rem; */
}

#stop .btList>li {
  padding: 0 0.15rem;
  max-width: 281px;
  margin: 0.4rem auto 0;
}

#stop .btList>li a {
  display: block;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  border-radius: 25px;
  padding: 2px;
}

#stop .btList>li a .bg {
  display: block;
}

#stop .btList>li a .border {
  background: white;
  display: block;
  border-radius: 23px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#stop .btList>li a.hover .border {
  opacity: 0;
}

#stop .btList>li.close a .bg {
  background: url(../../stop/imgs/bt-close_ov.png) center no-repeat;
  background-size: cover;
}

#stop .btList>li.yes a .bg {
  background: url(../../stop/imgs/stop_btn01_ov.png) center no-repeat;
  background-size: cover;
}

#stop .btList>li.no a .bg {
  background: url(../../stop/imgs/stop_btn02_ov.png) center no-repeat;
  background-size: cover;
}

#stop01 .main {
  max-width: 740px;
  padding: 200px 20px 300px;
}

#stop01 .btList {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#stop01 .btList>li {
  margin: 20px 15px 0;
}

#stop01 .btList>li a {
  display: block;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  border-radius: 25px;
  padding: 2px;
}

#stop01 .btList>li a .bg {
  display: block;
}

#stop01 .btList>li a .border {
  background: white;
  display: block;
  border-radius: 23px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#stop01 .btList>li a.hover .border {
  opacity: 0;
}

#stop01 .btList>li.yes a .bg {
  background: url(../../stop/imgs/stop_btn01_ov.png) center no-repeat;
  background-size: cover;
}

#stop01 .btList>li.no a .bg {
  background: url(../../stop/imgs/stop_btn02_ov.png) center no-repeat;
  background-size: cover;
}

#stop01 .textArea {
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  #stop .main {
    padding: 40px 20px 0 20px;
    max-width: inherit;
  }

  #stop .sec01 {
    margin-bottom: 40px;
  }
}

#map .sec02 .textCont ul li::before {
  top: 0.09rem;
}

#map .sec02 .btList {
  margin-bottom: 0.9rem;
}

#map .sec02 .box-a {
  padding: 0px 20px 0px 0px;
  border: solid 10px #f3f2ff;
}

#map .sec02 .imgBox.num1 {
  margin-bottom: 0;
}

#map .sec02 .imgBox.num1 .areaL {
  padding: 0;
}

#map .sec02 .imgBox.num1 .areaR {
  text-align: left;
  font-size: 15px;
  line-height: 2em;
}

#map .sec02 .imgBox.num1 .areaR>.zu {
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

#map .sec02 .imgBox.num1 .areaR .addreeTxt {
  font-size: 18px;
  color: #fff;
  background-color: #00026d;
  line-height: 60px;
  margin: 40px auto;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  #map .sec02 .box-a {
    padding: 0;
  }

  #map .sec02 .imgBox.num1 .areaL {
    margin: 0 auto 40px;
  }

  #map .sec02 .imgBox.num1 .areaR {
    display: block;
    padding: 0 10px 30px;
    font-size: 12px;
    line-height: 1.6em;
  }

  #map .sec02 .imgBox.num1 .areaR>.zu {
    margin: 0 auto 30px;
  }

  #map .sec02 .imgBox.num1 .areaR .addreeTxt {
    font-size: 13px;
    line-height: 40px;
    margin: 20px auto 10px;
  }
}

#map .imgBox.num1 .areaR #map .sec03 .titA {
  margin-bottom: 0.7rem;
}

#map .sec03 .box-a {
  padding: 50px 20px 40px;
  border: solid 10px #f3f2ff;
}

@media screen and (max-width: 959px) {
  #map .sec02 .btList {
    margin-bottom: 0.5rem;
  }

  #map .sec03 .titA {
    margin-bottom: 0.4rem;
  }

  #map .sec03 .box-a {
    padding: 0;
    border: none;
  }
}

@media print {

  #float,
  .fixBnr {
    display: none;
  }
}

.sidebar .sidebar_inner li.plan::after {
  /*
    .sidebar .sidebar_inner li.service::after,
    .sidebar .sidebar_inner li.structure::after {
    */
  content: "";
  width: 46px;
  height: 16px;
  display: block;
  background: url(../imgs/icon_new.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sidebar .sidebar_inner li.interview::after {
  display: none;
}

.fnav_sp_inner ul li.new::after {
  /* .fnav_sp_inner ul li.service::after,
    .fnav_sp_inner ul li.structure::after { */
  content: "";
  width: 35px;
  height: 13px;
  display: block;
  background: url(../imgs/icon_new.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fnav_sp_inner ul li.interview::after {
  display: none;
}

.sidebar .sidebar_inner li.service,
.sidebar .sidebar_inner li.structure {
  display: none !important;
}

.clmn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.clmn.rev {
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.clmn.cen {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clmn>div {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.clmn>div>* {
  min-height: 0%;
}

.clmn>div .m-text-block {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.clm4_arw>div {
  overflow: visible;
  width: calc(270 / 1170 * 100%);
}

.clm4_arw>div .ph {
  position: relative;
}

.clm4_arw>div .ph img {
  width: 100%;
}

.clm4_arw>div .ph:after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-25 / 270 * 100%);
  width: calc(20 / 270 * 100%);
  height: 20px;
  background: url(../../map/imgs/img-arw.png) no-repeat 0 0;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.clm4_arw>div:nth-child(4n) .ph:after {
  display: none;
}

@media screen and (max-width: 959px) {
  .clm4_arw>div {
    width: 48%;
  }

  .clm4_arw>div:nth-child(n + 3) {
    margin-top: 20px;
  }

  .clm4_arw>div .ph:after,
  .clm4_arw>div br.pc {
    display: none;
  }

  .arwLg+.clm4_arw {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .clm4_arw>div {
    width: 100%;
  }

  .clm4_arw>div:nth-child(n + 2) {
    margin-top: 20px;
  }
}

.arwLg {
  width: calc(907 / 1170 * 100%);
  margin: -10px auto 5px;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .arwLg {
    display: none;
  }
}

.imgBox {
  display: table;
  width: 100%;
}

.imgBox .areaL,
.imgBox .areaR {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#map .imgBox.num1 {
  margin-bottom: 60px;
}

#map .imgBox.num1 .areaL {
  width: calc(675 / 1170 * 100%);
  padding-left: 55px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#map .imgBox.num1 .areaR {
  padding-left: 30px;
  font-size: 0.2rem;
  line-height: 48px;
}

#map .imgBox.num1 .areaR span {
  font-weight: bold;
  color: #eb5417;
}

#map .imgBox.num1 .areaR .cap {
  font-size: 0.1rem;
  font-weight: normal;
  display: inline-block;
  line-height: 1.4;
  color: black;
  margin-top: 10px;
}

#map .imgBox.num2 {
  margin-top: 10px;
}

#map .imgBox.num2 .areaL {
  width: 27px;
  vertical-align: top;
}

#map .imgBox.num2 .areaR {
  padding-left: 10px;
  font-size: 0.14rem;
  line-height: 24px;
  vertical-align: top;
}

@media screen and (max-width: 959px) {
  #map .imgBox.num1 {
    margin-bottom: 40px;
  }

  #map .imgBox.num1 .areaL {
    display: block;
    width: auto;
    padding-left: 0;
    font-size: 0.14rem;
    line-height: 2;
    text-align: center;
  }

  #map .imgBox.num1 .areaL span {
    font-weight: bold;
    color: #eb5417;
  }

  #map .imgBox.num1 .areaR {
    display: none;
    margin-top: 20px;
    padding-left: 0;
    font-size: 0.14rem;
    line-height: 2;
  }
}

@media screen and (max-width: 959px) {
  #map .imgBox.num2 .areaR {
    font-size: 0.12rem;
    line-height: 20px;
  }
}

.BnrOpen {
  display: none;
}

.text-red {
  margin-top: 0.1rem;
  font-size: 0.18rem;
  color: #e60012;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .text-red {
    font-size: 0.14rem;
    line-height: 20px;
  }
}

/* floatBnr */
#floatArea {
  position: relative;
  width: 100%;
  max-width: 372px;
  max-height: 569px;
  z-index: 9998;
}

#floatArea .pc a:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../imgs/floatbnr/float_ov.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  z-index: 0;
}

#floatArea .pc a:hover:before {
  opacity: 1;
}

#float {
  z-index: 99;
  position: fixed;
  top: 155px;
  right: 95px;
  width: calc(372 / 1440 * 100%);
  max-width: 372px;
  max-height: 569px;
}

#floatArea {
  cursor: pointer;
}

#floatArea .close {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(60 / 372 * 100%);
  z-index: 9999;
}

.fixBnr {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
  /* background: rgba(255, 255, 255, 0.8); */
  overflow-y: auto;
}

.fixBnr.under {
  display: none;
}

.fixBnr.under .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.fixBnr .fixBnrInner {
  width: 542px;
  display: block;
  position: absolute;
  top: 110px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.fixBnr .fixBnrInner .close {
  position: absolute;
  top: 5px;
  right: 7px;
  width: 43px;
  /* transform: translate(50%, -50%); */
  cursor: pointer;
  z-index: 999;
}

.fixBnr .fixBnrInner .close::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.fixBnr .fixBnrInner .close.hover::after {
  opacity: 1;
}

.fixBnr .fixBnrInner .bnr {
  /* margin-bottom: 60px; */
}

.fixBnr .fixBnrInner .bnr a {
  display: block;
  position: relative;
}

.fixBnr .fixBnrInner .bnr a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../../imgs/fixbnr_ov.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
}

.fixBnr .fixBnrInner .bnr a.hover::after {
  opacity: 1;
}

@media screen and (max-width: 959px) {
  #float {
    top: calc(100 / 300 * 100%);
    right: 20px;
    width: calc(372 / 1440 * 100%);
    max-width: 372px;
  }
}

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

  /* floatBnr */
  #floatArea {
    width: 100%;
  }

  #float {
    top: auto;
    bottom: 100px;
    left: 0;
    right: 0;
    width: calc(630 / 750 * 100%);
    max-width: 630px;
    max-height: 413px;
    margin: 0 auto;
  }

  #floatArea .close {
    right: calc(10 / 630 * 100%);
    top: calc(10 / 630 * 100%);
    width: calc(61 / 630 * 100%);
  }
}

@media screen and (max-width: 599px) {
  .sp_fixed_nav {
    z-index: 9998;
  }

  .fixBnr .fixBnrInner {
    /* top: 40px;
    bottom: 120px; */
    /* transform: translate(-50%, 0); */
    z-index: 101;
    top: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(630 / 750 * 100%);
  }

  .fixBnr .fixBnrInner .close {
    width: calc(85 / 750 * 100%);
  }

  .fixBnr .fixBnrInner .close::after {
    display: none;
  }

  .fixBnr .fixBnrInner .bnr {
    /* margin-bottom: 100px; */
  }

  .fixBnr .fixBnrInner .bnr a::after {
    display: none;
  }

  .fixBnr .fixBnrInner .bnr img {
    width: 100%;
  }
}

/* service */
.white {
  color: #fff !important;
}

.white.sdw {
  text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black,
    0 0 3px black;
}

.ph {
  position: relative;
}

.ph img {
  width: 100%;
}

.ph .caption {
  position: absolute;
  bottom: 7px;
  right: 7px;
  font-size: 10px;
  letter-spacing: 0.06em;
  line-height: 15px;
  text-align: right;
  color: #000;
}

.ph .caption.left {
  left: 7px;
  right: 7px;
  text-align: left;
}

.ill {
  position: relative;
  text-align: center;
}

.ill .caption {
  position: absolute;
  bottom: 7px;
  right: 7px;
  font-size: 10px;
  letter-spacing: 0.06em;
  line-height: 15px;
  text-align: right;
  color: #000;
}

.ill .caption.left {
  bottom: 0;
  left: 0;
  right: auto;
  text-align: left;
}

.ph+.note,
.ill+.note {
  margin-top: 5px;
}

.headline--h {
  position: relative;
  margin-bottom: 0.15rem;
  /*
  		margin-bottom: .13rem;
  */
  padding-bottom: 0.12rem;
  padding-left: 28px;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 30px;
  color: #00026d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.headline--h.adj {
  letter-spacing\0: 0.05em;
}

.headline--h.mb15 {
  margin-bottom: 0.15rem;
}

.headline--h.mb20 {
  margin-bottom: 0.2rem;
}

.headline--h.row {
  margin-top: 0.3rem;
}

.headline--h:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -3px;
  width: 21px;
  height: 20px;
}

.headline--h:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.headline--h.pink:before {
  background: url(../../security/imgs/icon-list-pink.png) no-repeat 0 0;
}

.headline--h.pink:after {
  background: #64c4f5;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ff85ad),
      to(#d6006f));
  background: linear-gradient(left, #ff85ad, #d6006f);
}

.headline--h.green:before {
  background: url(../../security/imgs/icon-list-green.png) no-repeat 0 0;
}

.headline--h.green:after {
  background: #64c4f5;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#c4ed63),
      to(#79bd18));
  background: linear-gradient(left, #c4ed63, #79bd18);
}

.headline--h.blue:before {
  background: url(../../security/imgs/icon-list-blue.png) no-repeat 0 0;
}

.headline--h.blue:after {
  background: #64c4f5;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#64c4f5),
      to(#3490d7));
  background: linear-gradient(left, #64c4f5, #3490d7);
}

.headline--h.blue.ex:before {
  background: none;
}

.headline--h.blue.ex span:before {
  background: url(../../security/imgs/icon-list-blue.png) no-repeat 0 0;
}

.headline--h.ex span:before {
  position: relative;
  content: "";
  position: absolute;
  top: 35px;
  left: -3px;
  width: 21px;
  height: 20px;
}

.headline--h.lblue:before {
  background: url(../../security/imgs/icon-list-blue.png) no-repeat 0 0;
}

.headline--h.lblue:after {
  background: #55a6d6;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#99d3f4),
      to(#55a6d6));
  background: linear-gradient(left, #99d3f4, #55a6d6);
}

.headline--h.orange1:before {
  background: url(../../security/imgs/icon-list-orange1.png) no-repeat 0 0;
}

.headline--h.orange1:after {
  background: #f7b87a;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f7b87a),
      to(#dd7f24));
  background: linear-gradient(left, #f7b87a, #dd7f24);
}

.headline--h.orange2:before {
  background: url(../../security/imgs/icon-list-orange2.png) no-repeat 0 0;
}

.headline--h.orange2:after {
  background: #f58664;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f58664),
      to(#e15131));
  background: linear-gradient(left, #f58664, #e15131);
}

.headline--h.yellow:before {
  background: url(../../security/imgs/icon-list-yellow.png) no-repeat 0 0;
}

.headline--h.yellow:after {
  background: #f7d373;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f7d373),
      to(#e0ab0b));
  background: linear-gradient(left, #f7d373, #e0ab0b);
}

@media screen and (max-width: 959px) {
  .headline--h.ex span:before {
    top: 0;
  }
}

@media screen and (max-width: 945px) {
  .headline--h.ex span:before {
    top: 22px;
  }
}

@media screen and (max-width: 777px) {
  .headline--h.ex span:before {
    top: 0px;
  }
}

.text-01 {
  font-size: 0.14rem;
  line-height: 2;
}

.text-01.bold {
  font-weight: bold;
}

.text-01 sup {
  font-size: 10px;
  vertical-align: super;
}

.text-01+.caption {
  margin-top: 0.05rem;
  font-size: 0.12rem;
}

@media screen and (max-width: 959px) {
  .text-01.adj {
    line-height: 3.6;
  }
}

.note {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  color: #000;
}

.text-01+.box-a,
.text-01+.ph {
  margin-top: 0.2rem;
}

/* .headline--h + .box-a {
  margin-top: .41rem;
} */
@media screen and (max-width: 1279px) {
  .headline--h.row {
    margin-top: 0;
  }

  .pcOnly {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .headline--h {
    font-size: 0.16rem;
    /* line-height: 22px; */
  }

  .headline--h:before {
    top: 0;
  }

  .text-01 {
    font-size: 0.12rem;
    line-height: 1.8;
  }

  .text-01+.caption {
    font-size: 10px;
  }

  .text-01+.box-a,
  .text-01+.ph {
    margin-top: 0.15rem;
  }

  .headline--h+.box-a {
    margin-top: 0.15rem;
  }
}

.box-a {
  border: solid 2px #dedede;
}

.box-a .box-a__inner {
  padding: 0.3rem 0.25rem;
}

.box-a.nextpower .box-a__inner {
  padding: 0.3rem 0.2rem 0.33rem;
}

.box-a.eco .box-a__inner {
  padding: 0.38rem 0.2rem 0.3rem;
}

.box-a.ip .box-a__inner {
  padding: 0.45rem 0.25rem 0.15rem;
}

.box-a.dust .box-a__inner {
  padding: 0.28rem 0.2rem 0.15rem;
}

@media screen and (max-width: 767px) {
  .box-a.ip .box-a__inner {
    padding: 0.3rem 0.25rem;
  }
}

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

  .box-a .box-a__inner,
  .box-a.nextpower .box-a__inner,
  .box-a.eco .box-a__inner,
  .box-a.kawakku .box-a__inner,
  .box-a.toilet .box-a__inner,
  .box-a.ip .box-a__inner,
  .box-a.dust .box-a__inner {
    padding: 0.2rem;
  }
}

.dust .clm2_auto {
  max-width: 928px;
  margin-left: auto;
  margin-right: auto;
}

.dust .clm2_auto>div.areaL {
  width: calc(247 / 928 * 100%);
}

.dust .clm2_auto>div.areaR {
  width: calc(622 / 928 * 100%);
}

.nextpower .clm2_auto {
  max-width: 1138px;
  margin-left: auto;
  margin-right: auto;
}

.nextpower .clm2_auto>div.areaL {
  width: calc(174 / 1138 * 100%);
}

.nextpower .clm2_auto>div.areaR {
  width: calc(842 / 1138 * 100%);
}

.eco .clm2_auto {
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
}

.eco .clm2_auto>div.areaL {
  width: calc(212 / 1088 * 100%);
}

.eco .clm2_auto>div.areaR {
  width: calc(842 / 1088 * 100%);
}

.eco .clm3_auto>div.areaL {
  width: calc(216 / 842 * 100%);
}

.eco .clm3_auto>div.areaC {
  width: calc(213 / 842 * 100%);
}

.eco .clm3_auto>div.areaR {
  width: calc(362 / 842 * 100%);
}

.kawakku .clm2_auto {
  max-width: 1121px;
  margin-left: auto;
  margin-right: auto;
}

.kawakku .clm2_auto>div.areaL {
  width: calc(311 / 1121 * 100%);
}

.kawakku .clm2_auto>div.areaR {
  width: calc(789 / 1121 * 100%);
}

.toilet .clm2_auto {
  max-width: 682px;
  margin-left: auto;
  margin-right: auto;
}

.toilet .clm2_auto>div.areaL {
  width: calc(191 / 682 * 100%);
}

.toilet .clm2_auto>div.areaR {
  width: calc(456 / 682 * 100%);
}

.toilet .clm2_auto_inner>div.left {
  width: calc(188 / 456 * 100%);
}

.toilet .clm2_auto_inner>div.right {
  width: calc(243 / 456 * 100%);
}

.flets .clm2_auto {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
}

.flets .clm2_auto>div.areaL {
  width: calc(261 / 680 * 100%);
}

.flets .clm2_auto>div.areaR {
  width: calc(381 / 680 * 100%);
  margin-top: -4px;
  text-align: left;
}

.as-a .clm2_auto {
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
}

.as-a .clm2_auto>div.areaL {
  width: calc(513 / 1062 * 100%);
}

.as-a .clm2_auto>div.areaR {
  width: calc(479 / 1062 * 100%);
}

.as-b .clm2_auto {
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
}

.as-b .clm2_auto>div {
  width: calc(525 / 1080 * 100%);
}

/*
	.clmn.clm2_dis > div.areaL,
	.clmn.clm2_dis > div.areaR {
		overflow: visible !important;
		padding-bottom: 11px;
	}
*/
.clm2_dis>div.areaL {
  width: calc(495 / 1230 * 100%);
}

.clm2_dis>div.areaR {
  width: calc(705 / 1230 * 100%);
}

.clm2_dis .box-a__inner {
  padding: 39px 40px 38px;
}

.clmn>div.fll {
  width: 100% !important;
}

.text-fc {
  position: relative;
  top: -5px;
}

.clm2>div {
  width: calc(600 / 1230 * 100%);
}

.clm3>div {
  width: calc(390 / 1230 * 100%);
}

.clm3>div.db {
  width: calc(810 / 1230 * 100%);
}

.clm3>div.db .clm2>div {
  width: calc(390 / 810 * 100%);
}

.clm3>div.db .clm2>div:nth-child(n + 3) {
  margin-top: 0.55rem;
}

.clm3>div.db .clm2_img>div.areaL {
  width: calc(236 / 390 * 100%);
}

.clm3>div.db .clm2_img>div.areaR {
  width: calc(136 / 390 * 100%);
}

@media screen and (min-width: 768px) {
  .clm3>div.carShare {
    width: calc(810 / 1230 * 100%);
  }
}

.clm3>div:nth-child(n + 4) {
  margin-top: 0.55rem;
}

.clm3--nc2>div:nth-child(n + 2),
.clm3--nc3>div:nth-child(n + 3) {
  margin-top: 0.55rem;
}

@media screen and (max-width: 767px) {
  .clmn>div.txtSpc {
    margin-top: 0.2rem !important;
  }

  .clm2>div {
    width: 100%;
  }

  .clm2>div:nth-child(n + 2) {
    margin-top: 0.5rem;
  }

  .clm3>div {
    width: 100%;
  }

  .clm3>div.db,
  .clm3>div.fll {
    width: 100%;
  }

  .clm3>div:nth-child(n + 2) {
    margin-top: 0.5rem;
  }

  .clm3--nc3>div:nth-child(n + 2) {
    margin-top: 0.5rem;
  }

  .clm3>div.db .clm2>div {
    width: 100%;
  }

  .clm3>div.db .clm2>div:nth-child(n + 2) {
    margin-top: 0.5rem;
  }

  .dust .clm2_auto>div.areaL {
    width: calc(247 / 640 * 100%);
    margin: 0 auto;
    text-align: center;
  }

  .dust .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
    text-align: center;
  }

  .nextpower .clm2_auto>div.areaL {
    width: 100%;
  }

  .nextpower .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
  }

  .eco .clm2_auto>div.areaL {
    width: 100%;
    max-width: 212px;
    margin-left: auto;
    margin-right: auto;
  }

  .eco .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 0.4rem;
  }

  .eco .clm3_auto>div.areaL {
    width: 100%;
  }

  .eco .clm3_auto>div.areaC,
  .eco .clm3_auto>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
  }

  .kawakku .clm2_auto>div.areaL {
    width: 100%;
    max-width: 311px;
    margin-left: auto;
    margin-right: auto;
  }

  .kawakku .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
  }

  .toilet .clm2_auto>div.areaL {
    width: 100%;
    max-width: 191px;
    margin-left: auto;
    margin-right: auto;
  }

  .toilet .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
  }

  .toilet .clm2_auto_inner {
    max-width: 456px;
  }

  .toilet .clm2_auto_inner>div.left {
    width: calc(188 / 456 * 100%);
  }

  .toilet .clm2_auto_inner>div.right {
    width: calc(243 / 456 * 100%);
    margin-top: 0;
  }

  .flets .clm2_auto {
    padding-left: 0;
  }

  .flets .clm2_auto>div.areaL {
    width: 100%;
    max-width: 261px;
    margin-left: auto;
    margin-right: auto;
  }

  .flets .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
  }

  .flets .clm2_auto>div.areaR .mb20 {
    text-align: center;
  }

  .flets .clm2_auto>div.areaL {
    width: calc(261 / 680 * 100%);
  }

  .as-a .clm2_auto>div.areaL {
    width: 100%;
  }

  .as-a .clm2_auto>div.areaR {
    width: 100%;
    margin-top: 20px;
  }

  .as-b .clm2_auto>div {
    width: 100%;
  }

  .as-b .clm2_auto>div:nth-child(n + 2) {
    margin-top: 0.4rem;
  }

  .clm2_dis>div.areaL {
    width: 100%;
  }

  .clm2_dis>div.areaR {
    width: 100%;
    margin-top: 0.2rem;
  }

  .clm2_dis .box-a__inner {
    padding: 0.2rem;
  }

  .clm2_dis .box-a__inner .mb25 {
    margin-bottom: 0.2rem !important;
  }
}

.as-b .label {
  margin-bottom: 0.15rem;
  padding: 6px 10px 5px;
  background: #804a64;
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.txtList li {
  position: relative;
  padding-left: 30px;
  font-size: 0.14rem;
}

.txtList li:nth-child(n + 2) {
  margin-top: 6px;
}

.txtList li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 10px;
  width: 8px;
  height: 8px;
  background: #804a64;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

@media screen and (max-width: 959px) {
  .as-b .label {
    font-size: 0.14rem;
  }

  .txtList li {
    padding-left: 30px;
    font-size: 0.12rem;
  }

  .txtList li:nth-child(n + 2) {
    margin-top: 4px;
  }

  .txtList li:before {
    top: 5px;
    left: 10px;
  }
}

.sNav {
  position: relative;
}

.sNav.top {
  margin-bottom: 1rem;
  /*
      border-bottom: solid 2px #d1d1d1;
    */
}

.sNav.top:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #d1d1d1;
  z-index: 1;
}

.sNav.btm {
  margin-top: 0.5rem;
  /*
      border-top: solid 2px #d1d1d1;
    */
}

.sNav.btm:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #d1d1d1;
  z-index: 2;
}

.sNav ul {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sNav.top ul {
  margin-bottom: -1px;
}

.sNav.btm ul {
  margin-top: -1px;
}

.sNav ul li {
  text-align: center;
}

.sNav ul li a {
  overflow: hidden;
  position: relative;
  display: block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.sNav ul li a span {
  display: none;
}

.sNav ul li a .ov {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  margin: 0 auto;
  opacity: 0;
  bottom: -10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sNav ul li.on a .ov,
.sNav ul li a:hover .ov {
  bottom: 0;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sNav.top ul li a .ov {
  bottom: -10px;
}

.sNav.top ul li.on a .ov,
.sNav.top ul li a:hover .ov {
  bottom: 0;
}

.sNav.btm ul li a .ov {
  top: -10px;
}

.sNav.btm ul li.on a .ov,
.sNav.btm ul li a:hover .ov {
  top: 0;
}

.sNav ul li a .df {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sNav .sNavService {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .sNav .sNavService {
    margin-top: 40px;
  }

  .sNav .sNavService li a {
    width: 100%;
    padding-top: 27.154046997389034%;
  }

  .sNav .sNavStructure li a {
    width: 100%;
    padding-top: 36.491228070175439%;
  }

  #lifeplan .sNav ul li a {
    width: 100%;
    padding-top: 21.291228%;
  }
}

#lifeplan .sNav ul li a .df {
  bottom: 0;
}

.sNav.top ul li a .df {
  bottom: -10px;
}

.sNav.top ul li.on a .df,
.sNav.top ul li a.hover .df {
  bottom: 0;
}

.sNav.btm ul li a .df {
  top: -10px;
}

.sNav.btm ul li.on a .df,
.sNav.btm ul li a.hover .df {
  top: 0;
}

.sNav .sNavService li {
  width: calc(383 / 1170 * 100%);
  max-width: 383px;
}

.sNav .sNavStructure li {
  width: calc(285 / 1170 * 100%);
  max-width: 285px;
}

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

  .sNav ul li.on a .ov,
  .sNav ul li.on a:hover .ov {
    opacity: 1;
  }

  .sNav ul li a:hover .ov {
    opacity: 0;
  }
}

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

  .sNav.top:after,
  .sNav.btm:after {
    display: none;
  }

  .sNav ul li {
    margin-left: auto;
    margin-right: auto;
  }

  .sNav ul li a img,
  .sNav ul li a .ov,
  .sNav ul li a .df {
    display: none;
  }

  .sNav ul li a span {
    display: block;
  }

  .sNav ul li a span img {
    display: block;
  }

  .sNav.top {
    margin-bottom: 0.5rem;
  }

  .sNav.btm {
    margin-top: 0.3rem;
  }

  .sNav.top ul li:nth-child(n + 2) {
    margin-top: 10px;
  }

  .sNav.btm ul li {
    margin-bottom: 10px;
  }

  .sNav.btm ul li:last-child {
    margin-bottom: 0;
  }

  .sNav.top ul li a .ov {
    bottom: 0;
  }

  .sNav.btm ul li a .ov {
    top: 0;
  }

  .sNav ul li a:hover .ov {
    opacity: 0;
  }

  .sNav ul li.on a:hover .ov {
    opacity: 1;
  }

  .sNav .sNavService li,
  .sNav .sNavStructure li {
    width: 100%;
    max-width: 690px;
    text-align: center;
  }
}

#service .sec01 {
  background: url(../../service/imgs/kazari.png) 50% 190px no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 959px) {
  #service .sec01 {
    background: url(../../service/imgs/kazari.png) 50% 100px no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) {
  #service .sec01 {
    background: none;
  }
}

#structure .sec01 {
  background: url(../../structure/imgs/kazari.png) 50% 190px no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 959px) {
  #structure .sec01 {
    background: url(../../structure/imgs/kazari.png) 50% 100px no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) {
  #structure .sec01 {
    background: none;
  }
}

#service .titB,
#structure .titB {
  margin-bottom: 0.9rem;
}

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

  #service .titB,
  #structure .titB {
    margin-bottom: 0.4rem;
  }
}

#service .sec01 {
  padding-bottom: 1.1rem;
}

#structure .imgBox.num1 .areaL {
  width: 180px;
  vertical-align: top;
}

#structure .imgBox.num1 .areaR {
  padding-left: 30px;
  vertical-align: top;
}

#structure .sec01 {
  padding-bottom: 1.1rem;
}

@media screen and (max-width: 767px) {
  #structure .imgBox.num1 .areaL {
    width: 120px;
  }

  #structure .imgBox.num1 .areaR {
    padding-left: 20px;
  }
}

/* lifeplan only */
#lifeplan .headline--h {
  margin-bottom: 0.3rem;
  font-size: 0.3rem;
}

#lifeplan .headline--h:before {
  top: 3px;
  width: 23px;
  height: 21px;
}

.headline--h.purple {
  color: #00026d;
}

.headline--h.purple:before {
  background: url(../../lifeplan/imgs/icon-list-purple.png) no-repeat 0 0;
}

.headline--h.purple:after {
  background: #c1c6f2;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#c1c6f2),
      to(#8e97dc));
  background: linear-gradient(left, #c1c6f2, #8e97dc);
}

.headline--h.blue2 {
  color: #0068c8;
}

.headline--h.blue2:before {
  background: url(../../lifeplan/imgs/icon-list-blue.png) no-repeat 0 0;
}

.headline--h.blue2:after {
  background: #3490d7;
  /*
      		background: -ms-linear-gradient(left, #c1c6f2, #8e97dc);
      		background: -moz-linear-gradient(left, #c1c6f2, #8e97dc);
      		background: -webkit-linear-gradient(left, #c1c6f2, #8e97dc);
      		background: linear-gradient(left, #c1c6f2, #8e97dc);
      */
}

.headline--h.org {
  color: #ff9000;
}

.headline--h.org:before {
  background: url(../../lifeplan/imgs/icon-list-orange.png) no-repeat 0 0;
}

.headline--h.org:after {
  background: #fba721;
  /*
      		background: -ms-linear-gradient(left, #c1c6f2, #8e97dc);
      		background: -moz-linear-gradient(left, #c1c6f2, #8e97dc);
      		background: -webkit-linear-gradient(left, #c1c6f2, #8e97dc);
      		background: linear-gradient(left, #c1c6f2, #8e97dc);
      */
}

.headline--01 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.headline--01.lts0 {
  letter-spacing: 0;
}

.headline--01.ex {
  letter-spacing: inherit;
}

.headline--01.adj {
  line-height: 0.7;
}

.headline--01 strong {
  position: relative;
  font-size: 120%;
}

.headline--01 strong.eng {
  top: 3px;
  font-size: 150%;
}

.morning .headline--01 strong {
  color: #ff8b36;
}

.night .headline--01 strong {
  color: #00026d;
}

.daytime .headline--01 strong {
  color: #32a17f;
}

.evening .headline--01 strong {
  color: #eb6d16;
}

.bg--hyatt .headline--01 strong {
  color: #ff749f;
}

.commonspace .headline--01 strong {
  color: #0068c8;
}

.weekend .headline--01 strong {
  color: #3fb933;
}

.section--1 .headline--01 strong,
.section--2 .headline--01 strong,
.section--3 .headline--01 strong,
.section--4 .headline--01 strong {
  color: #ff9000;
}

.headline--01+.text-01 {
  margin-top: 0.2rem;
}

/*
	.bg--hyatt .headline--01 + .text-01 {
		margin-top: .1rem;
	}
*/
.commonspace .headline--01 strong {
  color: #0068c8;
}

#lifeplan .text-01+.text-01 {
  margin-top: 0.1rem;
}

#lifeplan .text-01 strong {
  font-size: 120%;
}

#lifeplan .commonspace .text-01 strong {
  color: #0068c8;
}

.headline--02 {
  margin-bottom: 0.25rem;
  font-size: 20px;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.4;
}

.headline--02 span {
  display: inline-block;
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 1.6;
  color: #000;
}

.morning .headline--02 {
  color: #ff8b36;
}

.morning .headline--02 span.label {
  width: 101px;
  height: 22px;
  margin-bottom: 5px;
  margin-right: 10px;
  background: #ff8b36;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}

.morning .headline--02 span.adj {
  margin-bottom: 0.25rem;
  font-size: 20px;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #ff8b36;
  letter-spacing: 0.1em;
}

.night .headline--02 {
  color: #00026d;
}

.daytime .headline--02 {
  color: #32a17f;
}

.evening .headline--02 {
  color: #eb6d16;
}

.weekend .headline--02 {
  color: #3fb933;
}

.headline--03 {
  position: relative;
  margin-bottom: 0.16rem;
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 1.4;
}

.headline--03 span {
  display: inline;
  padding: 0.08rem 0.1rem 0.11rem;
  background: #fff;
}

.headline--03 span.text-01,
.headline--03 span.sp {
  display: none;
}

.headline--03 strong {
  position: relative;
  top: 1px;
  font-size: 120%;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .headline--03 span.text-01 {
    display: block;
    background: none;
    padding: 0;
    font-weight: normal;
  }

  .clr-box-b .headline--03+p.text-01 {
    display: none;
  }

  .headline--03 br {
    display: none !important;
  }
}

@media screen and (max-width: 959px) {
  .headline--03 br.pc {
    display: none;
  }
}

.morning .headline--03 strong {
  color: #ff8b36;
}

.night .headline--03 strong {
  color: #00026d;
}

.daytime .headline--03 strong {
  color: #32a17f;
}

.evening .headline--03 strong {
  color: #00026d;
}

.weekend .headline--03 strong {
  color: #3fb933;
}

.clr-box-a .headline--03 {
  font-size: 20px;
  font-size: 0.2rem;
  padding-top: 0.08rem;
}

.night .clr-box-a .headline--03,
.daytime .clr-box-a .headline--03 {
  font-size: 24px;
  font-size: 0.24rem;
  padding-top: 0.08rem;
}

.section--4 .headline--03 strong {
  color: #08a0ee;
}

.headline--04 {
  margin-bottom: 0.15rem;
  padding-bottom: 0.15rem;
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 1.5;
}

.headline--04 strong {
  font-size: 120%;
}

.clr-box-c .headline--04 {
  border-bottom: solid 2px #3490d7;
}

.clr-box-c .headline--04 strong {
  color: #0068c8;
}

.clr-box-b .headline--03 {
  margin-bottom: 0.15rem;
  line-height: 1.3;
  /*
  		padding-top: .3rem;
  		padding-left: 1.15rem;
  */
}

.clr-box-b .headline--03 .icon {
  display: inline-block;
  /*
    		position: absolute;
    		top: 0;
    		left: 0;
    */
  width: calc(151 / 390 * 100%);
  max-width: 151px;
}

.clr-box-b .headline--03 .icon+span {
  position: absolute;
  bottom: 0;
  left: calc(110 / 390 * 100%);
  width: auto;
  display: inline;
  padding: 0;
  background: transparent;
}

.clr-box-b .headline--03 strong {
  color: #ff8b36;
}

.headline--01::before,
.headline--01::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}

.headline--02::before,
.headline--02::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}

.headline--03::before,
.headline--03::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}

.headline--04::before,
.headline--04::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}

.headline--01::before,
.headline--02::before,
.headline--03::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}

.headline--04::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}

.headline--01::after,
.headline--02::after,
.headline--03::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}

.headline--04::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.clr-box-b .headline--03::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}

.clr-box-b .headline--03::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}

@media screen and (max-width: 959px) {
  .clr-box-b .headline--03 .icon {
    width: calc(151 / 750 * 100%);
  }

  .clr-box-b .headline--03 .icon+span {
    left: calc(110 / 750 * 100%);
  }

  .headline--01 {
    font-size: 0.2rem;
    letter-spacing: 0;
  }

  .headline--02 {
    font-size: 0.18rem;
  }

  .headline--02 span {
    font-size: 0.14rem;
  }

  .headline--03 {
    font-size: 0.18rem;
  }

  .clr-box-a .headline--03 {
    font-size: 0.16rem;
  }

  .night .clr-box-a .headline--03,
  .daytime .clr-box-a .headline--03 {
    font-size: 0.18rem;
  }

  .headline--04 {
    font-size: 0.14rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  .clr-box-b .headline--03 .icon+span br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .clr-box-b .headline--03 {
    height: 45px;
  }

  .clr-box-b .headline--03 .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: 70px;
  }

  .clr-box-b .headline--03 .icon+span {
    display: block;
    position: static;
    padding-top: 0.25rem;
    padding-left: 1rem;
  }

  #lifeplan .headline--h {
    font-size: 0.16rem;
    line-height: 22px;
    margin-bottom: 0.15rem;
  }

  #lifeplan .headline--h:before {
    top: 0;
  }

  .headline--01 {
    font-size: 0.14rem;
    letter-spacing: 0.01em;
    line-height: 1.4;
  }

  .morning .headline--01 strong {
    color: #ff8b36;
  }

  .morning .headline--02 span.adj {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }

  .headline--01+.text-01 {
    margin-top: 0.1rem;
  }

  .headline--02 {
    font-size: 0.14rem;
    margin-bottom: 0.1rem;
  }

  .headline--02 span {
    font-size: 0.12rem;
  }

  .morning .headline--02 span.label {
    font-size: 0.12rem;
    display: inline-block;
    height: 0.22rem;
    width: 0.8rem;
  }

  .headline--03 {
    font-size: 0.14rem;
  }

  .headline--03 span {
    display: inline;
    padding: 0.03rem;
    letter-spacing: 0.1em;
  }

  .clr-box-a .headline--03,
  .night .clr-box-a .headline--03,
  .daytime .clr-box-a .headline--03 {
    font-size: 0.14rem;
  }

  .night .clr-box-a .clmn .left p:first-child img {
    width: 0.86rem;
  }

  .headline--04 {
    font-size: 0.14rem;
  }
}

@media screen and (max-width: 599px) {
  .clr-box-b .headline--03 .icon+span {
    padding-top: 0.05rem;
    padding-left: 0.6rem;
    letter-spacing: 0.01em;
  }

  .headline--03 span.sp {
    display: inline;
  }
}

.imageCap {
  position: relative;
}

.imageCap img {
  display: block;
  width: 100%;
}

.imageCap img.sp {
  display: none;
}

.imageCap .caption {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  line-height: 1.5;
  text-align: right;
  color: white;
  z-index: 1000;
}

.caption--shadow {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

.image--txt {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .imageCap img.pc {
    display: none;
  }

  .imageCap img.sp {
    display: block;
  }
}

#lifeplan .clmn+.clmn {
  margin-top: 0.6rem;
}

#lifeplan .clr-box-c .clmn+.clmn,
#lifeplan .weekend .clmn+.clmn,
#lifeplan .commonspace .clmn+.clmn {
  margin-top: 0.3rem;
}

#lifeplan .clmn>div {
  overflow: visible;
  position: relative;
}

#lifeplan .caption {
  font-size: 10px;
  line-height: 15px;
}

#lifeplan .imageCap+.caption,
#lifeplan .image--txt+.caption {
  margin-top: 0.1rem;
}

@media screen and (max-width: 767px) {
  #lifeplan .clmn+.clmn {
    margin-top: 0.3rem;
  }
}

@media screen and (max-width: 767px) {
  #lifeplan .weekend .clmn+.clmn {
    margin-top: 0.1rem;
  }
}

.clm2--normal>div {
  width: calc(525 / 1080 * 100%);
}

.clm2--normal>.clm--text {
  width: calc(420 / 1080 * 100%);
}

.clm2--normal>.clm--image {
  width: calc(630 / 1080 * 100%);
}

.clm2--inner>.clm--text {
  width: calc(600 / 1020 * 100%);
}

.clm2--inner>.clm--text .inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
}

.clm2--inner>.clm--image {
  width: calc(390 / 1020 * 100%);
}

#lifeplan .clm3>div {
  width: calc(350 / 1080 * 100%);
}

.clr-box-c .clm3>div {
  width: calc(330 / 1020 * 100%);
}

@media screen and (max-width: 767px) {
  .clm2--normal>div {
    width: 100%;
  }

  .clm2--normal>div:nth-child(n + 2) {
    margin-top: 0.1rem;
  }

  .clm2--normal>.clm--text {
    width: 100%;
  }

  .clm2--normal>.clm--image {
    width: 100%;
    margin-top: 0.2rem;
  }

  .clm2--inner>.clm--text {
    width: 100%;
  }

  .clm2--inner>.clm--text .inner {
    position: static;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 0;
  }

  .clm2--inner>.clm--image {
    width: 100%;
    margin-top: 0.2rem;
  }

  #lifeplan .clm3>div,
  .clr-box-c .clm3>div {
    width: 100%;
  }

  #lifeplan .clm3>div:nth-child(n + 2),
  .clr-box-c .clm3>div:nth-child(n + 2) {
    margin-top: 0.1rem;
  }
}

#lifeplan .sNav {
  position: relative;
}

#lifeplan .sNav ul {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -1px;
}

#lifeplan .sNav ul li {
  width: calc(403 / 1230 * 100%);
  max-width: 403px;
}

#lifeplan .img--mv {
  position: relative;
  margin-bottom: 0.8rem;
}

#lifeplan .img--mv:before {
  content: "";
  position: absolute;
  top: -158px;
  left: 0;
  width: calc(319 / 1230 * 100%);
  height: 158px;
  background: url(../../lifeplan/imgs/img-mv-kazari-top.png) no-repeat bottom left;
  background-size: 100% auto;
}

#lifeplan .img--mv:after {
  content: "";
  position: absolute;
  bottom: -90px;
  right: 0;
  width: calc(259 / 1230 * 100%);
  height: 90px;
  background: url(../../lifeplan/imgs/img-mv-kazari-btm.png) no-repeat right top;
  background-size: 100% auto;
}

@media screen and (max-width: 959px) {
  #lifeplan .img--mv {
    margin-bottom: 0.6rem;
  }
}

@media screen and (max-width: 767px) {
  #lifeplan .sNav ul li {
    width: 100%;
    max-width: 403px;
    margin-bottom: 10px;
  }

  #lifeplan .img--mv {
    margin-bottom: 0.4rem;
  }

  #lifeplan .img--mv:before,
  #lifeplan .img--mv:after,
  #lifeplan .img--mv .caption {
    display: none;
  }
}

/* #Specail */
#Special .serif {
  font-family: "Noto Serif Japanese", "游明朝", "Yu Mincho", "游明朝体",
    "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#Special .c_article {
  background: url(../../special/imgs/c_article_bg.png) top right no-repeat #010233;
}

#Special .sec01 {
  color: #fff;
}

#Special .sec01 .titA {
  font-family: AXIS Std;
  color: #fff;
  margin-top: calc(0px - (((0.3rem * 1.5) - 0.3rem) / 2));
  margin-bottom: calc(0.7rem - (((0.3rem * 1.5) - 0.3rem) / 2));
}

#Special .sec01 .ttl {
  margin-bottom: 0.3rem;
}

#Special .sec01 .text01 {
  font-size: 0.21rem;
  line-height: 1.85;
  letter-spacing: 0.01rem;
  text-align: center;
  margin-top: calc(0px - (((0.21rem * 1.85) - 0.2rem) / 2));
  margin-bottom: calc(1.45rem - (((0.21rem * 1.85) - 0.2rem) / 2));
}

@media screen and (max-width: 959px) {
  #Special .sec01 .text01 {
    font-size: 0.17rem;
  }
}

@media screen and (max-width: 599px) {
  #Special .sec01 .text01 {
    font-size: 0.14rem;
  }
}

#Special .sec01 .merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit {
    display: block;
  }
}

#Special .sec01 .merit .merit-box {
  background: #fff;
  border-radius: 0.09rem;
  width: 48.79%;
  padding: 0.3rem 0.4rem 0.4rem;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit .merit-box {
    width: 100%;
    margin-bottom: 0.92rem;
  }
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box {
    padding: 30px 20px 20px;
    margin-bottom: 0.52rem;
  }
}

#Special .sec01 .merit .merit-box li .ribon {
  position: relative;
  text-align: center;
  top: -0.85rem;
  margin: 0 -0.22rem;
  margin-bottom: -0.27rem;
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box li .ribon {
    margin: 0 auto -0.3rem;
  }
}

@media screen and (max-width: 425px) {
  #Special .sec01 .merit .merit-box li .ribon {
    top: calc(-0.85rem + 30px);
  }
}

#Special .sec01 .merit .merit-box li .ribon .txt {
  font-size: 0.36rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-shadow: 0px 0px 11px #0078bb;
  font-weight: 600;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit .merit-box li .ribon .txt {
    font-size: 0.42rem;
  }
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box li .ribon .txt {
    font-size: 0.18rem;
  }
}

@media screen and (max-width: 320px) {
  #Special .sec01 .merit .merit-box li .ribon .txt {
    font-size: 0.17rem;
  }
}

#Special .sec01 .merit .merit-box li .icon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.1rem;
}

#Special .sec01 .merit .merit-box li .icon_wrap .icon {
  width: 18.27%;
  margin-right: 3.33%;
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .icon {
    width: 21%;
  }
}

#Special .sec01 .merit .merit-box li .icon_wrap .icon .txt {
  font-size: 0.14rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .icon .txt {
    font-size: 0.22rem;
  }
}

@media screen and (max-width: 559px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .icon .txt {
    font-size: 0.1rem;
  }
}

#Special .sec01 .merit .merit-box li .icon_wrap .icon .txt .num {
  font-size: 0.43rem;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .icon .txt .num {
    font-size: 0.58rem;
  }
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .icon .txt .num {
    font-size: 0.25rem;
  }
}

#Special .sec01 .merit .merit-box li .icon_wrap .lead {
  color: #00026d;
  font-size: 0.24rem;
  line-height: 1.33;
  font-weight: 900;
  letter-spacing: 0;
  width: 78.4%;
  position: relative;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .lead {
    font-size: 0.3rem;
  }
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box li .icon_wrap .lead {
    font-size: 0.14rem;
    width: 75.67%;
  }

  #Special .sec01 .merit .merit-box li .icon_wrap .lead br {
    display: none;
  }
}

#Special .sec01 .merit .merit-box li .icon_wrap .lead .lead_inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#Special .sec01 .merit .merit-box li .pic {
  position: relative;
  margin-bottom: 0.3rem;
}

#Special .sec01 .merit .merit-box li .pic .cap {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #fff;
  font-size: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#Special .sec01 .merit .merit-box li img {
  width: 100%;
}

#Special .sec01 .merit .merit-box .sent {
  color: #000;
  line-height: 2;
  margin-bottom: 0.2rem;
  font-size: 0.14rem;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 959px) {
  #Special .sec01 .merit .merit-box .sent {
    font-size: 0.17rem;
  }
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box .sent {
    font-size: 0.14rem;
    line-height: 1.85;
  }
}

#Special .sec01 .merit .merit-box .sent .cap {
  font-size: 0.8em;
  line-height: 1.8;
  display: inline-block;
}

#Special .sec01 .merit .merit-box .btn {
  text-align: center;
  line-height: 1;
}

#Special .sec01 .merit .merit-box .btn a>span {
  width: 100%;
  border-radius: 0.45rem;
  overflow: hidden;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  padding: 2px;
  display: inline-block;
}

#Special .sec01 .merit .merit-box .btn a>span>span {
  display: block;
  background: url(../../special/imgs/btn01_ov.png) center no-repeat;
  background-size: 4.38rem auto;
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box .btn a>span>span {
    background-size: calc(100% - 0.4rem);
  }
}

#Special .sec01 .merit .merit-box .btn a>span label {
  display: block;
  border-radius: 0.45rem;
  overflow: hidden;
  background: #fff;
  width: 100%;
  background-size: 4.38rem auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit .merit-box .btn a>span label {
    padding: 0.05rem 0.8rem;
  }
}

@media screen and (max-width: 425px) {
  #Special .sec01 .merit .merit-box .btn a>span label {
    padding: 0.01rem 0.2rem;
  }
}

#Special .sec01 .merit .merit-box .btn a>span label input {
  outline: none;
}

#Special .sec01 .merit .merit-box .btn a>span label.hover {
  opacity: 0;
}

#Special .sec01 .merit .merit-box .btn a input {
  max-width: 100%;
  vertical-align: bottom;
  width: 4.38rem;
  outline: none;
  display: inline-block;
}

#Special .sec01 .merit-box.n02 li .ribon .txt {
  letter-spacing: -0.03rem;
  text-shadow: 0px 0px 20px #8b090f;
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit-box.n02 li .ribon .txt {
    letter-spacing: -0.02rem;
  }
}

#Special .sec01 .merit-box.n02 li .btn a>span>span {
  background: url(../../special/imgs/btn02_ov.png) center no-repeat;
  background-size: 4.38rem auto;
}

@media screen and (max-width: 599px) {
  #Special .sec01 .merit-box.n02 li .btn a>span>span {
    background-size: calc(100% - 0.4rem);
  }
}

.c_cv {
  display: block;
  background: url(../../special/imgs/cv_bg.png) center no-repeat;
}

@media screen and (max-width: 599px) {
  .c_cv {
    background: url(../../imgs/top_cv_sp.png) center no-repeat;
    background-size: cover;
    padding: 15px 0;
    display: block;
  }
}

.c_cv_wrap {
  padding: 0 0.4rem;
}

@media screen and (max-width: 599px) {
  .c_cv_wrap {
    padding: 0 20px;
  }
}

.c_cv .title {
  width: 100%;
  font-size: 0.28rem;
  margin-bottom: 0.3em;
}

@media screen and (max-width: 599px) {
  .c_cv .title {
    font-size: 0.16rem;
  }
}

.c_cv .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0.2rem;
}

@media screen and (max-width: 599px) {
  .c_cv .btns {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  .c_cv .btns>div {
    max-width: 240px;
    margin: 0 auto;
  }
}

.c_cv .btns>div+div {
  margin-left: 0.1rem;
}

@media screen and (max-width: 599px) {
  .c_cv .btns>div+div {
    margin: 0 auto;
  }
}

@media screen and (max-width: 599px) {
  .c_cv .btns a {
    margin-bottom: 10px;
  }
}

.c_cv .btns a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 0.31rem;
}

.clr-box-a {
  max-height: 265px;
  margin-top: 0.3rem;
  padding: 0.3rem;
  background: url(../../lifeplan/imgs/01/bg-box-01.png) no-repeat 0 0;
  background-size: cover;
}

.night .clr-box-a {
  margin: 0.3rem auto 0.6rem;
}

.clr-box-a.green {
  max-height: 236px;
  background: url(../../lifeplan/imgs/02/bg-box-01.png) no-repeat 0 0;
  background-size: cover;
}

.clr-box-a.lgreen {
  max-height: inherit;
  background: url(../../lifeplan/imgs/03/bg-box-01.png) no-repeat 0 0;
  background-size: cover;
}

.clr-box-a.lgreen .left {
  width: calc(698 / 1020 * 100%);
}

.clr-box-a.lgreen .right {
  width: calc(292 / 1020 * 100%);
}

.clr-box-a.blue {
  max-height: inherit;
  background: url(../../lifeplan/imgs/03/bg-box-02.png) no-repeat 0 0;
  background-size: cover;
}

.clr-box-a .left {
  width: calc(390 / 1020 * 100%);
}

.clr-box-a .right {
  width: calc(600 / 1020 * 100%);
}

.clr-box-a .clm2_inner>div {
  width: calc(292 / 600 * 100%);
}

.clr-box-b {
  max-height: 276px;
  margin-top: 0.3rem;
  padding: 0.3rem;
  /*
  		background: #ffe5c0;
  */
  background: url(../../lifeplan/imgs/bg-box-b.png) no-repeat 0 0;
  background-size: cover;
  /*
      border-radius: .3rem;
      -webkit-border-radius: .3rem;
      -moz-border-radius: .3rem;
  */
}

.clr-box-b.vr2 {
  max-height: 242px;
  background: url(../../lifeplan/imgs/bg-box-b-2.png) no-repeat 0 0;
  background-size: cover;
}

.clmn+.clr-box-b {
  margin-bottom: 0.6rem;
}

.clr-box-b .left {
  width: calc(390 / 1020 * 100%);
}

.clr-box-b .right {
  width: calc(600 / 1020 * 100%);
}

.clr-box-b .clm2_inner>div {
  width: calc(292 / 600 * 100%);
}

.clr-box-c {
  margin-top: 0.3rem;
  padding: 0.34rem;
  background: #fff;
  border: solid 1px #3490d7;
}

.bg--hyatt {
  position: relative;
  /*
  		height: 500px;
  		background: url(../../lifeplan/imgs/01/img-12.jpg) no-repeat top right;
  */
}

.bg--hyatt img {
  position: relative;
  z-index: 1;
}

.bg--hyatt .cmt {
  position: absolute;
  top: calc(44 / 500 * 100%);
  left: calc(72 / 1224 * 100%);
  width: calc(515 / 1224 * 100%);
  z-index: 2;
}

.bg--hyatt .cmt:before {
  content: "";
  position: absolute;
  top: 0.3rem;
  bottom: -0.3rem;
  left: -0.3rem;
  right: 0.3rem;
  width: auto;
  height: auto;
  background: url(../../lifeplan/imgs/01/img-cv-grd.png) no-repeat 0 0;
  background-size: cover;
}

.bg--hyatt .cmt--inner {
  position: relative;
  max-width: 515px;
  padding: 0.6rem 0.6rem 0.24rem 0.3rem;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.bg--hyatt .caption {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  line-height: 1.5;
  text-align: right;
  color: white;
}

.bg--hyatt .tab {
  display: none;
}

@media screen and (max-width: 959px) {
  .clr-box-a {
    max-height: inherit;
    padding: 0.2rem;
  }

  .clr-box-a.green,
  .clr-box-a.lgreen,
  .clr-box-a.blue {
    max-height: inherit;
  }

  .clr-box-a.lgreen .left {
    width: 100%;
  }

  .clr-box-a.lgreen .right {
    width: 100%;
  }

  .clr-box-a .left {
    width: 100%;
  }

  .clr-box-a .right {
    width: 100%;
    margin-top: 0.2rem;
  }

  .clr-box-b {
    max-height: inherit;
    padding: 0.2rem;
    background: #ffe5c0;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
  }

  .clr-box-b.vr2 {
    max-height: inherit;
    background: #ffe5c0;
  }

  .clr-box-b .left {
    width: 100%;
  }

  .clr-box-b .right {
    width: 100%;
    margin-top: 0.2rem;
  }

  .clr-box-c {
    padding: 0.2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  .clr-box-a.spc .left {
    position: relative;
  }

  .clr-box-a.spc .left .mb10 {
    width: 20%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .clr-box-a.spc .left .headline--03 {
    padding-left: 22%;
  }

  .clr-box-a.spc .left .headline--03 span {
    padding-right: 0;
    padding-left: 0.08rem;
  }

  .clr-box-a.spc .left .headline--03 span+span {
    padding-left: 0;
  }

  .bg--hyatt .cmt {
    width: 60%;
  }

  .bg--hyatt .pc {
    display: none;
  }

  .bg--hyatt .tab {
    display: inline;
  }
}

@media screen and (max-width: 767px) {
  .clr-box-b .right {
    margin-top: 0.15rem;
  }

  .bg--hyatt {
    position: relative;
    /*
    		height: 500px;
    		background: url(../../lifeplan/imgs/01/img-12.jpg) no-repeat top right;
    */
  }

  .bg--hyatt .cmt {
    position: absolute;
    top: auto;
    bottom: 0.6rem;
    left: 0.4rem;
    right: 0.2rem;
    width: auto;
  }

  .bg--hyatt .cmt:before {
    top: 0.2rem;
    bottom: -0.2rem;
    left: -0.2rem;
    right: 0.2rem;
  }

  .bg--hyatt .cmt--inner {
    max-width: inherit;
    padding: 0.4rem 0.4rem 0.14rem 0.2rem;
  }

  .bg--hyatt img.pc {
    display: none;
  }

  .bg--hyatt img.sp {
    display: block;
    width: 100%;
  }

  .bg--hyatt .caption {
    display: none;
  }

  .bg--hyatt .cmt {
    bottom: 0.6rem;
    left: 0.2rem;
    right: 0.1rem;
  }

  .bg--hyatt .cmt:before {
    top: 0.1rem;
    bottom: -0.1rem;
    left: -0.1rem;
    right: 0.1rem;
  }

  .bg--hyatt .cmt--inner {
    padding: 0.3rem 0.2rem 0.14rem;
  }
}

.line--box {
  position: relative;
  margin-bottom: 0.6rem;
  padding-top: 0.93rem;
  padding-bottom: 0.61rem;
  background: url(../../lifeplan/imgs/kazari.png) no-repeat 0 0;
  background-size: 100% auto;
  border-left: solid 3px #ccc;
  border-right: solid 3px #ccc;
  border-radius: 0 0 0.2rem 0.2rem;
  -webkit-border-radius: 0 0 0.2rem 0.2rem;
  -moz-border-radius: 0 0 0.2rem 0.2rem;
}

@media screen and (max-width: 599px) {
  .line--box {
    border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
  }
}

.cvbtm-l {
  position: absolute;
  bottom: 0;
  left: -3px;
  z-index: 10;
}

.cvbtm-r {
  position: absolute;
  bottom: 0;
  right: -3px;
  z-index: 11;
}

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

  .cvbtm-l,
  .cvbtm-r {
    display: none;
  }
}

.line--box .titB {
  margin-bottom: 0.9rem;
}

.line--box .line--box--inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.line--box .line--box--inner .c_pager {
  margin-top: 1rem;
}

.line--box.clr-a {
  border-left: solid 3px #c1c6f2;
  border-right: solid 3px #8e97dc;
}

.line--box.clr-b {
  border-left: solid 3px #b0d2ec;
  border-right: solid 3px #3490d7;
}

.line--box.clr-c {
  border-left: solid 3px #f5d3a1;
  border-right: solid 3px #fba721;
}

.line--box.clr-a:before,
.line--box.clr-b:before,
.line--box.clr-c:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 3px;
}

.line--box.clr-a:after,
.line--box.clr-b:after,
.line--box.clr-c:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 3px;
  z-index: 0;
}

.line--box.clr-a:before {
  background: #c1c6f2;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#c1c6f2),
      to(#8e97dc));
  background: linear-gradient(left, #c1c6f2, #8e97dc);
}

.line--box.clr-a:after {
  background: #c1c6f2;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#c1c6f2),
      to(#8e97dc));
  background: linear-gradient(left, #c1c6f2, #8e97dc);
  z-index: 0;
}

.line--box.clr-b:before {
  background: #b0d2ec;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#b0d2ec),
      to(#3490d7));
  background: linear-gradient(left, #b0d2ec, #3490d7);
}

.line--box.clr-b:after {
  background: #b0d2ec;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#b0d2ec),
      to(#3490d7));
  background: linear-gradient(left, #b0d2ec, #3490d7);
  z-index: 0;
}

.line--box.clr-c:before {
  background: #c1c6f2;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f5d3a1),
      to(#fba721));
  background: linear-gradient(left, #f5d3a1, #fba721);
}

.line--box.clr-c:after {
  background: #c1c6f2;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f5d3a1),
      to(#fba721));
  background: linear-gradient(left, #f5d3a1, #fba721);
  z-index: 0;
}

.line--box .c_pager.c_pager_big a .border .image {
  width: calc(750 / 1074 * 100%);
}

.line--box .c_pager.c_pager_big a .border .image span {
  background-position-x: center;
}

.line--box .c_pager.c_pager_big a .border .text_area {
  width: calc(324 / 1074 * 100%);
}

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

  .line--box.clr-a:before,
  .line--box.clr-b:before,
  .line--box.clr-c:before,
  .line--box.clr-a:after,
  .line--box.clr-b:after,
  .line--box.clr-c:after {
    content: none;
  }

  .line--box.clr-a {
    border: 3px solid #a7afe5;
  }

  .line--box.clr-b {
    border: 3px solid #76b2e0;
  }

  .line--box.clr-c {
    border: 3px solid #f6bd6d;
  }
}

/* width:70.214395% */
/* 100 - 70.214395% */
@media screen and (max-width: 767px) {
  .line--box {
    margin-bottom: 0.3rem;
    padding-top: 0.4rem;
    padding-bottom: 0.31rem;
  }

  .line--box .titB {
    margin-bottom: 0.4rem;
  }

  .line--box .line--box--inner .c_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.morning {
  padding-top: 0.3rem;
  padding-bottom: 0.9rem;
  background: url(../../lifeplan/imgs/bg-morning.png) no-repeat 0 0;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .morning {
    padding-bottom: 0.45rem;
  }
}

.Txt--morning {
  margin-bottom: -27px;
}

@media screen and (max-width: 767px) {
  .Txt--morning {
    margin-bottom: 0.15rem;
  }
}

.night {
  padding-top: 0.43rem;
  padding-bottom: 0.6rem;
  background: url(../../lifeplan/imgs/bg-night.png) no-repeat 0 0;
  background-size: 100% auto;
}

.night.vr2 {
  padding-bottom: 0.9rem;
}

@media screen and (max-width: 767px) {
  .night {
    padding-top: 0.45rem;
    padding-bottom: 0.3rem;
  }

  .night.vr2 {
    padding-bottom: 0.25rem;
  }
}

.Txt--night {
  margin-bottom: -45px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .Txt--night {
    margin-bottom: 0.15rem;
  }
}

.daytime {
  padding-top: 0.5rem;
  padding-bottom: 0.9rem;
  background: url(../../lifeplan/imgs/bg-daytime.png) no-repeat 0 0;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .daytime {
    padding-top: 0.25rem;
    padding-bottom: 0.45rem;
  }
}

.Txt--daytime {
  position: relative;
  right: -0.45rem;
  margin-bottom: -0.41rem;
  text-align: right;
}

@media screen and (max-width: 1360px) {
  .Txt--daytime {
    right: 0;
  }
}

@media screen and (max-width: 959px) {
  .Txt--daytime {
    right: 0;
    margin-bottom: -0.41rem;
  }
}

@media screen and (max-width: 767px) {
  .Txt--daytime {
    margin-bottom: 0.15rem;
  }
}

.evening {
  padding-top: 0.55rem;
  padding-bottom: 0.9rem;
  background: url(../../lifeplan/imgs/bg-evening.png) no-repeat 0 0;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .evening {
    padding-top: 0.25rem;
    padding-bottom: 0.45rem;
  }
}

.Txt--evening {
  margin-bottom: -0.25rem;
}

@media screen and (max-width: 767px) {
  .Txt--evening {
    margin-bottom: 0.15rem;
  }
}

.weekend {
  padding-top: 0.3rem;
  padding-bottom: 0.9rem;
  background: url(../../lifeplan/imgs/bg-weekend.png) no-repeat 0 0;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .weekend {
    padding-bottom: 0.45rem;
  }
}

.Txt--weekend {
  margin-bottom: -0.43rem;
}

@media screen and (max-width: 767px) {
  .Txt--weekend {
    margin-bottom: 0.15rem;
  }
}

.section--1 {
  padding-bottom: 0.9rem;
}

#lifeplan .section--1 .clmn+.clmn {
  margin-top: 0.3rem;
}

#lifeplan .section--1 .clmn:nth-of-type(3) {
  margin-top: 0.6rem;
}

@media screen and (max-width: 767px) {
  .section--1 {
    padding-bottom: 0.45rem;
  }
}

.section--2 {
  padding-bottom: 0.9rem;
}

.section--2 .clmn {
  margin-top: 0.2rem;
}

@media screen and (max-width: 767px) {
  .section--2 {
    padding-bottom: 0.45rem;
  }
}

.section--3 {
  padding-bottom: 0.9rem;
}

#lifeplan .section--3 .clmn+.clmn {
  margin-top: 0.3rem;
}

.section--3 .clmn+.headline--01 {
  margin-top: 0.6rem;
}

.section--3 .text-01+.clmn {
  margin-top: 0.2rem;
}

@media screen and (max-width: 767px) {
  .section--3 {
    padding-bottom: 0.45rem;
  }
}

.section--4 .text-01+.clmn {
  margin-top: 0.2rem;
}

.pst {
  position: relative;
  z-index: 99;
}

.text-fc50 {
  margin-top: 0.5rem;
}

.text-fc65 {
  margin-top: 0.65rem;
}

.text-fc70 {
  margin-top: 0.7rem;
}

.text-fc75 {
  margin-top: 0.75rem;
}

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

  .text-fc50,
  .text-fc65,
  .text-fc70,
  .text-fc75 {
    margin-top: 0;
  }
}

.relative {
  position: relative;
}

.kazari--1-a {
  position: absolute;
  top: calc(-155 / 377 * 100%);
  left: calc(-40 / 630 * 100%);
  width: calc(304 / 630 * 100%);
  height: calc(166 / 377 * 100%);
}

@media screen and (max-width: 1310px) {
  .kazari--1-a {
    left: calc(0 / 630 * 100%);
  }
}

.kazari--1-b {
  position: absolute;
  top: calc(-146 / 377 * 100%);
  right: calc(10 / 630 * 100%);
  width: calc(295 / 630 * 100%);
  height: calc(168 / 377 * 100%);
}

.kazari--1-c {
  position: absolute;
  top: calc(-130 / 377 * 100%);
  right: calc(5 / 630 * 100%);
  width: calc(300 / 630 * 100%);
  height: calc(175 / 377 * 100%);
}

.kazari--1-d {
  position: absolute;
  bottom: calc(-46 / 377 * 100%);
  left: calc(-20 / 1080 * 100%);
  width: calc(271 / 1080 * 100%);
  height: calc(162 / 377 * 100%);
}

.kazari--1-e {
  position: absolute;
  bottom: calc(-102 / 377 * 100%);
  right: calc(-72 / 1080 * 100%);
  width: calc(315 / 1080 * 100%);
  height: calc(211 / 377 * 100%);
  z-index: 0;
}

@media screen and (max-width: 1439px) {
  .kazari--1-e {
    right: -20px;
  }
}

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

  .kazari--1-a,
  .kazari--1-b,
  .kazari--1-c,
  .kazari--1-d,
  .kazari--1-e {
    display: none;
  }
}

.kazari--2-a {
  position: absolute;
  bottom: calc(-45 / 377 * 100%);
  left: calc(30 / 1080 * 100%);
  width: calc(267 / 1080 * 100%);
  height: calc(155 / 377 * 100%);
}

.kazari--2-b {
  position: absolute;
  bottom: calc(-43 / 377 * 100%);
  right: calc(10 / 1080 * 100%);
  width: calc(280 / 1080 * 100%);
  height: calc(162 / 377 * 100%);
}

.kazari--2-c {
  position: absolute;
  bottom: calc(-70 / 377 * 100%);
  left: calc(3 / 1080 * 100%);
  width: calc(267 / 1080 * 100%);
  height: calc(125 / 377 * 100%);
}

.kazari--2-d {
  position: absolute;
  bottom: calc(-44 / 377 * 100%);
  left: calc(-3 / 1080 * 100%);
  width: calc(267 / 1080 * 100%);
  height: calc(155 / 377 * 100%);
}

.kazari--2-e {
  position: absolute;
  top: calc(-144 / 314 * 100%);
  left: calc(-4 / 525 * 100%);
  width: calc(267 / 525 * 100%);
  height: calc(155 / 314 * 100%);
}

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

  .kazari--2-a,
  .kazari--2-b,
  .kazari--2-c,
  .kazari--2-d,
  .kazari--2-e {
    display: none;
  }
}

.kazari--3-a {
  position: absolute;
  top: calc(-98 / 210 * 100%);
  left: 0;
  width: calc(279 / 350 * 100%);
  height: calc(166 / 210 * 100%);
}

.kazari--3-b {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(279 / 420 * 100%);
  height: calc(175 / 377 * 100%);
}

.kazari--3-b-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(195.3 / 420 * 100%);
  height: calc(122.5 / 377 * 100%);
}

.section--3.kazari--3-b {
  bottom: calc(30 / 377 * 100%);
}

.kazari--3-c {
  position: absolute;
  top: calc(242 / 377 * 100%);
  right: calc(-10 / 420 * 100%);
  width: calc(279 / 420 * 100%);
  height: calc(166 / 377 * 100%);
}

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

  .kazari--3-a,
  .kazari--3-b,
  .kazari--3-c {
    display: none;
  }
}

.line--box--inner .c_pager {
  position: relative;
  margin-bottom: 0;
  z-index: 20;
}

.line--box--inner .c_pager>div {
  width: calc(525 / 1080 * 100%);
}

.line--box--inner .c_pager.c_pager_big>div {
  width: 100%;
}

.line--box--inner .c_pager a .border .image {
  width: calc(212 / 519 * 100%);
}

.line--box--inner .c_pager a .border .text_area {
  width: calc(303 / 519 * 100%);
}

.line--box--inner .c_pager a.hover .border .text_area:before {
  width: 110%;
}

.line--box .c_pager .yellow a.hover .text {
  color: #000;
}

@media screen and (max-width: 959px) {
  .line--box--inner .c_pager a .border .text_area .text {
    font-size: 0.18rem;
  }
}

@media screen and (max-width: 767px) {
  .line--box--inner .c_pager>div {
    width: 100%;
  }

  .line--box--inner .c_pager>div+div {
    margin-top: 0.2rem;
  }
}

@media screen and (max-width: 599px) {
  .line--box--inner .c_pager>div .btn {
    margin-left: auto;
  }
}

#lifeplan .c_pager .name {
  width: 100%;
  text-align: left;
}

#lifeplan .c_pager .name span {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#lifeplan .c_pager.c_pager_big .name {
  width: auto;
}

@media screen and (min-width: 960px) {
  #lifeplan .c_pager .name span br {
    display: none;
  }
}

.c_pager .pink a {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#d6006f),
      to(#ff85ad));
  background: linear-gradient(to right, #d6006f 0%, #ff85ad 100%);
}

.c_pager .pink a.hover .name span {
  color: white;
  background: #d81b7c;
}

.c_pager .pink a.hover .text {
  color: #d81b7c;
}

.c_pager .pink .border {
  background: #d81b7c;
}

.c_pager .pink .name {
  color: #d81b7c;
}

.c_pager .lgreen a {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#7fba33),
      to(#9ae861));
  background: linear-gradient(to right, #7fba33 0%, #9ae861 100%);
}

.c_pager .lgreen a.hover .name span {
  color: white;
  background: #7fba33;
}

.c_pager .lgreen a.hover .text {
  color: #7fba33;
}

.c_pager .lgreen .border {
  background: #7fba33;
}

.c_pager .lgreen .name {
  color: #7fba33;
}

.c_pager .lblue a {
  background: #c2dbef;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#c2dbef),
      to(#3490d7));
  background: linear-gradient(90deg, #c2dbef 0%, #3490d7 100%);
}

.c_pager .lblue a.hover .name span {
  color: white;
  background: #3490d7;
}

.c_pager .lblue a.hover .text {
  color: #000;
}

.c_pager .lblue .border {
  background: #4a9cdb;
}

.c_pager .lblue .name {
  color: #3490d7;
}

.c_pager .purple a {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#8e97dc),
      to(#8e97dc));
  background: linear-gradient(to right, #8e97dc 0%, #8e97dc 100%);
}

.c_pager .purple a.hover .name span {
  color: white;
  background: #8e97dc;
}

.c_pager .purple a.hover .text {
  color: #000;
}

.c_pager .purple .border {
  background: #8e97dc;
}

.c_pager .purple .name {
  color: #8e97dc;
}

.c_pager.c_pager_big .pink a .border .image {
  width: calc(789 / 1304 * 100%);
}

.c_pager.c_pager_big a .border .text_area {
  width: calc(535 / 1304 * 100%);
}

/* width:70.214395% */
/* 100 - 70.214395% */
.innerCaption {
  margin-top: 60px;
  font-size: 10px;
  text-align: right;
}

@media screen and (max-width: 959px) {
  .innerCaption {
    text-align: left;
  }
}

#hatsuyume_fair .sec01,
#christmas_fair .sec01,
#anniversary_fair .sec01 {
  padding-bottom: calc(100vw * 40 / 1440);
}

#hatsuyume_fair .fair_wrap,
#christmas_fair .fair_wrap,
#anniversary_fair .fair_wrap {
  background: url(../../anniversary_fair/imgs/content_bg.jpg) no-repeat top center;
  background-size: cover;
  padding: calc(100vw * 30 / 1440) calc(100vw * 40 / 1440) calc(100vw * 40 / 1440);
}

#hatsuyume_fair .fair_tit,
#christmas_fair .fair_tit,
#anniversary_fair .fair_tit {
  width: 100%;
  max-width: calc(100vw * 1228 / 1440);
}

#hatsuyume_fair .fair_date,
#christmas_fair .fair_date,
#anniversary_fair .fair_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: calc(100vw * 870 / 1440);
  margin: calc(100vw * 30 / 1440) auto 0;
}

#hatsuyume_fair .fair_date .date,
#christmas_fair .fair_date .date,
#anniversary_fair .fair_date .date {
  width: 100%;
  max-width: calc(100vw * 456 / 1440);
}

#hatsuyume_fair .fair_date .place,
#christmas_fair .fair_date .place,
#anniversary_fair .fair_date .place {
  width: 100%;
  max-width: calc(100vw * 393 / 1440);
}

#hatsuyume_fair .fair_txt,
#christmas_fair .fair_txt,
#anniversary_fair .fair_txt {
  width: 100%;
  max-width: calc(100vw * 925 / 1440);
  margin: calc(100vw * 15 / 1440) auto 0;
}

#hatsuyume_fair .present,
#christmas_fair .present,
#anniversary_fair .present {
  background: #8c000e;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#8c000e),
      color-stop(50%, #c30d23),
      to(#8c000e));
  background: linear-gradient(to right, #8c000e 0%, #c30d23 50%, #8c000e 100%);
  margin-top: calc(100vw * 30 / 1440);
  padding: calc(100vw * 30 / 1440) calc(100vw * 35 / 1440);
}

#hatsuyume_fair .present .pre_tit,
#christmas_fair .present .pre_tit,
#anniversary_fair .present .pre_tit {
  width: 100%;
  max-width: calc(100vw * 894 / 1440);
  margin: 0 auto;
}

#hatsuyume_fair .present .pre_wrap,
#christmas_fair .present .pre_wrap,
#anniversary_fair .present .pre_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(100vw * 25 / 1440);
  width: 100%;
}

#hatsuyume_fair .present .pre_wrap>div,
#christmas_fair .present .pre_wrap>div,
#anniversary_fair .present .pre_wrap>div {
  width: 49.074074074074074%;
}

#hatsuyume_fair .present .pre_wrap>div .caption,
#christmas_fair .present .pre_wrap>div .caption,
#anniversary_fair .present .pre_wrap>div .caption {
  font-size: 10px;
  text-align: right;
  margin-top: 5px;
  color: #fff;
}

#hatsuyume_fair .modelarea,
#christmas_fair .modelarea,
#anniversary_fair .modelarea {
  background: #fff;
  padding: calc(100vw * 30 / 1440) calc(100vw * 35 / 1440);
  background: #750815;
  background: radial-gradient(circle, #750815 0%, #540008 100%, #540008 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#750815", endColorstr="#540008", GradientType=1);
}

#hatsuyume_fair .modelarea .model_tit,
#christmas_fair .modelarea .model_tit,
#anniversary_fair .modelarea .model_tit {
  width: 100%;
  max-width: calc(100vw * 873 / 1440);
  margin: 0 auto;
  text-align: center;
}

#hatsuyume_fair .modelarea .model_wrap,
#christmas_fair .modelarea .model_wrap,
#anniversary_fair .modelarea .model_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(100vw * 20 / 1440);
  width: 100%;
}

#hatsuyume_fair .modelarea .model_wrap>div,
#christmas_fair .modelarea .model_wrap>div,
#anniversary_fair .modelarea .model_wrap>div {
  width: 49.074074074074074%;
}

#hatsuyume_fair .atc_wrap,
#christmas_fair .atc_wrap,
#anniversary_fair .atc_wrap {
  margin-top: calc(100vw * 40 / 1440);
}

#hatsuyume_fair .atc_wrap .facili_3col,
#christmas_fair .atc_wrap .facili_3col,
#anniversary_fair .atc_wrap .facili_3col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#hatsuyume_fair .atc_wrap .facili_3col>div,
#christmas_fair .atc_wrap .facili_3col>div,
#anniversary_fair .atc_wrap .facili_3col>div {
  width: 31.707317073170732%;
}

#hatsuyume_fair .atc_wrap .facili_4col,
#christmas_fair .atc_wrap .facili_4col,
#anniversary_fair .atc_wrap .facili_4col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(100vw * 30 / 1440);
}

#hatsuyume_fair .atc_wrap .facili_4col>div,
#christmas_fair .atc_wrap .facili_4col>div,
#anniversary_fair .atc_wrap .facili_4col>div {
  width: 23.170731707317073%;
}

#hatsuyume_fair .atc_etc,
#christmas_fair .atc_etc,
#anniversary_fair .atc_etc {
  margin-top: calc(100vw * 40 / 1440);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#hatsuyume_fair .atc_etc .atc_logo,
#christmas_fair .atc_etc .atc_logo,
#anniversary_fair .atc_etc .atc_logo {
  width: 100%;
  max-width: calc(100vw * 126 / 1440);
}

#hatsuyume_fair .atc_etc .atc_txt,
#christmas_fair .atc_etc .atc_txt,
#anniversary_fair .atc_etc .atc_txt {
  margin-left: calc(100vw * 20 / 1440);
}

#hatsuyume_fair .atc_etc .atc_txt p,
#christmas_fair .atc_etc .atc_txt p,
#anniversary_fair .atc_etc .atc_txt p {
  font-size: 0.18rem;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #171c61;
}

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

  #hatsuyume_fair .sec01,
  #christmas_fair .sec01,
  #anniversary_fair .sec01 {
    padding-bottom: calc(100vw * 40 / 750);
  }

  #hatsuyume_fair .fair_wrap,
  #christmas_fair .fair_wrap,
  #anniversary_fair .fair_wrap {
    padding: calc(100vw * 40 / 750) calc(100vw * 30 / 750) calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .fair_tit,
  #christmas_fair .fair_tit,
  #anniversary_fair .fair_tit {
    max-width: none;
  }

  #hatsuyume_fair .fair_date,
  #christmas_fair .fair_date,
  #anniversary_fair .fair_date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: calc(100vw * 30 / 750) auto 0;
  }

  #hatsuyume_fair .fair_date .date,
  #christmas_fair .fair_date .date,
  #anniversary_fair .fair_date .date {
    max-width: none;
  }

  #hatsuyume_fair .fair_date .place,
  #christmas_fair .fair_date .place,
  #anniversary_fair .fair_date .place {
    max-width: none;
    margin-top: calc(100vw * 20 / 750);
  }

  #hatsuyume_fair .fair_txt,
  #christmas_fair .fair_txt,
  #anniversary_fair .fair_txt {
    max-width: none;
    margin-top: calc(100vw * 25 / 750);
  }

  #hatsuyume_fair .present,
  #christmas_fair .present,
  #anniversary_fair .present {
    margin-top: calc(100vw * 30 / 750);
    padding: calc(100vw * 30 / 750) calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .present .pre_tit,
  #christmas_fair .present .pre_tit,
  #anniversary_fair .present .pre_tit {
    max-width: none;
  }

  #hatsuyume_fair .present .pre_wrap,
  #christmas_fair .present .pre_wrap,
  #anniversary_fair .present .pre_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
  }

  #hatsuyume_fair .present .pre_wrap>div,
  #christmas_fair .present .pre_wrap>div,
  #anniversary_fair .present .pre_wrap>div {
    width: 100%;
    margin-top: calc(100vw * 15 / 750);
  }

  #hatsuyume_fair .modelarea,
  #christmas_fair .modelarea,
  #anniversary_fair .modelarea {
    padding: calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .modelarea .model_tit,
  #christmas_fair .modelarea .model_tit,
  #anniversary_fair .modelarea .model_tit {
    max-width: none;
  }

  #hatsuyume_fair .modelarea .model_wrap,
  #christmas_fair .modelarea .model_wrap,
  #anniversary_fair .modelarea .model_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vw * 20 / 750);
  }

  #hatsuyume_fair .modelarea .model_wrap>div,
  #christmas_fair .modelarea .model_wrap>div,
  #anniversary_fair .modelarea .model_wrap>div {
    width: 100%;
    margin-top: calc(100vw * 15 / 750);
  }

  #hatsuyume_fair .atc_wrap,
  #christmas_fair .atc_wrap,
  #anniversary_fair .atc_wrap {
    margin-top: calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .atc_wrap .facili_3col,
  #christmas_fair .atc_wrap .facili_3col,
  #anniversary_fair .atc_wrap .facili_3col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #hatsuyume_fair .atc_wrap .facili_3col>div,
  #christmas_fair .atc_wrap .facili_3col>div,
  #anniversary_fair .atc_wrap .facili_3col>div {
    width: 100%;
  }

  #hatsuyume_fair .atc_wrap .facili_3col>div+div,
  #christmas_fair .atc_wrap .facili_3col>div+div,
  #anniversary_fair .atc_wrap .facili_3col>div+div {
    margin-top: calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .atc_wrap .facili_4col,
  #christmas_fair .atc_wrap .facili_4col,
  #anniversary_fair .atc_wrap .facili_4col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .atc_wrap .facili_4col>div,
  #christmas_fair .atc_wrap .facili_4col>div,
  #anniversary_fair .atc_wrap .facili_4col>div {
    width: 47.540983606557377%;
  }

  #hatsuyume_fair .atc_wrap .facili_4col>div:nth-child(n + 3),
  #christmas_fair .atc_wrap .facili_4col>div:nth-child(n + 3),
  #anniversary_fair .atc_wrap .facili_4col>div:nth-child(n + 3) {
    margin-top: calc(100vw * 30 / 750);
  }

  #hatsuyume_fair .atc_etc,
  #christmas_fair .atc_etc,
  #anniversary_fair .atc_etc {
    margin-top: calc(100vw * 40 / 750);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #hatsuyume_fair .atc_etc .atc_logo,
  #christmas_fair .atc_etc .atc_logo,
  #anniversary_fair .atc_etc .atc_logo {
    width: 47.540983606557377%;
    max-width: none;
    margin: 0 auto;
  }

  #hatsuyume_fair .atc_etc .atc_txt,
  #christmas_fair .atc_etc .atc_txt,
  #anniversary_fair .atc_etc .atc_txt {
    margin: calc(100vw * 30 / 750) 0 0;
  }
}

#campaign_fair .fair_wrap {
  background: url(../../campaign_fair/imgs/content_bg.jpg) no-repeat top center;
  text-align: center;
  background-size: cover;
  padding: calc(100vw * 60 / 1440) calc(100vw * 75 / 1440) calc(100vw * 17 / 1440);
  margin-bottom: calc(100vw * 40 / 1440);
}

@media screen and (max-width: 599px) {
  #campaign_fair .fair_wrap {
    background: url(../../campaign_fair/imgs/content_bg_sp.jpg) no-repeat top center;
    background-size: cover;
    padding: calc(100vw * 50 / 750) 0 calc(100vw * 23 / 750);
  }
}

#campaign_fair .fair_wrap .fair_tit {
  max-width: calc(100vw * 868 / 1440);
  width: 100%;
  margin: 0 auto calc(100vw * 29 / 1440);
}

@media screen and (max-width: 599px) {
  #campaign_fair .fair_wrap .fair_tit {
    max-width: calc(100vw * 610 / 750);
    margin: 0 auto calc(100vw * 37 / 750);
  }
}

#campaign_fair .fair_wrap .present {
  max-width: calc(100vw * 1020 / 1440);
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 599px) {
  #campaign_fair .fair_wrap .present {
    max-width: calc(100vw * 610 / 750);
  }
}

#christmas_fair .fair_wrap {
  background: url(../../christmas_fair/imgs/content_bg.jpg) no-repeat top center;
  text-align: center;
}

@media screen and (max-width: 599px) {
  #christmas_fair .fair_wrap {
    background: url(../../christmas_fair/imgs/content_bg_sp.jpg) no-repeat top center;
  }
}

#christmas_fair .fair_tit {
  margin: calc(-100vw * 30 / 1440) calc(-100vw * 40 / 1440) calc(-100vw * 40 / 1440);
  width: calc(100% + 100vw * 80 / 1440);
  max-width: calc(100% + 100vw * 80 / 1440);
}

@media screen and (max-width: 599px) {
  #christmas_fair .fair_tit {
    margin: calc(-100vw * 40 / 750) calc(-100vw * 30 / 750) calc(-100vw * 30 / 750);
    width: calc(100% + 100vw * 60 / 750);
    max-width: calc(100% + 100vw * 60 / 750);
  }
}

#christmas_fair .present {
  background: url(../../christmas_fair/imgs/bg01.jpg) no-repeat top center;
  background-size: cover;
}

@media screen and (max-width: 599px) {
  #christmas_fair .present {
    background: url(../../christmas_fair/imgs/bg01_sp.jpg) no-repeat top center;
    background-size: 100%;
  }
}

#christmas_fair .present .pre_tit {
  text-align: center;
  max-width: calc(100vw * 733 / 1440);
}

@media screen and (max-width: 599px) {
  #christmas_fair .present .pre_tit {
    max-width: calc(100vw * 490 / 750);
  }
}

#christmas_fair .present .pre_wrap>div .caption {
  color: #000;
}

#christmas_fair .present .pre_wrap>div .caption.glow {
  letter-spacing: 0;
}

@media screen and (min-width: 600px) {
  #christmas_fair .present .pre_wrap>div .caption.glow {
    text-shadow: white 2px 0px 2px, white -2px 0px 10px, white 0px -2px 10px,
      white -2px 0px 10px, white 2px 2px 10px, white -2px 2px 10px,
      white 2px -2px 10px, white -2px -2px 10px, white 1px 2px 10px,
      white -1px 2px 2px, white 1px -2px 10px, white -1px -2px 10px;
  }
}

#hatsuyume_fair .fair_wrap {
  background: url(../../hatsuyume_fair/imgs/content_bg.jpg) no-repeat top center;
  text-align: center;
  background-size: cover;
}

@media screen and (max-width: 599px) {
  #hatsuyume_fair .fair_wrap {
    background: url(../../hatsuyume_fair/imgs/content_bg_sp.jpg) no-repeat top center;
  }
}

#hatsuyume_fair .fair_tit {
  margin: calc(-100vw * 30 / 1440) calc(-100vw * 40 / 1440) calc(-100vw * 40 / 1440);
  width: calc(100% + 100vw * 80 / 1440);
  max-width: calc(100% + 100vw * 80 / 1440);
}

@media screen and (max-width: 599px) {
  #hatsuyume_fair .fair_tit {
    margin: calc(-100vw * 40 / 750) calc(-100vw * 30 / 750) calc(-100vw * 30 / 750);
    width: calc(100% + 100vw * 60 / 750);
    max-width: calc(100% + 100vw * 60 / 750);
  }
}

#hatsuyume_fair .present {
  background: url(../../hatsuyume_fair/imgs/bg01.png) no-repeat bottom center;
  background-size: cover;
  z-index: 999;
  position: relative;
  padding: calc(100vw * 30 / 1440) calc(100vw * 35 / 1440) calc(100vw * 15 / 1440);
}

@media screen and (max-width: 599px) {
  #hatsuyume_fair .present {
    background: url(../../hatsuyume_fair/imgs/bg01_sp.jpg) no-repeat bottom center;
    background-size: cover;
    padding: calc(100vw * 30 / 750) 0 calc(100vw * 20 / 750);
  }
}

#hatsuyume_fair .present .pre_tit {
  text-align: center;
  max-width: calc(100vw * 850 / 1440);
}

@media screen and (max-width: 599px) {
  #hatsuyume_fair .present .pre_tit {
    max-width: calc(100vw * 490 / 750);
  }
}

#hatsuyume_fair .present .pre_wrap>div .caption {
  color: #000;
}

#hatsuyume_fair .present .pre_wrap>div .caption.glow {
  letter-spacing: 0;
}

@media screen and (max-width: 599px) {
  #hatsuyume_fair .present .pre_wrap>div .caption.glow {
    padding-right: calc(100vw * 25 / 750);
  }
}

#hatsuyume_fair .modelarea {
  background: url(../../hatsuyume_fair/imgs/bg02.png) no-repeat bottom center;
  background-size: cover;
  z-index: -999;
}

#hatsuyume_fair .modelarea .model_tit {
  max-width: calc(100vw * 873 / 1440);
}

@media screen and (max-width: 599px) {
  #hatsuyume_fair .modelarea .model_tit {
    max-width: calc(100vw * 490 / 750);
  }
}

#modelroom .titB {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  padding-bottom: 0.25rem;
}

#modelroom .sec01 {
  background: url(../../modelroom/imgs/kazari01.png) top 25px center no-repeat;
  background-size: 100% auto;
}

#modelroom .sec01 .text01 {
  text-align: center;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 0.28rem;
}

#modelroom .sec01 .title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #00026d;
  position: relative;
  padding-bottom: 0.12rem;
  margin-bottom: 0.25rem;
  line-height: 1.15;
  letter-spacing: 0.16em;
}

#modelroom .sec01 .title .small {
  font-size: 66.666666667%;
}

#modelroom .sec01 .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
}

#modelroom .sec01 .title_sub {
  color: #846bd7;
  margin-bottom: 0.22rem;
}

#modelroom .sec01 .text02 {
  line-height: 2;
}

#modelroom .sec01 .column_border_wrap {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      color-stop(99%, #6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 99%);
  padding: 2px;
  margin-bottom: 0.6rem;
}

@media screen and (max-width: 599px) {
  #modelroom .sec01 .column_border_wrap {
    margin-bottom: 0.4rem;
  }
}

#modelroom .sec01 .column_border_wrap .column_back_wrap {
  background: #fff;
  padding: 3px;
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap {
  padding: 0.35rem;
}

@media screen and (max-width: 599px) {
  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap {
    padding: 20px;
  }
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 41.47826087%;
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .logo img {
  width: 61.635220126%;
}

@media screen and (max-width: 599px) {
  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .logo {
    width: 100%;
  }

  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .logo img {
    width: calc(100vw * 294 / 750);
  }
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text {
  width: 55.47826087%;
}

@media screen and (max-width: 767px) {
  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text {
    margin-top: 0;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text {
    margin-top: 0.2rem;
    width: 100%;
  }
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text .textTtl {
  font-size: 0.2rem;
  letter-spacing: 0.18em;
  line-height: 1.5;
  margin-top: calc(0px - (((0.2rem * 1.5) - 0.2rem) / 2));
  margin-bottom: calc(0.2rem - (((0.2rem * 1.5) - 0.2rem) / 2));
  font-weight: bold;
}

@media screen and (max-width: 599px) {
  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text .textTtl {
    font-size: 0.17rem;
    margin-top: calc(0px - (((0.17rem * 1.5) - 0.17rem) / 2));
    margin-bottom: calc(0.2rem - (((0.17rem * 1.5) - 0.17rem) / 2));
  }
}

#modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text .textCont {
  font-size: 0.14rem;
  line-height: 2;
  margin-top: calc(0px - (((0.14rem * 1.5) - 0.14rem) / 2));
  margin-bottom: calc(0px - (((0.14rem * 1.5) - 0.14rem) / 2));
}

@media screen and (max-width: 599px) {
  #modelroom .sec01 .column_border_wrap .column_back_wrap .column_wrap .clm2 .text .textCont {
    font-size: 0.12rem;
  }
}

#modelroom .sec02 .slick-slide img.sp {
  display: none;
}

@media screen and (max-width: 599px) {
  #modelroom .sec02 .slick-slide img.sp {
    display: block;
  }
}

#modelroom .sec02 .thumbArea {
  margin-bottom: 0.4rem;
}

#gallery .sec02 .thumbArea {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
}

#modelroom .sec02 .slider-for .slick-prev,
#modelroom .sec02 .slider-for .slick-next,
#gallery .sec02 .slider-for .slick-prev,
#gallery .sec02 .slider-for .slick-next,
#modelroom .sec02 .slider-for .slick-prev,
#modelroom .sec02 .slider-for .slick-next {
  width: 70px;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.5);
}

#gallery .sec02 .slider-for .slick-prev::before,
#gallery .sec02 .slider-for .slick-prev::after,
#modelroom .sec02 .slider-for .slick-prev::before,
#modelroom .sec02 .slider-for .slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

#gallery .sec02 .slider-for .slick-next::before,
#gallery .sec02 .slider-for .slick-next::after,
#modelroom .sec02 .slider-for .slick-next::before,
#modelroom .sec02 .slider-for .slick-next::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

#gallery .sec02 .slider-for .slick-prev,
#modelroom .sec02 .slider-for .slick-prev {
    left: 0;
}

#gallery .sec02 .slider-for .slick-prev::before,
#modelroom .sec02 .slider-for .slick-prev::before {
  content: "";
  left: 50%;
  width: 15px;
  height: 15px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg) translate(-50%, 50%);
  transform: rotate(45deg) translate(-50%, 50%);
}

#gallery .sec02 .slider-for .slick-next,
#modelroom .sec02 .slider-for .slick-next {
  right: 0;
}

#gallery .sec02 .slider-for .slick-next::before,
#modelroom .sec02 .slider-for .slick-next::before {
  right: 0;
  left: 20%;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translate(-50%, 50%);
  transform: rotate(45deg) translate(-50%, 50%);
}

@media screen and (max-width: 599px) {
  #gallery .sec02 .slider-for .slick-prev,
  #gallery .sec02 .slider-for .slick-next,
  #modelroom .sec02 .slider-for .slick-prev,
  #modelroom .sec02 .slider-for .slick-next {
    width: 10vw;
    height: 10vw;
  }

  #gallery .sec02 .slider-for .slick-prev,
  #modelroom .sec02 .slider-for .slick-prev {
    left: 0;
  }

  #gallery .sec02 .slider-for .slick-prev::before,
  #modelroom .sec02 .slider-for .slick-prev::before {
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg) translate(-50%, 50%);
    transform: rotate(45deg) translate(-50%, 50%);
  }

  #gallery .sec02 .slider-for .slick-next,
  #modelroom .sec02 .slider-for .slick-next {
    right: 0;
  }

  #gallery .sec02 .slider-for .slick-next::before,
  #modelroom .sec02 .slider-for .slick-next::before {
    right: 0;
    left: 20%;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg) translate(-50%, 50%);
    transform: rotate(45deg) translate(-50%, 50%);
  }
}

#modelroom .sec02 .thumbArea .slider-nav,
#gallery .sec02 .thumbArea .slider-nav {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#modelroom .sec02 .thumbArea .slider-nav .thum {
  position: relative;
  width: 15.447154472%;
  margin-top: 0.18rem;
}

#gallery .sec02 .thumbArea .slider-nav .thum {
  position: relative;
  width: calc(190 / 1020 * 100%);
  margin-top: 0.18rem;
}

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

  #modelroom .sec02 .thumbArea .slider-nav .thum,
  #gallery .sec02 .thumbArea .slider-nav .thum {
    margin-top: 0.1rem;
  }
}

#modelroom .sec02 .thumbArea .slider-nav .thum img,
#gallery .sec02 .thumbArea .slider-nav .thum img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#modelroom .sec02 .thumbArea .slider-nav .thum img.ov,
#gallery .sec02 .thumbArea .slider-nav .thum img.ov {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

#modelroom .sec02 .thumbArea .slider-nav .thum img.sp,
#gallery .sec02 .thumbArea .slider-nav .thum img.sp {
  display: none;
}

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

  #modelroom .sec02 .thumbArea .slider-nav .thum img.sp,
  #gallery .sec02 .thumbArea .slider-nav .thum img.sp {
    display: block;
  }
}

#modelroom .sec02 .thumbArea .slider-nav .thum.hover img.ov,
#modelroom .sec02 .thumbArea .slider-nav .thum.thumbnail-current img.ov,
#gallery .sec02 .thumbArea .slider-nav .thum.hover img.ov,
#gallery .sec02 .thumbArea .slider-nav .thum.thumbnail-current img.ov {
  opacity: 1;
}

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

  #modelroom .sec02 .thumbArea .slider-nav .thum,
  #gallery .sec02 .thumbArea .slider-nav .thum {
    width: 31.147540984%;
  }
}

#modelroom .c_pager_big.cvArea,
#gallery .c_pager_big.cvArea {
  margin-bottom: 40px;
}

@media screen and (max-width: 599px) {
  #modelroom .c_pager_big.cvArea {
    margin-bottom: 20px;
  }
}

#modelroom .c_pager_big.cvArea .cv a {
  display: block;
  position: relative;
}

#modelroom .c_pager_big.cvArea .cv a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#modelroom .c_pager_big.cvArea .cv a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#modelroom .c_pager_big.cvArea .cv a.hover img.ov {
  opacity: 1;
}

#modelroom .cv_bnr {
  margin-bottom: 0.15rem;
}

#modelroom .cv_bnr .clmArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#modelroom .cv_bnr .clmArea>div {
  width: 49.024390244%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 16px;
  overflow: hidden;
}

#modelroom .cv_bnr .clmArea>div.res {
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
}

#modelroom .cv_bnr .clmArea>div.res a {
  display: block;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

#modelroom .cv_bnr .clmArea>div.res a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#modelroom .cv_bnr .clmArea>div.res a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#modelroom .cv_bnr .clmArea>div.res a.hover img.ov {
  opacity: 1;
}

#modelroom .cv_bnr .clmArea>div.frame_pink {
  background: #f17d9e;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#f17d9e),
      to(#c7315c));
  background: linear-gradient(to right, #f17d9e 0%, #c7315c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f17d9e', endColorstr='#c7315c', GradientType=1);
}

#modelroom .cv_bnr .clmArea>div.frame_pink a {
  display: block;
  position: relative;
}

#modelroom .cv_bnr .clmArea>div.frame_pink a .panel_inner {
  border-radius: 13px;
  overflow: hidden;
}

#modelroom .cv_bnr .clmArea>div.frame_pink a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#modelroom .cv_bnr .clmArea>div.frame_pink a img.txt {
  position: absolute;
  top: 0;
  left: 0;
}

#modelroom .cv_bnr .clmArea>div.frame_pink a.hover img.df {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@media screen and (max-width: 599px) {
  #modelroom .cv_bnr .clmArea {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #modelroom .cv_bnr .clmArea>div {
    width: 100%;
  }

  #modelroom .cv_bnr .clmArea>div+div {
    margin-top: 20px;
  }
}

#equipment .titB {
  margin-bottom: 1rem;
}

#equipment .head {
  font-size: 0.28rem;
  font-weight: bold;
  color: #00026d;
  background: #eee;
  padding-top: 0.59rem;
  padding-left: 0.37rem;
  position: relative;
}

@media screen and (max-width: 959px) {
  #equipment .head {
    padding-top: 0.4rem;
    padding-left: 0.2rem;
    font-size: 0.18rem;
  }
}

#equipment .head span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#equipment .head::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  z-index: 10;
  background: #00026d;
  width: 14px;
  padding-top: 0.59rem;
}

@media screen and (max-width: 959px) {
  #equipment .head::before {
    padding-top: 0.4rem;
    width: 6px;
  }
}

#equipment .ttl {
  color: #00026d;
  font-weight: bold;
  font-size: 0.22rem;
  padding-bottom: 0.03rem;
  border-bottom: 2px solid #b2b3d3;
}

@media screen and (max-width: 959px) {
  #equipment .ttl {
    margin-top: 0.25rem;
    font-size: 0.16rem;
  }
}

#equipment .read {
  font-size: 0.14rem;
  line-height: 0.28rem;
  margin-top: 0.12rem;
}

@media screen and (max-width: 959px) {
  #equipment .read {
    font-size: 0.12rem;
    line-height: 1.8;
  }
}

#equipment .read .cap {
  font-size: 0.1rem;
  display: block;
}

#equipment .pic {
  margin-top: 0.22rem;
}

#equipment .sec+.sec {
  margin-top: 1rem;
}

@media screen and (max-width: 959px) {
  #equipment .sec+.sec {
    margin-top: 0.5rem;
  }
}

#equipment .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  #equipment .col {
    display: block;
  }
}

#equipment .col3 li {
  width: 31.70731707317073%;
  margin-right: 2.4390243902439024%;
  margin-top: 0.6rem;
}

@media screen and (max-width: 767px) {
  #equipment .col3 li {
    width: 100%;
    margin: 0 auto;
  }
}

#equipment .col3 li:nth-child(3n) {
  margin-right: 0;
}

#equipment .col2 li {
  width: 65.85365853658537%;
  margin-top: 0.6rem;
}

@media screen and (max-width: 767px) {
  #equipment .col2 li {
    width: 100%;
    margin: 0 auto;
  }
}

#equipment .col2_1 .left {
  float: left;
  width: 65.85365853658537%;
  margin-right: 2.4390243902439024%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #equipment .col2_1 .left {
    float: none;
    width: 100%;
    display: block;
  }
}

#equipment .col2_1 .left li {
  margin-top: 0.56rem;
  margin-top: 7.408%;
  width: 48.148148148148145%;
}

@media screen and (max-width: 959px) {
  #equipment .col2_1 .left li {
    margin-top: 0.3rem;
  }
}

@media screen and (max-width: 767px) {
  #equipment .col2_1 .left li {
    width: 100%;
    margin: 0 auto;
  }
}

#equipment .col2_1 .right {
  float: right;
  width: 31.70731707317073%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #equipment .col2_1 .right {
    float: none;
    width: 100%;
    display: block;
  }
}

#equipment .col2_1 .right li {
  margin-top: 0.6rem;
  margin-top: 15.3846154%;
  width: 100%;
}

@media screen and (max-width: 959px) {
  #equipment .col2_1 .right li {
    margin-top: 0.3rem;
  }
}

@media screen and (max-width: 767px) {
  #equipment .col2_1 .right li {
    width: 100%;
    margin: 0 auto;
  }
}

#equipment .sec01 {
  background: url(../../service/imgs/kazari.png) top center no-repeat;
  background-size: 100% auto;
}

#equipment .sec04 {
  margin-bottom: 1.2rem;
}

@media screen and (max-width: 599px) {
  #equipment .sec04 {
    margin-bottom: 0.4rem;
  }
}

@media screen and (max-width: 767px) {
  #equipment .sec01 {
    background: none;
  }
}

@media screen and (max-width: 599px) {
  #equipment .titB {
    margin-bottom: 0.4rem;
  }
}

@media screen and (min-width: 960px) {
  #home .panel a:hover .panel_border .panel_inner .btn>span.df {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #home .panel a:hover .panel_border .panel_inner .btn>span.ov {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

#online .inner,
#online2 .inner {
  max-width: 1104px;
  padding: 0 0.4rem;
}

#online .serif,
#online2 .serif {
  font-family: "Noto Serif Japanese", "游明朝", "Yu Mincho", "游明朝体",
    "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN",
    "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#online .noto,
#online2 .noto {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic,
    "游ゴシック体", sans-serif;
}

#online .c_article,
#online2 .c_article {
  padding: 0 0 0.45rem;
}

#online .image01,
#online2 .image01 {
  margin-bottom: 0.7rem;
  position: relative;
}

#online .c_cap,
#online2 .c_cap {
  position: absolute;
  right: 8px;
  bottom: 5px;
}

#online .titA,
#online2 .titA {
  color: #083c57;
  margin-bottom: 0.4rem;
}

#online .titB,
#online2 .titB {
  margin-bottom: 0.38rem;
  padding-bottom: 0.1rem;
  font-weight: 600;
  position: relative;
}

#online .titB::before,
#online .titB::after,
#online2 .titB::before,
#online2 .titB::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-image: -ms-linear-gradient(135deg, #605268 0%, #2f2f57 99%);
}

#online .titB::before,
#online2 .titB::before {
  width: 100%;
  height: 1px;
  bottom: 0;
}

#online .titB::after,
#online2 .titB::after {
  content: "";
  width: 1rem;
  height: 3px;
  bottom: -3px;
}

#online .titC,
#online2 .titC {
  height: 0.53rem;
  font-weight: 600;
  color: #083c57;
  text-align: left;
}

#online .titC::after,
#online2 .titC::after {
  background-image: -ms-linear-gradient(135deg, #605268 0%, #2f2f57 99%);
}

#online .titD,
#online2 .titD {
  width: 100%;
  height: 0.46rem;
  margin-bottom: 0.24rem;
  line-height: 0.46rem;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
  background-image: -ms-linear-gradient(135deg, #605268 0%, #2f2f57 99%);
}

#online .text01,
#online2 .text01 {
  text-align: center;
  line-height: 2;
}

#online .text04,
#online2 .text04 {
  margin-bottom: 0.32rem;
  font-size: 0.18rem;
  text-align: center;
}

#online .text04 .big,
#online2 .text04 .big {
  font-size: 140%;
  position: relative;
}

#online .text04 .rubi,
#online2 .text04 .rubi {
  font-size: 10px;
  letter-spacing: 0;
  position: absolute;
  left: 0.07rem;
  top: -0.15rem;
}

#online .btn,
#online2 .btn {
  width: 3.2rem;
  height: 0.46rem;
  margin: 0.3rem 0 0 auto;
  display: block;
  color: #fff;
  background: #9e1c22;
  line-height: 0.46rem;
  text-align: center;
  font-size: 0.18rem;
  font-weight: 600;
  border-radius: 0.23rem;
  border: #9e1c22 1px solid;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#online .btn span,
#online2 .btn span {
  position: relative;
  z-index: 1;
}

#online .btn::before,
#online2 .btn::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  position: absolute;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#online .btn::after,
#online2 .btn::after {
  content: "";
  width: 0.1rem;
  height: 0.16rem;
  border: transparent 0.1rem solid;
  border-left: #fff 0.1rem solid;
  position: absolute;
  top: 50%;
  right: 0.3rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

#online .btn.hover,
#online2 .btn.hover {
  color: #9e1c22;
}

#online .btn.hover::before,
#online2 .btn.hover::before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

#online .btn.hover::after,
#online2 .btn.hover::after {
  border-left-color: #9e1c22;
}

#online .sec02,
#online2 .sec02 {
  margin-top: 0.8rem;
  margin-bottom: 1.25rem;
}

#online .clm,
#online2 .clm {
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#online .clm+.clm,
#online2 .clm+.clm {
  margin-bottom: 0.7rem;
}

#online .clm .image,
#online2 .clm .image {
  width: 31.25%;
  text-align: center;
}

#online .clm .text,
#online2 .clm .text {
  width: 65.625%;
  margin-top: -0.07rem;
}

#online .clm .text .text01,
#online2 .clm .text .text01 {
  text-align: left;
}

#online .clm .text .text01 span,
#online2 .clm .text .text01 span {
  font-size: 80%;
  letter-spacing: 0.08em;
}

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

  #online .clm .image,
  #online2 .clm .image {
    width: 100%;
  }

  #online .clm .text,
  #online2 .clm .text {
    width: 100%;
    margin-top: 20px;
  }
}

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

  #online .inner,
  #online2 .inner {
    padding: 0 20px;
  }

  #online .image01,
  #online2 .image01 {
    margin-bottom: 40px;
  }

  #online .titC,
  #online2 .titC {
    height: auto;
  }

  #online .btn,
  #online2 .btn {
    width: 80%;
    margin-right: auto;
  }

  #online .btn::after,
  #online2 .btn::after {
    right: 15px;
  }

  #online .sec02,
  #online2 .sec02 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  #online .clm,
  #online2 .clm {
    margin-bottom: 30px;
  }

  #online .clm+.clm,
  #online2 .clm+.clm {
    margin-bottom: 30px;
  }
}

#online2 .titB {
  margin-bottom: 0.78rem;
}

#online2 .titD {
  width: 3.62rem;
  height: 0.62rem;
  margin: auto;
  font-size: 0.22rem;
  line-height: 0.62rem;
}

#online2 .box {
  margin: auto;
  padding: 2px;
  position: relative;
  border-radius: 10px;
  background-image: -ms-linear-gradient(135deg, #605268 0%, #2f2f57 99%);
}

#online2 .box_inner {
  background: #fff;
  border-radius: 8px;
}

#online2 .sec02 {
  margin-top: 0.72rem;
  margin-bottom: 0;
}

#online2 .sec02 .titD {
  top: -0.3rem;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

#online2 .sec02 .text01 {
  text-align: left;
}

#online2 .sec02 .box {
  width: 65.62%;
}

#online2 .sec02 .box_inner {
  padding: 0.75rem 0.2rem 0.55rem;
}

#online2 .sec02 .box .clm {
  margin-bottom: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#online2 .sec02 .box .clm .text01 {
  margin-top: 0.1rem;
  margin-left: 0.48rem;
}

#online2 .sec02 .box .clm .img {
  width: 1.34rem;
}

#online2 .sec03 {
  margin-top: 0.8rem;
  margin-bottom: 1.25rem;
}

#online2 .sec03 .titD {
  margin-bottom: 0.32rem;
}

#online2 .sec03 .titC {
  margin-top: 0;
}

#online2 .sec03 .text01 {
  margin-bottom: 0.45rem;
  text-align: left;
}

#online2 .sec03 .btn {
  margin-top: 0.38rem;
  margin-right: auto;
}

#online2 .sec03 .box_inner {
  padding: 0.38rem;
}

@media screen and (max-width: 959px) {
  #online2 .sec02 .box .clm .text01 {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    text-align: center;
  }
}

@media screen and (max-width: 599px) {
  #online2 .titB {
    margin-bottom: 0.38rem;
  }

  #online2 .titD {
    width: 80%;
    height: 0.52rem;
    font-size: 0.16rem;
    line-height: 0.52rem;
  }

  #online2 .btn {
    width: 89%;
  }

  #online2 .btn::after {
    right: 5px;
  }

  #online2 .sec02 {
    margin-bottom: 40px;
  }

  #online2 .sec02 .box {
    width: 100%;
  }

  #online2 .sec02 .box_inner {
    padding: 50px 8px 20px;
  }

  #online2 .sec03 {
    margin-top: 40px;
  }

  #online2 .sec03 .text01 {
    margin-bottom: 20px;
  }

  #online2 .sec03 .box_inner {
    padding: 20px 8px 20px 20px;
  }
}

#gallery .titB {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 5px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8),
    0 0 10px rgba(255, 255, 255, 0.8);
  margin-bottom: 0.7rem;
}

#gallery .wrap {
  background: url(../../modelroom/imgs/kazari01.png) top 25px center no-repeat;
  background-size: 100% auto;
}

#gallery .wrap .sec01 .text01 {
  text-align: center;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 0.28rem;
}

#gallery .wrap .sec02 {
  margin-bottom: 1rem;
}

#gallery .wrap .sec02 .tit {
  font-size: 0.26rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #00026d;
  text-align: center;
  background: -webkit-gradient(linear,
      left bottom,
      left top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(0deg, #846bd7 0%, #6ab9f7 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 0.1rem;
  margin-top: 1rem;
  margin-bottom: 0.4rem;
}

@media screen and (max-width: 959px) {
  #gallery .wrap .sec02 .tit {
    font-size: 0.22rem;
  }
}

@media screen and (max-width: 559px) {
  #gallery .wrap .sec02 .tit {
    font-size: 0.2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
  }
}

#gallery .wrap .sec02 .clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#gallery .wrap .sec02 .clm .picture_imageArea {
  width: 31.71%;
}

@media screen and (max-width: 599px) {
  #gallery .wrap .sec02 .clm .picture_imageArea {
    width: 48.75%;
    margin-top: 2.5%;
  }

  #gallery .wrap .sec02 .clm .picture_imageArea:nth-child(-n + 2) {
    margin-top: 0;
  }
}

#gallery .wrap .sec02 .picture_moreBtn {
  text-align: center;
  margin-top: 0.6rem;
}

@media screen and (max-width: 559px) {
  #gallery .wrap .sec02 .picture_moreBtn {
    margin-top: 0.3rem;
  }
}

#gallery .wrap .sec02 .picture_moreBtn a {
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}

#gallery .wrap .sec02 .picture_moreBtn a img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#gallery .wrap .sec02 .picture_moreBtn a img.ov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#gallery .wrap .sec02 .picture_moreBtn a.hover img.ov {
  opacity: 1;
}

#gallery #tp2p button {
  width: 200px;
  height: 51px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  text-indent: -9999px;
  position: relative;
}

#gallery #tp2p button::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../gallery/imgs/btn_load.png) center no-repeat;
  background-size: cover;
}

#gallery #tp2p button::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../gallery/imgs/btn_load_ov.png) center no-repeat;
  background-size: cover;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
}

#gallery #tp2p button:hover::after {
  opacity: 1;
}

#gallery .tp2p_list::after {
  content: "";
  display: block;
  width: 33.333333%;
}

#gallery .tp2p_item {
  width: 33.333333%;
}

#gallery .c_cap.black {
  color: #000;
  text-shadow: 0 0 5px rgb(255 255 255 / 80%), 0 0 5px rgb(255 255 255 / 80%),
    0 0 5px rgb(255 255 255 / 80%), 0 0 5px rgb(255 255 255 / 80%),
    0 0 5px rgb(255 255 255 / 80%), 0 0 5px rgb(255 255 255 / 80%);
  position: absolute;
  bottom: 1px;
  right: 20px;
}

@media screen and (max-width: 599px) {
  #gallery .c_cap.black {
    bottom: 1px;
    right: auto;
    left: 10px;
  }
}

#modelroom .c_cap.black {
  color: #000;
  text-shadow: 0 0 5px rgb(255 255 255 / 80%), 0 0 5px rgb(255 255 255 / 80%),
    0 0 5px rgb(255 255 255 / 80%), 0 0 5px rgb(255 255 255 / 80%),
    0 0 5px rgb(255 255 255 / 80%), 0 0 5px rgb(255 255 255 / 80%);
  position: absolute;
  bottom: 1px;
  right: 20px;
}

@media screen and (max-width: 599px) {
  #modelroom .c_cap.black {
    bottom: 1px;
    right: auto;
    left: 10px;
  }
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 {
    padding: 190px 0 140px;
    margin-top: -100px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 {
    padding: calc(80 / 750 * 100vw) 0;
  }
}

#modelroom .sec03 .cgArea__head {
  position: relative;
  text-align: center;
  font-weight: bold;
  color: #00026d;
  letter-spacing: .1em;
  line-height: 1;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__head {
    font-size: 26px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__head {
    font-size: calc(32 / 750 * 100vw);
  }
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__body {
    margin-top: 60px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__body {
    margin-top: calc(60 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont {
  position: relative;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont {
    padding-top: 60px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont {
    padding-top: calc(60 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont:after {
  content: '';
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#846bd7), to(#6ab9f7));
  background: -webkit-linear-gradient(left, #846bd7 0%, #6ab9f7 100%);
  background: -o-linear-gradient(left, #846bd7 0%, #6ab9f7 100%);
  background: linear-gradient(90deg, #846bd7 0%, #6ab9f7 100%);
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont+.cgArea__cont {
    margin-top: 120px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont+.cgArea__cont {
    margin-top: calc(60 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock {
  position: relative;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__figure {
    position: absolute;
    left: 40px;
    top: 0;
    width: calc(400 / 1230 * 100%);
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__figure {
    margin: calc(40 / 750 * 100vw) auto;
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock__figure .c_cap {
  margin-top: 5px;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__inner {
    margin-left: auto;
    width: calc(726 / 1230 * 100%);
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock__head {
  background: -webkit-gradient(linear, left top, right top, from(#846bd7), to(#6ab9f7));
  background: -webkit-linear-gradient(left, #846bd7 0%, #6ab9f7 100%);
  background: -o-linear-gradient(left, #846bd7 0%, #6ab9f7 100%);
  background: linear-gradient(90deg, #846bd7 0%, #6ab9f7 100%);
  border-radius: 9px 9px 0 0;
  color: #fff;
  letter-spacing: .08em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: .7;
  font-family: "Nunito", sans-serif;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__head {
    font-size: 20px;
    padding: 24px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__head {
    font-size: calc(32 / 750 * 100vw);
    padding: calc(40 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock__head .strong {
  letter-spacing: 0;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__head .strong {
    font-size: 40px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__head .strong {
    font-size: calc(64 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock__head .ja {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: .1em;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__head .ja {
    font-size: 12px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__head .ja {
    font-size: 10px;
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock__variation {
  border-left: 1px solid #dddddd;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__variation {
    padding: 0 24px;
    border-right: 1px solid #dddddd;
    margin: 0 24px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__variation {
    padding-left: calc(32 / 750 * 100vw);
    margin-left: calc(32 / 750 * 100vw);
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__length {
    border-top: 1px solid #dddddd;
    padding-top: calc(32 / 750 * 100vw);
    margin-top: calc(32 / 750 * 100vw);
    width: 100%;
    text-align: center;
  }
}

#modelroom .sec03 .cgArea__cont .cgBlock__subLength {
  line-height: 2;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__subLength {
    margin-top: 20px;
    font-size: 14px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgBlock__subLength {
    margin-top: calc(32 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
  }
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgSlider {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: end;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgSlider__thumb {
    gap: 10px;
    flex-direction: column;
    width: 138px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgSlider__thumb {
    gap: 10px;
  }
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem {
  position: relative;
  counter-increment: sliderNum;
  background-color: #000000;
  cursor: pointer;
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem:after {
  content: "0" counter(sliderNum);
  -webkit-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: AXIS Std;
  font-weight: bold;
  color: #fff;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgSlider__thumbItem:after {
    font-size: 16px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgSlider__thumbItem:after {
    font-size: calc(24 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem:hover:after {
  opacity: 0;
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem:hover img {
  opacity: 1;
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem.thumbnail-current:after {
  opacity: 0;
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem.thumbnail-current img {
  opacity: 1;
}

#modelroom .sec03 .cgArea__cont .cgSlider__thumbItem img {
  opacity: .4;
  -webkit-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}

@media screen and (min-width: 600px) {
  #modelroom .sec03 .cgArea__cont .cgSlider__main {
    height: 440px;
    margin-top: 20px;
    padding-top: 5px;
    width: 580px;
  }
}

@media screen and (max-width: 599px) {
  #modelroom .sec03 .cgArea__cont .cgSlider__main {
    margin-top: calc(40 / 750 * 100vw);
  }
}

#modelroom .sec03 .cgArea__cont .cgSlider__main .image {
  position: relative;
}

#modelroom .sec03 .cgArea__cont .cgSlider__main .image .c_cap {
  position: absolute;
  right: 10px;
  color: #fff;
  bottom: 10px;
  text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
}

#telework .c_article {
  padding: 0 0 0.45rem;
}

@media screen and (max-width: 599px) {
  #telework .c_article {
    padding-bottom: 20px;
  }
}

#telework .c_article .sec_inner {
  padding: 0 0.4rem;
  background: #fff;
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner {
    padding: 0 20px;
  }
}

#telework .c_article .sec_inner .titB {
  text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px,
    #fff -1px -1px 10px;
}

#telework .c_article .sec_inner .text01 {
  text-align: center;
  line-height: 2;
  letter-spacing: 0.08em;
  margin-bottom: 0.32rem;
  text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px,
    #fff -1px -1px 10px;
}

#telework .c_article .sec_inner .panel_area .clm4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#telework .c_article .sec_inner .panel_area .clm4>div {
  width: 23.170731707%;
  padding: 2px;
  border-radius: 8px;
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
}

#telework .c_article .sec_inner .panel_area .clm4>div .panel_inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background: #fff;
}

#telework .c_article .sec_inner .panel_area .clm4>div .panel_inner span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: bold;
  padding-top: calc(0.15rem - (((0.2rem * 1.5) - 0.2rem) / 2));
  padding-bottom: calc(0.15rem - (((0.2rem * 1.5) - 0.2rem) / 2));
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  #telework .c_article .sec_inner .panel_area .clm4>div .panel_inner span {
    font-size: 0.13rem;
  }
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner .panel_area .clm4>div {
    width: 48.780487805%;
  }

  #telework .c_article .sec_inner .panel_area .clm4>div .panel_inner span {
    font-size: 0.12rem;
    padding-top: calc(0.12rem - (((0.12rem * 1.5) - 0.12rem) / 2));
    padding-bottom: calc(0.12rem - (((0.12rem * 1.5) - 0.12rem) / 2));
  }

  #telework .c_article .sec_inner .panel_area .clm4>div:nth-child(n + 3) {
    margin-top: 10px;
  }
}

#telework .c_article .sec_inner .bg_area {
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
  background: url(../../telework/imgs/bg_area_bg.jpg) left top no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner .bg_area {
    padding-top: 30px;
    padding-bottom: 20px;
    background: url(../../telework/imgs/bg_area_bg_sp.jpg) left top no-repeat;
    background-size: 100% auto;
  }
}

#telework .c_article .sec_inner .frame_area {
  padding: 2px;
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
}

#telework .c_article .sec_inner .frame_area+.frame_area {
  margin: 0.4rem auto 0.2rem;
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner .frame_area+.frame_area {
    margin-top: 0.2rem;
  }
}

#telework .c_article .sec_inner .frame_area .frame_inner {
  background: #fff;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box {
  max-width: 1080px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.6rem 0.3rem;
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner .frame_area .frame_inner .frame_box {
    padding: 30px 15px;
  }
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .titA {
  font-size: 0.26rem;
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner .frame_area .frame_inner .frame_box .titA {
    font-size: 0.2rem;
  }
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large {
  width: 58.823529412%;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner {
  width: 82.333333333%;
  margin-left: auto;
  margin-right: auto;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .spec {
  position: relative;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .spec h3 {
  padding-bottom: 0.11rem;
  margin-bottom: 0.1rem;
  position: relative;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .spec h3::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #846bd7;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#846bd7),
      to(#6ab9f7));
  background: linear-gradient(to right, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
  position: absolute;
  left: 0;
  bottom: 0;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .intro_text {
  font-size: 0.14rem;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .intro_img {
  position: relative;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .intro_img .acap {
  font-size: 10px;
  line-height: 1;
  color: #fff;
  text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px,
    black -1px -1px 2px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

#telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .small {
  width: 38.235294118%;
}

@media screen and (max-width: 599px) {
  #telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large {
    width: 100%;
  }

  #telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner {
    width: 100%;
  }

  #telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .large .large_inner .intro_text {
    font-size: 0.12rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }

  #telework .c_article .sec_inner .frame_area .frame_inner .frame_box .clm2_1 .small {
    width: 100%;
    margin-top: 15px;
  }
}

#telework .sec01 .kvArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#telework .sec01 .kvArea .left {
  width: 47.557251908%;
}

#telework .sec01 .kvArea .center {
  width: 25.954198473%;
}

#telework .sec01 .kvArea .right {
  width: 25.954198473%;
}

#telework .sec01 .kvArea .right .imageBox+.imageBox {
  margin-top: 1.176470588%;
}

#telework .sec01 .kvArea .imageBox {
  position: relative;
}

#telework .sec01 .kvArea .imageBox .acap {
  font-size: 10px;
  line-height: 1;
  color: #fff;
  text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px,
    black -1px -1px 2px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

@media screen and (max-width: 599px) {
  #telework .sec01 .kvArea .left {
    width: 100%;
  }

  #telework .sec01 .kvArea .center {
    width: 49.275362319%;
    margin-top: 1.449275362%;
  }

  #telework .sec01 .kvArea .right {
    width: 49.275362319%;
    margin-top: 1.449275362%;
  }

  #telework .sec01 .kvArea .right .imageBox+.imageBox {
    margin-top: 2.941176471%;
  }
}

#home .tp2p_list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
}

@media screen and (max-width: 599px) {
  #home .tp2p_list {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    padding: 0;
  }
}

#repayment .sec01 {
  background: url(../../modelroom/imgs/kazari01.png) top 25px center no-repeat;
  background-size: 100% auto;
  padding-bottom: 120px;
}

#repayment .sec01 .frame_area {
  background: #846bd7;
  background: linear-gradient(135deg, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
  border-radius: 7px;
  padding: 2px;
}

#repayment .sec01 .frame_area+.frame_area {
  margin-top: 40px;
}

#repayment .sec01 .frame_area .name_area {
  padding: 20px 40px;
}

@media screen and (max-width: 599px) {
  #repayment .sec01 .frame_area .name_area {
    padding: 10px 15px;
  }
}

#repayment .sec01 .frame_area .frame_inner {
  background: #fff;
  border-radius: 0 0 5px 5px;
  padding: 20px 40px 70px;
}

@media screen and (max-width: 599px) {
  #repayment .sec01 .frame_area .frame_inner {
    padding: 10px 15px 30px;
  }

  #repayment .sec01 .frame_area .frame_inner .sub_spec {
    font-size: 12px;
  }
}

#repayment .sec01 .frame_area .frame_inner .frame_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}

@media screen and (max-width: 599px) {
  #repayment .sec01 .frame_area .frame_inner .frame_box {
    margin-top: 30px;
  }
}

#plan .large,
#repayment .sec01 .frame_area .frame_inner .frame_box .large {
  width: 57.853403141%;
}

#plan .large {
  margin: 30px auto 0;
}

@media screen and (max-width: 599px) {
  #plan .large {
    width: 100%;
  }
}

#plan .large .title h4,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .title h4 {
  font-size: 26px;
  text-align: center;
  color: #00026d;
  padding-bottom: 15px;
  position: relative;
  font-weight: bold;
  line-height: 1;
}

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

  #plan .large .title h4,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .title h4 {
    font-size: 19px;
  }
}

#plan .large .title h4 {
  margin-top: 30px;
}

#plan .large .title h4::after,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .title h4::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #846bd7;
  background: linear-gradient(135deg, #846bd7 0%, #6ab9f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846bd7', endColorstr='#6ab9f7', GradientType=1);
  position: absolute;
  bottom: 0;
  left: 0;
}

#plan .large .title p,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .title p {
  text-align: center;
  margin-top: 20px;
}

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

  #plan .large .title p img,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .title p img {
    height: 23px;
  }
}

#plan .large .title .list_box,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .list_box {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: 25px;
}

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

  #plan .large .title .list_box,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .list_box {
    font-size: 12px;
  }

  #plan .large .title .list_box br,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .list_box br {
    display: none;
  }
}

#plan .large .money_area01,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .money_area01 {
  margin-top: 40px;
}

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

  #plan .large .money_area01,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .money_area01 {
    margin-top: 20px;
  }
}

#plan .large .money_area02,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .money_area02 {
  margin-top: 30px;
}

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

  #plan .large .money_area02,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .money_area02 {
    margin-top: 15px;
  }
}

#plan .large .caparea,
#repayment .sec01 .frame_area .frame_inner .frame_box .large .caparea {
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  margin-top: 60px;
}

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

  #plan .large .caparea,
  #repayment .sec01 .frame_area .frame_inner .frame_box .large .caparea {
    margin-top: 30px;
  }
}

#repayment .sec01 .frame_area .frame_inner .frame_box .small {
  width: 37.870855148%;
  text-align: center;
  margin-top: 15px;
}

#repayment .sec01 .frame_area .frame_inner .frame_box .small .pcap {
  font-size: 10px;
  margin-top: 25px;
  letter-spacing: normal;
}

@media screen and (max-width: 959px) {
  #repayment .sec01 .frame_area .frame_inner .frame_box {
    display: block;
  }

  #repayment .sec01 .frame_area .frame_inner .frame_box>div {
    margin-left: auto;
    margin-right: auto;
  }

  #repayment .sec01 .frame_area .frame_inner .frame_box .large {
    width: 100%;
  }

  #repayment .sec01 .frame_area .frame_inner .frame_box .small {
    width: 75%;
    margin-top: 40px;
  }
}

@media screen and (max-width: 959px) {
  #repayment .sec01 .frame_area .frame_inner .frame_box .small {
    width: 100%;
  }
}
.header.is-hidden {
  pointer-events: none;
}
.header.is-hidden::after {
  opacity: 0;

}

.header__logo.is-hidden {
  opacity: 0;
  transition: 1.5s;
  visibility: hidden;
}

.is-visible {
  opacity: 1;
  transition: 1.5s;
  visibility: visible;
}

.header__trigger {
  pointer-events: all;
}

.header__trigger > .line.is-hidden {
  background: rgb(0, 0, 53);
  transition: 1.5s;
}
.header__trigger > .txt.is-hidden {
  color: rgb(0, 0, 53);
  transition: 1.5s;
}

.hovArea-off {
  pointer-events: none;
  cursor: default;
  position: relative;
}

.hovArea-off::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: .5;
}