@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
.examinee .l-gheaderMount {
  display: none;
}
.examinee .main {
  background-color: #67B0EF;
  color: #1A4880;
}
.examinee .main *:not(.breadcrumb *) {
  font-family: "Noto Sans JP", sans-serif;
}
.examinee .breadcrumb {
  position: relative;
  z-index: 1;
}
.examinee .footer {
  position: relative;
  z-index: 1;
}

.mv {
  position: relative;
}
.mv_img_sp {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .mv_img_sp {
    display: none;
  }
}
.mv_img_pc {
  aspect-ratio: 2173/1096;
  max-height: 100%;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 55%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: none;
}
@media screen and (max-width: 1023px) {
  .mv_img_pc {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .mv_img {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: fixed;
    width: 2386px;
    height: 100vh;
    overflow: hidden;
  }
  .mv_img::before {
    background-image: url("../../../images/special/loxonin-s-examinee/kv-before_pc.png");
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: calc(50% - 250px);
  }
  .mv_img::after {
    background-image: url("../../../images/special/loxonin-s-examinee/kv-after_pc.png");
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    right: 0;
    position: absolute;
    bottom: 0;
    width: calc(50% - 250px);
  }
}
@media screen and (max-width: 1023px) {
  .mv_logo {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .mv_logo {
    display: block;
    position: fixed;
    top: 50px;
    left: 30px;
    width: 293px;
  }
}
.mv_inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .mv_ttl {
    bottom: 20vh;
    position: absolute;
    right: 10px;
    width: 153px;
  }
  .mv_ttl .mv_ttl_pc {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .mv_ttl {
    bottom: 20px;
    position: fixed;
    left: 20px;
    width: 19.8vw;
  }
  .mv_ttl .mv_ttl_sp {
    display: none;
  }
}

.mainContainer {
  max-width: 500px;
  margin: 0 auto;
}
.mainContainer .otherContents {
  background-color: #D6EEFF;
  margin-bottom: 80px;
}
@media screen and (min-width: 1024px) {
  .mainContainer {
    position: relative;
    top: 127px;
  }
  .mainContainer .otherContents {
    padding: 40px 0 207px;
    margin-bottom: 0;
  }
  .mainContainer .otherContents .otherContents01.col.col2 {
    display: block;
    margin: 0;
  }
  .mainContainer .otherContents .otherContents01.col.col2 > * {
    width: 100%;
    margin: 0 0 20px;
  }
}

.intro {
  background-color: #1A4880;
  border-radius: 38px 38px 0 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0 100%);
  margin-top: -80px;
  padding: 68px 30px 120px;
}
@media screen and (min-width: 1024px) {
  .intro {
    margin-top: 0;
    padding: 90.644px 39.99px 159.96px;
  }
}

.scene {
  background-color: #108DE6;
  clip-path: polygon(0 70px, 100% 0, 100% calc(100% - 70px), 0 100%);
  margin-top: -70px;
  padding: 120px 30px 140px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .scene {
    padding: 159.96px 39.99px 186.62px;
  }
}
.scene_ttl {
  width: 182px;
}
@media screen and (min-width: 1024px) {
  .scene_ttl {
    width: 242.606px;
  }
  .scene_ttl img {
    width: 100%;
  }
}
.scene_lead {
  margin-top: 16px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.14;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 1024px) {
  .scene_lead {
    font-size: 18.662px;
    margin-top: 21.328px;
  }
}
.scene_list {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .scene_list {
    margin-top: 53.32px;
  }
}
.scene_item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.scene_item + .scene_item {
  margin-top: 26px;
}
@media screen and (min-width: 1024px) {
  .scene_item + .scene_item {
    margin-top: 34.658px;
  }
}
.scene_item_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 46%;
  width: 145px;
}
@media screen and (min-width: 1024px) {
  .scene_item_img {
    width: 193.285px;
  }
  .scene_item_img img {
    width: 100%;
  }
}
.scene_item_ttl {
  border-bottom: 1px solid #1A4880;
}
.scene_item_ttl img {
  display: block;
  padding-bottom: 8px;
  max-width: 70px;
}
@media screen and (min-width: 1024px) {
  .scene_item_ttl img {
    max-width: 100%;
    width: 93.31px;
  }
}
.scene_item_lead {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.85;
  margin-top: 8px;
}
.scene_item_lead_em {
  color: #108DE6;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .scene_item_lead {
    font-size: 17.329px;
    margin-top: 10.664px;
  }
  .scene_item_lead_em {
    font-size: 21.328px;
  }
}
.scene_item_text {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.83;
  margin-top: 5px;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .scene_item_text {
    font-size: 15.996px;
    margin-top: 10.664px;
  }
}
.scene_body {
  padding: 23px 16px 23px 10px;
  min-width: 0;
  width: 100%;
}
.scene_body:nth-of-type(n+2) {
  padding: 16px 16px 14px 10px;
}
@media screen and (min-width: 1024px) {
  .scene_body {
    padding: 30.659px 21.328px 30.659px 13.33px;
  }
  .scene_body:nth-of-type(n+2) {
    padding: 21.328px 21.328px 18.662px 13.33px;
  }
}
.scene_item:first-of-type .scene_body {
  padding: 23px 20px 23px 16px;
}
@media screen and (min-width: 1024px) {
  .scene_item:first-of-type .scene_body {
    padding: 30.659px 26.66px 30.659px 21.328px;
  }
}

