@charset "UTF-8";
:root {
  --col_main:#0C3388;
  --col_sub1:#0086D9;
  --col_gray:#707070;
  --Max_W:1000px;
  --f_size_p:1.5rem;
  --f_size_p_pc:1.6rem;
  --font_family:"Google Sans","Noto Sans Symbols","Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Yu Gothic Medium","Meiryo",sans-serif;
}

/* CSS Document */
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
  text-align: center;
  color: #fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#splash_logo img {
  width: 260px;
}

/* Loading アイコンの大きさ設定　*/
/* fadeUpをするアイコンの動き */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUpTrigger {
  opacity: 0;
}

/* その場で */
.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInTrigger {
  opacity: 0;
}

/*========= 画面遷移のためのCSS ===============*/
/*画面遷移アニメーション*/
.splashbg {
  display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: var(--col_sub1);
  /*伸びる背景色の設定*/
  animation-name: PageAnime;
  animation-duration: 0.9s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes PageAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
/*画面遷移の後現れるコンテンツ設定*/
#all-container {
  opacity: 0;
  /*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #all-container {
  animation-name: PageAnimeAppear;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
span.smoothText {
  overflow: hidden;
  display: block;
}
span.smoothTextTrigger {
  transition: 0.5s ease-in-out;
  transform: translate3d(0, 100%, 0) skewY(12deg);
  transform-origin: left;
  display: block;
}
span.smoothTextTrigger.smoothTextAppear {
  transform: translate3d(0, 0, 0) skewY(0);
}

/* アニメーションで傾斜がついている文字列を水平に戻す*/
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
}

/*左右のアニメーション*/
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.Blk {
  display: block;
}

#top {
  padding-top: 60px;
}

.no-webp #top-kv {
  background: url(../../../uploads/index_top_img_01_sp.jpg);
  background-size: cover;
  background-position: bottom;
}

.webp #top-kv {
  background: url(../../../uploads/index_top_img_01_sp.jpg.webp);
  background-size: cover;
  background-position: bottom;
}

#top-kv {
  width: 100%;
  z-index: 2;
  position: relative;
  background-size: cover;
}
#top-kv .top-kv__content {
  display: flex;
  z-index: 1;
  justify-content: center;
  height: 100vh;
  padding-left: 0;
  white-space: nowrap;
  position: relative;
  margin: auto;
  width: 80%;
}
#top-kv .top-kv__content .top-kv__ja {
  position: absolute;
  top: 35%;
  width: 100%;
}

.container {
  position: relative;
  overflow: hidden;
}

.content {
  width: 100%;
  max-width: 88%;
  margin: 0 auto;
}

.section__title {
  margin: 2% 0;
  font-family: var(--font_family);
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.2;
  color: var(--col_gray);
}
.section__title.no2 {
  font-size: 2.5rem;
}
.section__title.footer {
  margin: 2% 0 0;
}
.section__title .title-ja {
  display: block;
  font-size: 1rem;
  color: var(--col_main);
}

.f_letter_g span::first-letter {
  color: var(--col_main);
}
.f_letter_g .br {
  display: block;
}
.f_letter_g .br::first-letter {
  color: var(--col_gray);
}

.f_letter_o span::first-letter {
  color: var(--col_orange);
}

.top-readMore__button a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 200px;
  padding: 10px 25px 10px 0px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  font-size: 1.6rem;
}
.top-readMore__button a:hover {
  opacity: 0.7;
}
.top-readMore__button a:hover:after {
  transform: scale(1, 1);
}

#top-news {
  position: relative;
  margin: 10% 0;
}
#top-news .top-news__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#top-news .top-readMore__button {
  position: relative;
  flex: 0 0 200px;
}
#top-news .top-readMore__button a {
  margin: 0 0 0 auto;
  color: var(--col_gray);
}
#top-news .top-readMore__button a:after {
  background: #707070;
}
#top-news .c-information-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
  font-size: var(--f_size_p);
  border-bottom: 1px solid #DEDEDE;
}
#top-news .c-information-list:first-child {
  margin-top: 20px;
  border-top: 1px solid #DEDEDE;
}
#top-news .c-information-list .c-information-list__time {
  flex: 0 0 100px;
  color: #AAAAAA;
  font-family: var(----font_family);
}
#top-news .c-information-list .c-information-list__cat {
  flex: 0 0 80px;
}
#top-news .c-information-list .c-information-list__cat a {
  display: inline-block;
  width: 80px;
  padding: 0 5px;
  overflow: hidden;
  color: #76C95E;
  border: 1px solid #76C95E;
  text-align: center;
  white-space: nowrap;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-news .c-information-list .c-information-list__title {
  flex: 0 0 100%;
  margin: 0;
  padding: 0;
  font-weight: 500;
}
#top-news .c-information-list .c-information-list__title a {
  display: block;
  margin-left: 0px;
  font-size: var(--f_size_p);
  color: var(--col_gray);
}

