:root {
  --back: #f4f2ec;
  --white: #FFF;
  --black: #333;
}

body {
  background: var(--back);
  overflow-x: hidden;
}

button {
  outline: none !important;
}

.parts__ttl-large {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: -0.05em;
  font-size: calc(35/750*100vw);
  text-align: center;
  margin-bottom: 1.57em;
}
@media (min-width: 768px) {
  .parts__ttl-large {
    font-size: clamp(36px*0.7, 36/1920*100vw, 36px);
  }
}

.nom-triangle {
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(172/750*100vw);
  aspect-ratio: 1/1;
  color: var(--white);
  position: relative;
  font-size: calc(25/750*100vw);
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .nom-triangle {
    width: clamp(220px*0.6, 220/1440*100vw, 220px);
    font-size: clamp(32px*0.6, 32/1440*100vw, 32px);
  }
}
.nom-triangle.nom-1 {
  background-image: url(./img/icon-advice-01.svg);
}
.nom-triangle.nom-2 {
  background-image: url(./img/icon-advice-02.svg);
}
.nom-triangle.nom-3 {
  background-image: url(./img/icon-advice-03.svg);
}
.nom-triangle .ttl {
  position: absolute;
  z-index: 2;
  letter-spacing: -0.05em;
  top: 1.5em;
  left: 0.75em;
}
.nom-triangle .no {
  position: absolute;
  z-index: 1;
  font-size: 3em;
  opacity: 0.5;
  top: 0;
  left: 0.575em;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.fv {
  width: 100%;
  padding-top: calc(28/750*100vw);
}
@media (min-width: 768px) {
  .fv {
    padding-top: min(66 / 1440 * 100vw, 66px * 0.35);
  }
}
@media (min-width: 1200px) {
  .fv {
    padding-top: min(66 / 1440 * 100vw, 66px * 0.5);
  }
}
@media (min-width: 1920px) {
  .fv {
    padding-top: min(66 / 1440 * 100vw, 66px);
  }
}
.fv h1 {
  width: 100%;
}
@media (min-width: 768px) {
  .fv h1 {
    width: clamp(700px, 1464/1440*100vw, 1464px);
    margin-inline: auto;
    padding: 0 60px;
    height: clamp(420px, 100vh - 120px, 820px);
  }
}
@media (min-width: 1200px) {
  .fv h1 {
    padding: 0 100px;
  }
}
@media (min-width: 1920px) {
  .fv h1 {
    padding: 0 100px;
    height: auto;
  }
}
.fv h1 img {
  width: 100%;
}
@media (min-width: 768px) {
  .fv h1 img {
    height: 100%;
    object-fit: contain;
  }
}
.fv .inner-layout {
  width: 88%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .fv .inner-layout {
    width: 100%;
    background-image: url(./img/fv-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: clamp(1920px*0.7, 1920/1440*100vw, 1920px) clamp(164px*0.7, 164/1440*100vw, 164px);
  }
}
@media (min-width: 1920px) {
  .fv .inner-layout {
    background-image: url(./img/fv-bg-large@1.5x.png);
    background-size: 2560px 164px;
  }
}
.fv .inner-layout p {
  margin-top: calc(102/750*100vw);
  font-size: calc(28/750*100vw);
  line-height: 1.857;
  letter-spacing: 0.025em;
  font-weight: 700;
}
@media (min-width: 768px) {
  .fv .inner-layout p {
    margin-top: 6.5em;
    line-height: 1.9;
    text-align: center;
    font-size: clamp(20px*0.7, 20/1440*100vw, 20px);
  }
}
.fv .inner-layout p br {
  display: none;
}
@media (min-width: 768px) {
  .fv .inner-layout p br {
    display: block;
  }
}

.contents {
  padding: calc(100/750*100vw) 0 calc(118/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .contents {
    padding: clamp(156px*0.7, 156/1440*100vw, 156px) 0 clamp(142px*0.7, 142/1440*100vw, 142px);
  }
}
@media (min-width: 768px) {
  .contents .inner-layout {
    width: clamp(1198px*0.6, 1198/1440*100vw, 1198px);
    margin-inline: auto;
  }
}
.contents ol {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  gap: calc(52/750*100vw) 0;
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
@media (min-width: 768px) {
  .contents ol {
    gap: inherit;
    flex-direction: row;
    justify-content: space-between;
  }
}
.contents li {
  width: calc(416/750*100vw);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  filter: drop-shadow(calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 5px rgba(160, 160, 160, 0.6));
}
@media (min-width: 768px) {
  .contents li {
    filter: drop-shadow(6px 6px 5px rgba(160, 160, 160, 0.6));
  }
}
@media (min-width: 768px) {
  .contents li {
    width: 30.4%;
  }
}
.contents li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contents li:nth-of-type(1) {
  background-image: url(./img/content-bg-01.svg);
}
.contents li:nth-of-type(2) {
  background-image: url(./img/content-bg-02.svg);
}
.contents li:nth-of-type(3) {
  background-image: url(./img/content-bg-03.svg);
}
.contents li .nom {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
  position: absolute;
  top: -0.025em;
  left: 0.45em;
  font-size: calc(180/750*100vw);
  color: var(--white);
  opacity: 0.5;
  z-index: 1;
}
@media (min-width: 768px) {
  .contents li .nom {
    font-size: clamp(150px*0.6, 150/1440*100vw, 150px);
  }
}
.contents li .ttl {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
  position: absolute;
  top: 1.55em;
  left: 0.65em;
  font-size: calc(60/750*100vw);
  letter-spacing: -0.05em;
  color: var(--white);
  z-index: 2;
}
@media (min-width: 768px) {
  .contents li .ttl {
    font-size: clamp(50px*0.6, 50/1440*100vw, 50px);
  }
}
.contents li .text {
  font-size: calc(36/750*100vw);
  font-weight: 700;
  line-height: 1.527em;
  text-align: center;
  margin-top: 7.4em;
  display: block;
}
@media (min-width: 768px) {
  .contents li .text {
    font-size: clamp(30px*0.6, 30/1440*100vw, 30px);
  }
}
.contents .paper-balloon {
  position: absolute;
  aspect-ratio: 1/1;
  inset: 0;
  width: 100%;
  margin: auto;
  top: auto;
  bottom: calc(-16/750*100vw);
  left: calc(500 / 750 * 100vw);
  width: calc(96/750*100vw);
}
.contents .paper-balloon img {
  width: 100%;
  aspect-ratio: 1/1;
  transform-origin: center center;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .contents .paper-balloon {
    width: clamp(148px*0.6, 148/1440*100vw, 148px);
    bottom: clamp(-40px, -40/1440*100vw, -40px*0.6);
    left: clamp(1350px*0.6, 1350/1440*100vw, 1350px);
  }
}
.contents .paper-balloon img {
  transform: rotate(-141deg);
}

.advice {
  padding: 0 0 calc(102/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .advice {
    padding: 0 0 clamp(410px*0.6, 410/1440*100vw, 410px);
  }
}
@media (min-width: 768px) {
  .advice .inner-layout {
    width: clamp(1198px*0.6, 1198/1440*100vw, 1198px);
    margin-inline: auto;
  }
}
.advice ol {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  gap: calc(62/750*100vw) 0;
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
@media (min-width: 768px) {
  .advice ol {
    gap: inherit;
    flex-direction: row;
    justify-content: space-between;
  }
}
.advice li {
  width: calc(416/750*100vw);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  filter: drop-shadow(calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 5px rgba(160, 160, 160, 0.6));
  font-size: calc(25/750*100vw);
  font-weight: 500;
}
@media (min-width: 768px) {
  .advice li {
    filter: drop-shadow(6px 6px 5px rgba(160, 160, 160, 0.6));
  }
}
@media (min-width: 768px) {
  .advice li {
    width: 30.4%;
    font-size: clamp(16px*0.6, 16/1440*100vw, 16px);
  }
}
.advice li:nth-of-type(1) {
  background-image: url(./img/advisor-bg-01.svg);
}
.advice li:nth-of-type(1) .person {
  width: calc(225/750*100vw);
  right: calc(-60/750*100vw);
}
@media (min-width: 768px) {
  .advice li:nth-of-type(1) .person {
    width: clamp(196px*0.6, 196/1440*100vw, 196px);
    right: 0;
  }
}
.advice li:nth-of-type(2) {
  background-image: url(./img/advisor-bg-02.svg);
}
.advice li:nth-of-type(2) .person {
  width: calc(269/750*100vw);
  right: calc(-68/750*100vw);
}
@media (min-width: 768px) {
  .advice li:nth-of-type(2) .person {
    width: clamp(233px*0.6, 233/1440*100vw, 233px);
    right: clamp(-6px, -6/1440*100vw, -6px*0.6);
  }
}
.advice li:nth-of-type(3) {
  background-image: url(./img/advisor-bg-03.svg);
}
.advice li:nth-of-type(3) .person {
  width: calc(276/750*100vw);
  right: calc(-80/750*100vw);
}
@media (min-width: 768px) {
  .advice li:nth-of-type(3) .person {
    width: clamp(248px*0.6, 248/1440*100vw, 248px);
    right: clamp(-8px, -8/1440*100vw, -8px*0.6);
  }
}
.advice li .ttl {
  font-size: 1.4em;
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  letter-spacing: -0.1em;
  display: block;
  padding: 0.55em 0.75em;
  line-height: 1.15;
}
@media (min-width: 768px) {
  .advice li .ttl {
    font-size: clamp(30px*0.6, 30/1440*100vw, 30px);
    padding: 2em 1em;
  }
}
.advice li .person {
  position: absolute;
  bottom: 0;
}
.advice li .person img {
  width: 100%;
}
@media (min-width: 768px) {
  .advice li .textwrap {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: block;
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1.6875em;
  }
}
.advice li .namesbox {
  background: rgba(255, 255, 255, 0.8);
  border-radius: calc(37/750*100vw);
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0.8em 1.2em;
}
@media (min-width: 768px) {
  .advice li .namesbox {
    position: static;
    background: none;
    padding: 0;
  }
}
.advice li .name {
  font-size: 1.6em;
}
@media (min-width: 768px) {
  .advice li .name {
    font-size: 2em;
  }
}
@media (min-width: 768px) {
  .advice li .designation {
    font-size: 1.125em;
  }
}
.advice li .description {
  line-height: 1.56;
  margin-left: 1.15em;
  display: block;
}
@media (min-width: 768px) {
  .advice li .description {
    margin-left: 0;
    min-height: 3.12em;
    margin-top: 0.5em;
  }
}
@media (min-width: 768px) {
  .advice li .description br.sponly {
    display: none;
  }
}
.advice li .description br.pconly {
  display: none;
}
@media (min-width: 768px) {
  .advice li .description br.pconly {
    display: block;
  }
}

.advice-detail {
  padding: 0 0 calc(102/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .advice-detail {
    padding: 0 0 clamp(250px*0.6, 250/1440*100vw, 250px);
  }
}
.advice-detail .inner-layout {
  width: 86.666%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .advice-detail .inner-layout {
    width: clamp(1198px*0.6, 1198/1440*100vw, 1198px);
    margin-inline: auto;
  }
}
.advice-detail .advice-content {
  width: 100%;
  background: var(--white);
  border-radius: calc(17/750*100vw);
  position: relative;
  font-size: calc(28/750*100vw);
  padding-bottom: 0.01em;
}
@media (min-width: 768px) {
  .advice-detail .advice-content {
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
    font-size: clamp(20px*0.6, 20/1440*100vw, 20px);
  }
}
.advice-detail .advice-content.type-border {
  background: none;
  border: solid 1px #a293cf;
}
.advice-detail .advice-content p {
  font-size: calc(28/750*100vw);
}
@media (min-width: 768px) {
  .advice-detail .advice-content p {
    font-size: clamp(20px*0.6, 20/1440*100vw, 20px);
  }
}
.advice-detail .main-ttl {
  font-size: calc(36/750*100vw);
  text-align: center;
  font-weight: 700;
  line-height: 1.527;
  position: relative;
  z-index: 2;
  padding-top: 2em;
  margin-bottom: 1.25em;
}
@media (min-width: 768px) {
  .advice-detail .main-ttl {
    font-size: clamp(37px*0.6, 37/1440*100vw, 37px);
  }
}
@media (min-width: 768px) {
  .advice-detail .main-ttl br {
    display: none;
  }
}
.advice-detail .lead {
  width: calc(535/750*100vw);
  margin-inline: auto;
  font-weight: 500;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .advice-detail .lead {
    width: 100%;
    text-align: center;
    margin-bottom: 3.5em;
  }
}
.advice-detail .lead.center {
  text-align: center;
}
.advice-detail .lead .small {
  font-size: 0.714em;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .advice-detail .lead .small {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  .advice-detail .lead br.sponly {
    display: none;
  }
}
.advice-detail .advice-textwrap {
  margin-left: auto;
  border-radius: calc(30/750*100vw) 0 0 calc(30/750*100vw);
  width: 95.5%;
  margin-bottom: 2.75em;
  padding-top: 1.25em;
  padding-bottom: 2.73em;
}
@media (min-width: 768px) {
  .advice-detail .advice-textwrap {
    width: 88.5%;
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px) 0 0 clamp(30px*0.6, 30/1440*100vw, 30px);
    padding-top: 2.25em;
    padding-bottom: 3.73em;
  }
}
.advice-detail .advice-textwrap.green {
  background: #c8ce8a;
}
.advice-detail .advice-textwrap.blue {
  background: #dadaf2;
}
.advice-detail .advice-textwrap.red {
  background: #e8bad2;
}
.advice-detail .advice-textwrap.reverse-textwrap {
  border-radius: 0 calc(30/750*100vw) calc(30/750*100vw) 0;
  margin-left: 0;
}
@media (min-width: 768px) {
  .advice-detail .advice-textwrap.reverse-textwrap {
    border-radius: 0 clamp(30px*0.6, 30/1440*100vw, 30px) clamp(30px*0.6, 30/1440*100vw, 30px) 0;
  }
}
@media (min-width: 768px) {
  .advice-detail .advice-textwrap.reverse-textwrap .inner {
    margin-left: 12.8%;
  }
}

.advice-1 .inner {
  width: 88.566%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .advice-1 .inner {
    width: 81.5%;
    margin-inline: inherit;
    margin: 0;
    margin-left: 5.6%;
  }
}
.advice-1 .inner-ttl {
  display: flex;
  flex-direction: column;
  font-size: calc(28/750*100vw);
  margin-bottom: 1.25em;
}
@media (min-width: 768px) {
  .advice-1 .inner-ttl {
    font-size: clamp(30px*0.6, 30/1440*100vw, 30px);
  }
}
.advice-1 .inner-ttl .en {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  opacity: 0.7;
  font-size: 1.964em;
}
@media (min-width: 768px) {
  .advice-1 .inner-ttl .en {
    font-size: 2.333em;
  }
}
.advice-1 .inner-ttl .jp {
  line-height: 1.642;
  margin-top: 0.3em;
  font-weight: 700;
}
@media (min-width: 768px) {
  .advice-1 .inner-ttl .jp br {
    display: none;
  }
}
.advice-1 .inner-box {
  padding: 1.7em 0;
  border-top: solid 1px var(--white);
}
@media (min-width: 768px) {
  .advice-1 .inner-box {
    display: flex;
    justify-content: space-between;
  }
}
.advice-1 .inner-box:last-of-type {
  border-bottom: solid 1px var(--white);
}
@media (min-width: 768px) {
  .advice-1 .inner-box.reverse-tmb {
    flex-direction: row-reverse;
  }
}
.advice-1 .inner-box.reverse-tmb .inner-box-tmb {
  float: right;
  margin-left: 1.25em;
  margin-right: 0;
}
@media (min-width: 768px) {
  .advice-1 .inner-box.reverse-tmb .inner-box-tmb {
    float: none;
    margin-left: 3em;
  }
}
.advice-1 .inner-box-tmb {
  width: calc(281/750*100vw);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  font-size: calc(25/750*100vw);
  font-weight: 500;
  float: left;
  margin-right: 1.25em;
}
@media (min-width: 768px) {
  .advice-1 .inner-box-tmb {
    width: clamp(160px*0.6, 160/1440*100vw, 160px);
    font-size: clamp(14px, 14/1440*100vw, 14px);
    float: none;
    margin-right: 3em;
    flex-shrink: 0;
    align-self: baseline;
  }
}
.advice-1 .inner-box-tmb.student {
  background-image: url(./img/advisor-bg-01.svg);
}
.advice-1 .inner-box-tmb.student .inner-box-tmb-person {
  right: -5.3%;
}
.advice-1 .inner-box-tmb.staff {
  background-image: url(./img/advisor-bg-02.svg);
}
.advice-1 .inner-box-tmb.staff .inner-box-tmb-person {
  right: -5.3%;
}
.advice-1 .inner-box-tmb.professor {
  background-image: url(./img/advisor-bg-03.svg);
}
.advice-1 .inner-box-tmb.professor .inner-box-tmb-person {
  right: -11.4%;
}
.advice-1 .inner-box-tmb .inner-box-tmb-ttl {
  font-size: 0.8em;
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  letter-spacing: -0.1em;
  display: block;
  padding: 1.55em 1.25em;
  line-height: 1.15;
}
.advice-1 .inner-box-tmb .inner-box-tmb-person {
  position: absolute;
  bottom: 0;
  width: 71.8%;
}
.advice-1 .inner-box-tmb .inner-box-tmb-person img {
  width: 100%;
}
.advice-1 p.inner-box-text {
  line-height: 1.785;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-1 p.inner-box-text {
    font-size: clamp(18px*0.6, 18/1440*100vw, 18px);
  }
}

.faq__list {
  width: 84.3%;
  margin-inline: auto;
  list-style: none;
  font-size: calc(28/750*100vw);
  margin-bottom: 2.5em;
  padding: 0;
  gap: 1.57em 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .faq__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 92.5%;
    font-size: clamp(28px*0.6, 28/1440*100vw, 28px);
    gap: 1.1785em;
  }
}

.faq-card {
  position: relative;
  width: 100%;
  aspect-ratio: 548/421;
}
@media (min-width: 768px) {
  .faq-card {
    aspect-ratio: 1/1;
    width: 31%;
  }
}
.faq-card .faq-card__num {
  font-size: 0.92em;
  font-weight: 700;
  color: #666666;
  position: absolute;
  top: 0.75em;
  left: 1.25em;
}
@media (min-width: 768px) {
  .faq-card .faq-card__num {
    font-size: 0.715em;
  }
}
.faq-card .faq-card__num.white {
  color: var(--white);
}
.faq-card .faq-card__question {
  font-size: 1.14em;
  font-weight: 700;
  line-height: 1.5625;
}
@media (min-width: 768px) {
  .faq-card .faq-card__question {
    font-size: 1em;
  }
}
.faq-card.is-open .faq-card__front {
  transform: rotateY(-180deg);
  pointer-events: none;
}
.faq-card.is-open .faq-card__back {
  opacity: 1;
  transform: rotateY(0deg);
  pointer-events: auto;
}
.faq-card.card-green .faq-card__corner {
  background-image: url(./img/btn-open-green.svg);
}
.faq-card.card-blue .faq-card__corner {
  background-image: url(./img/btn-open-blue.svg);
}
.faq-card.card-red .faq-card__corner {
  background-image: url(./img/btn-open-red.svg);
}

.faq-card__front,
.faq-card__back {
  position: absolute;
  inset: 0;
  border-radius: calc(30/750*100vw);
  transition: transform 0.6s ease, opacity 0.3s ease;
  backface-visibility: hidden;
}
@media (min-width: 768px) {
  .faq-card__front,
.faq-card__back {
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
  }
}

.faq-card__front {
  background: var(--white);
  border: 0;
  cursor: pointer;
}
.faq-card__front:hover .faq-card__corner {
  transform-origin: top right;
  transform: scale(1.2);
}
.faq-card__front:hover .open {
  opacity: 1;
}

.faq-card__back {
  color: #fff;
  opacity: 0;
  border: 0;
  transform: rotateY(180deg);
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.faq-card__back:hover .faq-card__corner {
  transform-origin: top right;
  transform: scale(1.2);
}
.faq-card__back:hover .open {
  opacity: 1;
}
.faq-card__back:hover .icon-close {
  top: 1.5em;
  right: 1.5em;
}

.faq-card__corner {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(61/750*100vw);
  height: calc(61/750*100vw);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .faq-card__corner {
    width: clamp(61px*0.6, 61/1440*100vw, 61px);
    height: clamp(61px*0.6, 61/1440*100vw, 61px);
  }
}
.faq-card__corner .open {
  opacity: 0;
  font-weight: 500;
  color: var(--white);
  font-size: 0.45em;
  display: block;
  transform-origin: center center;
  transform: rotate(45deg) translateX(0em) translateY(0.9em);
  transition: 0.3s;
}
.faq-card__corner.close-bg {
  background-image: url(./img/btn-close.svg) !important;
}

.icon-close {
  display: block;
  width: 0.6em;
  height: 0.6em;
  background-image: url(./img/icon-close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 1.15em;
  right: 1.15em;
  transition: 0.3s;
}

.faq-card.card-01 .faq-card__back {
  background-image: url(./img/faq-card__back-01.png);
}
@media (min-width: 768px) {
  .faq-card.card-01 .faq-card__back {
    background-image: url(./img/faq-card__back-01--pc@2x.png);
  }
}
.faq-card.card-02 .faq-card__back {
  background-image: url(./img/faq-card__back-02.png);
}
@media (min-width: 768px) {
  .faq-card.card-02 .faq-card__back {
    background-image: url(./img/faq-card__back-02--pc@2x.png);
  }
}
.faq-card.card-03 .faq-card__back {
  background-image: url(./img/faq-card__back-03.png);
}
@media (min-width: 768px) {
  .faq-card.card-03 .faq-card__back {
    background-image: url(./img/faq-card__back-03--pc@2x.png);
  }
}
.faq-card.card-04 .faq-card__back {
  background-image: url(./img/faq-card__back-04.png);
}
@media (min-width: 768px) {
  .faq-card.card-04 .faq-card__back {
    background-image: url(./img/faq-card__back-04--pc@2x.png);
  }
}
.faq-card.card-05 .faq-card__back {
  background-image: url(./img/faq-card__back-05.png);
}
@media (min-width: 768px) {
  .faq-card.card-05 .faq-card__back {
    background-image: url(./img/faq-card__back-05--pc@2x.png);
  }
}
.faq-card.card-06 .faq-card__back {
  background-image: url(./img/faq-card__back-06.png);
}
@media (min-width: 768px) {
  .faq-card.card-06 .faq-card__back {
    background-image: url(./img/faq-card__back-06--pc@2x.png);
  }
}
.faq-card.card-07 .faq-card__back {
  background-image: url(./img/faq-card__back-07.png);
}
@media (min-width: 768px) {
  .faq-card.card-07 .faq-card__back {
    background-image: url(./img/faq-card__back-07--pc@2x.png);
  }
}
.faq-card.card-08 .faq-card__back {
  background-image: url(./img/faq-card__back-08.png);
}
@media (min-width: 768px) {
  .faq-card.card-08 .faq-card__back {
    background-image: url(./img/faq-card__back-08--pc@2x.png);
  }
}
.faq-card.card-09 .faq-card__back {
  background-image: url(./img/faq-card__back-09.png);
}
@media (min-width: 768px) {
  .faq-card.card-09 .faq-card__back {
    background-image: url(./img/faq-card__back-09--pc@2x.png);
  }
}

@media (min-width: 768px) {
  .advice-3 {
    padding-bottom: clamp(132px*0.6, 132/1920*100vw, 132px);
  }
}
@media (min-width: 768px) {
  .advice-3 .inner-layout {
    width: clamp(1198px*0.6, 1628/1920*100vw, 1628px);
  }
}

.advice-3__01 {
  width: 84.6%;
  background: var(--back);
  margin-inline: auto;
  border-radius: calc(30/750*100vw);
  margin-bottom: calc(45/750*100vw);
}
@media (min-width: 768px) {
  .advice-3__01 {
    width: clamp(1198px*0.5, 92.5%, 1198px);
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
    margin-bottom: clamp(90px*0.6, 90/1440*100vw, 90px);
    padding-top: clamp(32px*0.6, 32/1440*100vw, 32px);
  }
}
.advice-3__01 .advice-3__01--ttl {
  position: relative;
  width: 118.2%;
  margin-left: -9.1%;
}
@media (min-width: 768px) {
  .advice-3__01 .advice-3__01--ttl {
    width: 74.5%;
    margin-left: 0;
    margin-inline: auto;
    margin-bottom: clamp(46px*0.6, 46/1440*100vw, 46px);
  }
}
.advice-3__01 .inner {
  width: 89.454%;
  margin-inline: auto;
  font-size: calc(28/750*100vw);
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .advice-3__01 .inner {
    font-size: clamp(18px*0.6, 18/1440*100vw, 18px);
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .advice-3__01 .inner .col2-item {
    width: 47.7%;
  }
}
.advice-3__01 .inner .ttlsmall {
  font-size: calc(28/750*100vw);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  .advice-3__01 .inner .ttlsmall {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(24px*0.6, 24/1440*100vw, 24px);
  }
}
.advice-3__01 .inner .ttlsmall .tag {
  color: var(--white);
  padding: 0 0.25em;
}
@media (min-width: 768px) {
  .advice-3__01 .inner .ttlsmall .tag {
    padding: 0.25em 0.5em;
    font-size: clamp(15px*0.6, 15/1440*100vw, 15px);
  }
}
.advice-3__01 .inner .ttlsmall .ping {
  background: #d9558e;
}
.advice-3__01 .inner .ttlsmall .gray {
  background: #9a9a9a;
}
.advice-3__01 .inner p {
  font-size: calc(28/750*100vw);
  line-height: 1.78;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .advice-3__01 .inner p {
    font-size: clamp(18px*0.6, 18/1440*100vw, 18px);
  }
}

.advice-3__02 {
  width: 100%;
  margin-inline: auto;
}
.advice-3__02 .advice-3__02--ttl {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .advice-3__02 .advice-3__02--ttl {
    width: clamp(865px*0.6, 865/1440*100vw, 865px);
    margin-inline: auto;
    margin-bottom: clamp(20px*0.6, 20/1440*100vw, 20px);
  }
}
.advice-3__02 .advice-3__02--ttl img {
  width: 100%;
}
@media (min-width: 768px) {
  .advice-3__02 .advice-3__02--ttl img {
    position: relative;
    right: clamp(10px*0.6, 10/1440*100vw, 10px);
  }
}
.advice-3__02 .inner {
  width: 84.6%;
  margin-inline: auto;
  font-size: calc(28/750*100vw);
  padding-bottom: 3em;
}
@media (min-width: 768px) {
  .advice-3__02 .inner {
    width: clamp(1198px*0.5, 92.5%, 1440px);
    padding-bottom: 1em;
  }
}
.advice-3__02 .schedule-tabs {
  width: 100%;
}
.advice-3__02 .schedule-tabs__nav {
  display: flex;
  justify-content: center;
  gap: 0 3%;
  width: 100%;
  margin-bottom: calc(42/750*100vw);
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-tabs__nav {
    margin-inline: auto;
    width: clamp(834px*0.6, 834/1440*100vw, 834px);
    gap: 0 16%;
    margin-bottom: clamp(66px*0.6, 66/1440*100vw, 66px);
  }
}
.advice-3__02 .schedule-tabs__btn {
  width: 48.5%;
  aspect-ratio: 268/64;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-tabs__btn {
    width: 42%;
  }
}
.advice-3__02 .schedule-tabs__btn.date0718 {
  background-image: url(./img/btn__0718@3x.png);
}
.advice-3__02 .schedule-tabs__btn.date0718.is-active {
  background-image: url(./img/btn__0718--active@3x.png);
}
.advice-3__02 .schedule-tabs__btn.date0719 {
  background-image: url(./img/btn__0719@3x.png);
}
.advice-3__02 .schedule-tabs__btn.date0719.is-active {
  background-image: url(./img/btn__0719--active@3x.png);
}
.advice-3__02 .date-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.24em 0;
  width: 100%;
}
@media (min-width: 768px) {
  .advice-3__02 .date-wrap {
    width: 46.8%;
  }
}
.advice-3__02 .date-wrap.date0718-nom-1 .schedule-ttl {
  border-bottom: solid 2.5px #c681a2;
}
.advice-3__02 .date-wrap.date0718-nom-1 .schedule-item {
  border-bottom: dotted 1px #c681a2;
}
.advice-3__02 .date-wrap.date0718-nom-2 .schedule-ttl {
  border-bottom: solid 2.5px #a182c4;
}
.advice-3__02 .date-wrap.date0718-nom-2 .schedule-item {
  border-bottom: dotted 1px #a182c4;
}
.advice-3__02 .date-wrap.date0718-nom-3 .schedule-ttl {
  border-bottom: solid 2.5px #82a6c4;
}
.advice-3__02 .date-wrap.date0718-nom-3 .schedule-item {
  border-bottom: dotted 1px #82a6c4;
}
.advice-3__02 .date-wrap.date0718-nom-4 .schedule-ttl {
  border-bottom: solid 2.5px #acc482;
}
.advice-3__02 .date-wrap.date0718-nom-4 .schedule-item {
  border-bottom: dotted 1px #acc482;
}
.advice-3__02 .date-wrap.date0719-nom-1 .schedule-ttl {
  border-bottom: solid 2.5px #acc482;
}
.advice-3__02 .date-wrap.date0719-nom-1 .schedule-item {
  border-bottom: dotted 1px #acc482;
}
.advice-3__02 .date-wrap.date0719-nom-2 .schedule-ttl {
  border-bottom: solid 2.5px #b7974f;
}
.advice-3__02 .date-wrap.date0719-nom-2 .schedule-item {
  border-bottom: dotted 1px #b7974f;
}
.advice-3__02 .date-wrap.date0719-nom-3 .schedule-ttl {
  border-bottom: solid 2.5px #7fdb7f;
}
.advice-3__02 .date-wrap.date0719-nom-3 .schedule-item {
  border-bottom: dotted 1px #7fdb7f;
}
.advice-3__02 .date-wrap.date0719-nom-4 .schedule-ttl {
  border-bottom: solid 2.5px #dbd265;
}
.advice-3__02 .date-wrap.date0719-nom-4 .schedule-item {
  border-bottom: dotted 1px #dbd265;
}
.advice-3__02 .schedule-tabs__panel {
  width: 100%;
  font-size: calc(26/750*100vw);
  display: flex;
  flex-direction: column;
  gap: 3.5em 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-tabs__panel {
    font-size: clamp(18px*0.75, 18/1780*100vw, 18px);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3.5em 6.4%;
  }
}
.advice-3__02 .schedule-ttl {
  font-size: calc(28/750*100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em 0;
  padding-bottom: 0.65em;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-ttl {
    font-size: clamp(24px*0.75, 24/1780*100vw, 24px);
  }
}
.advice-3__02 .schedule-ttl .top {
  line-height: 1;
  display: flex;
  align-items: center;
}
.advice-3__02 .schedule-ttl .top img {
  width: 1.16em;
  margin-left: 0.2em;
}
.advice-3__02 .schedule-ttl .bottm {
  line-height: 1;
}
.advice-3__02 .schedule-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: calc(26/750*100vw);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-list {
    font-size: clamp(18px*0.75, 18/1780*100vw, 18px);
  }
}
.advice-3__02 .schedule-item {
  width: 100%;
  padding: 0.77em 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 1em;
    padding: 0.77em 0.5em 0.77em 1em;
  }
}
.advice-3__02 .schedule-item__head {
  display: flex;
  margin-bottom: 0.92em;
  align-items: center;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item__head {
    margin-bottom: 0;
  }
}
.advice-3__02 .schedule-item__time {
  font-family: "din-condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 0;
  border: solid 1px var(--black);
  font-feature-settings: "palt";
  padding: 0.15em;
  line-height: 1;
  display: block;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item__time {
    font-size: 1.25em;
    padding: 0.15em 0.35em;
  }
}
.advice-3__02 .schedule-item__ttl {
  font-size: calc(26/750*100vw);
  margin-bottom: 0;
  white-space: nowrap;
  align-items: center;
  line-height: 1.3;
  margin-left: 0.35em;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item__ttl {
    margin-left: 0.5em;
    white-space: wrap;
    font-size: clamp(18px*0.75, 18/1780*100vw, 18px);
  }
}
.advice-3__02 .schedule-item__ttl .small-ex {
  font-size: 0.615em;
}
.advice-3__02 .schedule-item__foot {
  display: flex;
  margin-left: auto;
  width: fit-content;
  align-items: center;
}
.advice-3__02 p.schedule-item__place {
  font-size: 0.92em;
  margin-bottom: 0;
  line-height: 1.2;
  font-feature-settings: "palt";
  white-space: nowrap;
  font-weight: 500;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-item__place {
    font-size: 0.833em;
    white-space: wrap;
  }
}
.advice-3__02 p.schedule-item__status {
  font-size: 0.92em;
  margin-bottom: 0;
  line-height: 1.2;
  font-feature-settings: "palt";
  padding: 0 0.15em;
  background: #9a9a9a;
  color: var(--white);
  white-space: nowrap;
  margin-left: 0.75em;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-item__status {
    font-size: 0.833em;
    text-align: center;
    width: 5em;
    padding: 0.25em 0;
  }
}
.advice-3__02 p.schedule-item__status.required {
  background: #d9558e;
}
.advice-3__02 p.schedule-text {
  font-size: calc(22/750*100vw);
  line-height: 1.55;
  margin-top: 0.5em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-text {
    line-height: 2;
    font-size: clamp(15px*0.75, 15/1780*100vw, 15px);
  }
}
.advice-3__02 p.schedule-text .blcok_space {
  display: inline;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-text .blcok_space {
    display: none;
  }
}
.advice-3__02 p.schedule-text .schedule-item__status {
  font-size: 1.1em;
  margin-bottom: 0;
  line-height: 1.7;
  font-feature-settings: "palt";
  padding: 0 0.15em;
  background: #9a9a9a;
  color: var(--white);
  white-space: nowrap;
  margin: 0 0.35em;
}
.advice-3__02 p.schedule-text .schedule-item__status.required {
  background: #d9558e;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-text.center {
    text-align: center;
    margin-inline: auto;
  }
}

.bnr-layout {
  width: 100%;
  margin-bottom: calc(94/750*100vw);
}
@media (min-width: 768px) {
  .bnr-layout {
    margin-bottom: 118px;
  }
}
.bnr-layout .bnr {
  width: 84.6%;
  margin-inline: auto;
  margin-bottom: calc(164/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .bnr-layout .bnr {
    width: clamp(982px*0.6, 982/1440*100vw, 982px);
    margin-bottom: clamp(220px*0.6, 220/1440*100vw, 220px);
  }
}
.bnr-layout .bnr a {
  display: block;
  width: 100%;
}
.bnr-layout .bnr a img {
  width: 100%;
  filter: drop-shadow(calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 5px rgba(160, 160, 160, 0.6));
}
@media (min-width: 768px) {
  .bnr-layout .bnr a img {
    filter: drop-shadow(6px 6px 5px rgba(160, 160, 160, 0.6));
  }
}
.bnr-layout .paper-balloon.top {
  position: absolute;
  aspect-ratio: 1/1;
  inset: 0;
  width: 100%;
  margin: auto;
  top: calc(-250/750*100vw);
  width: calc(52/750*100vw);
  left: calc(-590/750*100vw);
}
.bnr-layout .paper-balloon.top img {
  width: 100%;
  aspect-ratio: 1/1;
  transform-origin: center center;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .bnr-layout .paper-balloon.top {
    top: clamp(-280px, -280/1440*100vw, -280px*0.6);
    width: clamp(84px*0.6, 84/1440*100vw, 84px);
    left: clamp(-1320px, -1320/1440*100vw, -1320px*0.6);
  }
}
.bnr-layout .paper-balloon.top img {
  transform: rotate(-58deg);
}
.bnr-layout .paper-balloon.bottom {
  position: absolute;
  aspect-ratio: 1/1;
  inset: 0;
  width: 100%;
  margin: auto;
  bottom: calc(-310/750*100vw);
  width: calc(86/750*100vw);
  left: calc(572/750*100vw);
}
.bnr-layout .paper-balloon.bottom img {
  width: 100%;
  aspect-ratio: 1/1;
  transform-origin: center center;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .bnr-layout .paper-balloon.bottom {
    bottom: clamp(-220px, -220/1440*100vw, -220px*0.6);
    width: clamp(140px*0.6, 140/1440*100vw, 140px);
    left: clamp(1150px*0.6, 1150/1440*100vw, 1150px);
  }
}
.bnr-layout .paper-balloon.bottom img {
  transform: rotate(-313deg);
}
.bnr-layout .link-layout {
  background-image: url(./img/bnr-bg--sp.png);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 750/110;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .bnr-layout .link-layout {
    width: 100%;
    background-image: url(./img/bnr-bg--pc.png);
    background-size: 1920px 203px;
    background-position: center center;
    background-repeat: repeat;
    aspect-ratio: inherit;
    height: 203px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  .bnr-layout .link-layout {
    background-image: url(./img/bnr-bg--pc@1.5x.png);
  }
}
.bnr-layout .link-layout a {
  display: block;
  background: #f9f195;
  border-radius: 100px;
  width: calc(606/750*100vw);
  margin-inline: auto;
  font-size: calc(24/750*100vw);
  font-weight: 700;
  text-align: center;
  padding: 1em 0;
  filter: drop-shadow(calc(8/750*100vw) calc(8/750*100vw) 5px rgba(80, 80, 80, 0.7));
  transition: 0.3s;
}
@media (min-width: 768px) {
  .bnr-layout .link-layout a {
    width: fit-content;
    font-size: clamp(34px*0.7, 34/1440*100vw, 34px);
    padding: 0.2em 3.5em;
  }
}
.bnr-layout .link-layout a:hover {
  opacity: 1;
  transform: translateY(-0.2em);
}
.bnr-layout .smalltext {
  font-size: 11px;
  width: 90%;
  margin-inline: auto;
  margin-top: 1.5em;
}
@media (min-width: 768px) {
  .bnr-layout .smalltext {
    text-align: center;
    font-size: 13px;
  }
}

/*# sourceMappingURL=community27.css.map */