.point {
  background-color: #D6EEFF;
  padding: 126px 30px 40px;
  margin-top: -70px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .point {
    padding: 167.958px 39.99px 53.32px;
  }
}
.point::before {
  background-image: url("../../../images/special/loxonin-s-examinee/scene-after-arrow.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 0;
  content: "";
  display: block;
  height: 53px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 140px;
  z-index: 9;
}
@media screen and (min-width: 1024px) {
  .point::before {
    height: 70.649px;
    width: 186.62px;
  }
}
.point_inner {
  background-color: #fff;
  background-image: url("../../../images/special/loxonin-s-examinee/point-bg.png");
  background-size: cover;
  border-radius: 4px;
  padding: 40px 26px;
  margin: 0 auto;
  width: 315px;
}
@media screen and (min-width: 1024px) {
  .point_inner {
    padding: 53.32px 34.658px;
    width: 100%;
  }
}
.point_ttl {
  width: 182px;
}
@media screen and (min-width: 1024px) {
  .point_ttl {
    width: 242.606px;
  }
  .point_ttl img {
    width: 100%;
  }
}
.point_lead {
  background-image: url("../../../images/special/loxonin-s-examinee/point-marker-yellow.png");
  background-size: 103% auto;
  background-position: left -10px bottom -15px;
  background-repeat: no-repeat;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.74;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .point_lead {
    background-position: left -12px bottom -22px;
    font-size: 30.659px;
    margin-top: 22.661px;
  }
}
.point_pkg {
  margin-top: 32px;
  width: 240px;
}
@media screen and (min-width: 1024px) {
  .point_pkg {
    margin-top: 42.656px;
    width: 319.92px;
  }
}
.point_list {
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .point_list {
    margin-top: 10.664px;
  }
}
.point_item + .point_item {
  margin-top: 19px;
}
@media screen and (min-width: 1024px) {
  .point_item + .point_item {
    margin-top: 25.327px;
  }
}
.point_item_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  position: relative;
}
.point_item_ttl::before {
  background-image: url("../../../images/special/loxonin-s-examinee/point-icon.png");
  background-size: contain;
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 13px;
  width: 34px;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .point_item_ttl::before {
    aspect-ratio: 34/13;
    background-repeat: no-repeat;
    height: auto;
    margin-top: 12px;
    width: 45.322px;
  }
}
.point_item_ttl img {
  min-width: 0;
}
.point_item_text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.56;
  margin-top: 10px;
}
.point_item_text span {
  display: block;
  font-size: 1.2rem;
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .point_item_text {
    font-size: 21.328px;
    margin-top: 13.33px;
  }
  .point_item_text span {
    font-size: 15.996px;
    margin-top: 5.332px;
  }
}
.point_note {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.08;
  margin-top: 26px;
}
@media screen and (min-width: 1024px) {
  .point_note {
    font-size: 15.996px;
    margin-top: 34.658px;
  }
}

.cta {
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .cta {
    margin-top: 79.98px;
  }
}
.cta_ttl {
  border-bottom: 1px solid #1A4880;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .cta_ttl {
    font-size: 23.994px;
    padding-bottom: 26.66px;
  }
}
.cta_list {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .cta_list {
    margin-top: 26.66px;
  }
}
.cta_item + .cta_item {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .cta_item + .cta_item {
    margin-top: 26.66px;
  }
}
.cta_item a {
  display: block;
}
@media screen and (min-width: 1024px) {
  .cta_item a:hover {
    opacity: 0.8;
  }
}