@media screen and (min-width: 375px) {

  .br__mobile {
    display: block;
  }

/*============================
header
============================*/

  .header__inner {
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
    width: 83%;
  }

  .header__logo {
    width: 32%;
  }

  .header__menu {
    display: none;
  }

  .header__hamburger {
    background: #fff;
    position: relative;
    display: block;
  }
    
  /* チェックボックスを非表示にする */
  .drawer_hidden {
    display: none;
  }
  
  /* ハンバーガーアイコンの設置スペース */
  .drawer_open {
    display: flex;
    height: 6.5vw;
    width: 6.5vw;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;/* 重なり順を一番上にする */
    cursor: pointer;
  }
  
  /* ハンバーガーメニューのアイコン */
  .drawer_open span,
  .drawer_open span:before,
  .drawer_open span:after {
    content: '';
    display: block;
    height: 0.5vw;
    width: 6.5vw;
    border-radius: 3px;
    background: #707070;
    transition: 0.5s;
    position: absolute;
  }
  
  /* 三本線の一番上の棒の位置調整 */
  .drawer_open span:before {
    bottom: 2vw;
  }
  
  /* 三本線の一番下の棒の位置調整 */
  .drawer_open span:after {
    top: 2vw;
  }
  
  /* アイコンがクリックされたら真ん中の線を透明にする */
  #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0);
  }
  
  /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
  #drawer_input:checked ~ .drawer_open span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  
  #drawer_input:checked ~ .drawer_open span::after {
    top: 0;
    transform: rotate(-45deg);
  }
    
  /* メニューのデザイン*/
  .nav_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; /* メニューを画面の外に飛ばす */
    z-index: 99;
    background: #f6f6f6;
    transition: .5s;
  }
  
  /* メニュー黒ポチを消す */
  .nav_list {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    gap: 4vw;
  }
  
  .nav_item {
    font-size: 3.5vw;
    cursor: pointer;
  }
  
  .nav_item-btn {
    text-decoration: none;
    color: #000;
    /*font-family: "Zen Old Mincho", serif;*/
    letter-spacing: 0.5vw;
    font-weight: 500;
  }

  .nav_item:hover {
    transform: scale(1.1);
  }

  .nav_item:active {
    transform: scale(0.9);
  }
  
  /* アイコンがクリックされたらメニューを表示 */
  #drawer_input:checked ~ .nav_content {
    left: 0;/* メニューを画面に入れる */
  }

/*============================
hero
============================*/
  .hero__inner {
    width: 60%;
    padding-top: 51vw;
    padding-bottom: 45vw;
  }
  
  .hero__subcopy {
    font-size: 3vw;
    letter-spacing: 0.2vw;
    line-height: 1;
    margin-bottom: 3vw;
  }
  
  .hero__maincopy {
    font-size: 6.6vw;
    letter-spacing: 0.3vw;
    line-height: 1.8;
    margin-bottom: 8.5vw;
    text-align: center;
  }
  
  .hero__btn__entry__inner {
    gap: 1vw;
    border: 1px solid #fff;
    padding: 2.5vw 7vw;
  }
  
  .hero__btn__entry-text {
    font-size: 3vw;
    font-weight: 500;
    letter-spacing: 0.1vw;
    line-height: 1;
    margin-right: 2vw;
  }
  
  .hero__btn__entry-arrow {
    width: 3vw;
  }

  .hero__bg__pc {
    display: none !important;
  }
  
  .hero__bg__mobile {
    display: block !important;
  }

/*============================
intro
============================*/

  .intro__inner {
    width: 90%;
    padding-top: 15vw;
    padding-bottom: 5vw;
  }

  .intro__title {
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 5.5vw;
    letter-spacing: 0;
  }

  .intro__message {
    font-size: 3.5vw;
    font-weight: 400;
    width: 78%;
    margin-bottom: 2vw;
    line-height: 1.9;
  }

