@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
- modal_area
- modal
-------------------------*/
/*=======================================
　base
=======================================*/
body:has(.structure) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(55%, #7EE2FD), to(#D8FFFE));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 55%, #D8FFFE 100%);
}
@media screen and (max-width: 768px) {
  body:has(.structure) {
    background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(20%, #7EE2FD), color-stop(80%, #C5F9FE), to(#D8FFFE));
    background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 20%, #C5F9FE 80%, #D8FFFE 100%);
  }
}
body:has(.structure) .structure .contents_intro {
  width: auto;
  margin-bottom: 5.3571428571vw;
}
@media screen and (max-width: 768px) {
  body:has(.structure) .structure .contents_intro {
    margin-bottom: 6.6666666667vw;
  }
}

#exclamation_blue path, #exclamation_blue text, #exclamation_blue * {
  -webkit-transition: fill 0.5s ease;
  transition: fill 0.5s ease;
}

.contents_ttl .contents_ttl_txt .num_wrapper {
  top: 55%;
}

/* ===========
modal_area
============= */
.modal_area {
  position: relative;
  z-index: 1;
}
.modal_area .inner {
  width: 77.1428571429vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner {
    width: 86.6666666667vw;
  }
}
.modal_area .inner .area_desc_wrapper {
  width: 45.7857142857vw;
  height: 5vw;
  display: grid;
  place-content: center;
  background: #FFD737;
  border-radius: 71.4285714286vw;
  margin-inline: auto;
  margin-bottom: -2.5vw;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .area_desc_wrapper {
    width: 77.8666666667vw;
    height: 17.3333333333vw;
    margin-bottom: -11.2vw;
  }
}
.modal_area .inner .area_desc_wrapper .area_desc {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6428571429vw;
  translate: -0.6428571429vw 0;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .area_desc_wrapper .area_desc {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.modal_area .inner .area_desc_wrapper .area_desc .exclamation {
  width: 3.5vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .area_desc_wrapper .area_desc .exclamation {
    width: 6.1333333333vw;
  }
}
.modal_area .inner .area_desc_wrapper .area_desc .area_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 2.1428571429vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .area_desc_wrapper .area_desc .area_ttl {
    font-size: 4.8vw;
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .modal_area .inner .area_desc_wrapper .area_desc .area_ttl .area_ttl_second {
    display: inline-block;
    translate: -0.5em 0;
  }
}
.modal_area .inner .modal_map_wrapper {
  background: #fff;
  border-radius: 2.8571428571vw;
  padding: 6.0714285714vw 5.6428571429vw 3.6428571429vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.7142857143vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper {
    grid-template-columns: 1fr;
    border-radius: 2.6666666667vw;
    padding: 19.2vw 4.2666666667vw 8vw;
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map {
    position: relative;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 2vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  text-align: center;
  margin-bottom: 2.7142857143vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 0;
    position: absolute;
    top: 3.2vw;
    left: 3.7333333333vw;
    z-index: 1;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_ttl .ruby .rt {
  top: -1.25em;
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img {
  position: relative;
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list {
  position: absolute;
  inset: 0;
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-clip-path: circle(50%);
          clip-path: circle(50%);
  position: absolute;
  --exclamation_circle: #0493dc;
  --exclamation_mark: #fff;
  opacity: unset !important;
  -webkit-transition: scale 0.3s ease;
  transition: scale 0.3s ease;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn:hover {
    scale: 1.25;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn:hover {
    scale: 1.25;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn .modal_icon {
  width: 4.0714285714vw;
  height: 4.0714285714vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn .modal_icon {
    width: 10.4vw;
    height: 10.4vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_01 {
  top: 1.2785714286vw;
  left: 8.5357142857vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_01 {
    top: 2.6666666667vw;
    left: 21.4666666667vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_02 {
  top: 0.6071428571vw;
  left: 7.5285714286vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_02 {
    top: 2.4vw;
    left: 18.6666666667vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_03 {
  top: 3.2142857143vw;
  left: 23.5714285714vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_03 {
    top: 8.2666666667vw;
    left: 58.9333333333vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_04 {
  top: 17.1428571429vw;
  left: 24.4285714286vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_04 {
    top: 43.2vw;
    left: 61.3333333333vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_05 {
  top: 11.4285714286vw;
  left: 0.75vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_05 {
    top: 28.5333333333vw;
    left: 1.8666666667vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_06 {
  top: 19.0785714286vw;
  left: 9.1071428571vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_06 {
    top: 47.7333333333vw;
    left: 22.9333333333vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_07 {
  top: 16.4285714286vw;
  left: 1.3857142857vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_07 {
    top: 41.3333333333vw;
    left: 3.2vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_08 {
  top: 5.3571428571vw;
  left: 3.5714285714vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_08 {
    top: 13.6vw;
    left: 8.8vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_09 {
  top: 19.5vw;
  left: 19.0285714286vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_09 {
    top: 49.0666666667vw;
    left: 47.7333333333vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_10 {
  top: 6.0214285714vw;
  left: 3.1142857143vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_10 {
    top: 16vw;
    left: 7.7333333333vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_11 {
  top: 18.9285714286vw;
  left: 6.25vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_11 {
    top: 48vw;
    left: 15.4666666667vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_12 {
  top: 15.2857142857vw;
  left: 18.5428571429vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_12 {
    top: 38.4vw;
    left: 46.4vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_13 {
  top: 9.7571428571vw;
  left: 20.4928571429vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_13 {
    top: 25.3333333333vw;
    left: 51.4666666667vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_14 {
  top: 20.1428571429vw;
  left: 25.5785714286vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_14 {
    top: 50.9333333333vw;
    left: 64vw;
  }
}
.modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_15 {
  top: 0.5714285714vw;
  left: 22.5714285714vw;
}
@media screen and (max-width: 768px) {
  .modal_area .inner .modal_map_wrapper .modal_map .map_img .modal_list .modal_item .modaal-btn.btn_15 {
    top: 1.3333333333vw;
    left: 56.5333333333vw;
  }
}

/* ========
modal
===========*/
/* モーダル開く時 */
.modaal-wrapper.modaal-start {
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

/* モーダル閉じる時 */
.modaal-wrapper {
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

.modaal-overlay {
  background: #0493DC !important;
  opacity: 0.9 !important;
}

.modaal-container {
  width: auto;
  max-width: none;
  border-radius: 2.7857142857vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .modaal-container {
    border-radius: 2.6666666667vw;
  }
}
.modaal-container .modaal-content-container {
  padding: 0;
}

.modaal-close {
  display: none;
}

.detail_inner {
  width: 65.7142857143vw;
  padding: 4.1428571429vw 4.2857142857vw 4.2857142857vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .detail_inner {
    width: 86.6666666667vw;
    padding: 6.6666666667vw;
  }
}
.detail_inner::before {
  content: "";
  display: block;
  width: 11.2857142857vw;
  aspect-ratio: 1/1;
  background: #FFD737;
  border-radius: 9999px;
  position: absolute;
  top: -4.4285714286vw;
  right: -4.1428571429vw;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .detail_inner::before {
    width: 24vw;
    top: -9.3333333333vw;
    right: -8.8vw;
  }
}
.detail_inner .detail_top {
  display: grid;
  grid-template-columns: 20vw 33.8571428571vw;
  gap: 3.2857142857vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top > img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area {
    display: contents;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1;
  gap: 0.6428571429vw;
  margin-bottom: 1.2857142857vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 1.0666666667vw;
    margin-bottom: 3.2vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl img {
  width: 3.1428571429vw;
  height: 3.6428571429vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl img {
    width: 7.7333333333vw;
    height: 9.3333333333vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl span {
  color: #183251;
  font-family: var(--murecho);
  letter-spacing: 0.03em;
}
.detail_inner .detail_top .detail_txt_area .detail_ttl span.name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.2857142857vw;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl span.name {
    padding-top: 0.5333333333vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl span.name > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  translate: 0 5%;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl span.name {
    font-size: 5.3333333333vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl span.kana {
  font-size: 1.8571428571vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl span.kana {
    font-size: 4.2666666667vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl span.parentheses {
  font-size: 1.8571428571vw;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl span.parentheses {
    font-size: 3.7333333333vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_ttl span.parentheses:first-of-type {
  margin-left: 0.5vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_ttl span.parentheses:first-of-type {
    margin-left: 0.8vw;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_txt {
  font-family: var(--zenmarugothic);
  font-size: 1.4285714286vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_txt {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    font-size: 3.7333333333vw;
    line-height: 2.25;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_txt .txt_overflow {
  display: inline-block;
  margin-bottom: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_top .detail_txt_area .detail_txt .txt_overflow {
    display: block;
    width: 110%;
  }
}
.detail_inner .detail_top .detail_txt_area .detail_txt .lightblue {
  color: #0493DC;
  font-weight: 900;
}
.detail_inner .detail_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5714285714vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.detail_inner .detail_bottom img {
  width: 10.4285714286vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_bottom img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 23.4666666667vw;
    margin-top: -1.6vw;
    margin-inline: auto;
    position: relative;
    z-index: 1;
  }
}
.detail_inner .detail_bottom .comment_wrapper {
  padding-top: 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_bottom .comment_wrapper {
    padding-top: 0;
  }
}
.detail_inner .detail_bottom .comment_wrapper .detail_comment {
  color: #183251;
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 700;
  line-height: 2;
  width: 42.6428571429vw;
  border-radius: 0.7142857143vw;
  background: #B5ECFF;
  padding: 1.7857142857vw 2.6428571429vw 1.7857142857vw 3.1428571429vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_bottom .comment_wrapper .detail_comment {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 3.4666666667vw;
    width: 73.0666666667vw;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    line-height: 2 !important;
    border-radius: 2.6666666667vw;
    padding: 5.3333333333vw;
    translate: 0;
  }
}
.detail_inner .detail_bottom .comment_wrapper .detail_comment::before {
  content: "";
  display: block;
  width: 1.8571428571vw;
  height: 1.8571428571vw;
  background: center/cover url(../img/common/fukidashi.svg) no-repeat;
  position: absolute;
  top: 1.7857142857vw;
  left: -1.7857142857vw;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_bottom .comment_wrapper .detail_comment::before {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    -webkit-transform: scale(1, -1) rotate(90deg);
        -ms-transform: scale(1, -1) rotate(90deg);
            transform: scale(1, -1) rotate(90deg);
    top: auto;
    bottom: -6.9333333333vw;
    left: 13.3333333333vw;
  }
}
.detail_inner.detail_01 .detail_comment {
  height: 8vw;
}
@media screen and (max-width: 768px) {
  .detail_inner.detail_01 .detail_comment {
    height: 23.4666666667vw;
  }
}
.detail_inner.detail_01 .detail_bottom img {
  height: 9.4285714286vw;
}
@media screen and (max-width: 768px) {
  .detail_inner.detail_01 .detail_bottom img {
    height: auto;
  }
}
.detail_inner.detail_02 .detail_comment {
  height: 5.3571428571vw;
  line-height: 1.3;
}
.detail_inner.detail_03 .detail_comment {
  height: 7.7142857143vw;
}
.detail_inner.detail_04 .detail_comment {
  height: 7.7142857143vw;
}
.detail_inner.detail_05 .detail_comment {
  height: 7.7142857143vw;
}
.detail_inner.detail_06 .detail_comment {
  height: 10.2857142857vw;
}
.detail_inner.detail_06 .detail_bottom img {
  height: 9.4285714286vw;
}
@media screen and (max-width: 768px) {
  .detail_inner.detail_06 .detail_bottom img {
    height: auto;
  }
}
.detail_inner.detail_07 .detail_comment {
  height: 10.1428571429vw;
}
.detail_inner.detail_07 .detail_bottom img {
  height: 9.4285714286vw;
}
@media screen and (max-width: 768px) {
  .detail_inner.detail_07 .detail_bottom img {
    height: auto;
  }
}
.detail_inner.detail_08 .detail_comment {
  height: 10vw;
}
.detail_inner.detail_08 .detail_bottom img {
  height: 9.4285714286vw;
}
@media screen and (max-width: 768px) {
  .detail_inner.detail_08 .detail_bottom img {
    height: auto;
  }
}
.detail_inner.detail_09 .detail_comment {
  height: 5.3571428571vw;
  line-height: 1.3;
}
.detail_inner.detail_10 .detail_comment {
  height: 7.7857142857vw;
}
.detail_inner.detail_10 .detail_comment {
  height: 7.7857142857vw;
}
.detail_inner.detail_11 .detail_comment {
  height: 7.7142857143vw;
}
.detail_inner.detail_12 .detail_comment {
  height: 5.3571428571vw;
  line-height: 1.3;
}
.detail_inner.detail_13 .detail_comment {
  height: 7.7142857143vw;
}
.detail_inner.detail_14 .detail_comment {
  height: 5.3571428571vw;
}
.detail_inner.detail_15 .detail_comment {
  height: 5.3571428571vw;
  line-height: 1.3;
}
.detail_inner .detail_close_btn {
  color: #183251;
  font-family: var(--zenmarugothic);
  font-size: 1.1428571429vw;
  font-weight: 700;
  text-align: center;
  width: 6.4285714286vw;
  height: 6.4285714286vw;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-clip-path: circle(79% at calc(50% + 1.5vw) calc(50% - 1.5vw));
          clip-path: circle(79% at calc(50% + 1.5vw) calc(50% - 1.5vw));
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_close_btn {
    font-size: 2.1333333333vw;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    -webkit-clip-path: circle(82% at calc(50% + 2.8571428571vw) calc(50% - 2.8571428571vw));
            clip-path: circle(82% at calc(50% + 2.8571428571vw) calc(50% - 2.8571428571vw));
  }
}
.detail_inner .detail_close_btn .close_icon {
  display: block;
  width: 1.6428571429vw;
  height: 1.5714285714vw;
  margin-inline: auto;
  margin-bottom: 0.2142857143vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_close_btn .close_icon {
    width: 4vw;
    height: 4vw;
    margin-bottom: 0.5333333333vw;
  }
}
.detail_inner .detail_close_btn .close_icon::before, .detail_inner .detail_close_btn .close_icon::after {
  content: "";
  display: block;
  width: 2vw;
  height: 0.2142857143vw;
  background: #183251;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
@media screen and (max-width: 768px) {
  .detail_inner .detail_close_btn .close_icon::before, .detail_inner .detail_close_btn .close_icon::after {
    width: 4.2666666667vw;
    height: 0.5333333333vw;
  }
}
.detail_inner .detail_close_btn .close_icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.detail_inner .detail_close_btn .close_icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}/*# sourceMappingURL=structure.css.map */