@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
- contents_list
- column
-------------------------*/
/*=======================================
　base
=======================================*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 4.2857142857vw;
}
@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 16vw;
  }
}

body:has(.page_question) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(10%, #7EE2FD), color-stop(60%, #D8FFFE), color-stop(40%, #D8FFFE), to(#7EE2FD));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 10%, #D8FFFE 60%, #D8FFFE 40%, #7EE2FD 100%);
}
@media screen and (max-width: 768px) {
  body:has(.page_question) {
    background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(4%, #7EE2FD), color-stop(80%, #C5F9FE), to(#D8FFFE));
    background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 4%, #C5F9FE 80%, #D8FFFE 100%);
  }
}
body:has(.page_question) .page_question {
  width: 100%;
}
body:has(.page_question) .page_question .bg_cloud {
  z-index: -1;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .bg_cloud:nth-of-type(6) {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .bg_cloud:nth-of-type(7) {
    top: 138.1333333333vw;
  }
}
body:has(.page_question) .page_question .question_cloud_top {
  display: contents;
}
body:has(.page_question) .page_question .question_cloud_top > .bg_cloud {
  position: absolute;
  z-index: -1;
}
body:has(.page_question) .page_question .question_cloud_top > .bg_cloud:first-child {
  width: 19.0714285714vw;
  aspect-ratio: 267/138;
  position: absolute;
  top: 84.1428571429vw;
  left: -10.6428571429vw;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .question_cloud_top > .bg_cloud:first-child {
    top: 400vw;
  }
}
body:has(.page_question) .page_question .question_cloud_top > .bg_cloud:nth-child(2) {
  width: 16.995vw;
  aspect-ratio: 237.93/142.77;
  top: 109vw;
  right: -3.4vw;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .question_cloud_top > .bg_cloud:nth-child(2) {
    top: 373.3333333333vw;
  }
}
body:has(.page_question) .page_question .question_cloud_top > .bg_cloud:nth-child(3) {
  width: 14.1428571429vw;
  aspect-ratio: 198/86;
  top: 67.2142857143vw;
  right: -6.5714285714vw;
}
body:has(.page_question) .page_question .contents_ttl_area {
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .contents_ttl_area {
    margin-bottom: 3.4133333333vw;
  }
}
body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt {
  top: 45%;
  left: 51%;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt {
    font-size: 4.8vw;
    top: 43%;
    left: 51%;
  }
}
body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl {
  font-size: 4.4285714286vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl {
    font-size: 5.3333333333vw;
  }
}
body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl .big {
  font-size: 5.9285714286vw;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl .big {
    font-size: 8.5333333333vw;
  }
}
body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl span {
  display: inline-block;
}
body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .num_wrapper {
  top: 58%;
  left: -7.2857142857vw;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .contents_ttl_area .contents_ttl .contents_ttl_txt .num_wrapper {
    left: -8.5333333333vw;
  }
}
body:has(.page_question) .page_question .contents_intro {
  color: #183251;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4.5714285714vw;
}
@media screen and (max-width: 768px) {
  body:has(.page_question) .page_question .contents_intro {
    margin-bottom: 8vw;
  }
}

/* ===============================
.contents_list
================================== */
.contents_list {
  width: 65.7142857143vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 3vw 3.5714285714vw;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .contents_list {
    width: 86.6666666667vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 7.4666666667vw 4.5333333333vw;
  }
}
.contents_list .contents_item a {
  display: grid;
  grid-template-rows: subgrid;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .contents_list .contents_item a:hover {
    opacity: 1;
  }
  .contents_list .contents_item a:hover .item_img::after {
    border: 0.5714285714vw solid #FFF;
  }
  .contents_list .contents_item a:hover .item_img .item_arrow {
    background: #fff;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .contents_list .contents_item a:hover {
    opacity: 1;
  }
  .contents_list .contents_item a:hover .item_img::after {
    border: 0.5714285714vw solid #FFF;
  }
  .contents_list .contents_item a:hover .item_img .item_arrow {
    background: #fff;
  }
}
.contents_list .contents_item a .item_img {
  border-radius: 1.4285714286vw;
  -webkit-box-shadow: 0.2142857143vw 0.2142857143vw 0.4285714286vw rgba(0, 0, 0, 0.16);
          box-shadow: 0.2142857143vw 0.2142857143vw 0.4285714286vw rgba(0, 0, 0, 0.16);
  margin-bottom: 1.4285714286vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contents_list .contents_item a .item_img {
    border-radius: 2.6666666667vw;
    -webkit-box-shadow: 0.8vw 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
            box-shadow: 0.8vw 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
    margin-bottom: 4vw;
  }
}
.contents_list .contents_item a .item_img::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: 0.5714285714vw solid #FFD737;
  border-radius: 1.4285714286vw;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .contents_list .contents_item a .item_img::after {
    border: 1.0666666667vw solid #FFD737;
    border-radius: 2.6666666667vw;
  }
}
.contents_list .contents_item a .item_img > img {
  border-radius: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .contents_list .contents_item a .item_img > img {
    border-radius: 2.6666666667vw;
  }
}
.contents_list .contents_item a .item_img .item_arrow {
  width: 4.6428571429vw;
  aspect-ratio: 1/1;
  border-radius: 0.7142857143vw 0 1.4285714286vw 0;
  background: #FFD737;
  display: grid;
  place-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .contents_list .contents_item a .item_img .item_arrow {
    width: 9.8666666667vw;
    border-radius: 1.3333333333vw 0 2.6666666667vw 0;
  }
}
.contents_list .contents_item a .item_img .item_arrow img {
  width: 1.8571428571vw;
}
@media screen and (max-width: 768px) {
  .contents_list .contents_item a .item_img .item_arrow img {
    width: 3.7333333333vw;
  }
}
.contents_list .contents_item a .item_ttl {
  font-family: var(--murecho);
  color: #183251;
  font-size: 1.7142857143vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .contents_list .contents_item a .item_ttl {
    font-size: 4.2666666667vw;
  }
}
.contents_list .contents_item a .item_ttl .ruby .rt {
  font-size: 0.4em;
  top: -0.5em;
}