#top-about {
  position: relative;
  margin: 17% 0;
}
#top-about .top-about__wrapper {
  display: block;
  padding: 10% 0;
}
#top-about .top-about__wrapper.alicenter {
  margin-top: -27%;
}
#top-about .top-about__wrapper .top-about__image {
  display: block;
  width: 100%;
}
#top-about .top-about__wrapper .top-about__image img {
  display: block;
}
#top-about .top-about__wrapper .top-about__image .top-about_img2L_wrap {
  display: flex;
  flex-wrap: wrap;
}
#top-about .top-about__wrapper .top-about__image .top-about_img2L_wrap img {
  width: 50%;
}
#top-about .top-about__wrapper .top-about__text {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1%;
}
#top-about .top-about__wrapper .top-about__text h3 {
  margin: 27px 0 0;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1em;
  color: var(--col_main);
}
#top-about .top-about__wrapper .top-about__text h3 span {
  display: inline-block;
  font-size: 1.2rem;
}
#top-about .top-about__wrapper .top-about__text p {
  font-size: var(--f_size_p);
  color: var(--col_gray);
}
#top-about .top-about__wrapper .top-about__text .size {
  display: block;
  margin: 2% 0;
  font-size: 1.7rem;
}
#top-about .top-about__wrapper .top-about__text .border {
  width: 100%;
  height: 3px;
  background-color: var(--col_main);
  margin: 20px 0;
}
#top-about .top-about__wrapper .top-about__point_wrap {
  width: 100%;
  margin: auto;
  color: #fff;
}
#top-about .top-about__wrapper .top-about__point_wrap .top-about__point {
  background-color: var(--col_sub1);
  margin: 8% auto;
  padding: 4% 8% 8%;
}
#top-about .top-about__wrapper .top-about__point_wrap h4 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 auto 3%;
}
#top-about .top-about__wrapper .top-about__point_wrap p {
  font-size: 1.4rem;
}

@media screen and (max-width: 360px) {
  #top-about .top-about__wrapper .top-about-food__title .toggle::after {
    left: 37%;
  }
}
@media screen and (min-width: 760px) {
  #top-about .top-about__wrapper .top-about-food__title .toggle::after {
    left: 18%;
  }
}
@media screen and (max-width: 360px) {
  #top-about .top-about__wrapper .top-about-food__title .toggle::after {
    left: 47%;
  }
}
#top-company {
  position: relative;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: var(--col_sub1);
}
#top-company .top-company__inner {
  width: 95%;
  max-width: 92%;
  margin: 0 auto;
  padding: 10% 0;
  box-sizing: border-box;
  font-size: var(--f_size_p);
  color: #fff;
}
#top-company .section__title {
  color: #fff;
}
#top-company .company_txt_wrap {
  display: block;
}
#top-company .top-company_txt {
  margin: 8% auto;
}
#top-company .company-link__wrapper {
  margin: 3% 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  row-gap: 1rem;
}
#top-company .company-link__wrapper .company-link__button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 45%;
  padding: 5%;
  border: 1px solid;
  border-radius: 3px;
}

