/* XX-Large devices (larger desktops, 1400px and up) */
/* max-width: 1899px */
@media (max-width: 118.6875em) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
/* (min-width: 1400px) and (max-width: 1499px) */
@media (min-width: 87.5em) and (max-width: 93.6875em) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
/* max-width: 1499px */
@media (max-width: 93.6875em) {
}

/* X-Large devices (large desktops, 1200px and up) */
/* max-width: 1399px */
@media (max-width: 87.4375em) {
  html {
    font-size: 59.375%;
  }
  .section__4 .logo-box {
    margin-left: -7rem;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
/* max-width: 1299px) */
@media (max-width: 81.1875em) {
  html {
    font-size: 56.25%;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
/* max-width: 1199px) */
@media (max-width: 74.9375em) {
  html {
    font-size: 53.125%;
  }

  .section__inner,
  .section__inner-sm {
    max-width: 100%;
    padding: 0 2rem;
  }
  .support-list {
    width: 100%;
  }

  .section__price img {
    width: 100%;
    height: auto;
  }

  .feature-list {
    justify-content: center;
    column-gap: 2rem;
  }

  .google-map iframe {
    width: 100%;
  }
}


/* @media (min-width: 992px) and (max-width: 1199px) { */
@media (min-width: 62em) and (max-width: 74.9375em) {

}

/* Large devices (desktops, 992px and up) */
/* @media (max-width: 991px) { */
@media (max-width: 61.9375em) {
  html {
    font-size: 62.5%;
  }
  br.sp {
    display: block;
  }
  br.pc {
    display: none;
  }
  .header {
    height: 59.1rem;
  }
  .section__concept {
    background: url('../img/concept-bg-sp.jpg') no-repeat bottom left;
    background-size: 100%;
    height: 111.9rem;
  }
  .concept__text h3 {
    margin-bottom: 50rem;
  }
  .concept-img {
    right: -10rem;
  }
  .section__text {
    background: url('../img/text-bg-sp.jpg') no-repeat;
    background-size: 100%;
    height: auto;
  }
  .section__text h3 {
    font-size: 4rem;
    line-height: 6rem;
  }
  .text__inner {
    padding: 5rem 3rem;
    margin-bottom: 15rem;
  }
  .text__list {
    flex-direction: column;
    align-items: center;
    row-gap: 21.5rem;
    margin-top: -10rem;
  }
  .text__item {
    width: 61.1rem;
    height: 65.3rem;
    min-height: unset;
  }
  .text__item img {
    width: 61.1rem;
    height: 38.7rem;
  }
  .text__item .text-area {
    width: 57rem;
  }
  .section__support {
    background: url('../img/support-bg-sp.jpg') no-repeat;
    background-size: 100%;
    padding-top: 200rem;
  }
  .section__support h3 {
    margin-bottom: 4.5rem;
  }
  .support__astraea {
    width: 100%;
    height: 17.885rem;
  }
  .support__astraea h4 {
    font-size: 2.293rem;
    line-height: 2.904rem;
  }
  .support__astraea h4 span {
    font-size: 4.586rem;
  }
  .support__astraea img {
    width: 24.1rem;
    height: 18.3rem;
    margin-top: -3rem;
    margin-left: 1rem;
  }
  .support-item__title-box h4 {
    font-size: 3.6rem;
    line-height: 6.9rem;
  }
  .support-item__title-box h4 span {
    font-size: 3rem;
  }
  .support-item {
    padding: 3rem;
  }
  .support-item:nth-child(3) {
    padding: 3rem;
  }
  .support-item p {
    font-size: 2.1rem;
    line-height: 4.2rem;
  }

  .section__4 {
    height: 36.2rem;
  }
  .section__4-content .photo {
    width: 55.6rem;
    height: 36.4rem;
    clip-path: polygon(0 0, 30rem 0, 42.5rem 100%, 0% 100%);
  }
  .section__4 .logo-box {
    margin-top: -4rem;
    row-gap: 2rem;
  }
  .section__4 .logo-box .logo {
    width: 20.8rem;
    height: 21.6rem;
  }
  .section__4 .title-box {
    bottom: -9rem;
  }
  .section__about {
    background: url('../img/about-bg-sp.jpg') no-repeat top center;
    background-size: 105%;
    padding-bottom: 8rem;
  }
  .about__text-area p {
    font-size: 2.1rem;
  }
  .section__point {
    padding-bottom: 6rem;
  }
  .point-list {
    flex-direction: column;
    align-items: center;
    row-gap: 4.5rem;
    margin-top: 4.5rem;
    margin-bottom: 5.5rem;
  }
  .point-item {
    width: 61.1rem;
    min-height: auto;
  }
  .point-item img {
    width: 61.1rem;
    height: 38.7rem;
  }
  .point-item .text-area {
    width: 57rem;
  }
  .point-item .text-area h4 {
    font-size: 6rem;
    line-height: 6rem;
  }
  .point-item .text-area p {
    font-size: 2.1rem;
  }
  .section__feature {
    padding: 10rem 0 8.5rem;
  }
  .section__feature h2 {
    margin-bottom: 8rem;
  }
  .feature-list {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    row-gap: 3rem;
  }
  .feature-item {
    flex-direction: row;
    width: 100%;
    column-gap: 5rem;
    justify-content: center;
  }
  .feature-item:nth-child(2) {
    flex-direction: row-reverse;
  }
  .feature-item .img-box {
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }
  .feature-item:nth-child(2) .img-box {
    justify-content: flex-start;
  }
  .feature-item .text-area {
    width: 50%;
  }
  .feature-item:nth-child(2) .text-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-right: 2rem;
  }
  .feature-item .text-area h4,
  .feature-item .text-area p {
    text-align: start;
    align-self: flex-end;
  }
  .feature-item:nth-child(2) .text-area p {
    margin-right: 2rem;
  }
  .section__check {
    background: url('../img/check-bg-sp.jpg') no-repeat;
    background-size: 100%;
    padding-bottom: 6.5rem;
  }
  .check-list-wrapper {
    height: auto;
  }
  .check-list {
    grid-template-columns: repeat(2, 33.4rem);
    grid-template-rows: repeat(5, auto);
    padding-bottom: 3.5rem;
  }
  .check-item {
    height: 9.2rem;
  }
  .check-item p {
    font-size: 2.4rem;
  }
  .section__check .text {
    line-height: 6rem;
  }
  .section__line {
    background: url('../img/line-bg-sp.jpg') no-repeat;
    background-size: 100%;
    height: 44.6rem;
  }
  .line__inner {
    padding-top: 7rem;
  }
  .line__inner .line-btn {
    width: 100%;
  }
  .section__voice {
    background: url('../img/voice-bg-sp.jpg') no-repeat;
    background-size: 100%;
  }
  .voice-list {
    width: 100%;
  }
  .voice-item img {
    width: 15.488rem;
    height: 15.488rem;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    flex-shrink: 0;
  }
  .voice-item .title-box {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    align-self: center;
    padding-bottom: 4rem;
    flex-shrink: 0;
    margin-left: 17rem;
    margin-top: 3rem;
  }
  .voice-item p {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
  .price__table-container th {
    width: 50%;
    font-size: 2.4rem;
  }
  .price__table-container td {
    font-size: 2.4rem;
    line-height: 3.1rem;
  }
  .price__table-container td.text {
    font-size: 2.1rem;
  }
  .price__table-container td.pc {
    display: none;
  }
  .price__table-container tr.stretch td:first-child {
    padding-bottom: 4.5rem;
  }
  .price__table-container tr.stretch span {
    display: block;
  }
  .section__qa {
    background: url('../img/qa-bg-sp.jpg') no-repeat;
    background-size: 100%;
  }
  .qa__content-box p {
    font-size: 2.4rem;
  }
  .section__access {
    padding-top: 8rem;
  }
  .access__top {
    flex-direction: column;
    margin-bottom: 3rem;
  }
  .access__top .img {
    width: 100%;
    height: auto;
  }
  .access__item {
    font-size: 2.198rem;
    border: 1px solid var(--white);
    padding: 0 1.5rem;
    line-height: 2.978rem;
  }
  .access__contact {
    flex-direction: column;
    align-items: center;
    row-gap: 3rem;
  }
  .access__tel-box p {
    margin-bottom: 1rem;
    font-size: 3.628rem;
  }
  .access__tel-box .number-box .icon {
    width: 6.4rem;
    height: 6.4rem;
  }
  .access__tel-box .number-box span {
    font-size: 6.672rem;
  }
  .section__access .line-btn {
    width: 55.832rem;
    min-height: 12.758rem;
    font-size: 3.277rem;
    height: unset;
  }
  .section__access .line-btn span {
    font-size: 3.277rem;
  }
  .section__access .line-btn .line-icon {
    width: 6.8rem;
    height: 6.8rem;
  }
  .section__access .line-btn .arrow {
    width: 1.763rem;
    height: 3.228rem;
  }

  .copyright {
    font-size: 1.6rem;
  }
}

/* medium-devices-start */
/* (min-width: 750px) and (max-width: 991px) */
@media (min-width: 46.875em) and (max-width: 61.9375em) {
  .section__4 .logo-box {
    margin-right: auto;
  }
}

/*  Medium devices (tablets, 768px and up) */
/* max-width: 749px */
@media (max-width: 46.8125em) {
  html {
    font-size: 63.5%;
  }

  .header {
    height: 29.55rem;
  }
  .header__logo-box {
    padding-top: 3.65rem;
  }
  .header__logo-box .logo {
    width: 17rem;
    height: 17.7rem;
  }
  .header__logo-box h1 {
    font-size: 1.3rem;
    margin-top: 1.45rem;
  }

  .section-heading {
    margin-bottom: 2.5rem;
  }
  .section-heading .main {
    font-size: 4rem;
    margin-bottom: 1.5rem;
  }
  .section-heading .sub {
    font-size: 1.4rem;
  }
  .section__concept {
    height: 55.95rem;
    padding: 5rem 0;
  }
  .section__concept .section-heading {
    margin-bottom: 4rem;
  }
  .section__concept .section-heading .main {
    margin-bottom: 0;
  }
  .section__concept .section-heading .sub {
    font-size: .9rem;
  }

  .section__concept h3 {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-bottom: 1rem;
  }
  .concept__text span {
    font-size: 1.4rem;
  }

  .concept__text h3 {
    margin-bottom: 23rem;
  }
  .concept__text div {
    line-height: .1;
  }
  .concept__text img {
    margin: 0 .4rem;
    width: .1rem;
    height: 1.6rem;
  }

  .concept-img {
    right: -3.5rem;
    width: 25.3rem;
    height: 30.75rem;
  }

  .section__text {
    padding: 2.25rem 0;
  }
  .text__inner {
    padding: 3rem 1rem;
  }
  .text__inner h3 {
    font-size: 2rem;
    line-height: 3rem;
    margin-left: 0;
  }
  .text__inner p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .text__list {
    row-gap: 4rem;
    margin-top: -12rem;
    margin-left: 1rem;
  }

  .text__item {
    width: 30.55rem;
    height: 32.65rem;
  }

  .text__item .text-area {
    width: 28.5rem;
    height: 16.5rem;
    padding: 1.5rem 2rem;
    margin-left: -0.6rem;
  }

  .text__item .text-area h4 {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 1rem;
  }
  .text__item:last-child .text-area h4 {
    margin-top: -1.5rem;
  }
  .text__item .text-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 1.5rem;
    margin-left: -1.5rem;
    margin-top: 0.5rem;
  }


  .text__item img {
    width: 30.55rem;
    height: 19.35rem;
  }


  .section__support {
    padding-top: 97rem;
    padding-bottom: 5rem;
  }
  .section__support h3 {
    font-size: 2rem;
    line-height: 3.45rem;
    margin-bottom: 2.5rem;
  }
  .support-list {
    row-gap: 2.1rem;
  }
  .support__astraea {
    height: 8.9425rem;
    border-radius: 2rem;
    margin-bottom: 2.5rem;
  }

  .support__astraea h4 {
    font-size: 1.1465rem;
    line-height: 1.452rem;
  }

  .support__astraea h4 span {
    font-size: 2.293rem;
    line-height: 3rem;
  }

  .support__astraea img {
    width: 12.05rem;
    height: 9.15rem;
    margin-top: -1.5rem;
    margin-left: 0.5rem;
  }

  .support-item__title-box h4 {
    font-size: 1.8rem;
    line-height: 3.45rem;
  }

  .support-item__title-box .health1 {
    width: 2.9rem;
    height: 3.05rem;
  }
  .support-item__title-box .health2 {
    width: 2.75rem;
    height: 3.3rem;
  }
  .support-item__title-box .sports {
    width: 3.1rem;
    height: 3.4rem;
  }
  .support-item__title-box .area {
    width: 3.15rem;
    height: 2.7rem;
  }
  .support-item__title-box h4 span {
    font-size: 1.5rem;
  }

  .support-item,
  .support-item:nth-child(3) {
    padding: 1.7rem;
  }
  .support-item:last-child .support-item__title-box h4 {
    letter-spacing: -.09rem;
  }

  .support-item p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .section__4 {
    height: 18.1rem;
  }

  .section__4-content .photo {
    width: 27.8rem;
    height: 18.2rem;
    clip-path: polygon(0 0, 15rem 0, 21.25rem 100%, 0% 100%);
  }

  .section__4 .logo-box {
    margin-top: -2rem;
    row-gap: 1rem;
    margin-left: auto;
    width: 100%;
    margin-right: 5rem;
  }

  .section__4 .logo-box .logo {
    width: 10.4rem;
    height: 10.8rem;
  }
  .section__4 .logo-box span {
    font-size: 1.3rem;
  }

  .section__4 .title-box {
    bottom: -4.5rem;
  }
  .section__4 h2 .bg {
    padding: 1.75rem 1.25rem;
  }
  .section__4 .title-box h2 {
    font-size: 4.5rem;
    line-height: 2.4rem;
    column-gap: .5rem;
  }
  .section__4 .title-box img {
    top: 2.25rem;
    right: 10rem;
    width: 1.45rem;
    height: 1.6rem;
  }

  .section__about {
    padding: 8rem 0 2rem;
  }
  .section__about .section-heading {
    margin-bottom: 2.4rem;
  }
  .about__text-area {
    margin-bottom: 3.25rem;
  }
  .about__text-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .about__staff-list {
    column-gap: 4rem;
  }
  .about__staff-item img {
    width: 14.55rem;
    height: 18.65rem;
  }
  .about__staff h4 {
    font-size: 3rem;
    line-height: 2.2rem;
    margin-bottom: 2.5rem;
  }
  .about__staff-item p {
    font-size: 1.4rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .section__point {
    padding: 5rem 0 3rem;
  }
  .section__point .bg {
    height: 24.9rem;
  }
  .section__point .section-heading .main {
    margin-bottom: 1rem;
  }
  .point-list {
    row-gap: 3rem;
    margin-top: 2.25rem;
    margin-bottom: 2.75rem;
    margin-left: 1rem;
  }

  .point-item {
    width: 30.55rem;
  }

  .point-item img {
    width: 30.55rem;
    height: 19.35rem;
  }

  .point-item .text-area {
    width: 28.5rem;
    height: 15rem;
    padding: 2rem 1rem;
    margin-left: -.5rem;
  }

  .point-item .text-area h4 {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 0;
  }
  .point-item:first-child .text-area h4 {
    margin-bottom: 0;
  }

  .point-item .text-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 1rem;
  }
  .section__point .bottom-text {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }

  .section__feature {
    padding: 5rem 0;
  }
  .section__feature h2 {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  .feature-item {
    width: 100%;
    column-gap: 1.5rem;
  }
  .feature-item img {
    width: 16rem;
    height: 20.05rem;
  }
  .feature-item .text-area h4 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    text-align: start;
  }
  .feature-item:nth-child(2) .text-area {
    margin-right: 1rem;
  }
  .feature-item .text-area p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .feature-item:nth-child(2) .text-area h4 {
    margin-right: 2.5rem;
  }
  .feature-item:nth-child(2) .text-area p {
    margin-right: 0;
  }

  .section__check {
    padding: 6rem 0 3.25rem;
  }
  .section__check .section-heading .main {
    margin-bottom: 1.5rem;
  }
  .check-list {
    grid-template-columns: repeat(2, 1fr);
    padding: 1rem 1.2rem 2rem;
  }

  .check-item {
    height: 5.6rem;
    padding-left: 1.5rem;
  }
  .check-item img {
    width: 1.2rem;
    height: 1.25rem;
  }

  .check-item p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-left: .5rem;
  }

  .section__check .text {
    font-size: 2rem;
    line-height: 3rem;
  }

  .section__line {
    height: 21.9rem;
  }
  .line__inner {
    padding-top: 4rem;
    row-gap: 2.5rem;
  }

  .line__inner h5 {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .line-btn {
    column-gap: 4rem;
    width: 40rem;
    height: 5.9rem;
    border-radius: 3rem;
    box-shadow: 0 .5rem 0 0 #059740;
  }
  .line-btn .line-icon {
    width: 4.45rem;
    height: 4.45rem;
  }
  .line-btn span {
    font-size: 1.8rem;
  }
  .line-btn .arrow {
    width: 0.7485rem;
    height: 1.375rem;
  }

  .section__voice {
    padding: 5rem 0;
  }
  .section__voice .section-heading {
    margin-bottom: 4rem;
  }

  .voice-list {
    row-gap: 3rem;
  }
  .voice-item {
    padding: 2rem;
  }
  .voice-item img {
    width: 7.744rem;
    height: 7.744rem;
  }

  .voice-item .title-box {
    font-size: 1.8rem;
    padding-bottom: 2.4rem;
    padding-left: 1rem;
    margin-left: 8.5rem;
    margin-top: .5rem;
    margin-bottom: 2rem;
  }
  .voice-item p {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 0;
    padding: 0;
  }

  .section__price {
    padding: 5rem 0;
  }
  .section__price .section-heading {
    margin-bottom: 5rem;
  }
  .section__price .section-heading .main {
    margin-bottom: 2rem;
  }
  .price__table-container {
    padding: .5rem;
    margin-bottom: 2.5rem;
  }
  .price__table-container th {
    font-size: 1.4rem;
    border: .5px solid var(--white);
    padding: 0.3rem 1rem;
  }

  .price__table-container td {
    font-size: 1.4rem;
    line-height: 2.4rem;
    border: .5px solid var(--white);
    padding: 1.4rem 1rem;
  }

  .price__table-container td.text {
    font-size: 1.4rem;
  }

  .price__table-container tr.stretch td:first-child {
      padding-bottom: 2.25rem;
  }

  .section__qa {
    padding: 5rem 0;
  }
  .section__qa .section-heading {
    margin-bottom: 4.7rem;
  }
  .section__qa .section-heading .main {
    margin-bottom: 1.5rem;
  }
  .qa__list {
    row-gap: 1.5rem;
  }
  .qa__item {
    border: 1.5px solid #2160a7;
  }
  .qa__content-box {
    padding: 1rem 1.5rem;
  }
  .qa__content-box .question-icon,
  .qa__content-box .answer-icon {
    width: 1.9965rem;
    height: 1.9965rem;
    font-size: 1.4rem;
    margin-right: 0.5rem;
  }
  .qa__content-box .answer-icon {
    border: 1.5px solid #092a7a;
  }
  .qa__content-box img {
    width: 1.0455rem;
    height: 0.561rem;
  }
  .qa__content-box p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .section__access {
    padding: 5rem 0 3rem;
  }
  .access__top {
    margin-bottom: 2.5rem;
  }
  .access__top .img {
    width: 100%;
  }
  .access__top .logo {
    width: 17.05rem;
    height: 7.55rem;
  }
  .access__tabel-container td {
    font-size: 1.6rem;
    line-height: 3.4rem;
    padding: 0 1.5rem;
  }
  .access__list {
    margin-bottom: 2rem;
        column-gap: 0.5rem;
        display: flex
;
        align-content: center;
        flex-direction: column;
        flex-wrap: wrap;
  }
  .access__item {
    font-size: 1.6rem;
        padding: 7px 0.75rem;
        line-height: 1.489rem;
        border: .5px solid var(--white);
        margin-top: 10px;
        text-align: center;
  }
  .access__contact {
    row-gap: 0.5rem;
    margin-bottom: 3rem;
  }
  .access__tel-box p {
    margin-bottom: 0.5rem;
    font-size: 1.814rem;
    line-height: 1;
  }
  .access__tel-box .number-box .icon {
    width: 3.2rem;
    height: 3.2rem;
  }
  .access__tel-box .number-box span {
    font-size: 3.336rem;
    margin-left: .5rem;
  }

  .section__access .line-btn {
    width: 27.916rem;
    min-height: 6.379rem;
    font-size: 1.6385rem;
    column-gap: 2rem;
  }
  .section__access .line-btn span {
    font-size: 1.6385rem;
  }
  .section__access .line-btn .line-icon {
    width: 3.4rem;
    height: 3.4rem;
  }
  .section__access .line-btn .arrow {
    width: 0.8815rem;
    height: 1.614rem;
  }
  .google-map {
    margin-bottom: 1.5rem;
  }
  .google-map iframe {
    height: 12.25rem;
  }

  .social-icons {
    column-gap: 2rem;
  }
  .social-icons .facebook {
    width: 3rem;
    height: 3rem;
  }
  .social-icons .instagram,
  .social-icons .line {
    width: 2.9rem;
    height: 2.9rem;
  }

  .footer {
    height: 2.5rem;
  }
  .copyright {
    font-size: .8rem;
  }

  .to-top {
    right: 1.5rem;
    bottom: 3.2rem;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: .5rem;
  }
  .to-top img {
    width: 1.4155rem;
    height: 0.778rem;
  }

}

@media (max-width: 26.8125em) {
  .section__4 .logo-box {
    margin-left: -5rem;
  }
}