@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  mainvisual

---------------------------------*/
#mainvisual {
  padding: 0 0 5rem;
  position: relative;
}
#mainvisual::after {
  content: '';
  background: #f0bc68;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 80%;
  z-index: -1;
}
#mainvisual .catch_copy {
  /*background: url("../images/catchcopy.svg") no-repeat center/contain;*/
  position: absolute;
  left: 7%;
  top: 5rem;
  width: 50rem;
  z-index: 3;
}
#mainvisual .catch_copy p {
  background: #fff;
  border-radius: .5rem;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  letter-spacing: 2px;
  margin: .5rem 0;
  padding: .3rem 1.5rem;
}
#mainvisual .catch_copy p span {
  color: var(--co-g);
  font-size: 1.1em;
}
#mainvisual .catch_copy p:nth-of-type(1) {}
#mainvisual .catch_copy p:nth-of-type(2) {
  transition-delay: 2s;
}
#mainvisual .catch_copy p:nth-of-type(3) {
  transition-delay: 4s;
}
#mainvisual .slider {
  margin-left: auto;
  height: 75vh;
  width: 90%;
}
#mainvisual .slider * {
  height: 100%;
}
#mainvisual .slider .s_img {
  position: relative;
}
#mainvisual .slider .s_img img {
  object-fit: cover;
  width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
  #mainvisual .catch_copy p {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 896px) {
  #mainvisual .slider {}
}
@media screen and (max-width: 480px) {
  #mainvisual {
    border-radius: 0;
    width: 100%;
  }
  #mainvisual .slider {
    aspect-ratio: 1 / 1;
    height: 100%;
  }
  #mainvisual .catch_copy {
    top: 33%;
    width: 30rem;
  }
  #mainvisual .catch_copy p {
    font-size: 1em;
  }
}
/*---------------------------------
  Topics
---------------------------------*/
#news-ticker {
  background: #fff;
  box-shadow: 0 5px 0 0 #e6e5e2;
  border-radius: 1rem;
  display: flex;
  justify-content: space-between;
  height: 9rem;
  margin-left: 15%;
  margin-top: -4.5rem;
  max-width: 120rem;
  overflow: hidden;
  width: 80%;
  z-index: 2;
}
#news-ticker .ttlBox {
  border-right: 1px solid #ccc;
  flex: 0 0 21rem;
}
#news-ticker .ttlBox ._ttl {
  border-bottom: 1px solid #ccc;
  color: var(--co-g);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .15em;
  padding: 1rem;
  text-align: center;
}
#news-ticker .ttlBox .splide__arrows {
  display: flex;
  height: calc(100% - 49.8px);
}
#news-ticker .ttlBox .splide__arrows button {
  border: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem;
  cursor: pointer;
  flex-basis: 50%;
}
#news-ticker .ttlBox .splide__arrows button.splide__arrow--prev {
  border-right: 1px solid #ccc;
  background-image: url("../images/news_arr_prev.svg");
}
#news-ticker .ttlBox .splide__arrows button.splide__arrow--next {
  background-image: url("../images/news_arr_next.svg");
}
#news-ticker .ttlBox .splide__arrows button svg {
  display: none;
}
/* ニュースの一覧 */
#news-ticker .splide__track {
  flex: 1 1 auto;
  padding: 1rem 2.5% !important;
}
#news-ticker .splide__track li {
  display: flex;
  align-items: center;
  height: 100%;
}
#news-ticker .splide__track li time {
  color: #839c98;
  font-size: .9em;
  flex: 0 0 7em;
}
#news-ticker .splide__track li p {
  flex: 1 1 auto;
  padding-left: 1rem;
}
#news-ticker .splide__track li p a {
  color: var(--co-bl);
  font-weight: 500;
}
#news-ticker .splide__track li p a:hover {
  color: var(--co-g);
}
#news-ticker .splide__track li .catTag._recruit {
  background: var(--co-b);
}
#news-ticker .splide__track li .catTag._news {
  background: var(--co-g);
}
/*more*/
#news-ticker ._more {
  flex: 0 0 10rem;
  font-size: 0.8em;
  line-height: 1.3;
}
#news-ticker ._more a {
  background-image: repeating-linear-gradient(45deg, #eeeeee, #eeeeee 2px, transparent 2px, transparent 8px);
  color: var(--co-g);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  #news-ticker {}
  #news-ticker .ttlBox {
    flex: 0 0 14rem;
  }
  #news-ticker .ttlBox ._ttl {
    font-size: .7em;
    padding: 1rem .5rem;
  }
  #news-ticker .ttlBox .splide__arrows {
    height: calc(100% - 41.8px);
  }
  #news-ticker .splide__track {
    padding: 0 2.5% !important;
  }
  #news-ticker .splide__track li {
    flex-wrap: wrap;
    align-content: center;
  }
  #news-ticker .splide__track li time {
    font-size: .8em;
    display: inline-block;
  }
  #news-ticker .splide__track li .catTag {
    border: 1px solid;
    font-size: .6em;
    display: inline-block;
    text-align: center;
    width: 8rem;
  }
  #news-ticker .splide__track li p {
    font-size: .9em;
    line-height: 1.3;
    margin-top: .5rem;
    padding-left: 0;
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  #news-ticker {
    border-radius: 1rem 0 0 1rem;
    margin-left: auto;
    height: auto;
    display: block;
    width: 85%;
  }
  #news-ticker .ttlBox {
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  #news-ticker .ttlBox ._ttl {
    font-size: 1.2em;
    padding: .5rem;
  }
  #news-ticker .splide__track {
    padding: 2rem 5% !important;
  }
  #news-ticker .splide__arrows {}
  #news-ticker .splide__arrows button {
    height: 4rem;
    width: 6rem;
  }
  #news-ticker ._more a {
    padding: 1rem;
  }
  #news-ticker ._more a br {
    display: none;
  }
}
/*---------------------------------

  共通

---------------------------------*/
section {}
section .wrap {
  margin: auto;
  /*max-width: var(--width);*/
  width: 90%;
}
section .title {}
section .title h2 {
  font: var(--marug);
  font-size: 3.7rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  position: relative;
  z-index: 1;
}
section .title h2 span {
  color: #fff;
  display: inline-block;
  font-size: 1.2em;
  margin: 0 .5rem;
  padding: 1rem;
  position: relative;
}
section .title h2 span::after {
  aspect-ratio: 1 / 1;
  background: var(--co-g);
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
section .title .en {}
section figure img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  section .title h2 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 480px) {
  section .title h2 {
    font-size: 3rem;
  }
}
/*---------------------------------

  上の原学園の紹介

---------------------------------*/
.aboutBlock {
  background: linear-gradient(180deg, #f0bc68 0%, #f0bc68 50%, #c4d7d1 50%, #c4d7d1 100%);
  padding: 5rem 0;
  position: relative;
}
.aboutBlock::before {
  background: url("../images/deco_02.png") no-repeat center/contain;
  content: '';
  position: absolute;
  top: 0;
  left: -5%;
  width: 50rem;
  height: 50rem;
}
.aboutBlock .wrap {
  background: #fff;
  border-radius: 1rem 0 0 1rem;
  display: flex;
  margin: 0 0 0 auto;
  max-width: 150rem;
}
.aboutBlock .wrap .txtBox {
  flex-basis: 50%;
  padding: 7rem;
}
.aboutBlock .wrap .txtBox h2 {
  margin-bottom: 3rem;
}
.aboutBlock .wrap .txtBox .txt {
  line-height: 2;
  text-align: justify;
  position: relative;
  z-index: 1;
}
.aboutBlock .wrap figure {
  flex-basis: 50%;
}
@media screen and (max-width: 1440px) {
  .aboutBlock::before {
    top: -4rem;
    width: 40rem;
    height: 40rem;
  }
  .aboutBlock .wrap .txtBox .txt {}
}
@media screen and (max-width: 1024px) {
  .aboutBlock .wrap {
    display: block;
  }
}
@media screen and (max-width: 896px) {
  .aboutBlock::before {
    width: 30rem;
    height: 30rem;
  }
}
@media screen and (max-width: 480px) {
  .aboutBlock {
    padding: 0;
  }
  .aboutBlock::before {
    top: -5rem;
    left: -10%;
    width: 20rem;
    height: 20rem;
  }
  .aboutBlock .wrap .txtBox {
    padding: 2.5rem;
  }
  .aboutBlock .wrap .txtBox h2 {
    margin-bottom: 1rem;
  }
}
/*---------------------------------

  理念

---------------------------------*/
.appealBlock._policy {
  padding: 5rem 0;
}
/*.appealBlock._policy .title {
  text-align: center;
}
.appealBlock._policy .title h2 {
  display: inline-block;
  position: relative;
}
.appealBlock._policy .title h2::after {
  background: url("../images/policy_ttl.png") no-repeat center/contain;
  content: '';
  position: absolute;
  top: -3rem;
  left: -12rem;
  width: 100%;
  height: 6rem;
}*/
.appealBlock._policy ._inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  max-width: 100rem;
}
.appealBlock._policy ._inner .txt {
  flex-basis: 60%;
}
.appealBlock._policy ._inner .txt ol {
  list-style: none;
  counter-reset: number;
  margin: 2rem 0;
}
.appealBlock._policy ._inner .txt ol li {
  line-height: 1.5;
  margin: 1.5rem 0;
  position: relative;
  padding-left: 5rem;
}
.appealBlock._policy ._inner .txt ol li::before {
  color: var(--co-g);
  counter-increment: number;
  content: '（'counter(number) '）';
  font: var(--marug);
  font-size: 1.1em;
  font-weight: 600;
  position: absolute;
  left: 0;
}
.appealBlock._policy ._inner figure {
  flex-basis: 30%;
}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 480px) {
  .appealBlock._policy ._inner {
    display: block;
  }
  .appealBlock._policy ._inner figure {
    margin: 3rem auto 0;
    width: 75%;
  }
}
/*---------------------------------

  ここが魅力

---------------------------------*/
.appealBlock {
  background: #c4d7d1;
  padding: 5rem 0 15rem;
}
.appealBlock .wrap {}
.appealBlock .wrap h2 {
  margin-bottom: 2rem;
  text-align: center;
}
.appealBlock .wrap #appeal-slider {
  margin: auto;
  width: 100%;
}
.appealBlock .wrap #appeal-slider .splide__slide {
  cursor: grab;
}
.appealBlock .wrap #appeal-slider .splide__slide ._inner {
  padding: 4rem;
}
.appealBlock .wrap #appeal-slider .splide__slide ._inner .txtBox {
  flex-basis: 50%;
  padding: 2rem 0 0;
}
.appealBlock .wrap #appeal-slider .splide__slide ._inner .txtBox h3 {
  font: var(--marug);
  font-size: 1.5em;
  font-weight: 900;
  margin-bottom: 1.5rem;
}
.appealBlock .wrap #appeal-slider .splide__slide ._inner figure {
  border-radius: 1rem;
  overflow: hidden;
}
#appeal-slider .splide__arrows {
  display: flex;
  justify-content: center;
}
#appeal-slider .splide__arrows button {
  border: none;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem;
  cursor: pointer;
  flex-basis: 7rem;
  height: 7rem;
  margin: 0 1rem;
}
#appeal-slider .splide__arrows button.splide__arrow--prev {
  background-image: url("../images/news_arr_prev.svg");
}
#appeal-slider .splide__arrows button.splide__arrow--next {
  background-image: url("../images/news_arr_next.svg");
}
#appeal-slider .splide__arrows button svg {
  display: none;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {
  .appealBlock .wrap #appeal-slider .splide__slide ._inner {
    padding: 3rem;
  }
}
@media screen and (max-width: 896px) {
  .appealBlock {
    padding: 3rem 0 5rem;
  }
  .appealBlock .wrap #appeal-slider .splide__slide ._inner {
    padding: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .appealBlock .wrap #appeal-slider .splide__slide ._inner {
    padding: 1rem;
  }
}
/*---------------------------------

  職場を知る

---------------------------------*/
.voiceBlock {
  position: relative;
}
.voiceBlock::before {
  background: url("../images/deco_03.png") no-repeat center/contain;
  content: '';
  position: absolute;
  top: -8rem;
  left: -10rem;
  width: 50rem;
  height: 50rem;
  transform: rotate(190deg);
  z-index: 1;
}
.voiceBlock::after {
  background: url("../images/deco_01.png") no-repeat center/contain;
  content: '';
  position: absolute;
  bottom: -5rem;
  right: 0;
  width: 30rem;
  height: 30rem;
}
.voiceBlock .title {
  background: #75993b url("../../images/service_bg-snow.png");
  color: #fff;
  display: flex;
}
.voiceBlock .title .txtBox {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex-basis: 50%;
  padding: 5rem 5% 5rem 20%;
}
.voiceBlock .title .txtBox h2 {
  margin-bottom: 3rem;
}
.voiceBlock .title figure {
  flex-basis: 50%;
}
.voiceBlock .title figure img {
  object-fit: cover;
  height: 40rem;
}
.voiceBlock .staff-wrap {
  background: #d1e7ad url("../../images/service_bg-snow.png");
  padding: 7rem 0 10rem;
}
.voiceBlock .staff-wrap .wrap {
  max-width: 120rem;
}
.voiceBlock .staff-wrap .wrap ._box {}
.voiceBlock .staff-wrap .wrap ._box a {
  background: #fff;
  border-radius: 1rem;
  color: var(--co-bl);
  display: block;
  padding: 3rem;
}
.voiceBlock .staff-wrap .wrap ._box a figure {}
.voiceBlock .staff-wrap .wrap ._box a figure img {
  aspect-ratio: 2/2;
  object-fit: cover;
}
.voiceBlock .staff-wrap .wrap ._box a .prfTxt {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.voiceBlock .staff-wrap .wrap ._box a .prfTxt ._job {
  font-weight: 500;
  font-size: 1em;
}
.voiceBlock .staff-wrap .wrap ._box a .prfTxt ._job span {
  font-size: 0.8em;
  display: block;
}
.voiceBlock .staff-wrap .wrap ._box a .prfTxt ._name {
  font: var(--marug);
  font-size: 1em;
  font-weight: 600;
  margin: 0 auto;
}
.voiceBlock .staff-wrap .wrap ._box a .prfTxt ._name span {
  font-size: 1.8em;
  margin-right: .5rem;
}
.voiceBlock .staff-wrap .wrap ._box a:hover {
  box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}
@media screen and (max-width: 1440px) {
  .voiceBlock::before {
    top: -15rem;
    left: -8rem;
    transform: rotate(200deg);
  }
  .voiceBlock::after {
    bottom: -10rem;
  }
}
@media screen and (max-width: 1024px) {
  .voiceBlock::before {
    top: -10rem;
    left: -5rem;
    width: 30rem;
    height: 30rem;
  }
  .voiceBlock .title .txtBox {
    padding: 5rem 5%;
  }
  .voiceBlock::after {
    bottom: -7rem;
    width: 20rem;
    height: 20rem;
  }
}
@media screen and (max-width: 896px) {
  .voiceBlock::after {
    bottom: -10rem;
  }
  .voiceBlock .staff-wrap {
    padding: 5rem 0 7rem;
  }
  .voiceBlock .staff-wrap .wrap ._box {
    flex-basis: 32%;
  }
  .voiceBlock .staff-wrap .wrap ._box a {
    padding: 1.6rem;
    height: 100%;
  }
  .voiceBlock .staff-wrap .wrap ._box a .prfTxt ._name span {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 480px) {
  .voiceBlock::before {
    top: -7rem;
    left: -3rem;
    width: 20rem;
    height: 20rem;
  }
  .voiceBlock .title {
    display: block;
  }
  .voiceBlock .title .txtBox {
    padding: 2rem 5%;
  }
  .voiceBlock .title .txtBox h2 {
    margin-bottom: 1rem;
  }
  .voiceBlock .staff-wrap .wrap {
    display: block;
  }
  .voiceBlock .staff-wrap .wrap ._box {
    margin-bottom: 2rem;
  }
  .voiceBlock .staff-wrap .wrap ._box a .prfTxt {
    justify-content: center;
    margin-top: 1rem;
  }
  .voiceBlock .staff-wrap .wrap ._box a .prfTxt ._name {
    margin: 0 2rem;
  }
}
/*---------------------------------
  スライド
---------------------------------*/
.voiceBlock .splide {
  position: relative;
}
.voiceBlock .splide .splide__slide {
  padding: 2rem;
  padding-bottom: 4rem;
}
/* 矢印 */
.voiceBlock .splide__arrows {}
.voiceBlock .splide__arrows .splide__arrow {
  background-color: rgba(178, 209, 201, 0.75);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 4rem;
  height: 4rem;
  z-index: 1;
}
.voiceBlock .splide__arrows .splide__arrow:disabled {
  opacity: .3;
}
.voiceBlock .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -3.5rem;
  transform: scaleX(-1) translateY(-50%);
}
.voiceBlock .splide__arrows .splide__arrow.splide__arrow--next {
  right: -3.5rem;
  transform: translateY(-50%);
}
.voiceBlock .splide__arrows .splide__arrow svg {
  fill: #006D4B;
}
.voiceBlock .splide__arrows .splide__arrow svg path {
  transform: translate(45%, 30%);
}
/* ドットインジケーター */
.voiceBlock .splide__pagination {
  margin: 0rem 0 0 !important;
}
.voiceBlock .splide__pagination li {
  display: block;
  margin: 0 .3rem !important;
  width: 1rem;
  height: 1rem;
}
.voiceBlock .splide__pagination li .splide__pagination__page {
  background: #fff;
  border: 1px solid #C3C3C3;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.voiceBlock .splide__pagination li .splide__pagination__page.is-active {
  background: #6C6B6B;
  border-color: #6C6B6B;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .voiceBlock .splide__arrows .splide__arrow.splide__arrow--prev {
    left: -2rem;
  }
  .voiceBlock .splide__arrows .splide__arrow.splide__arrow--next {
    right: -2rem;
  }
}
@media screen and (max-width: 480px) {
  .voiceBlock .splide__arrows .splide__arrow, .splide__arrows .splide__arrow svg {
    width: 3rem;
    height: 3rem;
    top: 42%;
  }
  .voiceBlock .splide__arrows .splide__arrow.splide__arrow--prev {
    left: 1rem;
  }
  .voiceBlock .splide__arrows .splide__arrow.splide__arrow--next {
    right: 1rem;
  }
}
/*---------------------------------

  募集職種

---------------------------------*/
.appBlock {
  padding: 10rem 0;
}
.appBlock .wrap {
  max-width: var(--width);
}
.appBlock .wrap .title {
  margin-bottom: 5rem;
  text-align: center;
}
.appBlock .wrap ._inner {}
.appBlock .wrap ._inner .appwrap {
  border: 2px solid var(--co-g);
  border-radius: 1rem;
  margin-top: 3rem;
  overflow: hidden;
}
.appBlock .wrap ._inner .appwrap ._appTtl {
  background: var(--co-g);
  color: #fff;
  cursor: pointer;
  font: var(--marug);
  font-size: 1.5em;
  font-weight: 600;
  padding: 3rem 5rem;
  position: relative;
}
.appBlock .wrap ._inner .appwrap ._appTtl::before, .appBlock .wrap ._inner .appwrap ._appTtl::after {
  background: #fff;
  position: absolute;
  content: '';
  top: 0;
  right: 3rem;
  bottom: 0;
  width: 2rem;
  height: .3rem;
  margin: auto;
}
.appBlock .wrap ._inner .appwrap ._appTtl::after {
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
.appBlock .wrap ._inner .appwrap ._appTtl.active::after {
  background: var(--co-g);
  transform: rotate(0deg);
}
.appBlock .wrap ._inner .appwrap ._appTtl.active {
  background: transparent;
  color: var(--co-g);
}
.appBlock .wrap ._inner .appwrap ._appList {
  display: none;
  padding: 0 5rem 5rem;
}
.appBlock .wrap ._inner .appwrap ._appList.open {
  display: block;
}
.appBlock .wrap ._inner .appwrap ._appList .mynavBox {
  margin-bottom: 3rem;
}
.appBlock .wrap ._inner .appwrap ._appList .mynavBox .mynav {
  border: 1px solid #ccc;
  display: inline-block;
}
.appBlock .wrap ._inner .appwrap ._appList .mynavBox .mynav + .mynav {
  margin-left: 2rem;
}
.appBlock .wrap ._inner .appwrap ._appList .mynavBox .mynav a {
  display: block;
}
.appBlock .wrap ._inner .appwrap ._appList .mynavBox .mynav a img {
  max-width: 100%;
  vertical-align: bottom;
}
.appBlock .wrap ._inner .appwrap ._appList ._box {}
.appBlock .wrap ._inner .appwrap ._appList ._box + ._box {
  border-top: 2px dotted #ccc;
}
.appBlock .wrap ._inner .appwrap ._appList ._box a {
  background: #f7f6f3;
  color: #333;
  display: block;
  padding: 3rem;
}
.appBlock .wrap ._inner .appwrap ._appList ._box .__ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: var(--marug);
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: .5rem;
}
.appBlock .wrap ._inner .appwrap ._appList ._box .__ttl .tag {}
.appBlock .wrap ._inner .appwrap ._appList ._box .__ttl .tag > span {
  background: #E83D3D;
  border-radius: .5rem;
  color: #fff;
  font-size: 0.7em;
  display: inline-block;
  padding: 0.2rem 1rem;
}
.appBlock .wrap ._inner .appwrap ._appList ._box .__txt {
  font-size: 0.8em;
  font-weight: 500;
}
.appBlock .wrap ._inner .appwrap ._appList ._box a:hover {
  background: #EBEAE2;
  color: var(--co-g);
}
/* 新卒 */
.appBlock .wrap ._inner .appwrap._newgrads {
  border-color: var(--co-b);
}
.appBlock .wrap ._inner .appwrap._newgrads ._appTtl {
  background: var(--co-b);
}
.appBlock .wrap ._inner .appwrap._newgrads ._appTtl.active::after {
  background: var(--co-b);
}
.appBlock .wrap ._inner .appwrap._newgrads ._appTtl.active {
  background: transparent;
  color: var(--co-b);
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .appBlock {
    padding: 5rem 0;
  }
  .appBlock .wrap ._inner .appwrap ._appTtl {
    padding: 3rem 3rem;
  }
  .appBlock .wrap ._inner .appwrap ._appList {
    display: none;
    padding: 0 3rem 3rem;
  }
}
@media screen and (max-width: 480px) {
  .appBlock .wrap ._inner .appwrap {
    margin-top: 1rem;
  }
  .appBlock .wrap ._inner .appwrap ._appTtl {
    padding: 2rem 3rem;
  }
  .appBlock .wrap ._inner .appwrap ._appList {
    padding: 0 1rem 1rem;
  }
  .appBlock .wrap ._inner .appwrap ._appList ._box a {
    padding: 2rem;
  }
}
/*---------------------------------

  福利厚生

---------------------------------*/
.benefitsBlock {
  background: #f7f6f3;
  padding: 10rem 0;
  position: relative;
}
.benefitsBlock::before {
  background: url("../images/deco_04.png") no-repeat center/contain;
  content: '';
  position: absolute;
  bottom: -8rem;
  left: -5rem;
  width: 40rem;
  height: 40rem;
  z-index: 1;
}
.benefitsBlock::after {
  background: url("../images/deco_05.png") no-repeat center/contain;
  content: '';
  position: absolute;
  top: 5rem;
  right: 2.5%;
  width: 20rem;
  height: 20rem;
}
.benefitsBlock .wrap {
  max-width: var(--width);
}
.benefitsBlock .wrap .title {
  margin-bottom: 5rem;
  text-align: center;
}
.benefitsBlock .wrap .title h2 span::after {
  top: 2rem;
}
.benefitsBlock .wrap .benefitsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 3rem;
  position: relative;
  z-index: 2;
}
.benefitsBlock .wrap .benefitsList ._box {
  color: #fff;
  border-radius: 1rem;
  padding: 3rem;
}
.benefitsBlock .wrap .benefitsList ._box dt {
  font: var(--marug);
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: .5rem;
}
.benefitsBlock .wrap .benefitsList ._box dd {}
.benefitsBlock .wrap .benefitsList ._box:nth-child(1) {
  background: #E0AB56;
  grid-row: span 2 / span 2;
}
.benefitsBlock .wrap .benefitsList ._box:nth-child(2) {
  background: #99BFB3;
  grid-column: span 2 / span 2;
}
.benefitsBlock .wrap .benefitsList ._box:nth-child(3) {
  background: #428656;
  grid-column-start: 2;
  grid-row-start: 2;
}
.benefitsBlock .wrap .benefitsList ._box:nth-child(4) {
  background: #F08168;
  grid-column-start: 3;
  grid-row-start: 2;
}
.benefitsBlock .wrap .benefitsList ._box:nth-child(5) {
  background: #29b1bd;
  grid-column: span 2 / span 2;
  grid-row-start: 3;
}
.benefitsBlock .wrap .benefitsList ._box:nth-child(6) {
  background: #CCC34D;
  grid-column-start: 3;
  grid-row-start: 3;
}
@media screen and (max-width: 1440px) {
  .benefitsBlock::after {
    top: -4rem;
  }
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {
  .benefitsBlock {
    padding: 5rem 0 10rem;
  }
  .benefitsBlock::before {
    bottom: -15rem;
    left: -5rem;
    width: 30rem;
    height: 30rem;
  }
}
@media screen and (max-width: 480px) {
  .benefitsBlock::after {
    top: -2rem;
    width: 10rem;
    height: 10rem;
  }
  .benefitsBlock .wrap .title {
    margin-bottom: 2rem;
  }
  .benefitsBlock .wrap .benefitsList {
    display: block;
    margin: auto;
    width: 90%;
  }
  .benefitsBlock .wrap .benefitsList ._box {
    padding: 2rem;
    margin-top: 1rem;
  }
}
/*---------------------------------

  お知らせ

---------------------------------*/
.infoBlock {
  background: #f7f6f3;
  padding: 10rem 0;
}
.infoBlock .wrap {
  max-width: 80rem;
}
.infoBlock .wrap h2 {
  text-align: center;
  margin-bottom: 5rem;
}
.infoBlock .wrap .infoList {
  background: #fff;
}
.infoBlock .wrap .infoList ul {
  list-style: none;
}
.infoBlock .wrap .infoList ul li {
  border-bottom: 1px dotted #ccc;
}
.infoBlock .wrap .infoList ul li a {
  color: var(--co-bl);
  display: flex;
  padding: 2rem 3rem;
}
.infoBlock .wrap .infoList ul li a time {
  color: #999;
  flex: 0 0 10rem;
  font-size: 0.8em;
  margin-top: .3rem;
}
.infoBlock .wrap .infoList ul li a p {
  font-weight: 500;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 480px) {}