#top-content2 {
  position: relative;
  margin: 10% 0;
  /*inputを非表示*/
  /*ラベル（「開く」ボタン）*/
  /*ラベルに表示するテキスト*/
  /*開閉エリア*/
  /*「開く」をタップで表示*/
}
#top-content2 .top-content2 {
  margin: 2% 0 4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#top-content2 .top-content2 .top-content2-item {
  flex: 0 0 50%;
  padding: 0 3%;
}
#top-content2 .top-content2 .top-content2-item .top-content2-item__cat, #top-content2 .top-content2 .top-content2-item .top-content2-item__price {
  margin: 0;
  padding: 0;
  font-size: var(--f_size_p);
  font-weight: 400;
  line-height: 1.5;
  color: var(--col_gray);
}
#top-content2 .top-content2 .top-content2-item .top-content2-item__title {
  margin: 2% 0;
  padding: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.8em;
  color: var(--col_gray);
}
#top-content2 input[type=checkbox].on-off {
  opacity: 0;
}
#top-content2 .open-label {
  width: 60%;
  margin: 0 auto;
  display: block;
  color: #fff;
  padding: 0.6em 1em;
  color: var(--col_gray);
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  text-align: center;
  background: #FFF;
  border: solid 1px #AAA;
  cursor: pointer;
}
#top-content2 .open-label::after {
  content: "全商品";
}
#top-content2 .on-off:checked ~ .open-label::after {
  content: "閉じる";
}
#top-content2 .open {
  padding: 1em;
  height: 0;
  opacity: 0;
  transition: 0.5s;
  pointer-events: none;
}
#top-content2 .on-off:checked ~ .open {
  padding: 1.5em 1em;
  height: auto;
  opacity: 1;
  pointer-events: auto;
}
#top-content2 .top-showMore__button {
  width: 60%;
  margin: 0 auto;
  background: #FFF;
  border: solid 1px #AAA;
}
#top-content2 .top-showMore__button a {
  display: block;
  padding: 0.6em 1em;
  color: var(--col_gray);
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
}

#top-content3 {
  margin: 20% 0 14%;
}
#top-content3 .top-content3-Wrap {
  display: block;
}
#top-content3 .top-content3-Wrap .top-content3-Wrap__img {
  position: relative;
  flex: 0 0 47%;
}
#top-content3 .top-content3-Wrap .top-content3-Wrap__img source, #top-content3 .top-content3-Wrap .top-content3-Wrap__img img {
  width: 100%;
}
#top-content3 .top-content3-Wrap .top-content3-Wrap__txt {
  position: relative;
  flex: 0 0 45%;
  margin: 20px 0;
}
#top-content3 .top-content3-Wrap .top-content3-Wrap__txt h3 {
  font-size: var(--f_size_p);
  line-height: 1.8em;
  color: var(--col_gray);
}

#top-recruit {
  position: relative;
  width: 100%;
  height: 18vh;
  margin: 0 auto 34%;
}
#top-recruit .rec_G {
  display: block;
}
#top-recruit .top-recruit__wrapper {
  height: 13vh;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  padding: 14%;
  background-color: var(--col_main);
  border-radius: 74px;
}
#top-recruit .top-recruit__wrapper .top-readMore__button {
  display: flex;
  justify-content: space-between;
}
#top-recruit .top-recruit__wrapper .top-readMore__button div {
  width: 10%;
}
#top-recruit .top-recruit__wrapper .top-readMore__button div img {
  width: 100%;
}
#top-recruit .top-recruit__mainTxt {
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
}
#top-recruit .recruit_txt {
  text-align: center;
}
#top-recruit .top-recruit__mainTxt, #top-recruit .top-recruit__subTxt {
  color: #FFF;
}
#top-recruit .top-recruit__mainTxt span, #top-recruit .top-recruit__subTxt span {
  display: block;
}
#top-recruit .top-recruit__subTxt {
  margin: 3% 0;
  font-size: 1.3rem;
}

