/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */
.main_page {
  height: 40vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  position: relative
}

@media(min-width: 1200px) {
  .main_page {
    padding-top: 80px
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_page {
    padding-top: 50px
  }
}

@media(max-width: 767px) {
  .main_page {
    padding-top: 14vw
  }
}

.main_page .pagettl {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .08em;
  text-align: center
}

@media(max-width: 767px) {
  .main_page .pagettl {
    font-size: 1.5rem
  }
}

.main_page .pagettl span {
  display: block;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: .05em;
  text-transform: capitalize
}

@media(max-width: 767px) {
  .main_page .pagettl span {
    font-size: 1rem
  }
}

.main_page.main_about {
  background: url(/wp-content/uploads/2025/07/ours-scaled.jpg) center center/cover no-repeat
}

.main_page.main_media {
  background: url(/wp-content/uploads/2025/07/ours-scaled.jpg) center center/cover no-repeat
}

.main_page.main_store {
  background: url(/wp-content/uploads/2025/06/tempo_head-scaled.jpg) center center/cover no-repeat
}

.main_page.main_recruit {
  background: url(/wp-content/uploads/2025/06/saiyo_head-scaled.jpg) center center/cover no-repeat
}

.main_page.main_interview {
  background: url(images/about/bg_main.jpg) center center/cover no-repeat
}

.main_page.main_csv-management {
  background: url(/wp-content/uploads/2025/07/csr_head-scaled.jpg) center center/cover no-repeat
}

.main_page.main_news {
  background: url(/wp-content/uploads/2025/07/head_news.png) center center/cover no-repeat
}

.main_page.main_contact {
  background: url(/wp-content/uploads/2025/06/tempo_head-scaled.jpg) center center/cover no-repeat
}

.about_philo p.txt01 {
  margin-bottom: 1.5em
}

.about_philo .box {
  display: grid;
  place-content: center;
  background-color: #e01f0f;
  padding: 2rem 4%;
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .about_philo .box {
    padding: 1.2rem 4%;
    margin-bottom: 1.8rem
  }
}

.about_philo .box .ttl01 {
  font-size: 6rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-align: center
}

@media(max-width: 767px) {
  .about_philo .box .ttl01 {
    font-size: 3rem
  }
}

.about_philo .box .ttl01 span {
  display: block;
  font-size: 2.625rem;
  line-height: 1.5
}

@media(max-width: 767px) {
  .about_philo .box .ttl01 span {
    font-size: 1.5rem
  }
}

.about_philo .underline {
  padding: 3rem 0;
  position: relative
}

@media(max-width: 767px) {
  .about_philo .underline {
    padding: 2rem 0
  }
}

.about_philo .underline::before {
  content: "";
  width: 30vw;
  height: 100%;
  background-color: rgba(224, 31, 15, .05);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.about_philo .underline .dl01 {
  max-width: 1000px;
  margin-inline: auto
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_philo .underline .dl01 {
    width: 90vw
  }
}

@media(max-width: 767px) {
  .about_philo .underline .dl01 {
    width: 90vw
  }
}

.about_philo .underline .dl01 div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center
}

.about_philo .underline .dl01 div:not(:last-child) {
  margin-bottom: 1.8rem
}

@media(max-width: 767px) {
  .about_philo .underline .dl01 div:not(:last-child) {
    margin-bottom: 1.2rem
  }
}

.about_philo .underline .dl01 div dt {
  width: 25%;
  background-color: #e01f0f;
  display: grid;
  place-content: center;
  padding: .4em 2%;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  text-align: center
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_philo .underline .dl01 div dt {
    font-size: 1.5rem
  }
}

@media(max-width: 767px) {
  .about_philo .underline .dl01 div dt {
    font-size: 1.25rem
  }
}

.about_philo .underline .dl01 div dt span {
  display: block;
  font-size: 1.25rem;
  line-height: 1.3
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_philo .underline .dl01 div dt span {
    font-size: 0.875rem
  }
}

@media(max-width: 767px) {
  .about_philo .underline .dl01 div dt span {
    font-size: 0.75rem
  }
}

.about_philo .underline .dl01 div dd {
  width: 75%;
  padding-left: 1em;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .08em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_philo .underline .dl01 div dd {
    font-size: 1rem
  }
}

@media(max-width: 767px) {
  .about_philo .underline .dl01 div dd {
    font-size: 0.875rem
  }
}

.about_message {
  position: relative
}

.about_message::before {
  content: "";
  width: 50vw;
  height: 85%;
  background-color: #e01f0f;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

@media(max-width: 767px) {
  .about_message::before {
    width: 40vw;
    height: 100%
  }
}

.about_message .side_cmn figure {
  padding-top: 7rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_message .side_cmn figure {
    padding-top: 3.5rem
  }
}

@media(max-width: 767px) {
  .about_message .side_cmn figure {
    padding-top: 0rem
  }
}

.about_message .side_cmn figure img {
  width: 100%
}

.about_message .side_cmn p.txt01 {
  margin-bottom: 3em
}

@media(max-width: 767px) {
  .about_message .side_cmn p.txt01 {
    margin-bottom: 1.5em
  }
}

.about_message .side_cmn .name em {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2
}

@media(max-width: 767px) {
  .about_message .side_cmn .name em {
    font-size: 1.25rem
  }
}

.about_business {
  background-color: #f5f4e9
}

.about_business .colwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px
}

@media(min-width: 768px)and (max-width: 1199px) {
  .about_business .colwrap {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .about_business .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.about_business .colwrap .col {
  background-color: #fff
}

.about_business .colwrap .col figure {
  position: relative
}

.about_business .colwrap .col figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.about_business .colwrap .col figure figcaption {
  width: 100%;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .8rem
}

@media(max-width: 767px) {
  .about_business .colwrap .col figure figcaption {
    font-size: 1.5rem
  }
}

.about_business .colwrap .col figure figcaption span {
  display: block;
  font-size: 1.0625rem;
  font-weight: 300
}

@media(max-width: 767px) {
  .about_business .colwrap .col figure figcaption span {
    font-size: 0.875rem
  }
}

.about_business .colwrap .col .txt {
  padding: 1.2rem 5%
}

.about_business .colwrap .col .txt ul li {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .08em;
  text-indent: -0.5em;
  padding-left: .5em
}

@media(max-width: 767px) {
  .about_business .colwrap .col .txt ul li {
    font-size: 0.875rem
  }
}

.about_business .colwrap .col .txt ul li:not(:last-child) {
  margin-bottom: .6rem
}

dl.dl_cmn01 div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: .8rem 0;
  border-bottom: 1px solid #e01f0f
}

dl.dl_cmn01 div dt {
  width: 12%;
  font-size: 1.5rem;
  color: #e01f0f;
  font-weight: 700;
  line-height: 1.3
}

@media(max-width: 767px) {
  dl.dl_cmn01 div dt {
    width: 16%;
    font-size: 1.125rem
  }
}

dl.dl_cmn01 div dd {
  width: 88%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .08em
}

@media(max-width: 767px) {
  dl.dl_cmn01 div dd {
    width: 84%;
    font-size: 0.8125rem
  }
}

.about_company {
  position: relative
}

.about_company h2.ttl_cmn2,
.about_company .side_cmn {
  position: relative;
  z-index: 1
}

.about_company .map {
  position: relative;
  padding-top: 414px;
  overflow: hidden
}

@media(max-width: 767px) {
  .about_company .map {
    padding-top: 100%
  }
}

.about_company .map iframe {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: calc(100% + 200px + 200px);
  pointer-events: none
}

@media(max-width: 767px) {
  .about_company .map iframe {
    top: -30vw;
    height: calc(100% + 30vw + 30vw)
  }
}

.about_company .bgtxtwrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0
}

dl.dl_cmn02 div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #e01f0f;
  position: relative
}

