@charset "UTF-8";
/*tmp overwrite*/
/*-------------------------------------------------------*/
/*リセット*/
body {
  margin: 0;
  container-type: inline-size;
}

#wrapper {
  font-size: 14px;
  overflow: hidden;
  position: relative;
  line-height: 1.4167;
  text-align: justify;
  font-family: "Noto Sans Japanese", sans-serif;
}
#wrapper * {
  box-sizing: border-box;
}
#wrapper *::before, #wrapper *::after {
  box-sizing: border-box;
}
#wrapper p {
  margin: 0;
}
#wrapper a {
  outline: none;
}
#wrapper img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #wrapper img {
    width: 100%;
  }
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6,
#wrapper article,
#wrapper section,
#wrapper ul,
#wrapper figure {
  margin: 0;
  padding: 0;
}
#wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper div {
  line-height: 1;
}
#wrapper {
  /*ページ*/
}
#wrapper .text-align-center {
  text-align: center;
}
#wrapper .text-align-right {
  text-align: right;
}
#wrapper .display-block {
  display: block;
}
#wrapper .hidden {
  display: none !important;
  visibility: hidden;
}
#wrapper .clearfix::before,
#wrapper .clearfix::after {
  content: "";
  display: table;
}
#wrapper .clearfix::after {
  clear: both;
}
#wrapper .clear {
  clear: both;
}
#wrapper {
  /* show only  SP/PC
  -------------------------------*/
}
#wrapper .sp-only {
  display: none !important;
}
#wrapper .sp-only-2 {
  display: none !important;
}
#wrapper .pc-only {
  display: block !important;
}
#wrapper .pc-only-2 {
  display: inline-block !important;
}
#wrapper {
  /* font
  -------------------------------*/
}
#wrapper .bold {
  font-weight: bold;
}
#wrapper {
  /* margin
  -------------------------------*/
  /* padding
  -------------------------------*/
}
#wrapper .loader-box {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f2921f;
  z-index: 5000;
  align-items: center;
  justify-content: center;
}
#wrapper .loader {
  width: 50px;
  height: 50px;
  border-top: 5px solid rgba(255, 255, 255, 0.4);
  border-right: 5px solid rgba(255, 255, 255, 0.4);
  border-bottom: 5px solid rgba(255, 255, 255, 0.4);
  border-left: 5px solid #fff;
  border-radius: 50%;
  animation: loader 1.1s infinite linear;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (min-width: 621px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* コンテンツ */
#wrapper {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#wrapper .scrollin {
  opacity: 0;
  transform: translate(0, 50px);
}
#wrapper .scrollin.is-visible {
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate(0, 0);
}
#wrapper .bgsec {
  position: relative;
  padding-bottom: 12.1323529412cqw;
  padding-top: 1px;
}
@media only screen and (max-width: 620px) {
  #wrapper .bgsec {
    padding-bottom: 13.3333333333cqw;
  }
}
#wrapper .bgsec__bg {
  position: absolute;
  inset: -28.6764705882cqw 0 0;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 620px) {
  #wrapper .bgsec__bg {
    top: -13.3333333333cqw;
  }
}
#wrapper .bgsec__bg img {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
}
#wrapper .bgsec__inner {
  position: relative;
}
#wrapper .sec01 {
  background: #f2921f;
  z-index: 1;
  padding-bottom: 36.0294117647cqw;
  overflow: hidden;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec01 {
    padding-bottom: 39.3333333333cqw;
  }
}
#wrapper .sec02 {
  padding-bottom: 12.1323529412cqw;
  background: #fcc600;
  z-index: 2;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec02 {
    padding-bottom: 4.6666666667cqw;
  }
}
#wrapper .sec02 .bgsec__bg {
  inset: -27.2058823529cqw 0 auto;
}
#wrapper .sec03 {
  z-index: 3;
  background: #fde7c1;
  padding-bottom: 13.6029411765cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec03 {
    padding-bottom: 29.4117647059cqw;
  }
}
#wrapper .sec03__repeat-bg {
  display: none;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec03__repeat-bg {
    display: block;
    top: 373.3333333333cqw;
    position: absolute;
  }
}
#wrapper .sec03 .bgsec__bg {
  inset: -20.5882352941cqw 0 auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec03 .bgsec__bg {
    width: 100%;
    bottom: 0;
  }
  #wrapper .sec03 .bgsec__bg picture {
    width: 100%;
  }
}
#wrapper .sec04 {
  padding-bottom: 13.2352941176cqw;
  z-index: 4;
  background: #fcc600;
}
@media only screen and (max-width: 620px) {
  #wrapper .sec04 {
    padding-bottom: 20cqw;
  }
}
#wrapper .sec04 .bgsec__bg {
  inset: -30.8823529412cqw 0 auto;
}
#wrapper .main-visual {
  width: 100%;
  position: relative;
  z-index: 1;
}
#wrapper .main-visual__ttl, #wrapper .main-visual__date, #wrapper .main-visual__points, #wrapper .main-visual__deco-01, #wrapper .main-visual__deco-02 {
  opacity: 0;
}
#wrapper .main-visual__ttl {
  width: 63.75cqw;
  padding-top: 3.6029411765cqw;
  margin-inline: auto;
  transform: translateX(-0.5vw);
}
@media only screen and (max-width: 620px) {
  #wrapper .main-visual__ttl {
    padding-top: 16cqw;
    width: 92cqw;
    transform: translateX(0);
  }
}
#wrapper .main-visual__date {
  width: 26.0294117647cqw;
  margin: 1.25cqw auto;
  transform: translateX(-0.4vw);
}
@media only screen and (max-width: 620px) {
  #wrapper .main-visual__date {
    margin: 1.3333333333cqw auto 0;
    width: 37.6cqw;
  }
}
#wrapper .main-visual__points {
  width: 34.0441176471cqw;
  margin: 1.9117647059cqw auto 0;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .main-visual__points {
    width: 72.1333333333cqw;
    margin: 3.2cqw auto 4.6666666667cqw;
  }
}
#wrapper .main-visual__deco-01 {
  position: absolute;
  top: -3.3088235294cqw;
  width: 85.2205882353cqw;
  left: 0vw;
  right: 0;
  margin-inline: auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .main-visual__deco-01 {
    width: 122.6666666667cqw;
    left: 50%;
    right: auto;
    margin-inline: 0;
    margin-left: -60.6666666667cqw;
    top: 6.4cqw;
  }
}
#wrapper .main-visual__deco-02 {
  position: absolute;
  top: 0;
  width: 98.8vw;
  height: auto;
  left: 0vw;
  right: 0;
  margin-inline: auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .main-visual__deco-02 {
    width: 101.3333333333cqw;
    z-index: 1;
    right: auto;
    top: -6.6666666667cqw;
  }
}
#wrapper .present {
  z-index: 2;
  position: relative;
}
#wrapper .present__ttl {
  margin-top: 2.9411764706cqw;
  width: 45.2941176471cqw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__ttl {
    width: 56.4cqw;
    margin-left: auto;
    margin-right: 3.2cqw;
    margin-bottom: 2cqw;
  }
}
#wrapper .present__item {
  position: relative;
  margin: 0.8823529412cqw auto 0;
  width: 78.2352941176cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__item {
    width: 92cqw;
  }
}
#wrapper .present__present-img {
  width: 100%;
  height: auto;
}
#wrapper .present__badge {
  position: absolute;
  left: -3.3088235294cqw;
  top: -2.3529411765cqw;
  width: 21.8382352941cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__badge {
    width: 41.6cqw;
    top: -28.333333cqw;
    left: -7.3333333333cqw;
  }
}
#wrapper .present__note {
  color: #ffffff;
  font-size: 0.8823529412cqw;
  line-height: 1.3235294118cqw;
  margin-top: 1.25cqw;
  width: 99%;
  font-weight: 300;
}
@media only screen and (max-width: 620px) {
  #wrapper .present__note {
    font-size: 3.2cqw;
    line-height: 4.5333333333cqw;
    margin-top: 2.6666666667cqw;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .present__ttl, #wrapper .present__badge, #wrapper .present__present-img, #wrapper .present__note {
    opacity: 0;
  }
}
#wrapper .online {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -14.7058823529cqw;
  padding-bottom: 7.3529411765cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .online {
    padding: 32cqw 0 20cqw;
  }
}
#wrapper .online__heading {
  width: 47.6470588235cqw;
  margin-inline: auto;
  margin-top: -14.7058823529cqw;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__heading {
    width: 86.5333333333cqw;
  }
}
#wrapper .online__item {
  width: 90.9558823529cqw;
  margin-inline: auto;
  position: relative;
  padding-top: 3.0882352941cqw;
  padding-bottom: 3.6764705882cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item {
    width: 92cqw;
    border-width: 0.6666666667cqw;
    border-radius: 1.0666666667cqw;
    padding-top: 3.4666666667cqw;
  }
}
#wrapper .online__item .navi_1 {
  margin-top: 2.0588235294cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item .navi_1 {
    margin-top: 8.1333333333cqw;
  }
}
#wrapper .online__item .navi_1 a {
  display: block;
  width: 26.3235294118cqw;
  margin: 0 auto;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .online__item .navi_1 a {
    width: 81.6cqw;
  }
}
#wrapper .online__item .navi_1 a:hover {
  transform: scale(1.05);
}
#wrapper .search01-section {
  width: 78.3088235294cqw;
  margin: 0 auto;
  border: #f99a00 solid 0.4411764706cqw;
  border-radius: 0.7352941176cqw;
  background-color: #fff;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section {
    width: auto;
    margin-inline: -0.6666666667cqw;
    border-width: 0.6666666667cqw;
    border-radius: 1.0666666667cqw;
    border: #f99a00 solid 0.8cqw;
    box-shadow: none;
  }
}
#wrapper .search01-section .inner {
  padding: 3.6764705882cqw 0cqw 2.9411764706cqw 0cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .inner {
    padding: 0;
  }
}
#wrapper .search01-section .wrapper {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .wrapper {
    width: 100%;
    padding: 5.3333333333cqw 7.7333333333cqw 4.2647058824cqw;
  }
}
#wrapper .search01-section .list-item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item {
    flex-wrap: wrap;
  }
}
#wrapper .search01-section .list-item .item {
  position: relative;
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item {
    width: 50%;
    padding: 4.6666666667cqw 0 5.6cqw;
    border: none;
  }
}
#wrapper .search01-section .list-item .item::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  border-right: 1px dashed #000;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item.item02 {
    border-left: none;
  }
  #wrapper .search01-section .list-item .item.item02::after {
    display: none;
  }
}
#wrapper .search01-section .list-item .item.item04 .icon {
  margin-bottom: -vw(-5);
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item.item03::after {
    display: none;
  }
}
#wrapper .search01-section .list-item .item.item07 {
  border-right: none;
}
#wrapper .search01-section .list-item .item.item07::after {
  display: none;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item.item07::after {
    display: block;
  }
}
#wrapper .search01-section .list-item .item + .item {
  margin-left: -1px;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item + .item {
    margin-left: 0;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item:nth-child(odd) .icon, #wrapper .search01-section .list-item .item:nth-child(odd) .txt {
    margin-left: 4.6666666667cqw;
    justify-content: flex-start;
  }
  #wrapper .search01-section .list-item .item:nth-child(even) .icon, #wrapper .search01-section .list-item .item:nth-child(even) .txt {
    margin-left: auto;
    margin-right: 4.6666666667cqw;
    justify-content: flex-end;
  }
  #wrapper .search01-section .list-item .item.item05 .icon {
    margin-right: 4.6666666667cqw;
  }
  #wrapper .search01-section .list-item .item.item05 .txt {
    margin-right: 6cqw;
  }
  #wrapper .search01-section .list-item .item.item02, #wrapper .search01-section .list-item .item.item03 {
    padding-top: 2.6666666667cqw;
    padding-bottom: 2.4cqw;
  }
  #wrapper .search01-section .list-item .item.item06, #wrapper .search01-section .list-item .item.item07 {
    padding-top: 3.2cqw;
    padding-bottom: 2.6666666667cqw;
  }
  #wrapper .search01-section .list-item .item:nth-child(odd)::before {
    content: "";
    width: 0;
    height: calc(100% - 5.88235294vw);
    position: absolute;
    top: 50%;
    right: 0;
    border-left: 0.5px dashed #000;
    transform: translateY(-50%);
  }
  #wrapper .search01-section .list-item .item:nth-child(odd)::after {
    content: "";
    width: calc(100% - 3.35294118vw);
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 0.5px dashed #000;
  }
  #wrapper .search01-section .list-item .item:nth-child(even)::after {
    content: "";
    width: calc(100% - 3.35294118vw);
    height: 0;
    position: absolute;
    right: 0.2666666667cqw;
    bottom: 0;
    border-bottom: 0.5px dashed #000;
  }
}
#wrapper .search01-section .list-item .item .overlay_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
}
#wrapper .search01-section .list-item .item .overlay_1:hover ~ .tooltip {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  z-index: 100;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .overlay_1:hover ~ .tooltip {
    opacity: 0;
    transform: translateY(20px);
    z-index: 1;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .overlay_1:active ~ .tooltip {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
}
#wrapper .search01-section .list-item .item .icon {
  margin: 0 auto 1.9117647059cqw;
  width: 8.6029411765cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .icon {
    width: 24.1333333333cqw;
    margin: 0 auto;
  }
}
#wrapper .search01-section .list-item .item .txt {
  display: flex;
  height: 2lh;
  color: #000;
  line-height: 1.25;
  font-size: clamp(14px, 1.4705882353cqw, 1.4705882353cqw);
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .txt {
    margin-top: 1.8666666667cqw;
    font-size: 4.2666666667vw;
    height: 9.3333333333cqw;
  }
}
#wrapper .search01-section .list-item .item .tooltip {
  width: 260px;
  position: absolute;
  z-index: 3;
  bottom: 100%;
  left: 50%;
  margin: 0 0 8px -130px;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  background-color: #333;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(20px);
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item .tooltip {
    width: 200%;
  }
}
#wrapper .search01-section .list-item .item .tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top-color: #333;
}
#wrapper .search01-section .list-item .item .tooltip .ttl {
  padding: 14px 16px !important;
  border-radius: 3px 3px 0 0;
  color: #fff;
  line-height: 1.6;
  font-size: 14px;
  font-weight: bold;
  background: #262626;
}
#wrapper .search01-section .list-item .item .tooltip .read {
  padding: 14px 19px;
  color: #fff;
  line-height: 1.6;
  font-size: 12px;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .list-item .item:nth-child(odd) .tooltip {
    right: auto;
    left: 0;
    margin-left: 0;
  }
  #wrapper .search01-section .list-item .item:nth-child(odd) .tooltip::before {
    right: auto;
    left: 25%;
    margin: 0 0 0 -8px;
  }
  #wrapper .search01-section .list-item .item:nth-child(even) .tooltip {
    right: 0;
    left: auto;
    margin-left: 0;
  }
  #wrapper .search01-section .list-item .item:nth-last-child(even) .tooltip::before {
    right: 25%;
    left: auto;
    margin: 0 -8px 0 0;
  }
}
#wrapper .search01-section .navi_1 {
  margin-top: 11.5%;
  padding-bottom: 6%;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 {
    margin-top: 11.5%;
    padding-bottom: 6%;
  }
}
#wrapper .search01-section .navi_1 a {
  display: block;
  max-width: 564px;
  width: 75.2vw;
  margin: 0 auto;
  padding: 4.427% 0;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a {
    max-width: 564px;
    width: 75.2vw;
    margin: 0 auto;
    padding: 4.427% 0;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a img {
    margin-top: -11.382353vw;
  }
}
#wrapper .search01-section .navi_1 a:hover {
  transform: scale(1.05);
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a:hover {
    transform: scale(1);
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search01-section .navi_1 a:active {
    transform: scale(1.05);
  }
}
#wrapper .search01-section .navi_1 a::before {
  content: "";
  width: 3.29%;
  height: 0;
  position: absolute;
  top: 50%;
  right: 8.23%;
  padding-top: 3.29%;
  border: solid;
  border-width: 0.8vw 0.8vw 0 0;
  transform: translateY(-50%) rotate(45deg);
}
#wrapper .search02-section {
  padding: 0 0 2.2058823529cqw;
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section {
    padding: 13.3333333333cqw 0 16cqw;
  }
}
#wrapper .search02-section img {
  width: 100%;
  margin: 0 auto;
}
#wrapper .search02-section .search02_head {
  position: relative;
  z-index: 2;
}
#wrapper .search02-section .search02_head > .ttl {
  width: 58.8235294118cqw;
  margin: 0 auto 2.7941176471cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .search02_head > .ttl {
    width: 72cqw;
    margin: 0 auto 5.3333333333cqw;
  }
}
#wrapper .search02-section .copy {
  font-size: clamp(10px, 1.1764705882cqw, 1.1764705882cqw);
  margin-inline: auto;
  color: #000;
  line-height: 1.55;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .copy {
    width: 86.6666666667cqw;
    font-size: 4cqw;
    text-align: center;
    font-feature-settings: "palt";
  }
}
#wrapper .search02-section .area-navi {
  display: flex;
  width: 78.2352941176cqw;
  position: relative;
  margin: 2.9411764706cqw auto 0;
  letter-spacing: 0.05em;
  z-index: 3;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.9852941176cqw 2.0588235294cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi {
    width: 81.6cqw;
    flex-direction: column;
    gap: 2.6666666667cqw;
    margin: 4cqw auto 0;
  }
}
#wrapper .search02-section .area-navi .item {
  width: 24.5588235294cqw;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi .item {
    width: 100%;
  }
}
#wrapper .search02-section .area-navi .item a {
  display: block;
  position: relative;
  padding: 1.5073529412cqw 0;
  border-radius: 1000px;
  color: #fff;
  line-height: 1;
  font-size: 1.6176470588cqw;
  font-weight: bold;
  border: solid 0.1470588235cqw #f2921f;
  text-decoration: none;
  text-align: center;
  background: #f2921f;
  transition: background-color 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi .item a {
    padding: 3.7333333333cqw 0;
    border: solid 0.5333333333cqw #f2921f;
    font-size: 4.8cqw;
  }
}
#wrapper .search02-section .area-navi .item a::before {
  content: "";
  width: 0.8088235294cqw;
  height: 0.5882352941cqw;
  position: absolute;
  top: 50%;
  right: 6.6%;
  background: url(../image/arrow-down.png) no-repeat center/contain;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  z-index: 2;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .area-navi .item a::before {
    width: 2.9333333333cqw;
    height: 2.1333333333cqw;
    right: 3.6cqw;
  }
}
@media screen and (min-width: 621px) {
  #wrapper .search02-section .area-navi .item a:hover {
    background-color: #fff;
    color: #f2921f;
  }
  #wrapper .search02-section .area-navi .item a:hover::before {
    filter: none;
  }
}
#wrapper .search02-section .area-navi .item a.active {
  background-color: #fff;
  color: #f2921f;
}
#wrapper .search02-section .area-navi .item a.active::before {
  filter: none;
}
#wrapper .search02-section .result {
  overflow: hidden;
  width: 78.2352941176cqw;
  height: 0;
  margin: 0 auto;
  opacity: 0;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result {
    width: 81.6cqw;
  }
}
#wrapper .search02-section .result.active {
  height: auto;
  opacity: 1;
  transition: opacity 0.5s;
}
#wrapper .search02-section .result .area {
  color: #f2921f;
  line-height: 1;
  font-size: 2.9411764706cqw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin: 4.4852941176cqw auto 2.2058823529cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .area {
    font-size: 6.6666666667cqw;
    margin-top: 7.7333333333cqw;
    margin-bottom: 4.1333333333cqw;
  }
}
#wrapper .search02-section .result .list-item {
  margin-top: 2.2058823529cqw;
  display: flex;
  flex-direction: column;
  gap: 1.1764705882cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item {
    margin-top: 2.6666666667cqw;
    gap: 2.6666666667cqw;
  }
}
#wrapper .search02-section .result .list-item .item {
  display: flex;
  padding: 1.8382352941cqw 2.2058823529cqw;
  border-radius: 4.4117647059cqw;
  background: #FFFFFF;
  border: solid 0.1470588235cqw #f2921f;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item {
    display: block;
    border-radius: 4cqw;
    border: solid vwwp(2) #f2921f;
    padding: 5.3333333333cqw;
  }
}
#wrapper .search02-section .result .list-item .item .name {
  color: #f2921f;
  line-height: 1.5;
  font-size: 1.6176470588cqw;
  font-weight: bold;
  flex: 1;
  padding-left: 2.2058823529cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .name {
    margin-bottom: 5.3333333333cqw;
    font-size: 4.2666666667cqw;
    line-height: 1;
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 {
  width: 14.7058823529cqw;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 {
    width: 34.6666666667cqw;
    height: 10.6666666667cqw;
    margin: 0 auto;
  }
  #wrapper .search02-section .result .list-item .item .navi_1:first-child {
    width: 69.3333333333vw;
    margin: 0 auto 4vw;
  }
  #wrapper .search02-section .result .list-item .item .navi_1:nth-child(2) {
    width: 69.3333333333vw;
    margin: 0 auto;
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 a {
  display: block;
  position: relative;
  margin-left: auto;
  padding: 1.25cqw 0;
  border-radius: 1000px;
  color: #fff;
  line-height: 1;
  font-size: 1.1764705882cqw;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #009b63;
  transition: transform 0.25s;
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a {
    padding: 3.7333333333vw 0 4vw;
    border-radius: 13.84615385vw;
    font-size: 4.26666667vw;
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 a:hover {
  transform: scale(1.05);
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a:hover {
    transform: scale(1);
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a:active {
    transform: scale(1.05);
  }
}
#wrapper .search02-section .result .list-item .item .navi_1 a::before {
  content: "";
  width: 0.5882352941cqw;
  height: 0.5882352941cqw;
  position: absolute;
  top: 50%;
  right: 1.6911764706cqw;
  border: solid #fff;
  border-width: 0.2205882353cqw 0.2205882353cqw 0 0;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a::before {
    width: 0.625vw;
    height: 0.625vw;
    right: 1.796875vw;
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .search02-section .result .list-item .item .navi_1 a::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    right: 5.8666666667vw;
    border-width: 0.5333333333vw 0.5333333333vw 0 0;
  }
}
#wrapper .detail-btn-section {
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section {
    padding-top: 0;
    margin-top: -6.6666666667cqw;
  }
}
#wrapper .detail-btn-section__footer {
  position: absolute;
  bottom: -2px;
  right: 3.3823529412cqw;
  width: 36.25cqw;
  height: auto;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section__footer {
    width: 67.2cqw;
    right: 2.1333333333cqw;
  }
}
#wrapper .detail-btn-section .detail_btn-ttl {
  width: 15.8823529412cqw;
  margin: 4.7794117647cqw auto 0;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section .detail_btn-ttl {
    width: 28.8cqw;
    margin: 0 auto -1.3333333333cqw;
  }
}
#wrapper .detail-btn-section .detail_btn {
  width: 78.2352941176cqw;
  margin: -1.8382352941cqw auto;
  position: relative;
}
@media only screen and (max-width: 620px) {
  #wrapper .detail-btn-section .detail_btn {
    width: 100vw;
    margin: 0;
  }
}
#wrapper .detail-btn-section .detail_btn a {
  display: block;
  position: relative;
  transition: transform 0.4s ease;
}
#wrapper .detail-btn-section .detail_btn__img {
  display: block;
  width: 100%;
}
#wrapper .detail-btn-section .detail_btn__img--on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 621px) {
  #wrapper .detail-btn-section .detail_btn a:hover {
    transform: scale(1.02);
  }
  #wrapper .detail-btn-section .detail_btn a:hover .detail_btn__img--on {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */