@charset "UTF-8";
/* 変数 */
/* 関数 */
/*
css
　 ├ style.css--------：WEB 1,400px以上
　 ├ pc.css-----------：WEB 1,399px以下、1,025以上
　 ├ tablet.css-------：WEB 1,024以下、767px以上
　 └ smart.css--------：WEB 768px以下
*/
/* css記載順序
01. 固定ページのh1,h2見出し

02. toppage

03. form
04. 下層ページ
end css記載順序
*/
@media screen and (max-width: 767px) {
  /*************************** 01. 固定ページのh1,h2見出し *******************/
  /*************************** 02. toppage ***********************/
  /* mv */
  .p-top-mv {
    padding-left: 2rem;
  }
  .p-top-mv::before {
    width: 49.2rem;
    height: 35.1rem;
    bottom: -13%;
    left: -55%;
  }
  .p-top-mv::after {
    width: 43.6rem;
    height: 31.1rem;
    bottom: -10%;
    right: -55%;
  }
  .p-top-mv__title {
    margin-left: 2rem;
    margin-bottom: 10rem;
  }
  .p-top-mv__title-en {
    width: 17rem;
  }
  .p-top-mv__title-jp {
    font-size: 2.4rem;
    margin-left: 2rem;
  }
  .p-top-mv__swiper {
    height: 58rem;
  }
  .p-top-mv__swiper-img img {
    aspect-ratio: 355/582;
  }
  /* concept */
  .c-top-bg {
    padding-block: 6.4rem 4rem;
    margin-right: 0;
    border-radius: 3rem;
  }
  .p-top-concept__main-title {
    font-size: 1.6rem;
  }
  .p-top-concept__en {
    font-size: 6.8rem;
  }
  .p-top-concept__en-icon::after {
    width: 7.7rem;
    height: 3rem;
  }
  .p-top-concept__lead {
    margin-top: 2.6rem;
    font-size: 2.4rem;
  }
  .p-top-concept__texts {
    margin-top: 3.2rem;
    text-align: left;
  }
  /* service */
  .p-top-service {
    margin-top: 6.4rem;
  }
  .p-top-service__inner {
    padding: 4rem 2rem;
    border-radius: 2.7rem;
    width: 90%;
  }
  .p-top-service__title {
    font-size: 6.8rem;
    margin-left: -0.5rem;
  }
  .p-top-service__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2rem;
    margin-top: -1.5rem;
  }
  .p-top-service__item-img img {
    aspect-ratio: 295/180;
  }
  /* news */
  .p-top-news {
    margin-top: 4.4rem;
  }
  .p-top-news__wrapper {
    flex-direction: column;
    gap: 2rem;
  }
  .p-top-news__column-left {
    width: 100%;
  }
  .p-top-news__categories {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .p-top-news__column-right {
    width: 100%;
  }
  .p-top-news__item {
    padding-bottom: 3.2rem;
  }
  .p-top-news__item:not(:first-child) {
    padding-top: 3.2rem;
  }
  .p-top-news__btn {
    margin-top: 4rem;
  }
  /* sns */
  .p-top-sns {
    margin-top: 6.4rem;
  }
  .p-top-sns::before {
    width: 24.8rem;
    height: 17.7rem;
    top: 0;
    bottom: 98%;
    left: -15%;
  }
  .p-top-sns::after {
    width: 40.2rem;
    height: 28.8rem;
    top: -33%;
    right: -35%;
  }
  .p-top-sns__wrapper {
    border-radius: 3rem;
    padding: 6.4rem 1.6rem;
  }
  .p-top-sns__block {
    flex-direction: column;
  }
  .p-top-sns__instagram {
    width: 100%;
  }
  .p-top-sns__btns {
    width: 100%;
  }
  /* img */
  .p-top-images {
    margin-top: 6.4rem;
  }
  .p-top-images__swiper {
    margin-left: calc(50% - 50vw);
  }
  .p-top-images__slide {
    width: 19.6rem;
  }
  .p-top-images__slide img {
    aspect-ratio: 196/131;
  }
  /* contact */
  .p-contact {
    margin-top: 6.4rem;
    padding-block: 11.7rem 6.4rem;
    border-radius: 3rem 3rem 0 0;
  }
  .p-contact__title-en {
    font-size: 5.6rem;
    text-align: center;
  }
  .p-contact__text {
    text-align: center;
    margin-top: 1.6rem;
  }
  .p-contact__btn {
    margin-top: 3.2rem;
    text-align: center;
  }
  /*************************** 03. form  ***********************/
  .p-page-contact {
    padding-block: 4rem 10rem;
  }
  .p-page-contact__text {
    text-align: left;
  }
  .p-form__list {
    gap: 2rem;
  }
  .p-form__group {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .p-form__label {
    width: 100%;
    padding: 0;
    gap: 1rem;
  }
  .p-form__select,
  .p-form__input,
  .p-form__textarea {
    font-size: 1.4rem;
    padding: 1.5rem;
  }
  .p-form__label--ck {
    margin-top: 4rem;
  }
  .p-form__btn {
    margin-top: 4rem;
  }
  /*************************** 04. 下層ページ  ***********************/
  /* travel */
  .p-sub-mv {
    margin-top: 2rem;
  }
  .p-sub-mv__title-en {
    font-size: 6.4rem;
  }
  .p-sub-mv__title-jp {
    font-size: 1.6rem;
  }
  .p-sub-mv__img {
    padding-left: 2rem;
    height: 56rem;
  }
  .p-sub-mv__img img {
    border-radius: 3rem 0 0 3rem;
  }
  .p-sub-mv__lead {
    font-size: 2rem;
    margin-top: 6.4rem;
  }
  /* service */
  .p-service {
    margin-top: 6.4rem;
  }
  .p-service__title-en {
    font-size: 6.8rem;
    margin-left: 0;
  }
  .p-service__title-jp {
    margin-left: 0;
  }
  .p-service__list {
    margin-top: 3.2rem;
  }
  .p-service__item {
    flex-direction: column;
    gap: 2.4rem;
  }
  .p-service__item:not(:first-child) {
    margin-top: 3.2rem;
  }
  .p-service__item-block {
    width: 100%;
  }
  .p-service__item-no {
    font-size: 5.6rem;
  }
  .p-service__item-title-en {
    font-size: 4rem;
    margin-top: -4.5rem;
    margin-left: 1.6rem;
  }
  .p-service__item-title-jp {
    margin-left: 1.6rem;
    font-size: 1.6rem;
  }
  .p-service__item-desc {
    font-size: 1.6rem;
    margin-left: 0;
    margin-top: 2.4rem;
  }
  .p-service__item-img {
    width: 100%;
  }
  .p-service__item-img img {
    aspect-ratio: 355/223;
  }
  .p-service__item-body {
    padding: 3.2rem 2rem;
  }
  .p-service__item-text {
    font-size: 2rem;
    line-height: 1.6;
  }
  .p-service__item-checklist {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
  .p-service__item-ck {
    font-size: 1.6rem;
    gap: 0.8rem;
  }
  /* reason */
  .p-reason {
    margin-top: 6.4rem;
  }
  .p-reason__wrapper {
    border-radius: 2.7rem;
    padding: 6.4rem 2rem;
  }
  .p-reason__title-en {
    font-size: 4rem;
    line-height: 1;
  }
  .p-reason__title-jp {
    font-size: 1.6rem;
  }
  .p-reason__cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
    margin-top: 2.4rem;
  }
  .p-reason__card-img img {
    aspect-ratio: 295/180;
  }
  .p-reason__card-title {
    font-size: 2.4rem;
    line-height: 1.3;
    margin-top: 1.6rem;
  }
  /* support */
  .p-support {
    margin-top: 6.4rem;
  }
  .p-support__wrapper {
    border-radius: 2.7rem;
    padding: 6.4rem 2rem;
  }
  .p-support__title-en {
    font-size: 4rem;
    line-height: 1;
  }
  .p-support__title-jp {
    font-size: 1.6rem;
  }
  .p-support__list {
    margin-top: 2.4rem;
    grid-template-columns: repeat(2, 3fr);
    gap: 1.5rem;
  }
  .p-support__item {
    padding-block: 1.6rem;
  }
  .p-support__item-img {
    width: 5rem;
  }
  .p-support__item-title {
    font-size: 1.6rem;
    margin-top: 0.4rem;
  }
  .p-support__item-text {
    font-size: 1.3rem;
    margin-top: 0.2rem;
  }
  .p-support__note {
    font-size: 1.5rem;
    margin-top: 3.2rem;
    text-align: left;
  }
  /* concept */
  .p-concept {
    margin-top: 6.4rem;
  }
  .p-concept__wrapper {
    border-radius: 2.7rem;
    padding: 4rem 2rem 6.4rem;
  }
  .p-concept__title {
    font-size: 6.8rem;
    margin-left: 0;
  }
  .p-concept__sec {
    flex-direction: column;
    gap: 1.6rem;
    margin-top: -1rem;
  }
  .p-concept__img {
    width: 100%;
  }
  .p-concept__sec-block {
    width: 100%;
  }
  .p-concept__sec-title {
    font-size: 2.4rem;
  }
  .p-concept__sec-text {
    font-size: 1.6rem;
    margin-top: 0.8rem;
  }
  /* message */
  .p-message {
    margin-top: 6.4rem;
  }
  .p-message__wrapper {
    border-radius: 2.7rem;
    padding: 4rem 2rem;
  }
  .p-message__title-en {
    font-size: 6rem;
    margin-left: -0.5rem;
  }
  .p-message__sec {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    grid-template-areas: "title" "text" "img" "name";
  }
  .p-message__sec-block {
    width: 100%;
    display: contents;
  }
  .p-message__sec-title {
    font-size: 2.4rem;
    grid-area: title;
  }
  .p-message__sec-text {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0.8rem;
    grid-area: text;
  }
  .p-message__sec-name {
    font-size: 1.6rem;
    line-height: 2.25;
    text-align: center;
    grid-area: name;
  }
  .p-message__sec-img {
    width: 55%;
    margin-inline: auto;
    grid-area: img;
    margin-top: 2.4rem;
  }
  .p-message__sec-img img {
    aspect-ratio: 188/204;
  }
  /* overview */
  .p-overview {
    margin-top: 6.4rem;
  }
  .p-overview__wrapper {
    flex-direction: column;
    gap: 0;
  }
  .p-overview__title {
    width: 100%;
  }
  .p-overview__title-en {
    font-size: 4rem;
  }
  .p-overview__title-jp {
    font-size: 1.6rem;
  }
  .p-overview__list {
    width: 100%;
  }
  .p-overview__row {
    flex-direction: column;
    gap: 1.6rem;
  }
  .p-overview__term {
    width: 100%;
  }
}