@media(max-width: 767px) {
  dl.dl_cmn02 div {
    padding: .7rem 0
  }
}

dl.dl_cmn02 div::after {
  content: "";
  width: 20%;
  height: 3px;
  background-color: #e01f0f;
  position: absolute;
  bottom: -1px;
  left: 0
}

dl.dl_cmn02 div dt,
dl.dl_cmn02 div dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .08em
}

@media(max-width: 767px) {

  dl.dl_cmn02 div dt,
  dl.dl_cmn02 div dd {
    font-size: 0.8125rem
  }
}

dl.dl_cmn02 div dt {
  width: 20%;
  padding-left: .4em
}

@media(max-width: 767px) {
  dl.dl_cmn02 div dt {
    width: 24%;
    padding-left: 0
  }
}

dl.dl_cmn02 div dd {
  width: 80%;
  padding-left: 1.2em
}

@media(max-width: 767px) {
  dl.dl_cmn02 div dd {
    width: 76%;
    padding-left: .8em
  }
}

.store_list ul {
  margin-bottom: 0
}

.store_first {
  background-color: #f5f4e9;
  position: relative
}

.store_first::before {
  content: "";
  width: 100%;
  height: 30%;
  background-color: #333;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

@media(min-width: 768px)and (max-width: 1199px) {
  .store_first::before {
    height: 20%
  }
}

@media(max-width: 767px) {
  .store_first::before {
    height: 20%
  }
}

.store_first h2,
.store_first .img01 {
  position: relative;
  z-index: 1
}

.store_first figure.img01 {
  margin-bottom: 5rem
}

@media(max-width: 767px) {
  .store_first figure.img01 {
    margin-bottom: 2.5rem
  }
}

.store_first figure.img01 img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.store_first .side_cmn {
  margin-bottom: 1.8rem
}

.store_first .area {
  background-color: #fff;
  padding: 1.8rem 5%
}

@media(max-width: 767px) {
  .store_first .area {
    padding: 1.2rem 4%
  }
}

.store_first .area .ttl02 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .07em;
  text-align: center;
  margin-bottom: .9em
}

@media(max-width: 767px) {
  .store_first .area .ttl02 {
    font-size: 1.5rem
  }
}

.store_first .area .ttl02 span {
  display: block;
  font-size: 1.5625rem;
  color: #e01f0f;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .05em
}

@media(max-width: 767px) {
  .store_first .area .ttl02 span {
    font-size: 1.125rem
  }
}

.store_first .area .colwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 3%;
  margin-bottom: 2.4rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .store_first .area .colwrap {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.8rem
  }
}

@media(max-width: 767px) {
  .store_first .area .colwrap {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1.8rem
  }
}

.store_first .area .colwrap .col figure {
  margin-bottom: .8rem
}

.store_first .area .colwrap .col figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.store_first .area .colwrap .col h5 {
  margin-bottom: .3em
}

.store_access .map {
  position: relative;
  width: 100%;
  padding-top: 407px;
  overflow: hidden;
  margin-bottom: 1.3rem
}

@media(max-width: 767px) {
  .store_access .map {
    padding-top: 100%
  }
}

.store_access .map iframe {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: calc(100% + 200px + 200px);
  pointer-events: none
}

@media(max-width: 767px) {
  .store_access .map iframe {
    top: -30vw;
    height: calc(100% + 30vw + 30vw)
  }
}

.store_access p.txt01 {
  margin-bottom: 3.5em
}

.recruit_first {
  background-color: #e01f0f;
  padding: 2.5rem 0 3rem
}

@media(max-width: 767px) {
  .recruit_first {
    padding: 2rem 0 2.5rem
  }
}

.recruit_first p.txt01 {
  max-width: 560px;
  margin-inline: auto
}

.recruit_person {
  background-color: #f5f4e9
}

.recruit_person h2.ttl_cmn2 {
  margin-bottom: .3em
}

.recruit_person p.txt_sub {
  margin-bottom: 3.5em
}

.recruit_person .colwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 5.2777777778%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_person .colwrap {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .recruit_person .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.recruit_person .colwrap .col figure {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .recruit_person .colwrap .col figure {
    margin-bottom: 1.5rem
  }
}

.recruit_person .colwrap .col figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.recruit_person .colwrap .col h3.ttl_cmn2 {
  margin-bottom: .3em
}

.recruit_person .colwrap .col .tagwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: .8rem 0;
  margin-bottom: 1.2rem
}

.recruit_person .colwrap .col .tagwrap span {
  display: inline-block;
  min-width: 170px;
  background-color: #aca559;
  border-radius: 100vmax;
  padding: .1em 1em 0em;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .07em;
  text-align: center
}

.recruit_skill .box {
  max-width: 1300px;
  background-color: #e01f0f;
  border-radius: 1.2rem;
  padding: 4rem 0% 2.5rem;
  margin-inline: auto
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_skill .box {
    max-width: 95vw;
    padding: 2rem 0% 1.5rem
  }
}

@media(max-width: 767px) {
  .recruit_skill .box {
    max-width: 95vw;
    padding: 2rem 0% 1.5rem
  }
}

.recruit_skill .box p.txt_sub {
  line-height: 1.5;
  margin-bottom: 3em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_skill .box p.txt_sub {
    margin-bottom: 1.5em
  }
}

