@charset "UTF-8";

.tabWrap .tab .tabItem.kaigai_sightseeing_tab {display:none;}/*観光付きプラン無い場合はタブを非表示/ある場合は表示*/

@media screen and (max-width: 374px) {
  .xsnone{
    display: none;
  }
}
.is-gray {
  background-color: var(--gray-10-color);
}
.is-gray .ItemBoxItemWrap {
  background-color: transparent !important;
}
.is-gray .SectionButton {
  padding: 1rem 3rem 1rem 1rem;
}
#wrapper,
#wrap {
  font-size: auto;
}
.SectionChangeDept {
  padding: 1rem 0.5rem;
}
.SectionChangeDept #switching_tab_menu {
  padding: 1rem 0;
}
.SectionChangeDept #switching_tab_menu li {
  width: calc(25% - 0.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.125rem;
  border: 1px solid var(--main-border-color);
  background-color: var(--white-color);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}
.SectionChangeDept #switching_tab_menu li.select {
  background-color: var(--vivid-color);
  border-color: var(--vivid-color);
  color: var(--white-color);
}
@media screen and (max-width: 759.9px) {
  .commonbnr li {
    overflow: hidden;
    margin: 0;
    padding: 0.5rem;
    background: var(--white-color);
    box-sizing: border-box;
    display: block;
  }
  .commonbnr li img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 0.25rem;
  }
}
.search_kaigaiBar .serchBox.kaigaiS > ul {border-bottom: none;}
.search_kaigaiBar .serchBox.kaigaiS > ul li {
  padding: 0.5rem 0.125rem;
  font-size: 0.625rem;
  background: var(--gray-00-color);
  color: var(--main-text-color);
  border-radius: 0.25rem 0.25rem 0 0;
  transition: all 0.3s ease-in;
}
.search_kaigaiBar .serchBox.kaigaiS > ul li.select {
  background: var(--vivid-color);
  color: var(--white-color);
  font-weight: bold;
}
.search_kaigaiBar .serchBox.kaigaiS .serchBox {
  border: 3px solid var(--vivid-color);
  padding: 0.75rem;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.f-button {
  width: 100%;
  display: flex;
  padding: 1rem;
}
.btnSeach01 {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 -1px 0 var(--vivid-color) inset;
  -moz-box-shadow: 0 -1px 0 var(--vivid-color) inset;
  box-shadow: 0 -1px 0 var(--vivid-color) inset;
  border: 1px solid var(--vivid-color);
  background-color: var(--vivid-color);
  color: var(--white-color) !important;
  position: relative;
  padding: 0.5rem;
  font-size: 1rem;
  width: 90%;
  max-width: 280px;
  margin: 1rem auto 0;
  background: url(https://www.nta.co.jp/shared2015/common/images/ic_search_01.png) no-repeat var(--vivid-color) 97% 50%;
  background-size: 12px auto;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.search_kaigaiBar button.btnSeach,
.search_kaigaiBar p.btnSeach a,
#tab_kaigai_hotel .base_gadget a.forcia_search_hotel {
  padding: 8px 0;
  background: url(https://www.nta.co.jp/shared2015/common/images/ic_search_01.png) no-repeat var(--vivid-color) 97% 50%;
  background-size: 12px auto;
  color: var(--white-color);
  border: none;
  font-size: 1rem;
  text-align: center;
  color: var(--white-color);
  width: 80%;
  max-width: 280px;
  margin: 1rem auto 0;
  display: block;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  clear: both;
}
#tab_kaigai_hotel .base_btn.type_next {
  background-color: var(--vivid-color)!important; 
  border-bottom: 3px solid rgba(0, 0, 0, 0.2)!important; 
}
.search_kaigaiBar .serchBox.kaigaiS dt span.required {
  background: var(--vivid-color);
  padding: 0.25rem;
  color: var(--white-color);
  font-size: 0.75rem;
  margin-right: 0.25rem;
  font-weight: normal;
  border-radius: 0.25rem;
}
.SearchSection .search_kaigaiBar .serchBox.kaigaiS select,
.SearchSection .search_kaigaiBar .serchBox.kaigaiS .btn.btn-secondary.dropdown-toggle.topDropdownModalButton,
.SearchSection .search_kaigaiBar .serchBox.kaigaiS #roomNum_wrap .selectedRoom {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: static !important;
  width: 95%;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  margin-right: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--sub-border-color) !important;
  width: 100%;
  border-radius: 0.25rem;
  height: 40px!important;
  background: var(--white-color);
}
.search_kaigaiBar input[type=text] {
  padding: 0.25rem 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--sub-border-color)!important;
  height: 30px!important;
  border-radius: 0.25rem!important;
  box-sizing: content-box;
}
.search_kaigaiBar .tx10 {
  font-size: 0.75rem;
  padding: 0 1rem;
}
.search_kaigaiBar .tx_L {
  font-size: 0.75rem;
}
#depday_wrap dd {
  width: 72%;
  display: inline-block;
  z-index: 0;
  border: 1px solid var(--sub-border-color) !important;
  border-radius: 0.25rem!important;
  font-size: 1rem;
}
.datePicker__dateText {
  height: 40px;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
#tab_kaigai_hotel .base_gadget_calendar img {
    position: absolute;
    top: -2px;
    right: 0;
    width: 27px;
    height: 30px;
}
#tab_kaigai_hotel .base_text, p.base_text {
	font-size: 0.75rem;
    float: left;
    margin: 8px 0;
}
.SpotBody .slick-list {
  padding: 0 0 0 0 !important;
}
.SpotBody .slick-list .slick-slide {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.SpotBody .slick-list img {
  width: 100%;
}
.ItemBox .slick-list {
  padding: 0 16px 0 0 !important;
  padding: 0 0 0 0 !important;
  overflow: visible;
}
.ItemBox .slick-list .slick-slide {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.ItemBox .ItemCardImage .slick-list,
.ItemBox .ItemCardImage_noslick .slick-list {
  padding: 0 !important;
}
.ItemBox .ItemCardImage .slick-list .slick-slide,
.ItemBox .ItemCardImage_noslick .slick-list .slick-slide {
  margin-right: 0;
  margin-left:0;
  scale: 1;
}
.ItemBox .ItemCardImage .slick-dots {
  width: calc(100% - 1rem);
  position: absolute;
  bottom: 0.75rem;
  padding: 0;
  gap: 0.125rem;
}
.ItemBox .ItemCardImage .slick-dots li button:before {
  font-size: 1.6rem;
  bottom: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: var(--black-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ItemBox .ItemCardImage .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: var(--vivid-color);
  line-height: 1;
  scale: 1.5;
  top: -44%;
  left: -2%;
}
.ItemBox .slick-list img {
  width: 100%;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-dotted.slick-slider {
  margin-bottom: 3rem;
}
.slick-dots {
  position: absolute;
  bottom: -1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.slick-dots .slick-active {
  color: var(--vivid-color);
  transition: all 0.3s ease-in-out;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 36px;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: var(--black-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: var(--vivid-color);
  line-height: 1;
}
.slick-dots li:hover {
  transition: 0.3s;
  opacity: auto;
}
.slick-prev,
.slick-next {
  width: 2rem;
  height: 2rem;
  background-color: var(--white-color) !important;
  padding: 0.25rem !important;
  border-radius: 50%;
  background-size: 50% 50% !important;
  background-position: center !important;
  box-shadow: 0px 0px 6px var(--sub-border-color);
  transition: 0.3s;
}
.slick-prev:hover, .slick-next:hover {
  transition: 0.3s;
  scale: 1.1;
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
  transition: 0.8s;
  opacity: 0;
}
@media screen and (max-width: 759.9px) {
  .slick-prev {
    left: -1.5rem !important;
  }
  .slick-next {
    right: 0.5rem !important;
  }
  .slick-prev:hover,
  .slick-next:hover {
    transition: 0.3s;
    opacity: 1;
  }
  .slick-disabled {
    opacity: 0;
    display: none;
  }
}
.ItemBox .slick-prev {
  /* top:auto;
  bottom: -4rem; */
  left: -1rem !important;
}
.ItemBox .slick-next {
  /* top:auto;
  bottom: -4rem; */
  right: -1rem !important;
}
.ItemBox .ItemCardImage .slick-prev,
.ItemBox .ItemCardImage .slick-next {
  width: 1.1rem;
  height: 1.1rem;
  box-shadow: none;
  top: auto;
  bottom: -0.75rem;
  border-radius: 10%;
}
.ItemBox .ItemCardImage .slick-prev {
  left: 0.125rem !important;
}
.ItemBox .ItemCardImage .slick-next {
  right: 0.125rem !important;
}
.App .slick-slide {
  opacity: 0.5;
  scale: 0.95;
  transition: 0.3s;
}
.App .slick-slide.slick-active {
  opacity: 1;
  scale: 1;
  transition: 0.6s;
  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.15);
}
.NavWrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.5rem;
}
.NavWrap .ChangeDept {
  order: 1;
  width: 70%;
  background-color: var(--white-color);
  border-radius: 0.75rem;
}
.NavWrap.is_fixed .ChangeDept {
  order: 2;
  width: 24%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0 0.25rem;
}
.NavWrap.is_fixed .ChangeDept span {
  width: auto;
  font-size: 0.5rem;
  text-align: center;
  line-height: 1;
  font-weight: normal;
}
.NavWrap.is_fixed .ChangeDept ul {
  width: 100%;
  padding: 0.25rem;
  border: 1px solid var(--main-b);
  font-size: 0.75rem;
}
.NavWrap .JumpToSection {
  order: 2;
  width: 100%;
}
.NavWrap .JumpToSection .SectionNav .SectionNavItem {
  width: 100%;
  border: 1px solid var(--main-b);
  border: none;
  background-color: var(--white-color);
  padding: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  text-align: center;
}
.NavWrap .JumpToSection .SectionNav .SectionNavItem a {
  color: var(--main-text-color);
  line-height: 1.2;
  font-weight: bold;
}
.NavWrap.is_fixed {
  position: -webkit-fixed;
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 1000;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  width: calc(100% - 1rem);
  background-color: var(--white-color);
  /* border-bottom: 1px solid var(--main-b); */
  padding: 0.25rem 0.75rem;
  gap: 1rem;
  /* box-shadow: 0px 0px 6px var(--sub-border-color); */
  border-radius: 1rem;
  /* transition: all 0.3s ease-in; */
}
.NavWrap.is_fixed .JumpToSection {
  order: 1;
  width: 76%;
}
.NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem {
  width: 100%;
  border-right: 1px solid var(--main-b);
  border: none;
  border-radius: 0;
  background-color: var(--white-color);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: none;
}
.NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem a {
  color: var(--main-text-color);
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.5rem;
}
.NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemIcon {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  color: var(--main-text-color);
}
.NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemIcon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemLabel {
  font-size: 0.75rem;
  height: auto;
  min-height: 1.5rem;
}
.gantt {
  display: grid;
  border: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  /* box-shadow: 0 75px 125px -57px #7e8f94; */
}
.gantt__row {
  display: grid;
  grid-template-columns: 1fr;
  background-color: var(--white-color);
}
.gantt__row:nth-child(odd) {
  background-color: var(--gray-00-color);
}
.gantt__row:nth-child(odd) .gantt__row-first {
  background-color: var(--gray-00-color);
}
.gantt__row:nth-child(3) .gantt__row-bars {
  border-top: 0;
}
.gantt__row:nth-child(3) .gantt__row-first {
  border-top: 0;
}
.gantt__row--empty {
  background-color: #ffd6d2 !important;
  z-index: 1;
}
.gantt__row--empty .gantt__row-first {
  border-width: 1px 1px 0 0;
}
.gantt__row--lines {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: transparent;
  grid-template-columns: repeat(12, 1fr);
}
.gantt__row--lines span {
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.gantt__row--lines span:first-child {
  display: block;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.gantt__row--lines span.marker {
  background-color: rgba(10, 52, 68, 0.13);
  z-index: 2;
}
.gantt__row--lines:after {
  grid-row: 1;
  grid-column: 0;
  background-color: #1688b345;
  z-index: 2;
  height: 100%;
}
.gantt__row--months {
  color: var(--white-color);
  background-color: var(--theme-main-pale20) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  grid-template-columns: repeat(12, 1fr);
}
.gantt__row--months .gantt__row-first {
  border-top: 0 !important;
  background-color: #0a3444 !important;
}
.gantt__row--months span {
  text-align: center;
  font-size: 0.75rem;
  align-self: center;
  font-weight: 500;
  padding: 0.5rem 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--main-text-color);
}
.gantt__row-bars {
  list-style: none;
  display: grid;
  padding: 9px 0;
  margin: 0;
  grid-template-columns: repeat(24, 1fr);
  grid-gap: 8px 0;
  border-top: 1px solid rgba(221, 221, 221, 0.8);
  text-align: center;
}
.gantt__row-bars li {
  font-weight: 500;
  text-align: left;
  font-size: 0.75rem;
  min-height: 15px;
  background-color: var(--green-dark);
  padding: 0.25rem 0.5rem;
  color: var(--white-color);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  text-align: center;
  border-radius: 20px;
  grid-row: 1;
}
.gantt__row-bars li.is-straddle-start{
  border-radius: 20px 0 0 20px;
}
.gantt__row-bars li.is-straddle-end{
  border-radius: 0 20px 20px 0;
}
.gantt__row-bars li.stripes {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 12px);
}
.gantt__row-bars li:before, .gantt__row-bars li:after {
  content: "";
  height: 100%;
  top: 0;
  z-index: 4;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
}
.gantt__row-bars li:before {
  left: 0;
}
.gantt__row-bars li:after {
  right: 0;
}
.NavWrap.is_fixed .ChangeDept #deptSelect {
    width: 100%;
    padding: 0.25rem;
    font-size: 0.75rem;
    text-align: center;
}
.NavWrap.is_fixed .ChangeDept :before {
  width: 4px;
  height: 4px;
  right: 0;
  top: auto;
  bottom: 0.7rem;
}
.DpSection{
  position: relative;
  background-color: var(--dp-bg-transparent-70);
  overflow: hidden;
}
.BG_DpSection{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* min-height: 3000px; */
  overflow: hidden;
}
@keyframes parallax-small-anim {
  from {
    transform: translateY(-500px);
  }
  to {
    transform: translateY(0px);
  }
}
.BG_000{
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.BG_000 img{
  width: 100%;
}
.BG_parallax{
  width: 100%;
  border-radius: 8px;
  z-index: -2;
  position: relative;
  opacity: 0.125;
}
.BG_parallax::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-radius:8px;
}
.BG_parallax::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-radius: 8px;
}
.BG_Dp01{
  width: 1000px;
  height: 640px;
  position: absolute;
  top: 0;
  left: 0;
}
.BG_Dp01::before {
  border-right: 500px solid transparent;
  border-bottom: 320px solid var(--dp-bg-01);
  border-left: 500px solid transparent;
  left: -50%;
}
.BG_Dp01::after {
  border-top: 320px solid var(--dp-bg-01);
  border-right: 500px solid transparent;
  border-left: 500px solid transparent;
  top: 50%;
  left: -50%;
}
.BG_Dp02{
  width: 1000px;
  height: 640px;
  position: absolute;
  top: -14%;
  left: 3%;
}
.BG_Dp02::before {
  border-right: 500px solid transparent;
  border-bottom: 320px solid var(--dp-bg-02);
  border-left: 500px solid transparent;
  right: -50%;
}
.BG_Dp02::after {
  border-top: 320px solid var(--dp-bg-02);
  border-right: 500px solid transparent;
  border-left: 500px solid transparent;
  top: 50%;
  right: -50%;
}
.BG_Dp03{
  width: 1200px;
  height: 640px;
  position: absolute;
  top: 22%;
  left: -1%;
}
.BG_Dp03::before {
  border-right: 600px solid transparent;
  border-bottom: 320px solid var(--dp-bg-03);
  border-left: 600px solid transparent;
  left: -50%;
}
.BG_Dp03::after {
  border-top: 320px solid var(--dp-bg-03);
  border-right: 600px solid transparent;
  border-left: 600px solid transparent;
  top: 50%;
  left: -50%;
}
.BG_Dp04{
  width: 2000px;
  height: 1200px;
  position: absolute;
  top: 6%;
  left: 13%;
}
.BG_Dp04::before {
  border-right: 1000px solid transparent;
  border-bottom: 600px solid var(--dp-bg-02);
  border-left: 1000px solid transparent;
  right: -20%;
}
.BG_Dp04::after {
  border-top: 600px solid var(--dp-bg-02);
  border-right: 1000px solid transparent;
  border-left: 1000px solid transparent;
  top: 50%;
  right: -20%;
}
.BG_Dp05{
  width: 1600px;
  height: 1000px;
  position: absolute;
  top: 42%;
  left: 0;
}
.BG_Dp05::before {
  border-right: 800px solid transparent;
  border-bottom: 500px solid var(--dp-bg-03);
  border-left: 800px solid transparent;
  left: -50%;
}
.BG_Dp05::after {
  border-top: 500px solid var(--dp-bg-03);
  border-right: 800px solid transparent;
  border-left: 800px solid transparent;
  top: 50%;
  left: -50%;
}
.BG_Dp06{
  width: 2000px;
  height: 640px;
  position: absolute;
  top: 58%;
  left: 5%;
}
.BG_Dp06::before {
  border-right: 1000px solid transparent;
  border-bottom: 320px solid var(--dp-bg-02);
  border-left: 1000px solid transparent;
  right: -30%;
}
.BG_Dp06::after {
  border-top: 320px solid var(--dp-bg-02);
  border-right: 1000px solid transparent;
  border-left: 1000px solid transparent;
  top: 50%;
  right: -30%;
}

.BG_Dp07{
  width: 1200px;
  height: 1000px;
  position: absolute;
  top: 85%;
  left: -1%;
}
.BG_Dp07::before {
  border-right: 600px solid transparent;
  border-bottom: 500px solid var(--dp-bg-03);
  border-left: 600px solid transparent;
  left: -50%;
}
.BG_Dp07::after {
  border-top: 500px solid var(--dp-bg-03);
  border-right: 600px solid transparent;
  border-left: 600px solid transparent;
  top: 50%;
  left: -50%;
}
.BG_Dp08{
  width: 3000px;
  height: 960px;
  position: absolute;
  top: 81%;
  left: 2%;
}
.BG_Dp08::before {
  border-right: 1500px solid transparent;
  border-bottom: 480px solid var(--dp-bg-02);
  border-left: 1500px solid transparent;
  right: -30%;
}
.BG_Dp08::after {
  border-top: 480px solid var(--dp-bg-02);
  border-right: 1500px solid transparent;
  border-left: 1500px solid transparent;
  top: 50%;
  right: -30%;
}
/* .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner,
.DpSection h3.SectionTitle,
.ItemSection .ItemIntroductionWrap,
.ItemSection .ItemBox {
  opacity: 0.2;
} */
@media screen and (max-width: 759.9px) {
  .BG_parallax{
    width: 100%;
    border-radius: 8px;
    z-index: -2;
    position: relative;
    opacity: 0.25;
  }
  .BG_parallax::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-radius:8px;
  }
  .BG_parallax::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 8px;
  }
  .BG_Dp01{
    width: 600px;
    height: 320px;
    position: absolute;
    top: -3%;
    left: 0;
  }
  .BG_Dp01::before {
    border-right: 300px solid transparent;
    border-bottom: 160px solid var(--dp-bg-01);
    border-left: 300px solid transparent;
    left: -50%;
  }
  .BG_Dp01::after {
    border-top: 160px solid var(--dp-bg-01);
    border-right: 300px solid transparent;
    border-left: 300px solid transparent;
    top: 50%;
    left: -50%;
  }
  .BG_Dp02{
    width: 600px;
    height: 480px;
    position: absolute;
    top: 4%;
    left: 0%;
  }
  .BG_Dp02::before {
    border-right: 300px solid transparent;
    border-bottom: 240px solid var(--dp-bg-02);
    border-left: 300px solid transparent;
    right: -50%;
  }
  .BG_Dp02::after {
    border-top: 240px solid var(--dp-bg-02);
    border-right: 300px solid transparent;
    border-left: 300px solid transparent;
    top: 50%;
    right: -50%;
  }
  .BG_Dp03{
    width: 1200px;
    height: 640px;
    position: absolute;
    top: 23%;
    left: -50%;
  }
  .BG_Dp03::before {
    border-right: 600px solid transparent;
    border-bottom: 320px solid var(--dp-bg-03);
    border-left: 600px solid transparent;
    left: -50%;
  }
  .BG_Dp03::after {
    border-top: 320px solid var(--dp-bg-03);
    border-right: 600px solid transparent;
    border-left: 600px solid transparent;
    top: 50%;
    left: -50%;
  }
  .BG_Dp04{
    width: 1200px;
    height: 1200px;
    position: absolute;
    top: 28%;
    left: 13%;
  }
  .BG_Dp04::before {
    border-right: 600px solid transparent;
    border-bottom: 600px solid var(--dp-bg-02);
    border-left: 600px solid transparent;
    right: -20%;
  }
  .BG_Dp04::after {
    border-top: 600px solid var(--dp-bg-02);
    border-right: 600px solid transparent;
    border-left: 600px solid transparent;
    top: 50%;
    right: -20%;
  }
  .BG_Dp05{
    width: 600px;
    height: 400px;
    position: absolute;
    top: 64%;
    left: 0;
  }
  .BG_Dp05::before {
    border-right: 300px solid transparent;
    border-bottom: 200px solid var(--dp-bg-03);
    border-left: 300px solid transparent;
    left: -50%;
  }
  .BG_Dp05::after {
    border-top: 200px solid var(--dp-bg-03);
    border-right: 300px solid transparent;
    border-left: 300px solid transparent;
    top: 50%;
    left: -50%;
  }
  .BG_Dp06{
    width: 1200px;
    height: 640px;
    position: absolute;
    top: 87%;
    left: 10%;
  }
  .BG_Dp06::before {
    border-right: 1000px solid transparent;
    border-bottom: 320px solid var(--dp-bg-02);
    border-left: 1000px solid transparent;
    right: -30%;
  }
  .BG_Dp06::after {
    border-top: 320px solid var(--dp-bg-02);
    border-right: 1000px solid transparent;
    border-left: 1000px solid transparent;
    top: 50%;
    right: -30%;
  }
  .BG_Dp07{
    width: 1200px;
    height: 1000px;
    position: absolute;
    top: 85%;
    left: 10%;
  }
  .BG_Dp07::before {
    border-right: 600px solid transparent;
    border-bottom: 500px solid var(--dp-bg-03);
    border-left: 600px solid transparent;
    left: -50%;
  }
  .BG_Dp07::after {
    border-top: 500px solid var(--dp-bg-03);
    border-right: 600px solid transparent;
    border-left: 600px solid transparent;
    top: 50%;
    left: -50%;
  }
  .BG_Dp08{
    width: 3000px;
    height: 960px;
    position: absolute;
    top: 81%;
    left: 2%;
  }
  .BG_Dp08::before {
    border-right: 1500px solid transparent;
    border-bottom: 480px solid var(--dp-bg-02);
    border-left: 1500px solid transparent;
    right: -30%;
  }
  .BG_Dp08::after {
    border-top: 480px solid var(--dp-bg-02);
    border-right: 1500px solid transparent;
    border-left: 1500px solid transparent;
    top: 50%;
    right: -30%;
  }
}