/*============================
merit
============================*/

  .merit__inner {
    width: 90%;
    padding-top: 8vw;
    padding-bottom: 5vw;
  }

  .merit__title-main {
    font-size: 5.5vw;
    letter-spacing: 0.5vw;
    margin-bottom: 2vw;
  }

  .merit__title-sub {
    font-size: 3.5vw;
    margin-bottom: 7vw;
  }

  .merit__list {
    gap: 5.5vw;
    width: 100%;
    align-items: center;
    flex-direction: column;
  }

  .merit__list-card {
    width: 92%;
    border: 1px solid #3B4043;
  }

  .merit__list-card__inner {
    padding: 5vw 6vw 6vw 6vw;
    width: 100%;
  }

  .merit__card-number {
    font-size: 6.5vw;
    margin-bottom: 8vw;
  }

  .merit__card-number span {
    font-size: 15.5vw;
    margin-left: 0.8vw;
  }

  .merit__card-title {
    font-size: 5vw;
    line-height: 1;
    letter-spacing: 0.1vw;
    margin-bottom: 7vw;
    align-self: flex-start;
    margin-right: auto;
    margin-left: 10%;
  }

  .merit__card-line {
    height: 0.5vw;
    margin-bottom : 6vw;
    width: 98%;
  }

  .merit__card-text {
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0.1vw;
    margin-bottom: 1vw;
    width: 80%;
  }


/*============================
works
============================*/

  .works__inner {
    width: 83%;
    padding-top: 8vw;
    padding-bottom: 5vw;
  }

  .works__title-main {
    font-size: 5.5vw;
    letter-spacing: 0.5vw;
    margin-bottom: 2vw;
  }

  .works__title-sub {
    font-size: 3.5vw;
    margin-bottom: 7vw;
  }

  .works__grid {
    grid-template-columns: repeat(2,50%);
    grid-template-rows: repeat(3,27vw);
  }

  .works__item-text {
    font-size: 3vw;
  }


/*============================
staff
============================*/

  .staff__inner {
    width: 83%;
    padding-top: 6vw;
    padding-bottom: 10vw;
  }

  .staff__title-main {
    font-size: 5.5vw;
    letter-spacing: 0.5vw;
    margin-bottom: 2vw;
  }

  .staff__title-sub {
    font-size: 3.5vw;
    margin-bottom: 7vw;
  }

  .staff__grid {
    grid-template-columns: repeat(1,100%);
    grid-template-rows: repeat(4,37vw);
    gap: 4.5vw;
  }

  .staff__card-text {
    margin-right: 3vw;
    gap: 1vw;
    top: 56%;
  }

  .staff__text-comment1,.staff__text-comment2 {
    font-size: 3.2vw;
    padding: 1.2vw 2.5vw;
  }

  .staff__text-name {
    font-size: 2.5vw;
    margin-right: 2vw;
  }

  .staff__btn__inner {
    padding: 2.5vw 6.5vw;
  }

  .staff__btn-text {
    font-size: 3.4vw;
    margin-right: 4vw;
    letter-spacing: 0.1vw;
  }

  .staff__btn-arrow {
    width: 3vw;
  }


/*============================
work-style
============================*/

.work-style__inner {
  width: 83%;
  padding-top: 10vw;
  padding-bottom:14vw;
}

.work-style__title-main {
  font-size: 5.5vw;
  letter-spacing: 0.5vw;
  margin-bottom: 2vw;
}

.work-style__title-sub {
  font-size: 3.5vw;
  margin-bottom: 7vw;
}

.work-style__list {
  flex-direction: column;
  width: 100%;
  gap: 3vw;
}

.work-style__card {
  width: 100%;
}

.work-style__list-card__inner {
  /*width: 80%;*/
  padding: 7vw 10vw;
  margin-left: auto;
  margin-right: auto;
}

.work-style__card-name {
  font-size: 5vw;
  margin-bottom: 2vw;
  margin-left: 4%;
}

.work-style__card-name span {
  font-size: 3vw;
  margin-left: 1vw;
}

.work-style__card-style {
  font-size: 3.4vw;
  margin-bottom: 3.5vw;
}

.work-style__card-line {
  width: 110%;
  height: 0.25vw;
  margin-bottom : 3vw;
}

.work-style__card-comment {
  font-size: 3.4vw;
  line-height: 1.8;
  letter-spacing: 0;
  margin-bottom: 6vw;
}

.work-style__card-detail {
  width: 105%;
  padding-top: 4vw;
  padding-bottom: 4vw;
}

.work-style__detail-work, .work-style__detail-reward {
  font-size: 3.5vw;
}

.work-style__detail-work {
  margin-bottom: 1vw;
}