.page_question .link_area.question_links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.7142857143vw;
}
@media screen and (max-width: 768px) {
  .page_question .link_area.question_links {
    gap: 8vw;
  }
}
.page_question .link_area.question_links .more_btn {
  background: #0493DC;
  color: #fff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .page_question .link_area.question_links .more_btn:hover {
    opacity: 0.8;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .page_question .link_area.question_links .more_btn:hover {
    opacity: 0.8;
  }
}
.page_question .link_area.question_links .more_btn .link_txt {
  color: #fff;
}
.page_question .link_area.question_links .more_btn .arrow.cross img {
  width: 0.9285714286vw;
  height: 0.9285714286vw;
  rotate: 90deg;
}
@media screen and (max-width: 768px) {
  .page_question .link_area.question_links .more_btn .arrow.cross img {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.page_question .contents_item.is-hidden {
  display: none;
}

/* ===============================
column
================================== */
:where(.column) .column_content {
  width: 65.7142857143vw;
  background: #fff;
  border-radius: 2.8571428571vw;
  padding: 4.2857142857vw 5.7142857143vw 5.7142857143vw;
  margin-inline: auto;
  -webkit-box-shadow: 0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content {
    width: 86.6666666667vw;
    padding: 8vw 5.8666666667vw 16vw;
    -webkit-box-shadow: 0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16);
  }
}
:where(.column) .column_content .ttl_ellipse {
  margin-bottom: 3.5vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .ttl_ellipse {
    gap: 4.2666666667vw;
    margin-bottom: 8vw;
  }
}
:where(.column) .column_content .ttl_ellipse .q {
  font-family: var(--jost);
  color: #fff;
  font-size: 2.5714285714vw;
  font-weight: 500;
  line-height: 3.7857142857vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .ttl_ellipse .q {
    font-size: 4.8vw;
    line-height: 2.5;
  }
}
:where(.column) .column_content .ttl_ellipse .q::before {
  content: "";
  display: block;
  width: 4vw;
  aspect-ratio: 56/64;
  background: center/100% 100% url(../img/question/ellipse.svg) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .ttl_ellipse .q::before {
    width: 8vw;
  }
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .ttl_ellipse .ttl {
    font-size: 6.4vw;
  }
}
:where(.column) .column_content .ttl_ellipse .ttl.nowrap {
  white-space: nowrap;
}
:where(.column) .column_content .column_main_img {
  width: 23.8571428571vw;
  aspect-ratio: 1/1;
  margin-inline: auto;
  margin-bottom: 4.2857142857vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_main_img {
    width: 61.3333333333vw;
    margin-bottom: 8vw;
  }
}
:where(.column) .column_content .column_main_img::before {
  content: "";
  display: block;
  width: 12.8571428571vw;
  aspect-ratio: 180/218;
  background: center/100% 100% url(../img/question/cat_surprise.png) no-repeat;
  position: absolute;
  right: -15.2142857143vw;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_main_img::before {
    display: none;
  }
}
:where(.column) .column_content .column_main_img img {
  border-radius: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_main_img img {
    border-radius: 5.3333333333vw;
  }
}
:where(.column) .column_content .column_sttl {
  font-family: var(--murecho);
  color: #183251;
  font-size: 2.1428571429vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.75;
  border-radius: 0.3571428571vw;
  background: #FFE6E6;
  padding: 0.3214285714vw 0 0.3214285714vw 1.8571428571vw;
  margin-bottom: 3vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_sttl {
    font-size: 5.3333333333vw;
    border-radius: 0.8vw;
    padding: 1.8666666667vw 0 1.8666666667vw 3.4666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
:where(.column) .column_content .column_sttl::before {
  content: "";
  display: block;
  width: 0.4285714286vw;
  aspect-ratio: 6/36;
  background: #FF5353;
  position: absolute;
  top: 1.2142857143vw;
  left: 0;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_sttl::before {
    width: 0.8vw;
    top: 4.8vw;
  }
}
:where(.column) .column_content .column_sttl .big {
  font-size: 2.4285714286vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_sttl .big {
    font-size: 5.8666666667vw;
  }
}
:where(.column) .column_content .column_sttl .ruby .rt {
  font-size: 0.4em;
  top: -0.5em;
}
:where(.column) .column_content .column_sttl .ruby:has(.big) .rt {
  top: 0;
}
:where(.column) .column_content .column_txt {
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2.7777777778;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_txt {
    font-size: 4.2666666667vw;
    line-height: 2.25;
  }
}
:where(.column) .column_content .column_txt .highlight {
  color: #FF3A3A;
  font-size: 1.2857142857vw;
  font-weight: 900;
  padding-top: 0.7em;
  padding-bottom: 0.1428571429vw;
  margin-inline: 0;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_txt .highlight {
    font-size: 4.2666666667vw;
    padding: 0.3em 0 0;
  }
}
:where(.column) .column_content .column_txt .highlight.left-short {
  padding-left: 0;
}
:where(.column) .column_content .column_txt .highlight.right-short {
  padding-right: 0;
}
:where(.column) .column_content .column_txt .ruby .rt {
  top: -0.4em;
}
:where(.column) .column_content .column_c2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.7857142857vw;
  margin-bottom: 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_c2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
:where(.column) .column_content .column_c2 .column_c2_img {
  width: 23.8571428571vw;
  border-radius: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_c2 .column_c2_img {
    width: 61.3333333333vw;
    border-radius: 1.3333333333vw;
    margin-inline: auto;
  }
}
:where(.column) .column_content .column_item {
  margin-bottom: 2vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_item {
    margin-bottom: 5.3333333333vw;
  }
}
:where(.column) .column_content .column_ssttl {
  font-family: var(--murecho);
  color: #183251;
  font-size: 1.8571428571vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding-left: 1.5vw;
  margin-bottom: 1.4285714286vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ssttl {
    font-size: 4.8vw;
    padding-left: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
:where(.column) .column_content .column_ssttl::before, :where(.column) .column_content .column_ssttl::after {
  content: "";
  display: block;
  width: 0.2857142857vw;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ssttl::before, :where(.column) .column_content .column_ssttl::after {
    width: 0.5333333333vw;
  }
}
:where(.column) .column_content .column_ssttl::before {
  height: 2.5714285714vw;
  background: #FFC1C1;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ssttl::before {
    height: 6.4vw;
  }
}
:where(.column) .column_content .column_ssttl::after {
  height: 1.2857142857vw;
  background: #FF5353;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ssttl::after {
    height: 3.2vw;
  }
}
:where(.column) .column_content .column_ssttl .ruby .rt {
  font-size: 0.4em;
  top: -1em;
}
:where(.column) .column_content .column_dotted-area {
  position: relative;
  padding: 2vw;
  margin-bottom: 1.5714285714vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_dotted-area {
    padding: 6.6666666667vw 4vw;
    margin-bottom: 5.3333333333vw;
  }
}
:where(.column) .column_content .column_dotted-area .bg_dotted {
  color: #FF5353;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
:where(.column) .column_content .column_dotted-area .bg_dotted rect {
  rx: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_dotted-area .bg_dotted rect {
    rx: 5.3333333333vw;
  }
}
:where(.column) .column_content .column_ordered_list .column_ordered_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8571428571vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ordered_list .column_ordered_item {
    gap: 3.2vw;
  }
}
:where(.column) .column_content .column_ordered_list .column_ordered_item:not(:last-child)::after {
  content: "";
  display: block;
  width: 1.1428571429vw;
  aspect-ratio: 16/11;
  background: #FF5353;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -1.1428571429vw;
  left: 0.9285714286vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ordered_list .column_ordered_item:not(:last-child)::after {
    width: 3.2vw;
    bottom: -2.6666666667vw !important;
    left: 1.8666666667vw;
  }
}
:where(.column) .column_content .column_ordered_list .column_ordered_item .num {
  font-family: var(--jost);
  color: #FF5353;
  font-size: 1.5714285714vw;
  font-weight: 800;
  width: 3vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 1/1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: grid;
  place-content: center;
  border-radius: 9999px;
  border: 1px solid currentColor;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .column_ordered_list .column_ordered_item .num {
    font-size: 3.7333333333vw;
    width: 6.9333333333vw;
  }
}
:where(.column) .column_content .column_ordered_list .column_ordered_item .num .num_inner {
  translate: 0 1px;
}
:where(.column) .column_content .column_ordered_list .column_ordered_item .column_txt {
  line-height: 2;
}
:where(.column) .column_content .character_comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
:where(.column) .column_content .character_comment.sky .comment_wrapper .comment_txt {
  font-size: 1.2857142857vw;
  line-height: 2.25;
  text-align: left;
  background: #B5ECFF;
  padding: 2vw 2.3571428571vw;
}
@media screen and (max-width: 768px) {
  :where(.column) .column_content .character_comment.sky .comment_wrapper .comment_txt {
    font-size: 4.2666666667vw;
    padding: 3.7333333333vw 4.2666666667vw;
  }
}
:where(.column) .column_content .character_comment.sky .comment_wrapper .comment_txt::before {
  background: #B5ECFF;
}
:where(.column) .column_content .character_comment img {
  position: static;
}
:where(.column) .link_area.column_link .link_btn.back {
  color: #fff;
  background: #183251;
}
:where(.column) .link_area.column_link .link_btn.back .arrow img {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  rotate: 180deg;
}

.column_dotted-area.column01 {
  margin-bottom: 1.5714285714vw;
}
@media screen and (max-width: 768px) {
  .column_dotted-area.column01 {
    margin-bottom: 5.3333333333vw;
  }
}
.column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:first-child {
  margin-bottom: 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:first-child {
    margin-bottom: 5.3333333333vw;
  }
}
.column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:first-child::after {
  bottom: -1.8571428571vw;
}
@media screen and (max-width: 768px) {
  .column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:first-child::after {
    bottom: -5.3333333333vw;
  }
}
.column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:nth-child(2) {
  margin-bottom: 1.1428571429vw;
}
@media screen and (max-width: 768px) {
  .column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:nth-child(2) {
    margin-bottom: 5.3333333333vw;
  }
}
.column_dotted-area.column01 .column_ordered_list.column01 .column_ordered_item:nth-child(2)::after {
  bottom: -1.0714285714vw;
}

.character_comment.column_comment {
  gap: 2.2142857143vw;
}
@media screen and (max-width: 768px) {
  .character_comment.column_comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.character_comment.column_comment img {
  width: 12.7142857143vw;
  height: auto;
  aspect-ratio: 178/204;
  scale: -1 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media screen and (max-width: 768px) {
  .character_comment.column_comment img {
    width: 32vw;
    margin-inline: auto;
  }
}/*# sourceMappingURL=question.css.map */