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

body:has(.examination) .examination .bg_cloud:nth-of-type(6), body:has(.examination) .examination .bg_cloud:nth-of-type(7), body:has(.examination) .examination .bg_cloud:nth-of-type(8) {
  display: none;
}
body:has(.examination) .examination .contents_ttl_area {
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .contents_ttl_area {
    margin-bottom: 3.4133333333vw;
  }
}
body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt {
  left: 52%;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt {
    font-size: 4.8vw;
    left: 55%;
  }
}
body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl {
  font-size: 5.9285714286vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl {
    font-size: 6.6666666667vw;
  }
}
body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl > span {
  font-size: 4.4285714286vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt .ttl > span {
    font-size: 4.8vw;
  }
}
body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt .num_wrapper {
  left: -7.8571428571vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .contents_ttl_area .contents_ttl .contents_ttl_txt .num_wrapper {
    left: -10.6666666667vw;
  }
}
body:has(.examination) .examination .contents_intro {
  color: #183251;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5.2142857143vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .contents_intro {
    margin-bottom: 10.6666666667vw;
  }
}
body:has(.examination) .examination .tab_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0714285714vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 9.3214285714vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .tab_area {
    gap: 2.6666666667vw;
    margin-bottom: 16vw;
  }
}
body:has(.examination) .examination .tab_area .link_tab {
  color: #183251;
  font-family: var(--murecho);
  font-size: 2.2857142857vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4375;
  width: 18.5714285714vw;
  height: 5.2857142857vw;
  background: #fff;
  border-radius: 0.7142857143vw 0.7142857143vw 0 0;
  padding-top: 0.8571428571vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .tab_area .link_tab {
    font-size: 3.7333333333vw;
    width: 26.6666666667vw;
    height: 8.5333333333vw;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    padding-top: 1.0666666667vw;
  }
}
body:has(.examination) .examination .tab_area .link_tab:not(.current) {
  opacity: 0.5;
}
body:has(.examination) .examination .tab_area .link_tab::after {
  content: "";
  display: block;
  width: 1.6428571429vw;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.8571428571vw;
  -webkit-clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .tab_area .link_tab::after {
    width: 3.2vw;
    bottom: -2.4vw;
  }
}
body:has(.examination) .examination .tab_area .link_tab.tab_pur {
  border-bottom: 0.3571428571vw solid #0EAE56;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .tab_area .link_tab.tab_pur {
    border-bottom: 1.3333333333vw solid #0EAE56;
  }
}
body:has(.examination) .examination .tab_area .link_tab.tab_pur::after {
  background: #0EAE56;
}
body:has(.examination) .examination .tab_area .link_tab.tab_met {
  border-bottom: 0.3571428571vw solid #FF5353;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .tab_area .link_tab.tab_met {
    border-bottom: 1.3333333333vw solid #FF5353;
  }
}
body:has(.examination) .examination .tab_area .link_tab.tab_met::after {
  background: #FF5353;
}
body:has(.examination) .examination .tab_area .link_tab.tab_too {
  border-bottom: 0.3571428571vw solid #0493DC;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .tab_area .link_tab.tab_too {
    border-bottom: 1.3333333333vw solid #0493DC;
  }
}
body:has(.examination) .examination .tab_area .link_tab.tab_too::after {
  background: #0493DC;
}
body:has(.examination) .examination .question {
  margin-bottom: 3.4285714286vw;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .question {
    margin-bottom: 10.6666666667vw;
  }
}
body:has(.examination) .examination .question .q_question {
  background: #0EAE56;
}
@media screen and (max-width: 768px) {
  body:has(.examination) .examination .question .q_ttl {
    font-size: 5.8666666667vw;
  }
}
body:has(.examination) .examination .question .ball {
  background: #0EAE56;
}
body:has(.examination):has(.purpose) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(10%, #7EE2FD), color-stop(40%, #D8FFFE), to(#7EE2FD));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 10%, #D8FFFE 40%, #7EE2FD 100%);
}
body:has(.examination):has(.method) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(7%, #7EE2FD), color-stop(25%, #D8FFFE), color-stop(45%, #D8FFFE), to(#7EE2FD));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 7%, #D8FFFE 25%, #D8FFFE 45%, #7EE2FD 100%);
}
body:has(.examination):has(.tools) {
  background: -webkit-gradient(linear, left top, left bottom, from(#1CC3FB), color-stop(5%, #7EE2FD), color-stop(30%, #D8FFFE), color-stop(45%, #D8FFFE), to(#7EE2FD));
  background: linear-gradient(to bottom, #1CC3FB 0%, #7EE2FD 5%, #D8FFFE 30%, #D8FFFE 45%, #7EE2FD 100%);
}

/*=======================================
　purpose
=======================================*/
@media screen and (max-width: 768px) {
  .purpose .character_comment {
    translate: 0 0;
  }
}
@media screen and (max-width: 768px) {
  .purpose .character_comment.right {
    translate: 0 0;
  }
}
.purpose .character_comment .comment_wrapper .comment_txt {
  color: #183251;
  line-height: 2;
  padding: 1.7857142857vw 2.5vw 1.2857142857vw;
}
@media screen and (max-width: 768px) {
  .purpose .character_comment .comment_wrapper .comment_txt {
    width: 86.6666666667vw;
    padding: 4.2666666667vw 5.3333333333vw 3.2vw;
  }
}
.purpose .character_comment .comment_wrapper .comment_txt .ruby .rt {
  top: -0.75em;
}
.purpose .purpose_character01 {
  margin-bottom: 2.7857142857vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_character01 {
    margin-bottom: 28.8vw;
  }
}
.purpose .purpose_character01 img {
  width: 9.7142857143vw;
  height: 9.7142857143vw;
  left: -12.9285714286vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_character01 img {
    width: 23.4666666667vw;
    height: 23.4666666667vw;
    left: 50%;
  }
}
@media screen and (max-width: 768px) {
  .purpose .purpose_character01 .comment_wrapper .comment_txt {
    padding-top: 2.6666666667vw;
  }
}
.purpose .purpose_character02 {
  margin-bottom: 7.3571428571vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_character02 {
    margin-bottom: 39.2vw;
  }
}
.purpose .purpose_character02 img {
  width: 10.7857142857vw;
  height: 14.3571428571vw;
  right: -14vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_character02 img {
    width: 20.1333333333vw;
    height: 26.8vw;
    right: auto;
    left: 50%;
    bottom: -29.8666666667vw;
  }
}
.purpose .purpose_character02 .comment_wrapper {
  padding-top: 0;
}
.purpose .purpose_content_list {
  width: 88.5714285714vw;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list {
    width: 100%;
  }
}
.purpose .purpose_content_list .content_item {
  border-radius: 2.8571428571vw;
  padding: 5.1428571429vw 5.6428571429vw 0 5.7142857143vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.2857142857vw;
  overflow: hidden;
  -webkit-filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.2));
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item {
    border-radius: 5.3333333333vw;
    padding: 5.8666666667vw 6.6666666667vw 6.6666666667vw;
    display: block;
  }
}
.purpose .purpose_content_list .content_item::before {
  content: "";
  position: absolute;
  inset: 4px 4px;
  border-radius: 2.8571428571vw;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item::before {
    border-radius: 5.3333333333vw;
    inset: 2px 2px;
  }
}
.purpose .purpose_content_list .content_item::after {
  font-family: var(--jost);
  font-size: 18.5vw;
  font-weight: 600;
  line-height: 1.444015444;
  opacity: 0.65;
  position: absolute;
  top: -8.0714285714vw;
  left: 1.1428571429vw;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item::after {
    font-size: 37.0666666667vw;
    top: -14.9333333333vw;
  }
}
.purpose .purpose_content_list .content_item.item_01 {
  background: #FFEA81;
}
.purpose .purpose_content_list .content_item.item_01::before {
  background: radial-gradient(circle, #FFDD33 0.2142857143vw, transparent 0.2142857143vw) 0.2142857143vw 0.2142857143vw/1.7857142857vw 2.8571428571vw, radial-gradient(circle, #FFDD33 0.2142857143vw, transparent 0.2142857143vw) 1.1071428571vw 1.6428571429vw/1.7857142857vw 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_01::before {
    background: radial-gradient(circle, #FFDD33 0.8vw, transparent 0.9333333333vw) 0 0/6.6666666667vw 8.5333333333vw, radial-gradient(circle, #FFDD33 0.8vw, transparent 0.9333333333vw) 3.4666666667vw 4.2666666667vw/6.6666666667vw 8.5333333333vw;
  }
}
.purpose .purpose_content_list .content_item.item_01::after {
  content: "01";
  color: #FFCD03;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_01 .item_left img {
    translate: 10% 0;
  }
}
.purpose .purpose_content_list .content_item.item_01 .item_right {
  padding-bottom: 5.1428571429vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_01 .item_right {
    padding-bottom: 0;
  }
}
.purpose .purpose_content_list .content_item.item_02 {
  background: #49C983;
}
.purpose .purpose_content_list .content_item.item_02::before {
  background: radial-gradient(circle, #3DC179 0.2142857143vw, transparent 0.2142857143vw) 0.2142857143vw 0.2142857143vw/1.7857142857vw 2.8571428571vw, radial-gradient(circle, #3DC179 0.2142857143vw, transparent 0.2142857143vw) 1.1071428571vw 1.6428571429vw/1.7857142857vw 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_02::before {
    background: radial-gradient(circle, #3DC179 0.8vw, transparent 0.9333333333vw) 0 0/6.6666666667vw 8.5333333333vw, radial-gradient(circle, #3DC179 0.8vw, transparent 0.9333333333vw) 3.4666666667vw 4.2666666667vw/6.6666666667vw 8.5333333333vw;
  }
}
.purpose .purpose_content_list .content_item.item_02::after {
  content: "02";
  color: #29AB63;
  letter-spacing: -0.07em;
}
.purpose .purpose_content_list .content_item.item_02 .item_right {
  padding-bottom: 5.1428571429vw;
}
.purpose .purpose_content_list .content_item.item_02 .item_left .item_ttl {
  color: #fff;
}
.purpose .purpose_content_list .content_item.item_02 .item_left img {
  margin-bottom: -4px;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_02 .item_left img {
    translate: 10% 0;
  }
}
.purpose .purpose_content_list .content_item.item_03 {
  background: #0EAE56;
}
.purpose .purpose_content_list .content_item.item_03::before {
  background: radial-gradient(circle, #169F48 0.2142857143vw, transparent 0.2142857143vw) 0.2142857143vw 0.2142857143vw/1.7857142857vw 2.8571428571vw, radial-gradient(circle, #169F48 0.2142857143vw, transparent 0.2142857143vw) 1.1071428571vw 1.6428571429vw/1.7857142857vw 2.8571428571vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_03::before {
    background: radial-gradient(circle, #169F48 0.8vw, transparent 0.9333333333vw) 0 0/6.6666666667vw 8.5333333333vw, radial-gradient(circle, #169F48 0.8vw, transparent 0.9333333333vw) 3.4666666667vw 4.2666666667vw/6.6666666667vw 8.5333333333vw;
  }
}
.purpose .purpose_content_list .content_item.item_03::after {
  content: "03";
  color: #1B8A4C;
  letter-spacing: -0.027027027em;
}
.purpose .purpose_content_list .content_item.item_03 .item_right {
  padding-bottom: 5vw;
}
.purpose .purpose_content_list .content_item.item_03 .item_left .item_ttl {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_03 .item_left .item_ttl {
    width: 55.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item.item_03 .item_left img {
    translate: -10% 0;
  }
}
.purpose .purpose_content_list .content_item .item_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.purpose .purpose_content_list .content_item .item_left .item_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 2.8571428571vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.625;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_left .item_ttl {
    font-size: 5.3333333333vw;
    line-height: 1.75;
    width: 51.7333333333vw;
    padding-top: 9.3333333333vw;
  }
}
.purpose .purpose_content_list .content_item .item_left .item_ttl .ruby .rt {
  font-size: 0.4em;
  top: -0.5em;
}
.purpose .purpose_content_list .content_item .item_left .item_ttl .sp-nowrap {
  white-space: none;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_left .item_ttl .sp-nowrap {
    white-space: nowrap;
  }
}
.purpose .purpose_content_list .content_item .item_left img {
  width: 26.7857142857vw;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_left img {
    width: 36.2666666667vw;
  }
}
.purpose .purpose_content_list .content_item .item_right {
  width: 47.4285714286vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right {
    width: auto;
    margin-left: auto;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(1) {
  margin-bottom: 3.9285714286vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(1) {
    margin-bottom: 6.6666666667vw;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(2) {
  margin-bottom: 1.0714285714vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(2) {
    margin-bottom: 2.6666666667vw;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(2) .comment_wrapper {
  padding-top: 0;
}
.purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(2) .comment_wrapper .comment_txt {
  color: #0EAE56;
}
.purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(3) .comment_wrapper {
  padding-top: 0;
}
.purpose .purpose_content_list .content_item .item_right .character_comment:nth-of-type(3) .comment_wrapper .comment_txt {
  color: #0EAE56;
}
.purpose .purpose_content_list .content_item .item_right .character_comment img {
  width: 9.0714285714vw;
  height: 9.0714285714vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment img {
    width: 16vw;
    height: 16vw;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment:not(.right) {
  margin-right: 0;
}
.purpose .purpose_content_list .content_item .item_right .character_comment:not(.right) img {
  left: -12.0714285714vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment:not(.right) img {
    left: -13vw;
    top: 0;
    bottom: auto;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment.right {
  margin-left: 0;
  margin-right: auto;
}
.purpose .purpose_content_list .content_item .item_right .character_comment.right img {
  right: -12.0714285714vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment.right img {
    right: -30.9333333333vw;
    top: 0;
    bottom: auto;
  }
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment.right .comment_txt::before {
    top: 4vw;
    left: auto;
    right: -4vw;
    scale: -1 -1;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment :where(.comment_wrapper) {
  width: 35.3571428571vw;
  padding-top: 0.7857142857vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment :where(.comment_wrapper) {
    width: 65.6vw;
    padding-top: 0;
  }
}
.purpose .purpose_content_list .content_item .item_right .character_comment :where(.comment_wrapper) .comment_txt {
  color: #183251;
  font-size: 1.2857142857vw;
  line-height: 2;
  text-align: left;
  padding: 1.6428571429vw 2.4285714286vw;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_content_list .content_item .item_right .character_comment :where(.comment_wrapper) .comment_txt {
    font-size: 3.7333333333vw;
    width: auto;
    padding: 4vw;
  }
  .purpose .purpose_content_list .content_item .item_right .character_comment :where(.comment_wrapper) .comment_txt::before {
    width: 4vw;
    height: 4vw;
    top: 4vw;
    left: -4vw;
    scale: -1 1;
    rotate: 90deg;
  }
}
.purpose .purpose_content_list .content_item .item_right:has(.character_comment:nth-of-type(4)) .character_comment:nth-of-type(3) {
  margin-bottom: 3.8571428571vw;
}
.purpose .purpose_cloud_bottom {
  display: contents;
}
@media screen and (max-width: 768px) {
  .purpose .purpose_cloud_bottom img {
    display: none;
  }
}
.purpose .purpose_cloud_bottom img:nth-of-type(1) {
  width: 19.0714285714vw;
  height: 9.8571428571vw;
  position: absolute;
  top: 46.4285714286vw;
  left: -10.6428571429vw;
}
.purpose .purpose_cloud_bottom img:nth-of-type(2) {
  width: 21.9028571429vw;
  height: 13.1428571429vw;
  position: absolute;
  top: 125.0714285714vw;
  right: -3.4vw;
  z-index: -1;
}
.purpose .purpose_cloud_bottom img:nth-of-type(3) {
  width: 12.1428571429vw;
  height: 6.2857142857vw;
  position: absolute;
  top: 148.7857142857vw;
  right: -4.5714285714vw;
  z-index: -1;
}
.purpose .purpose_cloud_bottom img:nth-of-type(4) {
  width: 14.1428571429vw;
  height: 6.1428571429vw;
  position: absolute;
  top: 64.5714285714vw;
  right: -6.5714285714vw;
}

/*=======================================
　method
=======================================*/
.method .question {
  margin-bottom: 4.7928571429vw;
}
.method .question .q_question {
  background: #FF5353 !important;
}
.method .question .ball {
  background: #FF5353 !important;
}
.method .method_character {
  margin-bottom: 5.7142857143vw;
}
@media screen and (max-width: 768px) {
  .method .method_character {
    margin-bottom: 34.1333333333vw;
  }
}
.method .method_character img {
  width: 10.7857142857vw;
  height: 14.2857142857vw;
  right: -14vw;
}
@media screen and (max-width: 768px) {
  .method .method_character img {
    width: 20.2666666667vw;
    height: 26.6666666667vw;
    right: auto;
    bottom: -29.8666666667vw;
    left: 50%;
  }
}
.method .method_character .comment_txt {
  color: #183251;
  line-height: 2;
}
.method .method_character .comment_txt .rt {
  font-size: 40%;
  top: -0.5em;
}
@media screen and (max-width: 768px) {
  .method .method_character .comment_txt .rt {
    font-size: 50%;
    top: -0.75em;
  }
}
.method .contents_sec {
  width: 94.2857142857vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.2142857143vw;
  border-radius: 0 2.8571428571vw 2.8571428571vw 0;
  padding: 7.8571428571vw 5.7142857143vw;
  background: #fff;
  margin-bottom: 5vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec {
    width: 94.6666666667vw;
    display: block;
    border-radius: 0 5.3333333333vw 5.3333333333vw 0;
    padding: 16vw 5.3333333333vw 13.3333333333vw 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.method .contents_sec .side_nav {
  width: 11.9285714286vw;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .side_nav {
    display: none;
  }
}
.method .contents_sec .side_nav .side_nav_list .side_nav_item:not(:last-of-type) {
  margin-bottom: 2vw;
  position: relative;
}
.method .contents_sec .side_nav .side_nav_list .side_nav_item:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 1.1428571429vw;
  height: 0.7857142857vw;
  background: #CCCCCC;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 52.5%;
  bottom: -1.5vw;
}
.method .contents_sec .side_nav .side_nav_list .side_nav_item.current a .item_txt {
  color: #FF5353;
}
.method .contents_sec .side_nav .side_nav_list .side_nav_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6428571429vw;
}
.method .contents_sec .side_nav .side_nav_list .side_nav_item a .num {
  color: #FF5353;
  font-family: var(--jost);
  font-size: 1.2857142857vw;
  font-weight: 500;
  line-height: 2;
}
.method .contents_sec .side_nav .side_nav_list .side_nav_item a .item_txt {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.1428571429vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}
.method .contents_sec .contents_list {
  width: 65.7142857143vw;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list {
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item {
  margin-bottom: 11.4285714286vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item {
    margin-bottom: 16vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.6928571429vw;
  margin-bottom: 5.7142857143vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 8vw;
    margin-bottom: 12vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list {
  width: 30.8928571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list {
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item:not(:last-of-type) {
  margin-bottom: 1.8571428571vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item:not(:last-of-type) {
    margin-bottom: 5.3333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item dt {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.7142857143vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.6666666667;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 2.7142857143vw;
  margin-bottom: 0.8571428571vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item dt {
    font-size: 4.8vw;
    padding-left: 6.9333333333vw;
    margin-bottom: 1.6vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item dt::before {
  content: "";
  display: block;
  width: 2.0714285714vw;
  height: 2.0714285714vw;
  background: center/cover url(../img/examination/check.svg) no-repeat;
  position: absolute;
  top: 0.3571428571vw;
  left: 0;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item dt::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: 2.1333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item dd {
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.7777777778;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_list .item_item dd {
    font-size: 4.2666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_img_area {
  width: 20.5592857143vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_img_area {
    width: 50%;
    margin-left: 25%;
  }
}
.method .contents_sec .contents_list .contents_item .item_list_wrapper .item_img_area figcaption {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.4285714286vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.75;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_img_area figcaption {
    font-size: 4.2666666667vw;
    left: -5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_list_wrapper .item_img_area figcaption .ruby .rt {
    top: -0.66em;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.8214285714vw;
  margin-bottom: 6.1428571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 {
    display: block;
    margin-bottom: 12vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 img {
  width: 20.4285714286vw;
  border-radius: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 img {
    width: 100%;
    border-radius: 1.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area {
  width: 36.75vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area {
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.7142857143vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.6666666667;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 2.7142857143vw;
  margin-bottom: 1.2642857143vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_ttl {
    font-size: 5.0666666667vw;
    padding-left: 6.9333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_ttl::before {
  content: "";
  display: block;
  width: 2.0714285714vw;
  aspect-ratio: 1/1;
  background: center/cover url(../img/examination/check.svg) no-repeat;
  position: absolute;
  top: 0.3571428571vw;
  left: 0;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_ttl::before {
    width: 5.3333333333vw;
    top: 2.6666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_ttl .big {
  font-size: 2vw;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_ttl .big {
    font-size: 5.3333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_txt {
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_txt {
    font-size: 4.2666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_txt .ruby .rt {
  top: -0.5em;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_c2 .item_c2_txt_area .item_c2_txt .ruby .rt {
    top: -0.75em;
  }
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment.right {
    margin-left: 0;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment:has(+ .item_comment) {
  margin-bottom: 1.6428571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment:has(+ .item_comment) {
    margin-bottom: 5.3333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment:not(:has(+ .item_comment)) {
  margin-bottom: 5.1428571429vw;
}
.method .contents_sec .contents_list .contents_item .item_comment:not(:has(+ .item_comment)) .comment_wrapper .comment_txt {
  line-height: 2.25 !important;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment:not(:has(+ .item_comment)) {
    margin-bottom: 12vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment img {
  width: 9.0714285714vw;
  height: 9.0714285714vw;
  left: -12vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment img {
    width: 18.1333333333vw;
    height: 18.1333333333vw;
    top: 0;
    left: -16vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper {
  width: 38.9285714286vw;
  margin-inline: auto;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper {
    width: 58.6666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper .comment_txt {
  color: #183251;
  font-size: 1.2857142857vw;
  font-weight: 500;
  text-align: left;
  background: #EFEFEF;
  padding: 1.6428571429vw 2.3571428571vw;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper .comment_txt {
    font-size: 3.7333333333vw;
    padding: 3.2vw;
    padding-top: 4.8vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper .comment_txt::before {
  background: #EFEFEF;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper .comment_txt::before {
    top: 4vw;
    left: -6.6666666667vw;
    scale: 1 -1;
    rotate: -90deg;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment .comment_wrapper .comment_txt .ruby .rt {
  top: -0.75em;
}
.method .contents_sec .contents_list .contents_item .item_comment.right img {
  left: auto;
  right: -12vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment.right img {
    right: -34.6666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_comment.right .comment_wrapper .comment_txt {
  color: #0EAE56;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_comment.right .comment_wrapper .comment_txt::before {
    left: auto;
    right: -6.6666666667vw;
    scale: 1 1;
  }
}
.method .contents_sec .contents_list .contents_item .item_point {
  background: #FF7878;
  border-radius: 1.4285714286vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.7857142857vw;
  padding: 1.6428571429vw 2.1428571429vw 1.4285714286vw 1.6428571429vw;
  -webkit-filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point {
    display: block;
    border-radius: 2.6666666667vw;
    padding: 5.3333333333vw 3.2vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_point:has(+ .item_point) {
  margin-bottom: 3.2142857143vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point:has(+ .item_point) {
    margin-bottom: 5.3333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_point img {
  width: 13.7857142857vw;
  border-radius: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point img {
    display: inline-block;
    width: 34.6666666667vw;
    margin-top: -10vw;
    margin-right: 2.6666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area {
    display: contents;
  }
}
.method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl {
  font-family: var(--murecho);
  font-size: 1.7142857143vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 1.0928571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl {
    font-size: 4.8vw;
    display: inline-block;
    margin-bottom: 0;
  }
}
.method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl .point_icon {
  color: #FF7878;
  font-family: var(--jost);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  padding: 0.3928571429vw 1.0714285714vw 0.2142857143vw 0.5vw;
  margin-right: 0.9285714286vw;
  background: #fff;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 88% 50%, 100% 100%, 0 100%);
          clip-path: polygon(0% 0%, 100% 0%, 88% 50%, 100% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl .point_icon {
    display: inline-block;
    font-size: 3.7333333333vw;
    padding: 0.8vw 2vw 0.4vw 0.9333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl .ttl_txt {
    display: block;
    line-height: 1.5;
    margin-top: 2.1333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl .ttl_txt .ruby .rt {
  font-size: 0.4em;
  top: -1em;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_ttl .ttl_txt .ruby .rt {
    font-size: 0.4em;
    top: -0.5em;
  }
}
.method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_txt {
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point .item_point_txt_area .point_txt {
    font-size: 4.2666666667vw;
    line-height: 2;
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item .item_point.point2 .point_ttl .point_icon {
    display: inline-block;
  }
}
.method .contents_sec .contents_list .contents_item.item02 .item_c2 {
  gap: 3.1428571429vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.method .contents_sec .contents_list .contents_item.item02 .item_c2 img {
  width: 31.2857142857vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item02 .item_c2 img {
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item.item02 .item_point {
  padding: 2.1428571429vw 2vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item02 .item_point {
    padding: 4.8vw 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item02 .item_point img {
    vertical-align: bottom;
  }
}
.method .contents_sec .contents_list .contents_item.item02 .item_point .point_icon {
  display: inline-block;
}
.method .contents_sec .contents_list .contents_item.item03 .item_c2.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 2.7571428571vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .item_c2.reverse {
    margin-bottom: 5.3333333333vw;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .item_c2.reverse img {
  width: 31.2857142857vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .item_c2.reverse img {
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .character_comment {
  margin-left: 0;
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link img {
  width: 14.6428571429vw;
  height: 14.6428571429vw;
  right: -18.1428571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link img {
    width: 23.4666666667vw;
    height: 23.4666666667vw;
    top: auto;
    right: -34.1333333333vw;
    bottom: 0;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper {
  width: 46vw;
  background: #FFD737;
  border-radius: 0.5714285714vw;
  padding: 2.1428571429vw 1.6428571429vw;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper {
    width: 100%;
    border-radius: 1.0666666667vw;
    padding: 3.2vw;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .comment_txt {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.7142857143vw;
  letter-spacing: 0.03em;
  line-height: 1.75;
  font-weight: 500;
  text-align: center;
  background: #FFD737;
  padding: 0;
  margin-bottom: 1.6428571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .comment_txt {
    font-size: 4.2666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .comment_txt::before {
  background: #FFD737;
  top: 0;
  right: -3.4285714286vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .comment_txt::before {
    right: -9.6vw;
    scale: -1 1;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .comment_txt .ruby .rt {
  font-size: 0.4em;
  top: -0.5em;
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn {
  font-family: var(--zenmarugothic);
  font-size: 1.1428571429vw;
  font-weight: 700;
  line-height: 1;
  width: 21.2142857143vw;
  aspect-ratio: 297/48;
  border-radius: 0.2857142857vw;
  background: #fff;
  display: grid;
  place-content: center;
  margin-inline: auto;
  -webkit-filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.16));
  position: relative;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn {
    font-size: 3.7333333333vw;
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn .link_txt {
  translate: -8% 0;
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn .link_txt .ruby .rt {
  top: -1em;
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn .arrow {
  display: block;
  width: 1.7142857143vw;
  aspect-ratio: 1/1;
  border-radius: 0.1428571429vw;
  background: #00236A;
  display: grid;
  place-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.6428571429vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn .arrow {
    width: 4.6666666667vw;
    right: 2.6666666667vw;
  }
}
.method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn .arrow::after {
  content: "";
  display: block;
  width: 0.7857142857vw;
  height: 0.5vw;
  background: #fff;
  -webkit-mask: center/contain url(../img/common/arrow.svg) no-repeat;
          mask: center/contain url(../img/common/arrow.svg) no-repeat;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item03 .comment_link .comment_wrapper .link_btn .arrow::after {
    width: 2.6666666667vw;
    height: 1.6vw;
  }
}
.method .contents_sec .contents_list .contents_item.item04 {
  margin-bottom: 0;
}
.method .contents_sec .contents_list .contents_item.item04 .item_c2 {
  gap: 3.4285714286vw;
  margin-bottom: 0;
}
.method .contents_sec .contents_list .contents_item.item04 .item_c2 img {
  width: 31.2857142857vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item04 .item_c2 img {
    width: 100%;
  }
}
.method .contents_sec .contents_list .contents_item.item04 .item_c2 .item_c2_txt_area {
  width: 30vw;
}
@media screen and (max-width: 768px) {
  .method .contents_sec .contents_list .contents_item.item04 .item_c2 .item_c2_txt_area {
    width: 100%;
  }
}
.method .method_cloud_bottom {
  display: contents;
}
.method .method_cloud_bottom img {
  position: absolute;
}
.method .method_cloud_bottom img:nth-of-type(1) {
  width: 21.9028571429vw;
  height: 13.1428571429vw;
  top: 402.6428571429vw;
  right: -6.9714285714vw;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom img:nth-of-type(1) {
    top: 1333.3333333333vw;
  }
}
.method .method_cloud_bottom img:nth-of-type(2) {
  width: 12.1428571429vw;
  height: 6.2857142857vw;
  top: 411vw;
  left: 2.7857142857vw;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom img:nth-of-type(2) {
    display: none;
  }
}
.method .method_cloud_bottom img:nth-of-type(3) {
  width: 20.4285714286vw;
  height: 10.5714285714vw;
  top: 419.9285714286vw;
  left: -9vw;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom img:nth-of-type(3) {
    display: none;
  }
}
.method .method_cloud_bottom img:nth-of-type(4) {
  width: 14.1428571429vw;
  height: 6.1428571429vw;
  top: 64.5357142857vw;
  right: -6.5714285714vw;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom img:nth-of-type(4) {
    top: 173.3333333333vw;
  }
}
.method .method_cloud_bottom img:nth-of-type(5) {
  width: 21.9028571429vw;
  height: 13.1428571429vw;
  top: 125vw;
  right: -3.4vw;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom img:nth-of-type(5) {
    top: 320vw;
  }
}
.method .method_cloud_bottom img:nth-of-type(6) {
  width: 12.1428571429vw;
  height: 6.2857142857vw;
  top: 148.75vw;
  right: -4.5714285714vw;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom img:nth-of-type(6) {
    top: 360vw;
  }
}
.method .method_cloud_bottom div {
  width: 19.0714285714vw;
  height: 9.8571428571vw;
  position: absolute;
  top: 46.3928571429vw;
  left: -10.6428571429vw;
  background: #F2FCFF;
  -webkit-mask: center/cover url(../img/common/cloud03.svg) no-repeat;
          mask: center/cover url(../img/common/cloud03.svg) no-repeat;
}
@media screen and (max-width: 768px) {
  .method .method_cloud_bottom div {
    top: 112vw;
  }
}

/*=======================================
　tools
=======================================*/
.tools .question .q_question {
  background: #249CE4 !important;
}
.tools .question .q_inner {
  translate: 5% 0;
}
@media screen and (max-width: 768px) {
  .tools .question .q_inner {
    translate: 0;
  }
}
.tools .question .ball {
  background: #249CE4 !important;
}
.tools .tools_character {
  margin-bottom: 6.4285714286vw;
  translate: 5% 0;
}
@media screen and (max-width: 768px) {
  .tools .tools_character {
    margin-bottom: 32vw;
    translate: 0 0;
  }
}
.tools .tools_character img {
  width: 9.7142857143vw;
  height: 9.7142857143vw;
  left: -12.9285714286vw;
}
@media screen and (max-width: 768px) {
  .tools .tools_character img {
    width: 23.4666666667vw;
    height: 23.4666666667vw;
    left: 50%;
    bottom: -23.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .tools .tools_character .comment_wrapper {
    padding-top: 0;
  }
}
.tools .tools_character .comment_wrapper .comment_txt {
  line-height: 2;
}
.tools .tools_character .comment_wrapper .comment_txt .ruby .rt {
  top: -0.75em;
}
.tools .contents_sec {
  width: 77.1428571429vw;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec {
    width: 86.6666666667vw;
  }
}
.tools .contents_sec .contents_list {
  margin-bottom: 14.5vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list {
    margin-bottom: 26.6666666667vw;
  }
}
.tools .contents_sec .contents_list .contents_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 7.1428571429vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 21.3333333333vw;
  }
}
.tools .contents_sec .contents_list .contents_item.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tools .contents_sec .contents_list .contents_item .item_img {
  width: 27.1428571429vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_img {
    width: 86.5333333333vw;
    margin-bottom: 8vw;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.tools .contents_sec .contents_list .contents_item .item_img::after {
  content: "";
  display: block;
  position: absolute;
  inset: -0.3571428571vw;
  background: center/cover url(../img/examination/image_frame.svg) no-repeat;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_img::after {
    inset: -1.3333333333vw;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area {
  width: 44.0714285714vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area {
    display: contents;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup {
  padding-top: 0.8571428571vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area hgroup {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.1428571429vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  padding-left: 0.2857142857vw;
  margin-bottom: 1.4285714286vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl {
    font-size: 3.2vw;
    padding-left: 0;
    margin-bottom: 3.2vw;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl::before {
  content: "";
  display: block;
  width: 0.7142857143vw;
  height: 0.7142857143vw;
  border-radius: 9999px;
  background: #0493DC;
  margin-right: 0.4285714286vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl::before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 1.6vw;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl::after {
  content: "";
  display: block;
  width: 12.0714285714vw;
  height: 2px;
  background: #B0E8F0;
  border-radius: 9999px;
  margin-left: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl::after {
    height: 1px;
    background: #85dce8;
    margin-left: 2.1333333333vw;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_sttl .ruby .rt {
  top: -1em;
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 2.8571428571vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 2.6428571429vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 8vw;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_ttl .kana {
  font-size: 2.1428571429vw;
  margin-left: -0.6428571429vw;
  padding-top: 0.2857142857vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_ttl .kana {
    font-size: 4.8vw;
    margin-left: -1.3333333333vw;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area hgroup .item_ttl .kana > span {
  font-weight: 400;
}
.tools .contents_sec .contents_list .contents_item .item_txt_area .item_txt {
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area .item_txt {
    font-size: 4.2666666667vw;
    line-height: 2.25;
    margin-bottom: 8vw;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area .item_txt .highlight {
  color: #fff;
  padding-top: 0.5em;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area .item_txt .highlight {
    padding-top: 0.4em;
  }
}
.tools .contents_sec .contents_list .contents_item .item_txt_area .item_txt .ruby .rt {
  top: -0.6em;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item .item_txt_area .item_txt .ruby .rt {
    top: -0.5em;
  }
}
.tools .contents_sec .contents_list .contents_item.item01 .item_txt_area hgroup::before {
  width: 8.9285714286vw;
  height: 6.6428571429vw;
  background: center/contain url(../img/examination/num_frame01.svg) no-repeat;
  right: 1.7142857143vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item01 .item_txt_area hgroup::before {
    width: 18.1333333333vw;
    height: 13.3333333333vw;
    right: 2.4vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item01 .item_txt_area hgroup .item_sttl::after {
  width: 14.405vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item01 .item_txt_area hgroup .item_sttl::after {
    width: 28.8vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item02 .item_txt_area hgroup::before {
  width: 10.2142857143vw;
  height: 7vw;
  background: center/contain url(../img/examination/num_frame02.svg) no-repeat;
  right: 0vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item02 .item_txt_area hgroup::before {
    width: 21.0666666667vw;
    height: 14.3733333333vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item02 .item_txt_area hgroup .item_sttl::after {
  width: 16.5235714286vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item02 .item_txt_area hgroup .item_sttl::after {
    width: 33.0666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item02 .item_txt .highlight:not(.highlight ~ .highlight) {
    padding-top: 0.4em;
    padding-right: 0;
    margin-right: 0;
  }
  .tools .contents_sec .contents_list .contents_item.item02 .item_txt .highlight:not(:has(~ .highlight)) {
    padding-left: 0;
    margin-left: 0;
  }
}
.tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup::before {
  width: 9.7857142857vw;
  height: 6.2142857143vw;
  background: center/contain url(../img/examination/num_frame03.svg) no-repeat;
  right: 0vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup::before {
    width: 21.3333333333vw;
    height: 13.3333333333vw;
    right: -1.0666666667vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup .item_sttl::after {
  width: 15.9285714286vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup .item_sttl::after {
    width: 32vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup .item_ttl {
  display: block;
  margin-bottom: 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup .item_ttl {
    margin-bottom: 8vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item03 .item_txt_area hgroup .item_ttl .kana {
  display: block;
  margin-top: 0.8571428571vw;
  translate: -0.6428571429vw 0;
}
.tools .contents_sec .contents_list .contents_item.item03 .item_txt .highlight:not(.highlight ~ .highlight) {
  padding-right: 0;
  margin-right: 0;
}
.tools .contents_sec .contents_list .contents_item.item03 .item_txt .highlight:not(:has(~ .highlight)) {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}
.tools .contents_sec .contents_list .contents_item.item04 {
  margin-bottom: 0;
}
.tools .contents_sec .contents_list .contents_item.item04 .item_txt_area hgroup::before {
  width: 11vw;
  height: 6.5vw;
  background: center/contain url(../img/examination/num_frame04.svg) no-repeat;
  right: 0vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item04 .item_txt_area hgroup::before {
    width: 22.5866666667vw;
    height: 13.3466666667vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item04 .item_txt_area hgroup .item_sttl::after {
  width: 16.5235714286vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item04 .item_txt_area hgroup .item_sttl::after {
    width: 33.0666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .contents_list .contents_item.item04 .item_txt_area hgroup .item_ttl {
    margin-bottom: 8vw;
  }
}
.tools .contents_sec .contents_list .contents_item.item04 .item_txt .hl3 {
  padding-right: 0;
  margin-right: 0;
}
.tools .contents_sec .contents_list .contents_item.item04 .item_txt .hl4 {
  padding-left: 0;
  margin-left: 0;
}
.tools .contents_sec .tools_tips {
  width: 76.5714285714vw;
  margin-inline: auto;
  margin-bottom: 9.2857142857vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips {
    width: 86.6666666667vw;
  }
}
.tools .contents_sec .tools_tips .tips_sttl_wrapper {
  width: 15.6428571429vw;
  height: 4.6428571429vw;
  border-radius: 1.4285714286vw 1.4285714286vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8571428571vw;
  padding-top: 1.7928571429vw;
  padding-left: 2.5571428571vw;
  background: #fff;
  position: relative;
  translate: 0 2px;
  -webkit-filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(3px 3px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_sttl_wrapper {
    width: 40vw;
    height: 12vw;
    gap: 2.4vw;
    padding-top: 2.6666666667vw;
    padding-left: 3.2vw;
    translate: 0 3px;
  }
}
.tools .contents_sec .tools_tips .tips_sttl_wrapper .tips_icon {
  width: 3.0878571429vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_sttl_wrapper .tips_icon {
    width: 8.5333333333vw;
  }
}
.tools .contents_sec .tools_tips .tips_sttl_wrapper .tips_sttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.1428571429vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding-top: 0.5714285714vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_sttl_wrapper .tips_sttl {
    font-size: 3.7333333333vw;
    padding-top: 1.6vw;
  }
}
.tools .contents_sec .tools_tips .tips_sttl_wrapper .tips_corner {
  width: 60.9285714286vw;
  height: 4.6428571429vw;
  background-image: radial-gradient(circle at 17px 0px, rgba(255, 255, 255, 0) 17px, #fff 17.5px);
  background-position: left bottom;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: -60.9285714286vw;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_sttl_wrapper .tips_corner {
    height: 12vw;
  }
}
.tools .contents_sec .tools_tips .tips_content {
  border-radius: 0 1.4285714286vw 1.4285714286vw 1.4285714286vw;
  background: #fff;
  padding-top: 3.9285714286vw;
  padding-bottom: 6.25vw;
  position: relative;
  -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: transform;
  isolation: isolate;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
.tools .contents_sec .tools_tips .tips_content::before {
  content: "";
  display: block;
  width: 12.0714285714vw;
  height: 12.0714285714vw;
  background: center/cover url(../img/common/owl_illust10.png) no-repeat;
  rotate: 8deg;
  position: absolute;
  top: 9.4285714286vw;
  left: -3.2142857143vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content::before {
    width: 17.6vw;
    height: 17.6vw;
    top: 25.3333333333vw;
    left: -6.4vw;
  }
}
.tools .contents_sec .tools_tips .tips_content::after {
  content: "";
  display: block;
  width: 13.5714285714vw;
  height: 17.5714285714vw;
  background: center/cover url(../img/common/cat_illust02.png) no-repeat;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: absolute;
  top: 11.7857142857vw;
  right: -4.6428571429vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content::after {
    width: 17.0666666667vw;
    height: 22.1066666667vw;
    top: 34.6666666667vw;
    right: -6.4vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-size: 2.8571428571vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 4vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl {
    font-size: 5.3333333333vw;
    line-height: 1.66;
    text-align: center;
    margin-bottom: 8vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl::before, .tools .contents_sec .tools_tips .tips_content .tips_ttl::after {
  content: "";
  display: block;
  width: 2.9842857143vw;
  height: 2.7407142857vw;
  background: center/contain url(../img/common/yellow_lines.svg) no-repeat;
  position: absolute;
  bottom: 50%;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl::before, .tools .contents_sec .tools_tips .tips_content .tips_ttl::after {
    width: 5.5706666667vw;
    height: 5.116vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl::before {
  left: -2.7857142857vw;
  scale: -1 1;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl::before {
    left: -5.3333333333vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl::after {
  right: -1.7857142857vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl::after {
    right: -4vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl .big {
  font-size: 3.5714285714vw;
  display: inline-block;
  translate: 0 0.1785714286vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl .big {
    font-size: 6.4vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl .ruby .rt {
  font-size: 0.33em;
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl .ttl_mark {
  font-size: 3.2142857143vw;
  margin-left: -0.7857142857vw;
  translate: 0 0.2142857143vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl .ttl_mark {
    font-size: 5.3333333333vw;
    margin-left: -1.3333333333vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_ttl .ttl_mark:last-of-type {
  margin-left: -1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_ttl .ttl_mark:last-of-type {
    margin-left: -2.6666666667vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_img {
  width: 54.9414285714vw;
  margin-inline: auto;
  margin-bottom: 3.3928571429vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_img {
    width: 65.3333333333vw;
    margin-bottom: 8vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area {
  width: 66.4642857143vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.8571428571vw;
  margin-left: 5.75vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area {
    width: 73.3333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.8vw;
    margin-inline: auto;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper.txt_left {
  width: 31.0357142857vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper.txt_left {
    width: 100%;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper.txt_right {
  width: 31.7857142857vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper.txt_right {
    width: 100%;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl {
  font-family: var(--murecho);
  color: #183251;
  font-size: 1.7142857143vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl {
    font-size: 4.8vw;
    display: inline-block;
    margin-bottom: 2.1333333333vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl .ruby .rt {
  font-size: 0.4em;
  top: -1em;
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl .reason_icon {
  color: #183251;
  font-family: var(--murecho);
  font-size: 1.2857142857vw;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.3214285714vw 1.0714285714vw 0.2857142857vw 0.5vw;
  margin-right: 1vw;
  background: #FFD737;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 88% 50%, 100% 100%, 0 100%);
          clip-path: polygon(0% 0%, 100% 0%, 88% 50%, 100% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl .reason_icon {
    font-size: 3.2vw;
    padding: 0.8vw 2vw 0.2vw 0.9333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl .ttl_txt {
    display: inline-block;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .reason_ttl .ttl_txt .ruby .rt {
    font-size: 0.4em;
    top: -0.5em;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .tips_txt {
  font-family: var(--zenmarugothic);
  font-size: 1.2857142857vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .tips_txt {
    font-size: 4.2666666667vw;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .tips_txt:first-of-type {
  width: 31.0357142857vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .tips_txt:first-of-type {
    width: auto;
  }
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .tips_txt .highlight {
  color: #fff;
}
.tools .contents_sec .tools_tips .tips_content .tips_txt_area .tips_txt_wrapper .tips_txt .ruby .rt {
  top: -0.5em;
}
.tools .tools_cloud_bottom {
  display: contents;
}
.tools .tools_cloud_bottom img {
  position: absolute;
  z-index: -1;
}
.tools .tools_cloud_bottom img:nth-of-type(1) {
  width: 14.1428571429vw;
  height: 6.1428571429vw;
  top: 64.5714285714vw;
  right: -6.5714285714vw;
}
@media screen and (max-width: 768px) {
  .tools .tools_cloud_bottom img:nth-of-type(1) {
    top: 88vw;
  }
}
.tools .tools_cloud_bottom img:nth-of-type(2) {
  width: 21.9028571429vw;
  height: 13.1428571429vw;
  top: 106.3571428571vw;
  right: -3.4vw;
}
@media screen and (max-width: 768px) {
  .tools .tools_cloud_bottom img:nth-of-type(2) {
    top: 391.2vw;
  }
}
.tools .tools_cloud_bottom img:nth-of-type(3) {
  width: 12.1428571429vw;
  height: 6.2857142857vw;
  top: 148.7857142857vw;
  right: -4.5714285714vw;
}
@media screen and (max-width: 768px) {
  .tools .tools_cloud_bottom img:nth-of-type(3) {
    top: 524vw;
  }
}
.tools .tools_cloud_bottom img:nth-of-type(4) {
  width: 21.9028571429vw;
  height: 13.1428571429vw;
  top: 253.5357142857vw;
  left: -6.2428571429vw;
  scale: -1 1;
}
@media screen and (max-width: 768px) {
  .tools .tools_cloud_bottom img:nth-of-type(4) {
    top: 984vw;
  }
}
.tools .tools_cloud_bottom div {
  position: absolute;
  z-index: -1;
}
.tools .tools_cloud_bottom div:nth-of-type(1) {
  width: 19.0714285714vw;
  height: 9.8571428571vw;
  background: #F2FCFF;
  -webkit-mask: center/contain url(../img/common/cloud03.svg) no-repeat;
          mask: center/contain url(../img/common/cloud03.svg) no-repeat;
  top: 65.7857142857vw;
  left: -10.6428571429vw;
}
@media screen and (max-width: 768px) {
  .tools .tools_cloud_bottom div:nth-of-type(1) {
    top: 100vw;
  }
}
.tools .tools_cloud_bottom div:nth-of-type(2) {
  width: 14.1428571429vw;
  height: 6.1428571429vw;
  background: #B8E3F0;
  -webkit-mask: center/contain url(../img/common/cloud03.svg) no-repeat;
          mask: center/contain url(../img/common/cloud03.svg) no-repeat;
  top: 171.7142857143vw;
  left: -7.0714285714vw;
}
@media screen and (max-width: 768px) {
  .tools .tools_cloud_bottom div:nth-of-type(2) {
    top: 680vw;
  }
}
.tools .tools_cloud_bottom div:nth-of-type(3) {
  width: 14.1428571429vw;
  height: 6.1428571429vw;
  background: #68C1DC;
  -webkit-mask: center/contain url(../img/common/cloud_shadow01.svg) no-repeat;
          mask: center/contain url(../img/common/cloud_shadow01.svg) no-repeat;
  top: 254.3571428571vw;
  right: -6.5714285714vw;
}/*# sourceMappingURL=examination.css.map */