/* ----------------------------------------
    Base Setting
---------------------------------------- */
html {
  scroll-behavior: smooth;
}
@media screen and (min-width: 751px) {
  html {
    font-size: min(1vw, 62.5%);
  }
}
@media screen and (max-width: 750px) {
  html {
    font-size: 2vw;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
}
@media screen and (min-width: 751px) {
  body {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 750px) {
  body {
    font-size: 1.6rem;
  }
}

ul, li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: currentColor;
}

em {
  font-style: normal;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

/* ----------------------------------------
    Common
---------------------------------------- */
/* Block
---------------------------------------- */
.blk-sz_l {
  width: 100%;
  padding-bottom: min(15rem, 15vw);
}
.blk-sz_m {
  width: min(90%, 1200px);
  margin-right: auto;
  margin-left: auto;
  border-radius: 4rem;
  border: solid 0.4rem #004ea2;
  background-color: #ffffff;
}
.blk-sz_m:not(:last-child) {
  margin-bottom: min(7.5rem, 10vw);
}
@media screen and (max-width: 750px) {
  .blk-sz_m {
    border-radius: 2rem;
  }
}
.blk-sz_s {
  width: min(90%, 1000px);
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 751px) {
  .blk-clr_yellow {
    background: repeating-linear-gradient(135deg, #ffdc50, #ffdc50 3rem, rgba(255, 220, 80, 0.8) 3rem, rgba(255, 220, 80, 0.8) 6rem);
    background-attachment: fixed;
  }
  .blk-clr_pink {
    background: repeating-linear-gradient(135deg, #e7838c, #e7838c 3rem, rgba(231, 131, 140, 0.9) 3rem, rgba(231, 131, 140, 0.9) 6rem);
    background-attachment: fixed;
  }
  .blk-clr_green {
    background: repeating-linear-gradient(135deg, #6eba44, #6eba44 3rem, rgba(110, 186, 68, 0.9) 3rem, rgba(110, 186, 68, 0.9) 6rem);
    background-attachment: fixed;
  }
  .blk-clr_blue {
    background: repeating-linear-gradient(135deg, #38a1db, #38a1db 3rem, rgba(56, 161, 219, 0.9) 3rem, rgba(56, 161, 219, 0.9) 6rem);
    background-attachment: fixed;
  }
}
@media screen and (max-width: 750px) {
  .blk-clr_yellow {
    background: repeating-linear-gradient(135deg, #ffdc50, #ffdc50 4.25vw, rgba(255, 220, 80, 0.8) 4.25vw, rgba(255, 220, 80, 0.8) 8.5vw);
    background-attachment: fixed;
  }
  .blk-clr_pink {
    background: repeating-linear-gradient(135deg, #e7838c, #e7838c 4.25vw, rgba(231, 131, 140, 0.9) 4.25vw, rgba(231, 131, 140, 0.9) 8.5vw);
    background-attachment: fixed;
  }
  .blk-clr_green {
    background: repeating-linear-gradient(135deg, #6eba44, #6eba44 4.25vw, rgba(110, 186, 68, 0.9) 4.25vw, rgba(110, 186, 68, 0.9) 8.5vw);
    background-attachment: fixed;
  }
  .blk-clr_blue {
    background: repeating-linear-gradient(135deg, #38a1db, #38a1db 4.25vw, rgba(56, 161, 219, 0.9) 4.25vw, rgba(56, 161, 219, 0.9) 8.5vw);
    background-attachment: fixed;
  }
}

/* Column
---------------------------------------- */
@media screen and (min-width: 751px) {
  .clm-flx {
    display: flex;
    flex-wrap: wrap;
  }
  .clm-x2 {
    gap: 8rem 5rem;
  }
  .clm-x2 .flx-item {
    width: calc(50% - 2.5rem);
  }
  .clm-x3 {
    gap: 3rem;
  }
  .clm-x3 .flx-item {
    width: calc((100% - 6rem) / 3);
  }
}
@media screen and (max-width: 750px) {
  .clm-flx {
    display: flex;
    flex-direction: column;
  }
  .clm-x2 {
    gap: 12vw;
  }
  .clm-x3 {
    gap: 5vw;
  }
}

/* Display
---------------------------------------- */
@media screen and (min-width: 751px) {
  .forsp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .forpc {
    display: none;
  }
}
/* Position
---------------------------------------- */
.pos_rel {
  position: relative;
}

.pos_abs {
  position: absolute;
}

/* Font
---------------------------------------- */
.fsz-s {
  font-size: 88%;
}
.fsz-xs {
  font-size: 82%;
}
.fsz-xxs {
  font-size: 76%;
}

/* Parts
---------------------------------------- */
.fukidashi {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.fukidashi > span {
  position: relative;
  padding: 0.4em 1.5em;
  border-radius: 3em;
  border: solid 0.1em #004ea2;
  background-color: #ffdc50;
  font-family: "Exo 2", sans-serif;
  font-size: min(2.2rem, 3vw);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  color: #004ea2;
}
.fukidashi > span::before, .fukidashi > span::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5em);
  width: 1em;
  height: 0.8em;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.fukidashi > span::before {
  bottom: -0.8em;
  background-color: #004ea2;
}
.fukidashi > span::after {
  bottom: -0.6em;
  background-color: #ffdc50;
}

.exam_info {
  line-height: 1.8;
}
.green .exam_info dt {
  color: #26b7bc;
}
.blue .exam_info dt {
  color: #008ccf;
}
.ch_blue .exam_info dt {
  color: #38a1db;
}
@media screen and (min-width: 751px) {
  .exam_info {
    display: flow-root;
    margin-top: 8rem;
    border-top: solid 1px #9fa0a0;
  }
  .exam_info dt {
    float: left;
    width: 11.5em;
    padding: 1em;
    text-align: right;
  }
  .exam_info dd {
    padding: 1em 1em 1em 13em;
    border-bottom: solid 1px #9fa0a0;
  }
}
@media screen and (max-width: 750px) {
  .exam_info {
    margin-top: 7vw;
  }
  .exam_info dt {
    margin-bottom: 0.5em;
    padding-bottom: 0.25em;
    border-bottom: solid 1px #9fa0a0;
  }
  .exam_info dd:not(:last-child) {
    margin-bottom: 1.5em;
  }
}

.green .theme_clr {
  color: #26b7bc;
}
.blue .theme_clr {
  color: #008ccf;
}
.ch_blue .theme_clr {
  color: #38a1db;
}

.green .theme_bg {
  background-color: #e0f1ef;
}
.blue .theme_bg {
  background-color: #e6f2fb;
}
.ch_blue .theme_bg {
  background-color: #eaf4fc;
}

/* ----------------------------------------
    Layout
---------------------------------------- */
/* Header
---------------------------------------- */
.header {
  padding: min(1.5rem, 2vw);
  background-color: #af1c3b;
  text-align: center;
}
.header img {
  width: min(334px, 50%);
}

/* Footer
---------------------------------------- */
.footer {
  background-color: #efefef;
}
.footer_logo {
  background-color: #af1c3b;
}
.footer_logo a {
  display: block;
  width: min(23.8rem, 40%);
  margin: 0 auto;
  padding: 1.5rem 0;
}
.footer_nav {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 4%;
  width: min(90%, 1200px);
  margin: 0 auto;
  padding: min(12rem, 15vw) 0;
}
.footer_nav li {
  width: min(47rem, 48%);
}
.footer_nav li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em;
  font-size: 2.5rem;
  color: #af1c3b;
}
.footer_nav li > span::before {
  content: "";
  width: 0;
  margin-right: 0.75em;
  height: 1.2em;
  border-left: solid 1px currentColor;
  transform: skewX(20deg);
}
.footer_nav li > span::after {
  content: "";
  width: 0;
  margin-left: 0.75em;
  height: 1.2em;
  border-right: solid 1px currentColor;
  transform: skewX(-20deg);
}
.footer_nav li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  border-radius: 50rem;
  background-color: #af1c3b;
  color: #ffffff;
}
.footer_nav li a em {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}
.footer_nav li a span {
  display: flex;
  align-items: center;
  margin: 1em 0 0.2em;
  font-family: "Exo 2", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}
.footer_nav li a span::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin: 0.2em 0 0 0.5em;
  background: url(/admissions/chance/img/icon_footer_more.svg) center center/contain no-repeat;
}
.footer_nav li.clr-red a {
  background-color: #af1c3b;
}
.footer_nav li.clr-black a {
  background-color: #000000;
}
@media screen and (min-width: 751px) {
  .footer_nav li a {
    transition: 0.3s;
  }
  .footer_nav li a:hover {
    transform: translateY(0.5rem);
    opacity: 0.8;
  }
}
@media screen and (max-width: 750px) {
  .footer_nav {
    width: 82%;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
  .footer_nav li {
    width: 100%;
  }
  .footer_nav li a {
    width: 100%;
    padding-top: 2.5rem;
  }
  .footer_nav li a em {
    font-size: 1.9rem;
  }
  .footer_nav li a span {
    margin-top: 0.75em;
  }
}

/* Intro
---------------------------------------- */
.intro {
  padding-bottom: min(9.5rem, 15vw);
}

/* Main Visual
---------------------------------------- */
@media screen and (max-width: 750px) {
  .mv {
    padding-top: 3rem;
  }
}
.mv_inner {
  position: relative;
}
.mv .img02, .mv .img03, .mv .img04, .mv .img05 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mv .title {
  position: absolute;
}
@media screen and (min-width: 751px) {
  .mv .title {
    top: 22.0588235294%;
    left: 32.0644216691%;
    width: 35.3587115666%;
  }
}
@media screen and (max-width: 750px) {
  .mv .title {
    top: 18.9247311828%;
    left: 17.4666666667%;
    width: 64.4%;
  }
}

/* Nav
---------------------------------------- */
.nav_header {
  margin-top: min(7rem, 8vw);
  text-align: center;
}
.nav_header .subttl {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.nav_header .subttl > span {
  position: relative;
  padding: 0.4em 1.5em;
  border-radius: 3em;
  border: solid 0.1em #004ea2;
  background-color: #ffffff;
  font-family: "Exo 2", sans-serif;
  font-size: min(2.2rem, 3vw);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  color: #004ea2;
}
.nav_header .subttl > span::before, .nav_header .subttl > span::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5em);
  width: 1em;
  height: 0.8em;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.nav_header .subttl > span::before {
  bottom: -0.8em;
  background-color: #004ea2;
}
.nav_header .subttl > span::after {
  bottom: -0.6em;
  background-color: #ffffff;
}
.nav_header .title {
  margin-bottom: 1em;
  font-size: min(4.3rem, 5.7333333333vw);
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.2em;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #004ea2;
}
.nav_list {
  width: min(90%, 1100px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .nav_list {
    width: 82%;
    flex-direction: column;
    gap: 1.5em;
  }
}
.nav_list li {
  width: 31%;
}
@media screen and (max-width: 750px) {
  .nav_list li {
    width: 100%;
    height: 16.5em;
  }
}
.nav_list li a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 6rem;
  border-radius: 3rem;
  border: solid 3px #004ea2;
  font-weight: 700;
  color: #ffffff;
}
.nav_list li a[href="#choice01"] {
  background-color: #e7838c;
}
.nav_list li a[href="#choice02"] {
  background-color: #6eba44;
}
.nav_list li a[href="#choice03"] {
  background-color: #38a1db;
}
.nav_list li a::after {
  content: "";
  position: absolute;
  bottom: 1.5em;
  left: 46.25%;
  width: 2.5rem;
  height: 2.5rem;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: 0.3s;
}
.nav_list li a .ribbon {
  width: 10rem;
  margin: 0 auto 1rem;
  padding: 0.75em 0 1.25em;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
  background-color: #004ea2;
  text-indent: 0.05em;
  font-family: "Exo 2", sans-serif;
  color: #ffffff;
  letter-spacing: 0.05em;
}
.nav_list li a .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.nav_list li a .text .copy {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.9rem;
  letter-spacing: 0.05em;
}
.nav_list li a .text .copy em {
  font-size: 1.4em;
}
.nav_list li a .text .name {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 6px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.nav_list li a .text .name span {
  display: block;
  font-size: 0.7em;
}
.nav_list li a .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18.4rem;
  margin-top: 2rem;
}
.nav_list li a .img img {
  width: auto;
  max-height: 100%;
  transition: 0.3s;
}
.nav_list li a .img.choice01 img {
  height: 17rem;
}
.nav_list li a .img.choice03 img {
  height: 17.2rem;
}
@media screen and (min-width: 751px) {
  .nav_list li a .text .copy {
    flex: 1;
  }
  .nav_list li a:hover::after {
    bottom: 1em;
  }
  .nav_list li a:hover .img img {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 750px) {
  .nav_list li a {
    padding-bottom: 3em;
    border-width: 2px;
  }
  .nav_list li a .text {
    padding: 0 7%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
  .nav_list li a .text .copy {
    font-size: 1.7rem;
  }
  .nav_list li a .text .name {
    margin-top: 0.25em;
    font-size: 3.2rem;
  }
  .nav_list li a .img {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .nav_list li a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: initial;
    height: auto !important;
  }
  .nav_list li a .img.choice01 img {
    width: 70%;
  }
  .nav_list li a .img.choice02 img {
    width: 85%;
  }
  .nav_list li a .img.choice03 img {
    width: 90%;
  }
}

/* Section Header
---------------------------------------- */
.sec_header-sz_l {
  position: relative;
  padding: 5.5rem 0;
  text-align: center;
  font-weight: 700;
  color: #ffffff;
}
.sec_header-sz_l .ribbon {
  width: 5em;
  margin: 0 auto;
  padding: 1em 0 1.5em;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
  background-color: #004ea2;
  text-indent: 0.05em;
  font-family: "Exo 2", sans-serif;
  font-size: 2rem;
  color: #ffffff;
  letter-spacing: 0.05em;
}
.sec_header-sz_l .ribbon em {
  display: block;
  font-size: 1.3em;
}
@media screen and (max-width: 750px) {
  .sec_header-sz_l .ribbon {
    font-size: 1.6rem;
  }
}
.sec_header-sz_l .copy {
  margin: 1em 0 0.5em;
  line-height: 1.8;
  font-size: 3rem;
  letter-spacing: 0.1em;
}
.sec_header-sz_l .copy em {
  text-decoration: underline;
  text-decoration-color: #004ea2;
  text-decoration-thickness: 0.3em;
  text-underline-offset: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
@media screen and (max-width: 750px) {
  .sec_header-sz_l .copy {
    font-size: 2.4rem;
  }
}
.sec_header-sz_l .title {
  width: min(36.6032210835vw, 500px);
  margin: 0 auto 0;
}
@media screen and (max-width: 750px) {
  .sec_header-sz_l .title {
    width: 80%;
  }
}
@media screen and (min-width: 751px) {
  .sec_header-sz_l .img {
    position: absolute;
    bottom: 5.5rem;
  }
  .sec_header-sz_l .img.choice01 {
    left: calc(50% + 30rem);
    width: min(20rem, 100% - (50% + 30rem) - 2em);
  }
  .sec_header-sz_l .img.choice02 {
    left: calc(50% + 27rem);
    width: min(28rem, 100% - (50% + 27rem) - 2em);
  }
  .sec_header-sz_l .img.choice03 {
    left: calc(50% + 30rem);
    width: min(33rem, 100% - (50% + 30rem) - 1em);
  }
}
@media screen and (max-width: 750px) {
  .sec_header-sz_l .img {
    margin: 2rem auto;
  }
  .sec_header-sz_l .img.choice01 {
    width: 36%;
  }
  .sec_header-sz_l .img.choice02 {
    width: 58.6666666667%;
  }
  .sec_header-sz_l .img.choice03 {
    width: 80%;
  }
}

/* Section Inner
---------------------------------------- */
.sec_inner {
  padding-top: min(10rem, 10vw);
}

.sec_notes {
  width: 94%;
  margin: min(5rem, 5vw) auto 1.5rem;
  text-align: right;
}
.sec_notes small {
  font-size: min(1.4rem, 2.6vw);
}
@media screen and (max-width: 750px) {
  .sec_notes {
    text-align: center;
  }
}

/* ----------------------------------------
    Choice 01
---------------------------------------- */
/* Style */
.style-header {
  position: relative;
}
.style-header::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  background-color: transparent;
  background-image: radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem), radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem), radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem), radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem);
  background-position: 0.5rem 0.5rem, 1.4rem 0.5rem, 0.95rem 1.4rem, 1.85rem 1.4rem;
  background-size: 1.8rem 1.8rem;
  background-repeat: repeat;
}
.style-header .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 15rem;
  border-radius: 2rem;
  border: solid 0.3rem #e7838c;
  background-color: #fdeeed;
  text-align: center;
  color: #e7838c;
}
.style-header .number {
  padding: 0.25em;
  border-bottom: solid 1px currentColor;
  text-indent: 0.05em;
  font-family: "Exo 2", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.style-header .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5em 0.5em 0.75em;
}
.style-header .title {
  line-height: 1.4;
  font-size: 2.8rem;
  font-weight: 700;
}
.style-header .caption1 {
  font-size: 1.4rem;
}
.style-header .caption1:not(:first-child) {
  margin-top: 0.25em;
}
.style-header .caption2 {
  font-size: 1.2rem;
}
.style-header .caption2:not(:first-child) {
  margin-top: 0.25em;
}
.style-header .mark {
  position: absolute;
  top: -1em;
  left: -1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.1em;
  width: 7.4rem;
  height: 7.4rem;
  border-radius: 50%;
  background-color: #e7838c;
  line-height: 1;
  font-weight: 500;
  color: #ffffff;
}
.style-header .mark em {
  margin-top: -0.15em;
  font-size: 1.8em;
  font-weight: 700;
}

.style-point {
  margin-top: 2.5rem;
}
.style-point dt {
  margin-bottom: 0.75em;
  border-bottom: solid 1px #e7838c;
  font-family: "Exo 2", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #e7838c;
}
.style-point dd {
  margin-top: 0.2em;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
}
.style-point dd::before {
  content: "";
  display: inline-block;
  vertical-align: 0.1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  background-color: #e7838c;
  margin: 0 0.25em;
}
.style-point dd em {
  color: #e7838c;
}

@media screen and (min-width: 751px) {
  .style-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 4rem;
  }
  .style-image figure {
    margin-bottom: -4rem;
    margin-left: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .style-image {
    width: 90%;
    margin: -5% auto 0;
  }
}

/* TOPICS */
.topics-header {
  padding: 2rem 0;
  border-radius: 3.6rem 3.6rem 0 0;
  border-bottom: solid 0.4rem #004ea2;
  background-image: repeating-linear-gradient(135deg, #fbecee, #fbecee 1rem, #fdf3f3 1rem, #fdf3f3 2rem);
}
.topics-header .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Exo 2", sans-serif;
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #004ea2;
}
.topics-header .title::before {
  content: "";
  width: 3rem;
  height: 4.5rem;
  margin-right: 0.3em;
  background: url(/admissions/chance/img/ch01_icon_topics.svg) center center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .topics-header {
    padding: 1rem 0;
    border-radius: 1.6rem 1.6rem 0 0;
  }
  .topics-header .title {
    font-size: 3rem;
  }
}

.topics-body {
  text-align: center;
}
.topics-body .copy1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #004ea2;
}
.topics-body .exam_type {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.topics-body .exam_type li {
  width: 14em;
  margin-top: 2rem;
  padding: 1rem 0;
  border-radius: 2em;
  background-color: #004ea2;
  font-size: 2.8rem;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .topics-body .exam_type {
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-top: 1rem;
  }
  .topics-body .exam_type li {
    margin-top: 1.5rem;
    font-size: 2.4rem;
  }
}
.topics-body .copy2 {
  margin-top: 1em;
  line-height: 1.6;
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-thickness: 0.2em;
  text-decoration-color: #ffdc50;
  text-underline-offset: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #e7838c;
}
@media screen and (max-width: 750px) {
  .topics-body .copy2 {
    font-size: 3.4rem;
  }
}
.topics-body .copy3 {
  margin-top: 1.5em;
  line-height: 2.2;
  font-size: 2rem;
  font-weight: 700;
  color: #004ea2;
}
.topics-body .copy3 em {
  color: #e7838c;
}
@media screen and (max-width: 750px) {
  .topics-body .copy3 {
    font-size: 1.8rem;
  }
}
.topics-body .copy4 {
  position: relative;
  width: min(80%, 74rem);
  margin: 5rem auto;
}
.topics-body .copy4::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  background-color: transparent;
  background-image: radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem), radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem), radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem), radial-gradient(circle, #f3c1c5 0.15rem, transparent 0.15rem);
  background-position: 0.5rem 0.5rem, 1.4rem 0.5rem, 0.95rem 1.4rem, 1.85rem 1.4rem;
  background-size: 1.8rem 1.8rem;
  background-repeat: repeat;
}
.topics-body .copy4-inner {
  position: relative;
  padding: 2rem 0 1.5rem;
  border-radius: 3rem;
  border: solid 0.3rem #e7838c;
  background-color: #fdeeed;
  font-weight: 700;
  color: #e7838c;
}
.topics-body .copy4-sub {
  text-decoration: underline;
  font-size: 2rem;
}
.topics-body .copy4-main {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  font-size: 2.6rem;
}
.topics-body .copy4-main span {
  display: inline-block;
}
.topics-body .copy4-main em {
  display: inline-block;
  transform: translateY(0.1em);
  font-size: 4.8rem;
}
.topics-body .copy4-main small {
  position: absolute;
  top: 1em;
  right: 0;
  font-size: 1rem;
  font-weight: 400;
}
.topics-body .copy4-image {
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  width: 130%;
}
.topics-body .copy4-graph {
  width: min(100%, 81rem);
  margin: 0 auto;
  padding: 3rem 0 5rem;
}
@media screen and (max-width: 750px) {
  .topics-body .copy4 {
    width: 100%;
    margin-bottom: 16rem;
  }
  .topics-body .copy4-inner {
    padding: 3rem 0 2rem;
    border-radius: 2rem;
  }
  .topics-body .copy4-sub {
    font-size: 1.8rem;
  }
  .topics-body .copy4-main {
    font-size: 2.4rem;
  }
  .topics-body .copy4-main small {
    position: static;
    display: block;
    margin-top: 1em;
  }
  .topics-body .copy4-image {
    top: auto;
    bottom: -15rem;
    left: 0;
    transform: translateX(0);
    width: 100%;
  }
  .topics-body .copy4-graph {
    padding: 2rem 0 3rem;
  }
}

/* CHECK! */
.check {
  text-align: center;
}
.check .check-copy {
  line-height: 1.6;
  font-size: 4.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-thickness: 0.2em;
  text-decoration-color: #ffdc50;
  text-underline-offset: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #e7838c;
}
@media screen and (max-width: 750px) {
  .check .check-copy {
    font-size: 3.4rem;
  }
}

.check-banner {
  width: min(90%, 47rem);
  margin: 5rem auto;
}
.check-banner a {
  display: block;
}
.check-banner .caption {
  margin-top: 1em;
  font-size: 2.5rem;
  font-weight: 700;
  color: #004ea2;
}
.check-banner .more {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0 0.2em;
  font-family: "Exo 2", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  color: #004ea2;
}
.check-banner .more::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin: 0.2em 0 0 0.5em;
  background: url(/admissions/chance/img/icon_more.svg) center center/contain no-repeat;
}
@media screen and (min-width: 751px) {
  .check-banner a img {
    transition: 0.3s;
  }
  .check-banner a:hover img {
    transform: translateY(0.5rem);
  }
}

/* ----------------------------------------
    Choice 02
---------------------------------------- */
/* Outline */
.outline-title {
  border-bottom: solid 0.4rem #004ea2;
  background-image: repeating-linear-gradient(135deg, #ffdc50, #ffdc50 1rem, #fbeb77 1rem, #fbeb77 2rem);
}
.outline-title .inner {
  position: relative;
}
.outline-title .inner::before, .outline-title .inner::after {
  content: "";
  position: absolute;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.outline-title .inner .title1 {
  position: relative;
  z-index: 1;
}
.outline-title .inner .title2 {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px) {
  .outline-title {
    padding: 5% 0 4%;
    border-radius: 3.6rem 3.6rem 0 0;
  }
  .outline-title .inner::before {
    top: 5.6994818653%;
    left: 3.3333333333%;
    width: 16.1666666667%;
    height: 59.8445595855%;
    background-image: url(/admissions/chance/img/ch02_ttlimg01__pc.svg);
  }
  .outline-title .inner::after {
    top: 1.2953367876%;
    left: 80.0833333333%;
    width: 16.8333333333%;
    height: 63.7305699482%;
    background-image: url(/admissions/chance/img/ch02_ttlimg02__pc.svg);
  }
  .outline-title .inner .title1 {
    width: 65.4%;
    margin: 0 auto 2.3%;
  }
  .outline-title .inner .title2 {
    position: relative;
    width: 95.8%;
    margin: 0 auto;
  }
  .outline-title .inner .title2-02, .outline-title .inner .title2-03 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .outline-title {
    padding: 10vw 0;
    border-radius: 1.6rem 1.6rem 0 0;
  }
  .outline-title .inner::before {
    top: 30.4093567251%;
    left: 5.3623188406%;
    width: 26.0869565217%;
    height: 26.6081871345%;
    background-image: url(/admissions/chance/img/ch02_ttlimg01__sp.svg);
  }
  .outline-title .inner::after {
    top: 30.1169590643%;
    left: 68.4057971014%;
    width: 27.1014492754%;
    height: 27.0467836257%;
    background-image: url(/admissions/chance/img/ch02_ttlimg02__sp.svg);
  }
  .outline-title .inner .title1 {
    width: 80%;
    margin: 0 auto 10.7%;
  }
  .outline-title .inner .title2 {
    position: relative;
    width: 88%;
    margin: 0 auto;
  }
  .outline-title .inner .title2-02, .outline-title .inner .title2-03 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.outline-body .box {
  padding: 3.5% 0;
  border-radius: 2rem;
}
.outline-body .box-header {
  text-align: center;
}
.outline-body .box-header .image {
  width: min(35%, 15rem);
  margin: 0 auto;
}
.outline-body .box-body {
  width: 86%;
  margin: 3rem auto 0;
}
.outline-body .box .dl-box {
  margin-top: 2rem;
}
.outline-body .box .dl-box dt {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  padding: 1rem;
  border-radius: 2rem;
  background-color: #ccc;
}
.outline-body .box .dl-box dt figure {
  width: 4.4rem;
  margin: 0 1rem 0 2rem;
}
.outline-body .box .dl-box dt div:not(.mark) {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #ffffff;
}
.outline-body .box .dl-box dt div em {
  font-size: 2.5rem;
  font-weight: 700;
}
.outline-body .box .dl-box dt .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  transform: translate(-30%, -30%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 0.2rem currentColor;
  background-color: #ffdc50;
  font-family: "Exo 2", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}
.outline-body .box .dl-box dd {
  margin-top: 0.5rem;
}
.outline-body .box .dl-box dd em {
  line-height: 2;
  text-decoration: underline;
  text-decoration-color: #ffdc50;
  text-decoration-thickness: 0.3em;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: -0.1em;
  font-size: 2rem;
  font-weight: 700;
}
.outline-body .box .dl-box dd small {
  display: block;
  padding-left: 1.5em;
  line-height: 1.6;
  text-indent: -1.5em;
  font-size: 1.2rem;
  font-weight: 400;
}
.outline-body .box.green {
  background-color: #e0f1ef;
  color: #26b7bc;
}
.outline-body .box.green .dl-box dt {
  background-color: #26b7bc;
}
.outline-body .box.blue {
  background-color: #e6f2fb;
  color: #008ccf;
}
.outline-body .box.blue .dl-box dt {
  background-color: #008ccf;
}
@media screen and (min-width: 751px) {
  .outline-body .box-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    min-height: 28rem;
  }
  .outline-body .box-header .title {
    font-size: 3rem;
  }
  .outline-body .box .dl-box {
    min-height: 23rem;
  }
}
@media screen and (max-width: 750px) {
  .outline-body .box-header {
    padding-top: 7vw;
  }
  .outline-body .box-header .image {
    width: 30%;
  }
  .outline-body .box-header .title {
    margin-top: 0.5em;
    font-size: 2.4rem;
  }
  .outline-body .box-body {
    margin-top: 10vw;
  }
  .outline-body .box .dl-box {
    margin-bottom: 10vw;
  }
  .outline-body .box .dl-box dt {
    border-radius: 1.4rem;
  }
  .outline-body .box .dl-box dt figure {
    width: 4rem;
    height: 4rem;
    margin: 0 0.5rem 0 1.5rem;
  }
  .outline-body .box .dl-box dt div:not(.mark) em {
    font-size: 2rem;
  }
  .outline-body .box .dl-box dd em {
    line-height: 1.8;
  }
}

@media screen and (min-width: 751px) {
  .outline-comment {
    position: absolute;
    bottom: -1%;
    left: 1%;
    width: 42.5%;
  }
}
@media screen and (max-width: 750px) {
  .outline-comment {
    position: relative;
    width: 88%;
    margin: -5% auto 0;
  }
}

.exam-header {
  position: relative;
}
.exam-header .copy1 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
.green .exam-header .copy1 {
  color: #26b7bc;
}
.blue .exam-header .copy1 {
  color: #008ccf;
}
.ch_blue .exam-header .copy1 {
  color: #008ccf;
}
.exam-header .copy1::before, .exam-header .copy1::after {
  content: "";
  width: 0;
  height: 1.4em;
}
.exam-header .copy1::before {
  border-left: solid 0.2rem currentColor;
  transform: skewX(30deg);
}
.exam-header .copy1::after {
  border-right: solid 0.2rem currentColor;
  transform: skewX(-30deg);
}
.exam-header .copy1 span {
  margin: 0 2rem;
}
.exam-header .copy1.sz_l::before, .exam-header .copy1.sz_l::after {
  height: 2.4em;
}
.exam-header .copy1.sz_l span {
  margin: 0 3rem;
}
@media screen and (max-width: 750px) {
  .exam-header .copy1 {
    font-size: 2rem;
  }
  .exam-header .copy1::before, .exam-header .copy1::after {
    height: 2.4em;
  }
  .exam-header .copy1::before {
    transform: skewX(25deg);
  }
  .exam-header .copy1::after {
    transform: skewX(-25deg);
  }
  .exam-header .copy1.sz_l::before, .exam-header .copy1.sz_l::after {
    height: 3.2em;
  }
  .exam-header .copy1.sz_l span {
    margin: 0 1rem;
  }
}
.exam-header .title {
  position: relative;
  margin-top: 1em;
  padding: 1.75rem 0 2rem;
  border-radius: 3rem;
  text-align: center;
  color: #ffffff;
}
.green .exam-header .title {
  background-color: #26b7bc;
}
.blue .exam-header .title {
  background-color: #008ccf;
}
.ch_blue .exam-header .title {
  background-color: #38a1db;
}
.exam-header .title .mainttl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 4rem;
}
.exam-header .title .mainttl img {
  width: 1.6em;
}
.exam-header .title .mainttl span {
  margin-left: 1rem;
  padding: 0 1em;
  border-radius: 0.6em;
  background-color: #ffffff;
  font-size: 0.6em;
}
.exam-header .title .mainttl span.sp-custom {
  margin-right: 10%;
}
.green .exam-header .title .mainttl span {
  color: #26b7bc;
}
.blue .exam-header .title .mainttl span {
  color: #008ccf;
}
.ch_blue .exam-header .title .mainttl span {
  color: #38a1db;
}
.exam-header .title .subttl {
  margin-top: 1rem;
}
.exam-header .title .mark {
  position: absolute;
  top: -2rem;
  left: -2rem;
  width: 3.2em;
  height: 3.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 0.2rem currentColor;
  background-color: #ffdc50;
  font-family: "Exo 2", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
}
.green .exam-header .title .mark {
  color: #26b7bc;
}
.blue .exam-header .title .mark {
  color: #008ccf;
}
@media screen and (max-width: 750px) {
  .exam-header .title {
    border-radius: 2rem;
  }
  .exam-header .title .mainttl {
    flex-direction: column;
    font-size: 2.4rem;
  }
  .exam-header .title .mainttl img {
    width: 2.5em;
  }
  .exam-header .title .mainttl span {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  .exam-header .title .mainttl.sp-custom {
    flex-direction: row;
  }
  .exam-header .title .mainttl.sp-custom span {
    position: static;
  }
  .exam-header .title .mark {
    top: 0.5rem;
    left: 0.5rem;
    font-size: 1em;
  }
}
.exam-header .copy2 {
  margin-top: 1em;
  line-height: 2;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .exam-header .copy2 {
    margin-top: 2rem;
    line-height: 1.8;
    font-size: 1.7rem;
  }
}
.exam-header .image {
  position: absolute;
}
@media screen and (min-width: 751px) {
  .exam-header .image.img01 {
    top: 40.7692307692%;
    left: 80.7%;
    width: 25.7%;
  }
  .exam-header .image.img02 {
    top: 42.3076923077%;
    left: 82.5%;
    width: 24.2%;
  }
  .exam-header .image.img03 {
    top: 70.7692307692%;
    left: min(82%, 65vw);
    width: 30.6%;
  }
  .exam-header .image.img04 {
    top: 20.7692307692%;
    left: 67.3%;
    width: 40.8%;
  }
  .exam-header .image.img05_01 {
    top: 64.6153846154%;
    left: -2.1%;
    width: 15.7%;
  }
  .exam-header .image.img05_02 {
    top: 58.4615384615%;
    left: 87.1%;
    width: 15.8%;
  }
}
@media screen and (max-width: 750px) {
  .exam-header .image.img01 {
    top: 69.2015209125%;
    left: 82.4590163934%;
    width: 27.0491803279%;
  }
  .exam-header .image.img02 {
    top: 69.5817490494%;
    left: 80.3278688525%;
    width: 29.5081967213%;
  }
  .exam-header .image.img03 {
    top: -22.8136882129%;
    left: 85.2459016393%;
    width: 24.7540983607%;
  }
  .exam-header .image.img04 {
    top: 131.9391634981%;
    left: 74.9180327869%;
    width: 33.1147540984%;
  }
  .exam-header .image.img05_01 {
    top: 49.0494296578%;
    left: -8.6885245902%;
    width: 18.1967213115%;
  }
  .exam-header .image.img05_02 {
    top: 47.9087452471%;
    left: 90.6557377049%;
    width: 18.3606557377%;
  }
}

.exam-body {
  margin-top: 7rem;
}
@media screen and (max-width: 750px) {
  .exam-body {
    margin-top: 5vw;
  }
}
.exam-body .exam_point {
  margin-bottom: 3rem;
}
.exam-body .exam_point dt {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}
.exam-body .exam_point dt > span {
  position: relative;
  padding: 0.25em 1.75em;
  border-radius: 3em;
  border: solid 0.1em;
  background-color: #ffdc50;
  font-family: "Exo 2", sans-serif;
  font-size: min(2.4rem, 3.2vw);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}
.exam-body .exam_point dt > span::before, .exam-body .exam_point dt > span::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.5em);
  width: 1em;
  height: 0.8em;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.exam-body .exam_point dt > span::before {
  bottom: -0.8em;
}
.exam-body .exam_point dt > span::after {
  bottom: -0.6em;
  background-color: #ffdc50;
}
.green .exam-body .exam_point dt > span {
  color: #26b7bc;
}
.green .exam-body .exam_point dt > span::before {
  background-color: #26b7bc;
}
.blue .exam-body .exam_point dt > span {
  color: #008ccf;
}
.blue .exam-body .exam_point dt > span::before {
  background-color: #008ccf;
}
.ch_blue .exam-body .exam_point dt > span {
  color: #38a1db;
}
.ch_blue .exam-body .exam_point dt > span::before {
  background-color: #38a1db;
}
.exam-body .exam_point dd {
  line-height: 1.8;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
.exam-body .exam_point dd small {
  display: block;
  margin-top: 1em;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000;
}
@media screen and (max-width: 750px) {
  .exam-body .exam_point dt {
    margin-bottom: 2rem;
  }
  .exam-body .exam_point dd {
    font-size: 1.7rem;
  }
}

.exam01-flx .box {
  padding: 2rem 2.5rem;
  border-radius: 2rem;
}
.exam01-flx .box .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 2rem;
  font-size: 3rem;
}
.exam01-flx .box .title img {
  height: 5.8rem;
}
.exam01-flx .box .subttl {
  margin-bottom: 0.75em;
  padding-bottom: 0.25em;
  border-bottom: solid 1px currentColor;
}
.exam01-flx .box .text {
  margin-bottom: 1em;
  line-height: 1.8;
  font-size: 1.5rem;
  color: #000000;
}
@media screen and (max-width: 750px) {
  .exam01-flx .box .title {
    flex-direction: row;
    justify-content: center;
  }
  .exam01-flx .box .title img {
    margin-right: 0.5rem;
  }
  .exam01-flx .box .subttl {
    text-align: center;
  }
  .exam01-flx .box .text {
    margin-bottom: 0.5em;
  }
}

.exam02-flx .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 2.5rem;
  border-radius: 2rem;
  line-height: 1.6;
}
.exam02-flx .box dt {
  font-weight: 400;
}
.exam02-flx .box dt small {
  display: block;
  margin-top: 0.25em;
  font-size: 1.3rem;
}
.exam02-flx .box dd {
  margin-top: 0.5rem;
  font-size: 1.5rem;
}
.exam02-flx .box dd small {
  font-size: 1.3rem;
}
@media screen and (max-width: 750px) {
  .exam02-flx {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .exam02-flx .box {
    width: calc(50% - 0.5rem);
    padding: 5% 4%;
  }
}

.exam03-flx .box {
  padding: 2rem 2.5rem;
  border-radius: 2rem;
  text-align: center;
}
.exam03-flx .box dt {
  display: flex;
  justify-content: center;
}
.exam03-flx .box dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25em 1em;
  border-radius: 5em;
  background-color: #008ccf;
  font-family: "Exo 2", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  color: #ffffff;
}
.exam03-flx .box dt span::before {
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 0.1em;
  background: url(/admissions/chance/img/ch02_icon_check.svg) center center/contain no-repeat;
}
.exam03-flx .box dd {
  min-height: 7.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.8;
  font-size: min(2rem, 1.6vw);
  font-weight: 700;
  color: #008ccf;
}
.exam03-flx .box dd small {
  margin-top: 0.5em;
  font-size: 1.5rem;
  font-weight: 400;
  color: #000000;
}
.exam03-flx .box dd.comingsoon {
  font-weight: 400;
  color: #b3b0ab;
}
@media screen and (max-width: 750px) {
  .exam03-flx {
    gap: 5vw;
  }
  .exam03-flx .box dd {
    min-height: initial;
    margin-top: 1em;
    font-size: 1.8rem;
  }
}

/* ----------------------------------------
    Choice 03
---------------------------------------- */
.point {
  position: relative;
  margin-top: 3rem;
}
.point::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  background-color: transparent;
  background-image: radial-gradient(circle, #a1cbed 0.15rem, transparent 0.15rem), radial-gradient(circle, #a1cbed 0.15rem, transparent 0.15rem), radial-gradient(circle, #a1cbed 0.15rem, transparent 0.15rem), radial-gradient(circle, #a1cbed 0.15rem, transparent 0.15rem);
  background-position: 0.5rem 0.5rem, 1.4rem 0.5rem, 0.95rem 1.4rem, 1.85rem 1.4rem;
  background-size: 1.8rem 1.8rem;
  background-repeat: repeat;
}
.point .inner {
  position: relative;
  display: flow-root;
  padding: 4% 5%;
  border-radius: 2rem;
  border: solid 0.3rem #38a1db;
  background-color: #eaf4fc;
}
.point .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.6rem;
  height: 6.6rem;
  transform: translate(-30%, -30%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 0.2rem currentColor;
  background-color: #ffdc50;
  font-family: "Exo 2", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #004ea2;
}
.point .number {
  margin-bottom: 1.5rem;
  text-decoration: underline;
  font-family: "Exo 2", sans-serif;
  font-size: 2rem;
  font-weight: 700;
}
.point .title {
  font-size: 2.8rem;
}
.point .title small {
  font-size: 0.6em;
}
.point .notes1 {
  margin-top: 0.5em;
  line-height: 1.6;
  font-size: 1.8rem;
  font-weight: 700;
}
.point .image {
  position: relative;
}
.point .image img:first-child {
  border-radius: 2rem;
}
.point .image img:nth-child(2) {
  position: absolute;
}
.point .text2 {
  padding-top: 1.5rem;
  line-height: 1.8;
}
.point .notes2 {
  margin-top: 0.5em;
  line-height: 1.6;
  font-size: 1.3rem;
}
@media screen and (min-width: 751px) {
  .point .text1 {
    float: left;
    max-width: 63%;
  }
  .point .image {
    float: right;
    width: 32%;
    margin-left: 5%;
  }
  .point .image img.ch03_img0101b {
    top: 13.4615384615%;
    left: 84.3537414966%;
    width: 52.380952381%;
  }
  .point .image img.ch03_img0102b {
    top: 52.8846153846%;
    left: -49.6598639456%;
    width: 61.2244897959%;
  }
  .point .text2 {
    clear: left;
  }
}
@media screen and (max-width: 750px) {
  .point {
    margin-bottom: 10vw;
  }
  .point .inner {
    padding: 8% 5% 10%;
  }
  .point .mark {
    width: 5.4rem;
    height: 5.4rem;
    transform: translate(0.8rem, 0.8rem);
    font-size: 1.6rem;
  }
  .point .text1 {
    text-align: center;
  }
  .point .number {
    text-align: center;
  }
  .point .image {
    width: 80%;
    margin: 2rem auto 0;
  }
  .point .image img:first-child {
    border-radius: 1.5rem;
  }
  .point .image img.ch03_img0101b {
    top: 14.8387096774%;
    left: 85%;
    width: 40.9090909091%;
  }
  .point .image img.ch03_img0102b {
    top: 68.064516129%;
    left: -30.9090909091%;
    width: 61.1363636364%;
  }
  .point .text2 {
    width: 96%;
    margin: 0 auto;
  }
}

.ch03_img02 {
  position: absolute;
}
@media screen and (min-width: 751px) {
  .ch03_img02 {
    top: 44.8717948718%;
    left: 85.2%;
    width: 20%;
  }
}
@media screen and (max-width: 750px) {
  .ch03_img02 {
    top: 67.1641791045%;
    left: 66.5573770492%;
    width: 32.7868852459%;
  }
}

.custom_ch0302 {
  margin-top: 4rem;
}

/* ----------------------------------------
    Fadein Animation
---------------------------------------- */
.mv_inner {
  overflow: hidden;
}
.mv_inner .img01 {
  opacity: 0;
  transform: translateY(3rem);
  transition: 0.8s;
}
.mv_inner .img02 {
  opacity: 0;
  transition: 0.8s;
  transition-delay: 0.3s;
}
.mv_inner .title {
  opacity: 0;
  transform: translateY(-10rem) scale(1.5, 1.5);
  transition: 0.5s;
  transition-delay: 0.5s;
}
.mv_inner .img03 {
  opacity: 0;
  transform: translateX(-10rem) scale(1.1);
  transition: 0.5s;
  transition-delay: 1s;
}
.mv_inner .img04 {
  opacity: 0;
  transform: translateX(10rem) scale(1.1);
  transition: 0.5s;
  transition-delay: 1.3s;
}
.mv_inner .img05 {
  opacity: 0;
  transform: scale(0.8);
  transition: 0.3s;
  transition-delay: 2.5s;
}
.mv_inner.is-inview .img01 {
  opacity: 1;
  transform: translateY(0);
}
.mv_inner.is-inview .img02 {
  opacity: 1;
}
.mv_inner.is-inview .title {
  opacity: 1;
  transform: translateY(0) scale(1, 1);
}
.mv_inner.is-inview .img03 {
  opacity: 1;
  transform: translateX(0) scale(1);
}
.mv_inner.is-inview .img04 {
  opacity: 1;
  transform: translateX(0) scale(1);
}
.mv_inner.is-inview .img05 {
  opacity: 1;
  transform: scale(1);
}

.outline-title .inner::before {
  opacity: 0;
  transform: translateX(10rem);
  transition: 0.5s;
  transition-delay: 1.5s;
}
.outline-title .inner::after {
  opacity: 0;
  transform: translateX(-10rem);
  transition: 0.5s;
  transition-delay: 1.7s;
}
.outline-title .inner .title1 {
  opacity: 0;
  transform: translateY(10rem) scale(0.7);
  transition: 0.5s;
  transition-delay: 0.5s;
}
.outline-title .inner .title2-01 {
  opacity: 0;
  transition: 0.5s;
  transition-delay: 1s;
}
.outline-title .inner .title2-02 {
  opacity: 0;
  transition: 0.5s;
  transform: translateX(-10%) scale(0.9, 1);
  transition-delay: 1.5s;
}
.outline-title .inner .title2-03 {
  opacity: 0;
  transition: 0.5s;
  transform: translateX(10%) scale(0.9, 1);
  transition-delay: 1.7s;
}
.outline-title .inner.is-inview::before {
  opacity: 1;
  transform: translateX(0);
}
.outline-title .inner.is-inview::after {
  opacity: 1;
  transform: translateX(0);
}
.outline-title .inner.is-inview .title1 {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.outline-title .inner.is-inview .title2-01 {
  opacity: 1;
}
.outline-title .inner.is-inview .title2-02 {
  opacity: 1;
  transform: translateX(0) scale(1, 1);
}
.outline-title .inner.is-inview .title2-03 {
  opacity: 1;
  transform: translateX(0) scale(1, 1);
}

.blk-sz_m {
  opacity: 0;
  transform: translateY(30rem);
  transition: 0.5s;
}
.blk-sz_m.is-inview {
  opacity: 1;
  transform: translateY(0);
}

.js-fadeIn {
  opacity: 0;
  transition: 0.7s;
}
.js-fadeIn.js-later {
  transition-delay: 0.5s;
}
.js-fadeIn.is-inview {
  opacity: 1;
}

.js-fadeUp {
  opacity: 0;
  transform: translateY(15rem);
  transition: 0.7s;
}
.js-fadeUp.js-later {
  transition-delay: 0.5s;
}
.js-fadeUp.is-inview {
  opacity: 1;
  transform: translateY(0);
}/*# sourceMappingURL=style.css.map */