@media(max-width: 767px) {
  .recruit_skill .box p.txt_sub {
    margin-bottom: 1.5em
  }
}

.recruit_skill .box .colwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 3px
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_skill .box .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .recruit_skill .box .colwrap {
    grid-template-columns: repeat(1, 1fr)
  }
}

.recruit_skill .box .colwrap .col {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2rem 6%
}

@media(max-width: 767px) {
  .recruit_skill .box .colwrap .col {
    padding: 1.3rem 4%
  }
}

.recruit_skill .box .colwrap .col h3.ttl_cmn2 {
  margin-bottom: 1.2em
}

.recruit_interview {
  background-color: #f2f2f2;
  position: relative
}

.recruit_interview .bgtxtwrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0
}

.recruit_interview ul {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .recruit_interview ul {
    margin-bottom: 2rem
  }
}

.recruit_interview .slick-slider {
  line-height: 0
}

.recruit_interview .slick-slider .slick-slide {
  margin: 0 1vw;
  opacity: .35
}

.recruit_interview .slick-slider .slick-slide.slick-center {
  opacity: 1
}

.recruit_interview .slick-slider .prev-arrow,
.recruit_interview .slick-slider .next-arrow {
  position: absolute;
  bottom: calc(100% + 3rem);
  z-index: 11
}

@media(max-width: 767px) {

  .recruit_interview .slick-slider .prev-arrow,
  .recruit_interview .slick-slider .next-arrow {
    bottom: calc(100% + 1rem)
  }
}

.recruit_interview .slick-slider .prev-arrow {
  right: calc(5vw + 60px)
}

@media(max-width: 767px) {
  .recruit_interview .slick-slider .prev-arrow {
    width: 8vw;
    right: 15vw
  }
}

.recruit_interview .slick-slider .next-arrow {
  right: 5vw
}

@media(max-width: 767px) {
  .recruit_interview .slick-slider .next-arrow {
    width: 8vw
  }
}

.recruit_message {
  margin-top: 2.5rem
}

.recruit_welfare {
  background-color: #f2f2f2;
  padding: 2rem 0 2.5rem
}

.recruit_welfare h2.ttl_cmn2 {
  margin-bottom: .5em
}

.recruit_welfare .area {
  max-width: 916px;
  background-color: #fff;
  margin-inline: auto;
  padding: 1.5rem 6%
}

.recruit_welfare .area p {
  line-height: 1.75
}

.recruit_support {
  position: relative
}

.recruit_support .bgtxtwrap {
  position: absolute;
  top: 1rem;
  right: 0;
  z-index: 0
}

.recruit_recreate {
  background-color: #f2f2f2;
  position: relative
}

.recruit_recreate .bgtxtwrap {
  position: absolute;
  top: 1rem;
  right: 0;
  z-index: 0
}

.recruit_recreate ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.8rem 5%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_recreate ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .recruit_recreate ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.recruit_recreate ul li {
  background-color: #fff
}

.recruit_recreate ul li figure img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
  object-fit: cover
}

.recruit_recreate ul li .txt {
  padding: 1.8rem 4% 2.2rem
}

@media(max-width: 767px) {
  .recruit_recreate ul li .txt {
    padding: 1.2rem 4% 1.6rem
  }
}

.recruit_recreate ul li .txt h3.ttl_cmn2 {
  margin-bottom: .4em
}

.recruit_message02 {
  margin-top: 5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_message02 {
    margin-top: 2.5rem
  }
}

@media(max-width: 767px) {
  .recruit_message02 {
    margin-top: 2.5rem
  }
}

.recruit_message02::before {
  background-color: #aca558
}

.recruit_message02 .side_cmn figure {
  padding-top: 3.5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .recruit_message02 .side_cmn figure {
    padding-top: 2rem
  }
}

@media(max-width: 767px) {
  .recruit_message02 .side_cmn figure {
    padding-top: 0rem
  }
}

.entry_form {
  background-color: #f5f4e9
}

.entry_form .area {
  background-color: #fff;
  border-radius: 2.5rem 2.5rem 0 0;
  padding: 5rem 5%
}

@media(max-width: 767px) {
  .entry_form .area {
    border-radius: 1.2rem 1.2rem 0 0;
    padding: 2.5rem 4%
  }
}

.interview_list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .interview_list ul {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 767px) {
  .interview_list ul {
    grid-template-columns: repeat(1, 1fr)
  }
}