/*============================
recruit
============================*/
.recruit__inner {
  width: 83%;
  padding-top: 10vw;
  padding-bottom:14vw;
}
.recruit__title-main {
  font-size: 5.5vw;
  letter-spacing: 0.5vw;
  margin-bottom: 2vw;
}

.recruit__title-sub {
  font-size: 3.5vw;
  margin-bottom: 7vw;
}

.recruit__content {
  flex-direction: column-reverse;
}

.recruit__content-image {
  width: 100%;
}

.recruit__content-image__pc {
  display: none;
}

.recruit__content-image__mobile {
  display: block;
}

.recruit__content-detail {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.recruit__item {
  margin-bottom: 9vw;
}

.recruit__item-title {
  font-size: 3.5vw;
  line-height: 1;
  letter-spacing: 0.1vw;
  margin-bottom: 0.8vw;
  margin-bottom: 2.5vw;
}

.recruit__item-detail {
  font-size: 3.4vw;
  line-height: 1.6;
  letter-spacing: normal;
}

/* iphone */
@supports (-webkit-touch-callout: none) {
  .recruit__item-detail {
    letter-spacing: 0.3vw !important;
  }
}


.recruit__item-detail p {
  margin-bottom: 1.4vw;
}


/*============================
question
============================*/

.question__inner {
  width: 83%;
  padding-top: 10vw;
  padding-bottom:14vw;
}
.question__title-main {
  font-size: 5.5vw;
  letter-spacing: 0.5vw;
  margin-bottom: 2vw;
}

.question__title-sub {
  font-size: 3.5vw;
  margin-bottom: 7vw;
}

.question__list {
  width: 100%;
}

.question__item {
  border: 1px solid #e4e4e4;
}

.question__label {
  padding: 2.7vw 2vw;
}

.question__label__title {
  font-size: 3vw;
}

.question__state {
  width: 3.5vw;
}

/* 初期状態：非表示（PC用） */
.question__answer {
  font-size: 3vw;
  padding: 0vw 5vw;
  transform: translateY(-10%);
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease, margin 0.5s ease, padding 0.5s ease;
}

.question__item.open .question__answer {
  max-height: 30vw; 
  padding: 3vw 5vw; 
  transform: translateY(0); 
  opacity: 1;
}

/*============================
エントリーフォーム
============================*/
.entry-form__inner {
  width: 83%;
  padding-top: 10vw;
  padding-bottom:14vw;
}
.entry-form__title-main {
  font-size: 5.5vw;
  letter-spacing: 0.5vw;
  margin-bottom: 2vw;
}

.entry-form__title-sub {
  font-size: 3.5vw;
  margin-bottom: 7vw;
}

.entry-form__description {
  font-size: 3vw;
  margin-bottom: 7vw;
}

.entry-form__note {
  font-size: 3vw;
}

.entry-form__table th {
  width: 100%;
  display: block;
  border-bottom: none;
  padding-bottom: 10px;
  font-size: 3vw;
}

.entry-form__table td {
  display: block;
  padding-top: 10px;
}

.entry-form__table input[type="text"],
.entry-form__table input[type="email"],
.entry-form__table input[type="tel"],
.entry-form__table input[type="number"],
.entry-form__table textarea {
  font-size: 3vw;
}



.name-fields {
  flex-direction: column;
  gap: 10px;
}

.entry-form__buttons,
.form-buttons {
  flex-direction: column;
}

.btn-confirm,
.btn-reset,
.btn-submit,
.btn-back,
.btn-home {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  text-align: center;
  display: block;
  font-size: 3vw;
  padding: 3vw 0;
}

.confirm-table th,
.confirm-table td {
  display: block;
  width: 100%;
}

.confirm-table th {
  padding-bottom: 10px;
}

.confirm-table td {
  padding-top: 10px;
}


/*============================
footer
============================*/
.footer__inner {
  width: 83%;
  padding-top: 11vw;
  padding-bottom:8vw;
}

.footer__logo {
  width: 39%;
  margin-bottom: 2vw;
}

.footer__campany, .footer__address, .footer__tel, .footer__mail,
.footer__time, .footer__policy, .footer__sitemap, .copyright{
font-size: 2.7vw;
margin-left: 1vw
}

.footer__campany {
  margin-bottom: 4vw;
}

.footer__address {
  margin-bottom: 3.5vw;
}

.footer__time {
  margin-bottom: 3.5vw;
}

}