@media screen and (max-width: 759.9px) {
  .slick-prev {
    left: -1.5rem !important;
  }
  .slick-next {
    right: 0.5rem !important;
  }
  .slick-prev:hover,
  .slick-next:hover {
    transition: 0.3s;
    opacity: 1;
  }
  .slick-disabled {
    opacity: 0;
    display: none;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree {
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem {
    justify-content: flex-start;
    width: 100%;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem a {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    gap: 0.75rem;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem a p {
    width: 100%;
    text-align: left;
    min-height: auto!important;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem a p svg {
    width: 0.5rem;
    height: 0.5rem;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemSvg {
    width: 2rem;
    margin-left: auto;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemSvg svg {
    width: 1rem;
    height: 1rem;
    color: var(--theme-main-color);
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage.withCopy {
    width: calc(96px + 3rem);
    /* padding-right: 3rem; */
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    gap: 0.375rem;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage {
    width: calc(96px + 3rem);
    /* padding-right: 3rem; */
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage img {
    min-width: 60px;
    min-height: 60px;
    border-radius: 4px;
    order: 1;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage span {
    position: static;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    order: 2;
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage span svg {
    width: 32px;
    height: 32px;
    fill: var(--theme-main-pale);
    color: var(--theme-main-color);
  }
  .DpSection .ItemBox .tabWrap .tab.JS_HasThree .tabItem .tabItemImage .tabItemCopy {
    order: 2;
    font-size: 0.6rem;
  }
}


.PlanPlusWrap{
  width: 100%;
  display: block;
}
.PlanPlusMainTitle{
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
}
.PlanPlusInner{
  width: 94%;
  margin: 1rem auto 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background-color: var(--dp-bg-transparent-70);
  padding: 1rem;
  border-radius: 0.5rem;
}
.PlanPlus{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--white-color);
  border-radius: 0.5rem;
}
.PlanPlusImage{
  padding: 1rem;
  position: relative;
}
.PlanPlusImage img{
  width: 70px;
  height: 70px;
  border-radius: 1.5rem;
}
.PlanPlusImage .PlanPlusIcon{
  position: absolute;
  top:0;
  left: 0;
  background-color: #FFF;
  padding: 0.25rem;
  border-radius: 1rem;
}
.PlanPlusImage .PlanPlusIcon svg {
  width: 24px;
  height: 24px;
  fill: var(--theme-main-pale);
  color: var(--theme-main-color);
}
.PlanPlusBody{
  padding: 0.5rem;
  position: relative;
}
.PlanPlusTitle{
  font-size: 0.875rem!important;
  font-weight: bold!important;
  line-height: 1.25!important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  /* max-height: 2rem; */
  margin-bottom: 0.5rem;
}
.PlanPlusText {
  width: 100%;
  font-size: 0.625rem!important;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  position: relative;
}
.PlanPlusLink{
  display: none;
}
.PlanPlusTextWrap{
  position: relative;
}
.more-button{
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #ffffffc7;
  padding: 0.25rem 0.5rem;
  width: 100%;
  text-align: center;
}
.more-button span{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-color);
  border: 1px solid var(--black-color);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.625rem!important;
  text-align: center;
  transition: 0.3s;
}
.more-button span:hover{
  opacity: 0.75;
  scale: 1.1;
  transition: 0.3s;
}
.dynamic-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem!important;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--white-color);
  border: 2px solid var(--theme-main-pale);
  max-width: 60%;
  word-wrap: break-word;
  z-index: 1000;
  box-shadow: 0px 0px 6px var(--sub-border-color);
}
.dynamic-tooltip-close{
  position: absolute;
  top: -0.75rem;
  right: -.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: 1px solid var(--main-border-color);
  background-color: #FFF;
  border-radius: 50%;
  line-height: 1;
}
.dynamic-tooltip-close svg{
  width: 16px;
  height: 16px;
  line-height: 1;
}

@media screen and (max-width: 759.9px) {
  .PlanPlusInner{
    flex-wrap: wrap;
  }
  .PlanPlusInner{
    width: 94%;
    margin: 1rem auto 1rem;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.25rem;
  }
  .PlanPlus{
    width: 100%;
    display: flex;
    padding: 0.25rem;
    background-color: var(--white-color);
    border-radius: 0.5rem;
  }
  .PlanPlusImage{
    padding: 0.25rem;
    position: relative;
  }
  .PlanPlusImage img{
    width: 48px;
    height: 48px;
    border-radius: 1rem;
  }
  .PlanPlusImage .PlanPlusIcon{
    padding: 0.125rem;
  }
  .PlanPlusImage .PlanPlusIcon svg {
    width: 18px;
    height: 18px;
  }
  .PlanPlusBody{
    padding: 0 0.5rem;
    display: flex;
    width: 100%;
  }
  .PlanPlusLink{
    width: 100%;
    line-height: 1!important;
    padding: 0.125rem;
    max-width: 4rem;
    margin: 0;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }
  .PlanPlusLink span{
    font-size: 0.625rem!important;
    line-height: 1;
    padding: 0.25rem;
    border: 1px solid var(--main-text-color);
    border-radius: 0.25rem;
  }
  .PlanPlusText{
    display: none;
  }
  .PlanPlusTitle{
    font-size: 0.675rem!important;
    line-height: 1.2;
    font-weight: 700!important;
    width: 100%;
    -webkit-line-clamp: 4;
    height: auto;
    /* max-height: none; */
    margin-bottom: 0;
  }
  /* .PlanPlusModal{
    display: block;
  } */
  .PlanPlusModal .PlanPlusIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    padding: 0.125rem;
    border-radius: 1rem;
    width: 24px;
    height: 24px;
    line-height: 1;
  }
  .PlanPlusModal .PlanPlusIcon svg {
    width: 16px;
    height: 16px;
    fill: var(--theme-main-pale);
    color: var(--theme-main-color);
  }
  .PlanPlusModal .PlanPlusTitle{
    font-size: 0.75rem!important;
    font-weight: bold!important;
    line-height: 1.25!important;
    height: auto;
    margin-top: 0.25rem;
  }
  .PlanPlusModal .PlanPlusText{
    display: block;
    font-size: 0.875rem!important;
  }
  .more-button{
    display: none;
  }
}


.DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap.PlanPlusOuterWrap{
  padding: 0;
}
.DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap.PlanPlusOuterWrap .ItemBoxItemHeader{
  padding: 2rem;
  margin: 0;
}
@media screen and (max-width: 759.9px) {
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap.PlanPlusOuterWrap .ItemBoxItemHeader{
    padding: 2rem 0 0;
    margin: 0 auto 1rem;
  }
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap{
  max-width: none;
  background: #ECC778;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab .tabItem{
  max-width: none;
  padding: 0.25rem;
  scale: 1;
  opacity: 0.75;
  border: 3px solid #FFF!important;
}
@media screen and (max-width: 759.9px) {
  .DpSection .ItemBox .PlanPlusOuter .tabWrap .tab .tabItem{
    padding: 0;
    justify-content: flex-start;
    width: 100%;
  }
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab .tabItem:hover{
  scale: 1;
  opacity: 1;
  background-color: #FFF;
  color: var(--main-text-color);
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab .tabItem.select{
  border: 3px solid #BB6253!important;
  scale: 1;
  opacity: 1;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab .tabItem .PlanPlusToggle{
  transition: 0.6s;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab .tabItem.select .PlanPlusToggle{
  transform:rotate(180deg);
  transition: 0.6s;
  color: #BB6253;
}
.tab[id^="switching_tab_plan_"]{
	width: 100%;
	padding: 1rem 0 0 !important;
	margin: 0;
}
@media screen and (max-width: 759.9px) {
  .tab[id^="switching_tab_plan_"]{
    width: 100%;
    padding: 0.5rem;
/*    margin: 0;
    border-bottom: 3px solid #BB6253;*/
    flex-wrap: wrap;
    gap: 0.5rem;
	padding: 0.5rem !important;
  }
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlus{
  width: 100%;
  display: flex;
  padding: 0.25rem;
  background-color: transparent;
  border-radius: 0.5rem;
}
@media screen and (max-width: 759.9px) {
  .DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlus{
    padding: 0;
  }
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusImage{
  padding: 0.25rem;
  position: relative;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusImage img{
  width: 56px;
  height: 56px;
  border-radius: 1rem;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusImage .PlanPlusIcon{
  padding: 0.125rem;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusImage .PlanPlusIcon svg {
  width: 18px;
  height: 18px;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusBody{
  padding: 0 0.5rem;
  display: flex;
  width: 100%;
}
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusTitle {
  font-size: 0.875rem!important;
  text-align: left;
  -webkit-line-clamp: 4;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 759.9px) {
.DpSection .ItemBox .PlanPlusOuter .tabWrap .tab[id^="switching_tab_plan_"] .PlanPlusTitle {
  min-height: auto!important;
}
}
.DpSection .ItemBox .PlanPlusOuter .switching_contents,
.DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp {
  padding: 2rem 2rem 1rem;
}
@media screen and (max-width: 759.9px) {
.DpSection .ItemBox .PlanPlusOuter .switching_contents,
.DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp {
  padding: 0.5rem 0.25rem 0.5rem 0.25rem;
  background: #FFF;
}
}
.DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusMainTitle,
.DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusMainTitle {
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 759.9px) {
.DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusMainTitle,
.DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusMainTitle {
  display: none;
}
}
.DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusMainTitle .PlanPlusIcon svg,
.DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusMainTitle .PlanPlusIcon svg {
  width: 32px;
  height: 32px;
  fill: var(--theme-main-pale);
  color: var(--theme-main-color);
}
@media screen and (max-width: 759.9px) {
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusInner,
  .DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusInner {
    width: 100%;
    margin: 0;
    background-color: transparent;
    padding: 0 0.25rem 1rem;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusInner .PlanPlus{
    align-items: flex-start;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusInner .PlanPlus .PlanPlusImage img{
    display: none;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusInner .PlanPlus .PlanPlusImage .PlanPlusIcon{
    position: static;
    line-height: 1;
    border: 1px solid var(--theme-main-color);
    display: flex;
    padding: 0.25rem;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusInner .PlanPlus .PlanPlusImage .PlanPlusIcon svg {
    width: 22px;
    height: 22px;
  }
}
.DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusText,
.DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusText {
  font-size: 0.875rem!important;
}
@media screen and (max-width: 759.9px) {
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusBody{
    width: 100%;
    flex-wrap: wrap;
    position: relative;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusBody .PlanPlusText,
  .DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusBody .PlanPlusText {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    min-height: auto!important;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusBody .PlanPlusLink,
  .DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusBody .PlanPlusLink {
    position: absolute;
    width: 100%;
    bottom: -0.5rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: none;
    backdrop-filter: blur(1px);
    padding: 0.25rem 0.5rem 0.25rem;
    background-color: #ffffffe3;
  }
  .DpSection .ItemBox .PlanPlusOuter .switching_contents .PlanPlusBody .PlanPlusLink span,
  .DpSection .ItemBox .PlanPlusOuter .switching_contents_mpdp .PlanPlusBody .PlanPlusLink span {
    background-color: #FFF;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem !important;
  }
}

.DpSection .ItemBox .PlanPlusOuter .switching_contents .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap{
  transition: all 0s ease-in-out;
  min-width: 240px;
}
/* .ItemSection .ItemBox .PlanPlusOuter .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItem .ItemSetWrap {
  transition: unset;
} */
/*.ItemSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap.PlanPlusOuterWrap .ItemBoxItem .ItemSetWrap{
  transition: unset;
}*/


@media screen and (max-width: 759.9px) {
  .NavWrap.is_fixed .is-SectionNavMini {
    display: none;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem .SectionNavItemLabel {
    display: block;
  }
  .NavSection .NavWrap .JumpToSection .SectionNavItem .SectionNavItemLabel .is-SectionNavMini{
    width: 100%;
  }
  #JumpNav03 .SectionNavItemLabel {
    padding-top: 0.5rem;
  }
  .NavWrap.is_fixed #JumpNav03 .SectionNavItemLabel {
    padding-top: 0;
  }

  .NavWrap.is_fixed .ChangeDept {
    gap: 0.125rem;
    padding: 0.5rem 0 0.25rem;
  }

  .NavWrap.is_fixed .ChangeDept #deptSelect {
    padding: 0.25rem;
    font-size: 0.625rem;
    padding-bottom: 0;
  }

  .NavWrap.is_fixed .JumpToSection .SectionNav .SectionNavItem .SectionNavItemLabel {
    font-size: 0.625rem;
    min-height: auto;
  }
}




#Item{
  position: relative;
}
.PositionNavSection{
  position: absolute;
  top: 50px;
  left: 0.5rem;
  z-index: -100;
  display: none;
  width: calc(100% - 1rem);
  transition: z-index 0.3s; /* スムーズに前面へ */
  opacity: 0;
}
.PositionNavSection.active {
  position: fixed;
  z-index: 55; /* アクティブ時に前面へ */
  opacity: 1;
}
.PositionNavWrap {
  background-color:#FFFFFF;
  box-shadow: 0px 0px 6px var(--sub-border-color);
  padding: 0.75rem 1rem 0 1rem;
  border-radius: 0 0 1rem 1rem;
}
@media screen and (min-width: 760px), print {
  .PositionNavSection {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 60px;
    /* left: 50%; */
  }
  .PositionNavWrap{
    padding: 1.25rem 1rem 0 1rem;
    border-radius: 0 0 1rem 1rem;
    width: 100%;
    min-width: 480px;
    max-width: 640px;
  }
  .PositionNavSection.is-many-tabs .PositionNavWrap{
    min-width: 480px;
    max-width: 800px;
  }
}
.PositionNavInner {
  width: 100%;
  /* overflow-x: auto; */
  /* display: flex;
  justify-content: flex-start;
  align-items: center; */
  padding: 0!important;
}
@media screen and (min-width: 760px), print {
  .PositionNavInner {
    justify-content: center;
  }
}
.PositionNavSection ul {
  display: flex;
  /* gap: 10px; */
  margin: 0;
  padding: 0;
  justify-content: flex-start;
}
@media screen and (min-width: 760px), print {
  .PositionNavSection ul {
    justify-content: center;
  }
  .PositionNavSection.is-many-tabs ul{
    justify-content: flex-start;
  }
}
.PositionNavSection ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  padding: 0.75rem 0.5rem 0.75rem 0.5rem;
  border-bottom: 3px solid transparent;
  font-size: 0.55rem;
  flex-shrink: 0;
}
@media screen and (min-width: 760px), print {
  .PositionNavSection ul li {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    font-size: 0.75rem;
  }
}
.PositionNavSection ul li.active {
  font-weight: 600;
  border-bottom: 3px solid #333;
  border-bottom: 4px solid var(--theme-main-color);
}


.swiper{
  width: 100%;
  max-width: none;
  padding: 1rem 1rem 1.5rem;
}
@media screen and (min-width: 760px), print {
  .swiper{
    width: 100%;
  }
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap{
    max-width: 1200px!important;
    padding: 0.5rem!important;
  }
}
.ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab {
  overflow:unset;
  /* justify-content: center; */
  gap: 0;
  padding: 1rem 6rem 1rem 6rem;
  padding: 1rem 1rem;
  padding: 0;
}
@media screen and (min-width: 760px), print {
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab {
    justify-content: center;
    padding: 1rem 1rem;
  }
}
.ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem {
  width: auto;
  min-width: auto;
  min-height: 60px;
}
@media screen and (min-width: 760px), print {
  .ItemSection .ItemBox .ItemBoxHeader .tabWrap .tab .tabItem  {
    min-width: 190px;
    min-height: 128px;
  }
}
.swiper-slide {
  height: auto;
}
.swiper-slide figure {
  height: 100%;
}
.swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-scrollbar {
  margin-top: 16px;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-scrollbar::before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background-color: rgba(0, 0 , 0, 0.15);
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.slider__btn {
  aspect-ratio: 1/1;
  background-color: #fff;
  border: 5px solid #294677;
  border-radius: 50%;
  box-shadow: 0 0 8px 8px rgba(0, 0 , 0 , 0.0);
  cursor: pointer;
}
.swiper-scrollbar_position,
.swiper-scrollbar{
  display: none!important;
}
.NavWrap {
  transition: box-shadow 0.3s ease, height 0.3s ease!important;
}
/*#Spot .slick-track {margin-left: unset!important;}*/