.ul_interview li figure {
  margin-bottom: -3rem
}

.ul_interview li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.ul_interview li .txt {
  background-color: #fff;
  padding: 1.5rem 4%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-inline: 1rem;
  position: relative
}

.ul_interview li .txt::after {
  content: "";
  font-size: 0.625rem;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%)
}

.ul_interview li .txt .txt_sub {
  margin-bottom: .4em
}

.ul_interview li .txt .name {
  margin-bottom: .6em
}

.ul_interview li .txt p.txt01 {
  line-height: 1.6
}

.interview_single {
  background-color: #f5f4e9
}

.interview_single .area {
  background-color: #fff;
  border-radius: 2.5rem;
  padding: 5rem 6%
}

@media(max-width: 767px) {
  .interview_single .area {
    border-radius: 1.2rem;
    padding: 2rem 4%
  }
}

.interview_single .area .side_cmn {
  margin-bottom: 3.2rem
}

@media(max-width: 767px) {
  .interview_single .area .side_cmn {
    margin-bottom: 2.4rem
  }
}

.interview_single .area .side_cmn p.txt01 {
  line-height: 1.5
}

.interview_single .area p.txt02:not(:last-child) {
  margin-bottom: 4rem
}

@media(max-width: 767px) {
  .interview_single .area p.txt02:not(:last-child) {
    margin-bottom: 2.4rem
  }
}

.csr_first {
  background-color: #f2f2f2
}

.csr_first .over_cmn:not(:last-child) {
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .csr_first .over_cmn:not(:last-child) {
    margin-bottom: 2rem
  }
}

.news_list .content {
  margin-bottom: 0
}

.news_list .content ul {
  margin-bottom: 4.5rem
}

@media(max-width: 767px) {
  .news_list .content ul {
    margin-bottom: 2.5rem
  }
}

.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  text-align: center
}

.wp-pagenavi a,
.wp-pagenavi span {
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "IBM Plex Sans JP", sans-serif;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  margin: 0 10px
}

@media(max-width: 767px) {

  .wp-pagenavi a,
  .wp-pagenavi span {
    margin: 0 5px
  }
}

.wp-pagenavi a:hover {
  opacity: .7
}

.wp-pagenavi span.current {
  color: #e01f0f
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-size: 0.75rem;
  color: #e01f0f;
  line-height: 1;
  text-align: center
}

@media(max-width: 767px) {

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    font-size: 0.625rem
  }
}

.contact_form {
  background-color: #f2f2f2
}

.contact_form .area {
  background-color: #fff;
  border-radius: 2.5rem;
  padding: 5rem 5%
}

@media(max-width: 767px) {
  .contact_form .area {
    border-radius: 1.2rem;
    padding: 2.5rem 4%
  }
}

.tbl_contact {
  width: 100%;
  max-width: 950px;
  margin: 0 auto 3rem;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 2.3rem
}

@media(max-width: 767px) {
  .tbl_contact {
    margin-bottom: 1rem
  }
}

.tbl_contact .col_th {
  width: 30%
}

@media(max-width: 767px) {
  .tbl_contact .col_th {
    display: none
  }
}

.tbl_contact .col_td {
  width: 70%
}

@media(max-width: 767px) {
  .tbl_contact .col_td {
    display: none
  }
}

.tbl_contact th,
.tbl_contact td {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .07em
}

@media(max-width: 767px) {

  .tbl_contact th,
  .tbl_contact td {
    display: block;
    font-size: 0.8125rem
  }
}

.tbl_contact th {
  text-align: left;
  position: relative
}

@media(max-width: 767px) {
  .tbl_contact th {
    padding-bottom: .4rem
  }
}

.tbl_contact .required::before,
.tbl_contact .any::before {
  border-radius: 3px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  padding: 0rem .4rem 0rem;
  margin-right: .5rem;
  position: relative;
  top: -0.1rem
}

@media(max-width: 767px) {

  .tbl_contact .required::before,
  .tbl_contact .any::before {
    margin-right: .3rem
  }
}

.tbl_contact .required::before {
  content: "必須";
  background-color: #e01f0f;
  color: #fff
}

.tbl_contact .any::before {
  content: "任意";
  background-color: #f2f2f2
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=tel],
.tbl_contact td input[type=email],
.tbl_contact td input[type=date],
.tbl_contact td select {
  background: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 6px 5px
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=email] {
  width: 100%
}