#pages {
  padding: 60px 0;
}
#pages .page-main__title {
  position: relative;
  margin: 0 0 50px;
  font-family: var(----font_family);
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  color: var(--col_gray);
}
#pages .page-main__title::first-letter {
  color: var(--col_main);
}
#pages .page-main__title span {
  display: block;
  font-size: 1.3rem;
  color: var(--col_main);
}
#pages #BreadcrumbList {
  position: relative;
  margin: -40px 0 30px;
}
#pages #BreadcrumbList span {
  color: var(--col_gray);
  font-size: 1.2rem;
}
#pages .section__title .title-ja {
  color: var(--col_sub1);
}
#pages #p-company-message .p-company-message__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
#pages #p-company-message .p-company-message__wrapper .p-company-message__image {
  flex: 0 0 46%;
  margin: 0;
}
#pages #p-company-message .p-company-message__wrapper .p-company-message__imagepc {
  display: none;
}
#pages #p-company-message .p-company-message__wrapper .p-company-message__text {
  flex: 0 0 46%;
  margin-bottom: 4%;
  padding: 16px 0 0;
}
#pages #p-company-message .p-company-message__wrapper .p-company-message__text p {
  font-size: var(--f_size_p);
  font-weight: 400;
  line-height: 1.8em;
  color: var(--col_gray);
}
#pages #p-company-message .p-company-message__wrapper .p-company-message__text h3 {
  font-size: 1.7rem;
  color: var(--col_gray);
}
#pages #p-company-profile .p-company-profile__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}
#pages #p-company-profile .p-company-profile__wrapper .p-company-profile__image {
  position: relative;
  flex: 0 0 46%;
  margin: 0;
}
#pages #p-company-profile .p-company-profile__wrapper .p-company-profile__list {
  flex: 0 0 38%;
}
#pages #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
  line-height: 1.5;
  color: var(--col_gray);
  border-bottom: 1px solid #c7cee0;
}
#pages #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row dt {
  flex: 0 0 100%;
  margin-bottom: 3px;
  font-size: 1.3rem;
  font-weight: 500;
}
#pages #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row dd {
  flex: 0 0 100%;
  font-size: 1.5rem;
  font-weight: 400;
}
#pages #p-company-access iframe {
  aspect-ratio: 1.5/1;
  width: 100%;
  height: auto;
}
#pages #p-prd .prd_wrap {
  display: block;
  width: 100%;
  margin: auto;
}
#pages #p-prd .prd_wrap img {
  display: block;
}
#pages #p-prd .prd_wrap table {
  width: 100%;
  border-collapse: collapse;
}
#pages #p-prd .prd_wrap tr th {
  background-color: var(--col_sub1);
  color: #fff;
  padding: 1%;
  font-size: 1.6rem;
  border: 1px solid var(--col_sub1);
}
#pages #p-prd .prd_wrap tr td {
  border: 1px solid var(--col_sub1);
  width: 50%;
  padding: 1%;
  font-size: 1.4rem;
}
#pages #p-recruit-jobs {
  position: relative;
}
#pages #p-recruit-jobs .p-recruit-jobs__list {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
}
#pages #p-recruit-jobs .p-recruit-jobs__list li {
  flex: 0 0 100%;
  background: #5E7A56;
}
#pages #p-recruit-jobs .p-recruit-jobs__list li a {
  display: block;
  padding: 20px 15px;
  font-size: var(--f_size_p);
  font-weight: bold;
  color: #FFF;
}
#pages #p-recruit-jobs .p-recruit-jobs__list li:not(:last-child) {
  margin-bottom: 20px;
}
#pages #p-recruit-requirements {
  position: relative;
}
#pages #p-recruit-requirements .single-postbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 0;
}
#pages #p-recruit-requirements .single-postbox ul {
  font-size: 1.6rem;
  color: var(--col_gray);
  line-height: 1.8em;
  margin: 9% 0;
}
#pages #p-recruit-requirements .single-postbox ul li:before {
  display: inline-block;
  content: "";
  margin-top: 5px;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  vertical-align: center;
  border-radius: 7px;
  background: var(--col_orange);
}
#pages #p-recruit-requirements .single-postbox ul li span {
  display: inline-block;
}
#pages #p-recruit-requirements .single-postbox p {
  font-size: var(--f_size_p);
  color: var(--col_gray);
  line-height: 1.8em;
}
#pages #p-recruit-requirements .single-postbox .single-post__title {
  color: var(--col_sub1);
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
}
#pages #p-recruit-requirements .single-postbox .single-post__image {
  width: 100vw;
  margin: 0% calc(50% - 50vw);
}
#pages #p-recruit-requirements .single-postbox .single-post__text {
  color: var(--col_gray);
  font-size: var(--f_size_p);
  line-height: 1.8em;
  margin: 5% 0;
}
#pages #p-recruit-requirements .single-postbox .single-post__table .single-postbox__row {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
  color: var(--col_gray);
  border-bottom: 1px solid #c7cee0;
}
#pages #p-recruit-requirements .single-postbox .single-post__table .single-postbox__row:first-child {
  border-top: 1px solid #c7cee0;
}
#pages #p-recruit-requirements .single-postbox .single-post__table .single-postbox__row th {
  flex: 0 0 100%;
  margin-bottom: 10px;
  font-size: 1.3rem;
}
#pages #p-recruit-requirements .single-postbox .single-post__table .single-postbox__row td {
  flex: 0 0 100%;
  font-size: var(--f_size_p);
}
#pages #p-recruit-requirements .single-postbox .single-contact__button {
  margin-top: 20px;
}
#pages #p-recruit-requirements .single-postbox .single-contact__button a {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding: 0.8em 2em;
  color: #FFF;
  background: var(--col_main);
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
}
#pages #p-recruit-requirements .single-postbox .single-contact__button a::after {
  position: absolute;
  color: #FFF;
  font-family: "FontAwesome";
  content: " \f0da";
  font-size: 2rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  left: 90%;
  top: 50%;
}
#pages #p-contact-form {
  width: 100%;
}
#pages #p-contact-form .p-contact-wrap {
  position: relative;
  height: 100%;
  margin: 5% auto;
  padding: 35% 5%;
  background: #F9F9F7;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  #pages #p-contact-form .p-contact-wrap {
    padding: 25% 5%;
  }
}
#pages #p-contact-form .p-contact-wrap .border {
  width: 100%;
  margin: 3% 0;
  border-bottom: solid 2px var(--col_gray);
}
#pages #p-contact-form .footer-contact__wrapper {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#pages #p-contact-form h3 {
  color: var(--col_gray);
  font-size: 2rem;
  font-weight: bold;
}
#pages #p-contact-form p {
  color: #707070;
  font-size: 1.6rem;
}
#pages #p-contact-form .footer-contact--tel, #pages #p-contact-form .footer-contact--mail {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pages #p-contact-form .footer-contact--tel {
  padding-right: 3.5%;
}
#pages #p-contact-form .footer-contact--tel .contact--tel__link {
  display: block;
  position: relative;
  color: var(--col_gray);
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 32px;
}
#pages #p-contact-form .footer-contact--tel .contact--tel__link::before {
  background-image: url(../../../uploads/common_img_phone_01.svg);
  background-position: 50%;
  background-size: contain;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  left: 0;
  position: absolute;
  top: calc(50% - 15px);
}
@media screen and (min-width: 768px) {
  #pages #p-contact-form .footer-contact--tel .contact--tel__link {
    font-size: 5rem;
  }
}
#pages #p-contact-form .footer-contact--tel .contact--tel__caption {
  font-size: 1.2rem;
  margin: 0 0 10px;
}
#pages #p-contact-form .footer-contact--mail {
  padding-left: 3.5%;
}
#pages #p-contact-form .footer-contact--mail .contact--mail__button {
  background: #FFF;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  margin-bottom: 30px;
}
#pages #p-contact-form .footer-contact--mail .contact--mail__button a {
  position: relative;
  display: block;
  padding: 0.5em 3em;
  color: #707070;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
  z-index: 10;
}
#pages #p-contact-form .footer-contact--mail .contact--mail__button a::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #84A879;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
#pages #p-contact-form .footer-contact--mail .contact--mail__button a:hover {
  z-index: 10;
  color: #fff;
}
#pages #p-contact-form .footer-contact--mail .contact--mail__button a:hover::after {
  width: 100%;
  opacity: 1;
}
#pages #p-contact-form p {
  color: var(--col_gray);
  font-size: 1.3rem;
  margin: 13px auto;
}
#pages #p-contact-form p .in-Block {
  display: block;
}
#pages #p-recruit-entry form p, #pages #p-contact-form form p {
  font-size: 1.3rem;
  text-align: left;
  margin: 0 10px 30px 0;
}
#pages #p-recruit-entry form .st-hisu, #pages #p-contact-form form .st-hisu {
  color: #FF0000;
}
#pages #p-recruit-entry form .st-caption, #pages #p-contact-form form .st-caption {
  font-size: 1.2rem;
  vertical-align: middle;
  margin-left: 1em;
}
#pages #p-recruit-entry form .language-markup, #pages #p-contact-form form .language-markup {
  font-family: var(----font_family);
  line-height: 0.8;
}
#pages #p-recruit-entry form input, #pages #p-recruit-entry form textarea {
  width: 100%;
  padding: 8px 15px;
  background: #FFF;
  border: solid 1px #6B6B6B;
}
#pages #p-contact-form form input, #pages #p-contact-form form textarea {
  width: 100%;
  padding: 8px 15px;
  background: #FFF;
  border: solid 1px #6B6B6B;
}
#pages #p-recruit-entry form textarea, #pages #p-contact-form form textarea, #pages #p-recruit-entry form input[type=text], #pages #p-contact-form form input[type=text], #pages #p-recruit-entry form input[type=tel], #pages #p-contact-form form input[type=tel], #pages #p-recruit-entry form input[type=email], #pages #p-contact-form form input[type=email] {
  font-size: 16px;
}
#pages #p-recruit-entry form input[type=submit], #pages #p-contact-form form input[type=submit] {
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: var(----font_family);
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}
#pages #p-recruit-entry form input[type=button], #pages #p-contact-form form input[type=button] {
  width: 100%;
  margin: 0 auto 5% !important;
  display: flex;
  justify-content: center;
  font-family: var(----font_family);
}
#pages #p-recruit-entry form #submit__btn, #pages #p-contact-form form #submit__btn {
  width: 100%;
  display: block;
  padding: 0.8em;
  color: #FFF;
  border: none;
  background: var(--col_main);
  font-size: 1.6rem;
  line-height: 2;
  cursor: pointer;
}
#pages #p-recruit-entry form .wpcf7-response-output, #pages #p-contact-form form .wpcf7-response-output {
  font-size: var(--f_size_p);
  color: var(--col_gray);
}
#pages #p-recruit-entry div#wpcf7cpcnf, #pages #p-contact-form div#wpcf7cpcnf {
  z-index: 990;
}
#pages #p-recruit-entry #wpcf7cpcnf table, #pages #p-contact-form #wpcf7cpcnf table {
  width: 100%;
}
#pages #p-recruit-entry #wpcf7cpcnf table tr, #pages #p-contact-form #wpcf7cpcnf table tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 14px;
}
#pages #p-recruit-entry #wpcf7cpcnf table tr p, #pages #p-contact-form #wpcf7cpcnf table tr p {
  font-size: var(--f_size_p);
  margin: 0;
}
#pages #p-recruit-entry #wpcf7cpcnf table tr th, #pages #p-contact-form #wpcf7cpcnf table tr th {
  line-height: 1.5;
}
#pages #p-recruit-entry #wpcf7cpcnf table tr th p, #pages #p-contact-form #wpcf7cpcnf table tr th p {
  font-weight: bold;
}
#pages #p-recruit-entry #wpcf7cpcnf table tr td, #pages #p-contact-form #wpcf7cpcnf table tr td {
  width: 100%;
}
#pages #p-recruit-entry #wpcf7cpcnf table tr td p, #pages #p-contact-form #wpcf7cpcnf table tr td p {
  font-weight: normal;
}
#pages #p-recruit-entry #wpcf7cpcnf .wpcf7cp-btns, #pages #p-contact-form #wpcf7cpcnf .wpcf7cp-btns {
  display: flex;
  flex-direction: column;
}
#pages #p-recruit-entry #wpcf7cpcnf .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn, #pages #p-contact-form #wpcf7cpcnf .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
  margin: 0 0 20px;
  padding: 0.8em;
  color: #FFF;
  background: var(--col_main);
  border: none;
  font-family: var(----font_family);
  font-size: var(--f_size_p);
  line-height: 2;
  cursor: pointer;
  flex: 1;
}
#pages #p-recruit-entry #wpcf7cpcnf .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn, #pages #p-contact-form #wpcf7cpcnf .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn {
  padding: 0.8em;
  color: #FFF;
  background: var(--col_main);
  border: none;
  font-family: var(----font_family);
  font-size: var(--f_size_p);
  line-height: 2;
  cursor: pointer;
  flex: 1;
}
#pages #p-recruit-complete .p-recruit-complete_text, #pages #p-contact-complete .p-recruit-complete_text {
  text-align: center;
}
#pages #p-recruit-complete p, #pages #p-contact-complete p {
  display: inline-block;
  text-align: left;
  color: var(--col_gray);
  font-size: 1.3rem;
  margin: 13px 0;
}
#pages #p-recruit-complete a, #pages #p-contact-complete a {
  color: #76C95E;
}
#pages #p-recruit-complete .complete-back__btn, #pages #p-contact-complete .complete-back__btn {
  width: 100%;
  display: block;
  margin: 20px 0 0;
  padding: 0.8em;
  color: #FFF;
  background: var(--col_main);
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  cursor: pointer;
}
#pages #p-policy {
  position: relative;
}
#pages #p-policy .p-privacy__text {
  color: var(--col_gray);
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 50px;
}
#pages #p-policy .p-privacy__text dt {
  font-weight: bold;
}
#pages #p-policy .p-privacy__text:first-child {
  margin-top: 0;
}
#pages #p-policy .p-privacy__sign {
  color: var(--col_gray);
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 60px;
}
#pages #p-policy .p-privacy__sign span {
  display: block;
}
#pages #news {
  position: relative;
}
#pages #news .article {
  margin: 10% 0;
}
#pages #news .article:first-of-type {
  margin: 0 0 5%;
}
#pages #news .article h2 a {
  color: #76C95E;
  font-size: 1.6rem;
  text-decoration: underline;
}
#pages #news .article .category a, #pages #news .article .tag a {
  color: #76C95E;
  font-size: 1.3rem;
}
#pages #news .article .date, #pages #news .article .sentence {
  color: var(--col_gray);
  font-size: 1.3rem;
}