.tbl_contact td input[type=tel] {
  width: 100%
}

.tbl_contact td input[type=date] {
  width: 30%
}

.tbl_contact td select {
  width: 40%
}

.tbl_contact td textarea {
  width: 100%;
  height: 240px;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px
}

.tbl_contact td span.wpcf7-list-item {
  margin: 0 2em 0 0
}

.th_textarea {
  vertical-align: top;
  padding-top: .3em
}

.th_textarea.required::before,
.th_textarea.any::before {
  top: .3rem
}

@media(max-width: 767px) {

  .th_textarea.required::before,
  .th_textarea.any::before {
    top: .3rem
  }
}

.btn_submit {
  display: table;
  margin: 0 auto;
  font-size: 1rem;
  color: #aca558;
  font-weight: 500;
  line-height: 1.5;
  position: relative
}

@media(max-width: 767px) {
  .btn_submit {
    font-size: 0.8125rem
  }
}

.btn_submit input[type=submit] {
  width: 220px;
  height: 50px;
  border: 1px solid #aca558;
  background-color: #fff;
  text-align: center
}

@media(max-width: 767px) {
  .btn_submit input[type=submit] {
    width: 70vw;
    height: 3rem
  }
}

.btn_submit input[type=submit]:hover {
  transition: .3s ease
}

.btn_submit i {
  font-size: 1rem;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6%
}

.btn_submit input[type=submit][disabled] {
  opacity: .3
}

.btn_submit input[type=submit]:not([disabled]):hover {
  cursor: pointer;
  opacity: .8
}

.ajax-loader {
  display: none !important
}

.wpcf7-spinner {
  display: none !important
}

.thanks_first {
  background-color: #f2f2f2
}

.thanks_first p.txt01 {
  margin-bottom: 3.5em
}

@media(max-width: 767px) {
  .thanks_first p.txt01 {
    margin-bottom: 2.5em
  }
}

.blog_single {
  background-color: #f2f2f2
}

.blog_single:not(:last-child) {
  margin-bottom: 5rem
}

@media(max-width: 767px) {
  .blog_single:not(:last-child) {
    margin-bottom: 2.5rem
  }
}

.blog_single article {
  background-color: #fff;
  padding: 3.5rem 5% 5rem
}

@media(max-width: 767px) {
  .blog_single article {
    padding: 2rem 4% 3rem
  }
}

.blog_single .top {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single .top {
    margin-bottom: 1.5rem
  }
}

.blog_single article>p:not(:last-child) {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single article>p:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.blog_single h2,
.blog_single h3,
.blog_single h4,
.blog_single p,
.blog_single figcaption {
  font-family: "IBM Plex Sans JP", sans-serif
}

.blog_single article>:is(.side_cmn, .area):not(:last-child) {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single article>:is(.side_cmn, .area):not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.blog_single h2:not(.ttl_post) {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: .4em;
  margin-bottom: .8em;
  position: relative
}

@media(min-width: 768px)and (max-width: 1199px) {
  .blog_single h2:not(.ttl_post) {
    font-size: 1.25rem
  }
}

@media(max-width: 767px) {
  .blog_single h2:not(.ttl_post) {
    font-size: 1.25rem
  }
}

.blog_single h2:not(.ttl_post)::before {
  content: "";
  width: 2.5em;
  height: .1em;
  background-color: #e01f0f;
  position: absolute;
  bottom: 0;
  left: 0
}

.blog_single h3:not(.ttl01) {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  padding-left: .5em;
  border-left: 1px solid #f2f2f2;
  margin-bottom: .6em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .blog_single h3:not(.ttl01) {
    font-size: 1.1875rem
  }
}

@media(max-width: 767px) {
  .blog_single h3:not(.ttl01) {
    font-size: 1.1875rem
  }
}

.blog_single p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2
}

@media(max-width: 767px) {
  .blog_single p {
    font-size: 0.8125rem
  }
}

.blog_single article>figure {
  text-align: center
}

.blog_single article>figure:not(:last-child) {
  margin-bottom: 2.4rem
}

@media(max-width: 767px) {
  .blog_single article>figure:not(:last-child) {
    margin-bottom: 1.8rem
  }
}

.blog_single .btn_cmn {
  margin-top: 3.5rem
}

@media(max-width: 767px) {
  .blog_single .btn_cmn {
    margin-top: 2rem
  }
}

/*# sourceMappingURL=lower-style.css.map */