.company--2 {
  width: 100%;
  height: auto;
  background: url(../img/company/type2_info_bg_sp.jpg) no-repeat;
}

.recruit--2 {
  width: 100%;
  height: auto;
  background: url(../img/recruit/type2_recruit_bg_sp.jpg) no-repeat;
}

#pages-another {
  padding: 60px 0;
}
#pages-another .page-main__title {
  position: relative;
  margin: 0 0 50px;
  font-family: var(----font_family);
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.2;
  color: #FFF;
}
#pages-another .page-main__title span {
  display: block;
  font-size: 1.3rem;
  color: #FFF;
}
#pages-another .section__title {
  margin: 2% 0;
  font-family: var(--font_family);
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  color: #FFF;
}
#pages-another .section__title span::first-letter {
  color: #FFF;
}
#pages-another .section__title .title-ja {
  display: block;
  font-size: 1rem;
  color: #FFF;
}
#pages-another #BreadcrumbList {
  color: #FFF;
  position: relative;
  margin: -40px 0 30px;
}
#pages-another #BreadcrumbList span {
  color: #FFF;
  font-size: 1.2rem;
}
#pages-another #p-company-profile .p-company-profile__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.85);
  margin: 5% 0;
  padding: 5% 10%;
}
#pages-another #p-company-profile .p-company-profile__wrapper .p-company-profile__list {
  width: 90%;
  flex: 0 0 100%;
}
#pages-another #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
  font-weight: 500;
  line-height: 1.5;
  color: var(--col_gray);
}
#pages-another #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row dt {
  flex: 100%;
  margin-bottom: 0;
  font-size: 1.6rem;
}
#pages-another #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row dd {
  flex: 100%;
  font-size: 1.6rem;
}
#pages-another #p-company-profile .p-company-profile__wrapper .p-company-profile__list .p-company-profile__row :not(:last-child) {
  border-bottom: none;
}
#pages-another #p-recruit-jobs {
  position: relative;
}
#pages-another #p-recruit-jobs .p-recruit-jobs__list {
  background: rgba(255, 255, 255, 0.85);
  margin: 5% 0;
  padding: 5% 10%;
  display: flex;
  flex-direction: column;
}
#pages-another #p-recruit-jobs .p-recruit-jobs__list li {
  flex: 0 0 100%;
  background: #5E7A56;
}
#pages-another #p-recruit-jobs .p-recruit-jobs__list li a {
  display: block;
  padding: 20px 15px;
  font-size: var(--f_size_p);
  font-weight: bold;
  color: #FFF;
}
#pages-another #p-recruit-jobs .p-recruit-jobs__list li:not(:last-child) {
  margin-bottom: 20px;
}

.single_date {
  color: var(--col_gray);
  font-size: 1.3rem;
  line-height: 2;
  margin-bottom: 0.25em;
}

.single_title {
  color: var(--col_gray);
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.single_content p {
  color: var(--col_gray);
  font-size: 1.3rem;
}

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