section.mv {
 width: 100%;
 height: auto;
 padding-top: 60px;
}
@media screen and (max-width: 1024px) {
 section.mv {
  padding-top: 40px;
 }
}
section.mv img {
 width: 100%;
 height: auto;
}
section.concept {
 width: 100%;
 height: auto;
 margin: 150px auto 0;
}
@media screen and (max-width: 768px) {
 section.concept {
  margin: 75px auto 0;
 }
}
section.concept .inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 90%;
 max-width: 1000px;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.concept .inner {
  width: 95%;
  margin-right: 0;
 }
}
section.concept .inner .txt_box {
 width: 50%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.concept .inner .txt_box {
  width: 65%;
 }
}
section.concept .inner .txt_box .ttl h2 {
 font-weight: 700;
 font-size: clamp(1.5rem, -0.278rem + 3.7vw, 2.5rem);
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.concept .inner .txt_box .ttl h2 {
  font-size: var(--fz_xl);
 }
}
section.concept .inner .txt_box .txt {
 width: 100%;
 height: auto;
 margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
 section.concept .inner .txt_box .txt {
  margin: 15px auto 0;
 }
}
section.concept .inner .txt_box .txt p {
 line-height: 1.75;
 font-size: var(--fz_md);
}
@media screen and (max-width: 768px) {
 section.concept .inner .txt_box .txt p {
  font-size: var(--fz_sm);
 }
}
section.concept .inner .img_box {
 width: 40%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.concept .inner .img_box {
  width: 25%;
 }
}
section.concept .inner .img_box img {
 position: relative;
 right: -4%;
}
@media screen and (max-width: 768px) {
 section.concept .inner .img_box img {
  right: 0;
  width: 100%;
 }
}
section.top-message {
 position: relative;
 width: 100%;
 height: auto;
 margin: 200px auto 0;
}
@media screen and (max-width: 768px) {
 section.top-message {
  margin: 100px auto 0;
 }
}
section.top-message .inner {
 position: relative;
 width: 90%;
 max-width: 1100px;
 height: auto;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.top-message .inner {
  width: 95%;
  margin-right: 0;
 }
}
section.top-message .inner .ttl_box {
 position: absolute;
 top: 0;
 left: 30%;
 z-index: 2;
 width: clamp(30rem, 1.084rem + 60.24vw, 42.5rem);
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
 section.top-message .inner .ttl_box {
  position: static;
  width: 95%;
  margin: 0 auto;
  margin-right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
 }
}
section.top-message .inner .ttl_box img {
 width: 100%;
 height: auto;
}
section.top-message .inner .contents_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 z-index: 1;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 }
}
section.top-message .inner .contents_box .img {
 position: relative;
 z-index: 1;
 width: 55%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .img {
  display: none;
 }
}
section.top-message .inner .contents_box .img img {
 position: relative;
 z-index: 2;
 width: 100%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .img img {
  left: -15%;
 }
}
section.top-message .inner .contents_box .img .message_img {
 position: absolute;
 bottom: 0;
 left: 115%;
 z-index: 1;
 width: clamp(10.938rem, -17.978rem + 60.24vw, 23.438rem);
 -webkit-transform: translate(-100%, 0);
         transform: translate(-100%, 0);
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .img .message_img {
  left: 110%;
  width: 70%;
 }
}
section.top-message .inner .contents_box .txt {
 position: relative;
 z-index: 2;
 width: 40%;
 height: auto;
 margin-top: 100px;
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px auto 0;
  margin-left: 0;
 }
}
section.top-message .inner .contents_box .txt h3 {
 width: 100%;
 font-weight: 700;
 font-size: 22px;
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .txt h3 {
  font-size: 18px;
 }
}
section.top-message .inner .contents_box .txt >p {
 width: 100%;
 line-height: 1.5;
 margin-top: 30px;
 font-size: var(--fz_md);
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .txt >p {
  margin-top: 15px;
 }
}
section.top-message .inner .contents_box .txt a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 60%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-top: 60px;
 padding: 15px 20px;
 border: 1px solid var(--c_black);
 border-radius: 9999px;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media screen and (max-width: 768px) {
 section.top-message .inner .contents_box .txt a {
  width: 90%;
  max-width: 250px;
  margin-top: 30px;
  padding: 10px 15px;
 }
}
section.top-message .inner .contents_box .txt a p {
 color: var(--c_black);
 font-weight: 700;
 font-size: var(--fz_md);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.top-message .inner .contents_box .txt a .icon {
 width: 14px;
 height: auto;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media (hover) {
 section.top-message .inner .contents_box .txt a:hover {
  background: var(--c_black);
 }
 section.top-message .inner .contents_box .txt a:hover p {
  color: var(--c_white);
 }
 section.top-message .inner .contents_box .txt a:hover .icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
 }
}
section.top-message .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
section.top-message .bg_box .bg01 {
 position: absolute;
 top: 50%;
 left: 0;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
 section.top-message .bg_box .bg01 {
  top: 27%;
  width: 25%;
 }
}
section.about {
 position: relative;
 width: 100%;
 height: auto;
 margin: 200px auto 0;
}
@media screen and (max-width: 768px) {
 section.about {
  margin: 100px auto 0;
 }
}
section.about .inner {
 position: relative;
 z-index: 2;
 width: 100%;
 max-width: 1440px;
 height: auto;
 margin: 0 auto;
}
section.about .inner .ttl_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
section.about .inner .ttl_box h2 {
 font-weight: 700;
 font-size: 30px;
 letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
 section.about .inner .ttl_box h2 {
  font-size: 24px;
 }
}
section.about .inner .link_box {
 width: 100%;
 height: auto;
 margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box {
  margin: 40px auto 0;
 }
}
section.about .inner .link_box ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}
section.about .inner .link_box ul li {
 width: calc(50% - 1px);
 height: auto;
 background: var(--c_white);
}
section.about .inner .link_box ul li a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 width: 100%;
 height: 100%;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media (hover) {
 section.about .inner .link_box ul li a:hover {
  opacity: 0.8;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
 }
}
@media screen and (hover) and (max-width: 768px) {
 section.about .inner .link_box ul li a:hover {
  -webkit-transform: translateY(0);
          transform: translateY(0);
 }
}
@media (hover) {
 section.about .inner .link_box ul li a:hover::before {
  -webkit-transform: translate(-50%, 30px);
          transform: translate(-50%, 30px);
 }
}
@media screen and (hover) and (max-width: 768px) {
 section.about .inner .link_box ul li a:hover::before {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
 }
}
section.about .inner .link_box ul li a .img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
section.about .inner .link_box ul li a .img img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center;
    object-position: center;
}
section.about .inner .link_box ul li a .catch {
 position: absolute;
 top: -2px;
 left: 5%;
}
section.about .inner .link_box ul li a .contents {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 z-index: 2;
 width: 70%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding: 80px 0;
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li a .contents {
  width: 80%;
  padding: 10vw 0;
 }
}
section.about .inner .link_box ul li a .contents .icon {
 height: auto;
}
section.about .inner .link_box ul li a .contents h3 {
 line-height: 1;
 margin-top: clamp(0.625rem, -0.089rem + 1.49vw, 1.25rem);
 color: var(--c_white);
 font-weight: 500;
 font-size: clamp(1.125rem, 0.554rem + 1.19vw, 1.625rem);
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li a .contents h3 {
  line-height: 1.35;
  font-size: clamp(1.125rem, 0.767rem + 1.53vw, 1.5rem);
  text-align: center;
 }
}
section.about .inner .link_box ul li a .contents p {
 line-height: 1.35;
 margin-top: clamp(0.625rem, -0.089rem + 1.49vw, 1.25rem);
 color: var(--c_white);
 font-size: clamp(0.625rem, 0.339rem + 0.6vw, 0.875rem);
 text-align: center;
 letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li a .contents p {
  display: none;
 }
}
section.about .inner .link_box ul li a .arrow {
 position: absolute;
 top: 50%;
 right: 5%;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
}
section.about .inner .link_box ul li a .arrow img {
 width: clamp(0.844rem, -0.121rem + 2.01vw, 1.688rem);
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li a .arrow img {
  width: 18px;
 }
}
section.about .inner .link_box ul li a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 50%;
 z-index: -1;
 width: 80%;
 height: 100%;
 background: var(--c_green);
 -webkit-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.about .inner .link_box ul li:nth-child(1) .catch {
 width: clamp(8.75rem, 1.607rem + 14.88vw, 15rem);
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li:nth-child(1) .catch {
  width: 55%;
 }
}
section.about .inner .link_box ul li:nth-child(1) .contents .icon {
 width: clamp(2.563rem, -0.366rem + 6.1vw, 5.125rem);
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li:nth-child(1) .contents .icon {
  width: 25%;
 }
}
section.about .inner .link_box ul li:nth-child(2) .catch {
 width: clamp(5.625rem, -0.804rem + 13.39vw, 11.25rem);
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li:nth-child(2) .catch {
  top: 0;
  width: 40%;
 }
}
section.about .inner .link_box ul li:nth-child(2) .contents .icon {
 width: clamp(2.063rem, -0.295rem + 4.91vw, 4.125rem);
}
@media screen and (max-width: 768px) {
 section.about .inner .link_box ul li:nth-child(2) .contents .icon {
  width: 20%;
 }
}
section.about .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 100%;
}
section.about .bg_box .bg01 {
 position: absolute;
 top: 0;
 right: 0;
 -webkit-transform: translate(0, -35%);
         transform: translate(0, -35%);
}
@media screen and (max-width: 768px) {
 section.about .bg_box .bg01 {
  width: 30%;
  -webkit-transform: translate(0, -40%);
          transform: translate(0, -40%);
 }
}
section.about .bg_box .bg01 img {
 width: 100%;
}
section.jobs {
 width: 100%;
 height: auto;
 margin: 150px auto 0;
}
@media screen and (max-width: 768px) {
 section.jobs {
  margin: 100px auto 0;
 }
}
section.jobs .inner {
 position: relative;
 z-index: 2;
 width: 90%;
 max-width: 1200px;
 height: auto;
 margin: 0 auto;
}
section.jobs .inner .ttl_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
section.jobs .inner .ttl_box h2 {
 font-weight: 700;
 font-size: 30px;
 letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .ttl_box h2 {
  font-size: 24px;
 }
}
section.jobs .inner .contents_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box {
  margin: 30px auto 0;
 }
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box.contents01 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
 }
}
section.jobs .inner .contents_box.contents01 .num {
 width: 65%;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box.contents01 .num {
  width: 100%;
 }
}
section.jobs .inner .contents_box.contents01 >.ttl {
 width: 35%;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box.contents01 >.ttl {
  width: 100%;
 }
}
section.jobs .inner .contents_box.contents02 {
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box.contents02 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 50px auto 0;
 }
}
section.jobs .inner .contents_box.contents02 .num {
 width: 65%;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box.contents02 .num {
  width: 100%;
 }
}
section.jobs .inner .contents_box.contents02 >.ttl {
 width: 35%;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 padding-left: 0;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box.contents02 >.ttl {
  display: none;
 }
}
section.jobs .inner .contents_box .num ul {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
         column-gap: 80px;
}
@media screen and (max-width: 1024px) {
 section.jobs .inner .contents_box .num ul {
  -webkit-column-gap: 5%;
     -moz-column-gap: 5%;
          column-gap: 5%;
 }
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul {
  grid-template-columns: repeat(2, 1fr);
 }
}
section.jobs .inner .contents_box .num ul li {
 display: grid;
 width: 100%;
 height: auto;
 grid-template-rows: subgrid;
 grid-row: span 3;
}
section.jobs .inner .contents_box .num ul li .ttl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
section.jobs .inner .contents_box .num ul li .ttl p {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 65px;
 height: auto;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 color: var(--c_white);
 font-family: var(--ff_effra);
 font-weight: 500;
 font-size: 24px;
 text-align: center;
 letter-spacing: 1px;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .ttl p {
  width: 35px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
 }
}
section.jobs .inner .contents_box .num ul li .ttl h4 {
 width: calc(100% - 80px);
 font-weight: 700;
 font-size: 24px;
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .ttl h4 {
  width: calc(100% - 40px);
  font-size: 18px;
  letter-spacing: -1px;
 }
}
section.jobs .inner .contents_box .num ul li .ttl.ttl01 p {
 background: var(--c_red);
}
section.jobs .inner .contents_box .num ul li .ttl.ttl02 p {
 background: var(--c_yellow);
}
section.jobs .inner .contents_box .num ul li .ttl.ttl03 p {
 background: var(--c_blue);
}
section.jobs .inner .contents_box .num ul li .ttl.ttl04 p {
 background: var(--c_green);
}
section.jobs .inner .contents_box .num ul li .txt {
 width: 100%;
 margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .txt {
  margin: 10px auto 0;
 }
}
section.jobs .inner .contents_box .num ul li .txt p {
 line-height: 1.5;
 font-weight: 500;
 font-size: var(--fz_md);
 -webkit-font-feature-settings: "palt";
         font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .txt p br {
  display: none;
 }
}
section.jobs .inner .contents_box .num ul li .img_box {
 display: grid;
 width: 100%;
 height: auto;
 margin: 30px auto 0;
 background: var(--c_dark);
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .img_box {
  margin: 10px auto 0;
 }
}
section.jobs .inner .contents_box .num ul li .img_box img {
 width: 100%;
 height: auto;
}
section.jobs .inner .contents_box .num ul li .img_box .img_txt {
 display: grid;
 width: 100%;
 height: auto;
 grid-template-rows: subgrid;
 grid-row: span 2;
 gap: 0;
 padding: 40px;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .img_box .img_txt {
  padding: 10px;
 }
}
section.jobs .inner .contents_box .num ul li .img_box .img_txt h5 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 color: var(--c_white);
 font-weight: 500;
 font-size: var(--fz_xl);
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box .num ul li .img_box .img_txt h5 {
  font-size: var(--fz_lg);
 }
 section.jobs .inner .contents_box .num ul li .img_box .img_txt h5 br {
  display: none;
 }
}
section.jobs .inner .contents_box .num ul li .img_box .img_txt p {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 margin-top: 5px;
 color: var(--c_white);
 font-weight: 500;
 font-size: var(--fz_sm);
}
section.jobs .inner .contents_box >.ttl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 height: auto;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
 -webkit-box-pack: end;
     -ms-flex-pack: end;
         justify-content: flex-end;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 -webkit-column-gap: 12%;
    -moz-column-gap: 12%;
         column-gap: 12%;
 padding-left: 6%;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box >.ttl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 60px;
  padding-left: 0;
 }
}
section.jobs .inner .contents_box >.ttl h3 {
 -webkit-writing-mode: vertical-rl;
     -ms-writing-mode: tb-rl;
         writing-mode: vertical-rl;
 text-orientation: upright;
 width: auto;
 height: -webkit-max-content;
 height: -moz-max-content;
 height: max-content;
 font-weight: 700;
 font-size: 26px;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box >.ttl h3 {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  text-orientation: normal;
  font-size: 18px;
 }
}
section.jobs .inner .contents_box >.ttl .txt {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: auto;
 height: auto;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
 -webkit-box-pack: end;
     -ms-flex-pack: end;
         justify-content: flex-end;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
 margin-top: 60px;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box >.ttl .txt {
  width: calc(100% - 5px);
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px auto 0;
  margin-left: 0;
 }
}
section.jobs .inner .contents_box >.ttl .txt p {
 position: relative;
 -webkit-writing-mode: vertical-rl;
     -ms-writing-mode: tb-rl;
         writing-mode: vertical-rl;
 text-orientation: upright;
 width: auto;
 height: auto;
 line-height: 1.5;
 padding: 30px 20px;
 color: var(--c_dark);
 background: var(--c_gray);
 font-weight: 500;
 font-size: var(--fz_md);
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box >.ttl .txt p {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  text-orientation: normal;
  width: 100% !important;
  height: auto !important;
  line-height: 1.75;
  padding: 5%;
 }
}
section.jobs .inner .contents_box >.ttl .txt .bg_y {
 position: relative;
 width: 4vw;
 max-width: 65px;
 height: 205px;
 -ms-flex-item-align: end;
     align-self: flex-end;
 background: var(--c_yellow);
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box >.ttl .txt .bg_y {
  width: 100px;
  max-width: initial;
  height: 25px;
 }
}
section.jobs .inner .contents_box >.ttl .txt .bg_y .bg_r {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 4vw;
 max-width: 65px;
 height: auto;
 background: var(--c_red);
 translate: 100% 100%;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .contents_box >.ttl .txt .bg_y .bg_r {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 25px;
  max-width: initial;
  translate: 100% -100%;
 }
}
section.jobs .inner .contents_box >.ttl .catch {
 width: 76.5%;
 height: auto;
 margin: 0 auto;
 margin-left: 0;
}
section.jobs .inner .contents_box >.ttl .catch img {
 width: 100%;
 height: auto;
}
section.jobs .inner .btn_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 100px auto 0;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .btn_box {
  margin: 50px auto 0;
 }
}
section.jobs .inner .btn_box a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 max-width: 310px;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding: 20px;
 border: 1px solid var(--c_dark);
 border-radius: 9999px;
 background: var(--c_dark);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .btn_box a {
  max-width: 250px;
  padding: 15px;
 }
}
@media (hover) {
 section.jobs .inner .btn_box a:hover {
  background: var(--c_white);
 }
 section.jobs .inner .btn_box a:hover p {
  color: var(--c_dark);
 }
 section.jobs .inner .btn_box a:hover .icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
 }
}
section.jobs .inner .btn_box a p {
 color: var(--c_white);
 font-weight: 700;
 font-size: var(--fz_xl);
 letter-spacing: 1px;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media screen and (max-width: 768px) {
 section.jobs .inner .btn_box a p {
  font-size: var(--fz_lg);
 }
}
section.jobs .inner .btn_box a .icon {
 width: 17px;
 height: auto;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.information {
 position: relative;
 width: 100%;
 height: auto;
 margin: 110px auto 0;
}
@media screen and (max-width: 768px) {
 section.information {
  margin: 80px auto 0;
 }
}
section.information .inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 width: 90%;
 max-width: 1040px;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.information .inner {
  width: 95%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 0;
 }
}
section.information .inner .catch_box {
 position: absolute;
 top: 0;
 left: 30%;
 z-index: 2;
}
@media screen and (max-width: 768px) {
 section.information .inner .catch_box {
  left: 0%;
  width: 100%;
 }
}
section.information .inner .catch_box img {
 width: clamp(11.875rem, 4.732rem + 14.88vw, 18.125rem);
 height: auto;
}
@media screen and (max-width: 768px) {
 section.information .inner .catch_box img {
  width: clamp(11.25rem, 7.075rem + 17.81vw, 15.625rem);
  height: auto;
 }
}
section.information .inner .contents_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 z-index: 3;
 width: 50%;
 height: auto;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box {
  width: 95%;
  margin: 40px auto 0;
  margin-left: 0;
 }
}
section.information .inner .contents_box .contents_inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 80%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner {
  width: 100%;
 }
}
section.information .inner .contents_box .contents_inner .ttl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner .ttl {
  width: 70%;
 }
}
section.information .inner .contents_box .contents_inner .ttl h2 {
 font-weight: 700;
 font-size: 30px;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner .ttl h2 {
  font-size: 24px;
 }
}
section.information .inner .contents_box .contents_inner .ttl .icon {
 width: 36px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner .ttl .icon {
  width: 25px;
 }
}
section.information .inner .contents_box .contents_inner .ttl .icon img {
 width: 100%;
 height: auto;
}
section.information .inner .contents_box .contents_inner .txt {
 width: 100%;
 height: auto;
 margin-top: 30px;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner .txt {
  margin-top: 10px;
 }
}
section.information .inner .contents_box .contents_inner .txt p {
 line-height: 1.75;
 font-weight: 500;
 font-size: var(--fz_md);
}
section.information .inner .contents_box .contents_inner .btn {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner .btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px auto 0;
 }
}
section.information .inner .contents_box .contents_inner .btn a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 90%;
 max-width: 250px;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding: 20px;
 border: 1px solid var(--c_black);
 border-radius: 9999px;
 background: var(--c_white);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media screen and (max-width: 768px) {
 section.information .inner .contents_box .contents_inner .btn a {
  max-width: 200px;
  padding: 10px 15px;
 }
}
@media (hover) {
 section.information .inner .contents_box .contents_inner .btn a:hover {
  background: var(--c_black);
 }
 section.information .inner .contents_box .contents_inner .btn a:hover p {
  color: var(--c_white);
 }
 section.information .inner .contents_box .contents_inner .btn a:hover .icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
 }
}
section.information .inner .contents_box .contents_inner .btn a p {
 font-weight: 700;
 font-size: var(--fz_lg);
 letter-spacing: 1px;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.information .inner .contents_box .contents_inner .btn a .icon {
 width: 14px;
 height: auto;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.information .inner .img_box {
 position: relative;
 z-index: 1;
 width: 50vw;
 height: auto;
 overflow: hidden;
 margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
 section.information .inner .img_box {
  width: 80%;
  margin-right: 0;
 }
}
section.information .inner .img_box img {
 width: 100%;
 height: auto;
}
section.information .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
section.information .bg_box .bg01 {
 position: absolute;
 right: 0;
 bottom: 0;
 z-index: 2;
 -webkit-transform: translateY(45%);
         transform: translateY(45%);
}
@media screen and (max-width: 768px) {
 section.information .bg_box .bg01 {
  top: 19.5vw;
  bottom: auto;
  width: 15%;
 }
 section.information .bg_box .bg01 img {
  width: 100%;
  height: auto;
 }
}
section.for-family {
 position: relative;
 width: 100%;
 height: auto;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.for-family {
  margin: 100px auto 0;
 }
}
section.for-family .inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 width: 90%;
 max-width: 1040px;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
 section.for-family .inner {
  width: 95%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
 }
}
section.for-family .inner .catch_box {
 position: absolute;
 bottom: 0;
 left: 44%;
 z-index: 2;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .catch_box {
  top: 59vw;
  right: 5%;
  bottom: auto;
  left: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
 }
}
section.for-family .inner .catch_box img {
 width: clamp(11.25rem, -3.036rem + 29.76vw, 23.75rem);
 height: auto;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .catch_box img {
  width: clamp(12.5rem, 6.536rem + 25.45vw, 18.75rem);
 }
}
section.for-family .inner .contents_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 z-index: 3;
 width: 50%;
 height: auto;
 -webkit-box-pack: end;
     -ms-flex-pack: end;
         justify-content: flex-end;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box {
  width: 95%;
  margin: 15vw auto 0;
  margin-right: 0;
 }
}
section.for-family .inner .contents_box .contents_inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 80%;
 height: auto;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: start;
     -ms-flex-align: start;
         align-items: flex-start;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box .contents_inner {
  width: 100%;
 }
}
section.for-family .inner .contents_box .contents_inner .ttl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box .contents_inner .ttl {
  width: 70%;
 }
}
section.for-family .inner .contents_box .contents_inner .ttl h2 {
 font-weight: 700;
 font-size: 30px;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box .contents_inner .ttl h2 {
  font-size: 24px;
 }
}
section.for-family .inner .contents_box .contents_inner .ttl .icon {
 width: 36px;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box .contents_inner .ttl .icon {
  width: 25px;
 }
}
section.for-family .inner .contents_box .contents_inner .ttl .icon img {
 width: 100%;
 height: auto;
}
section.for-family .inner .contents_box .contents_inner .txt {
 width: 100%;
 height: auto;
 margin-top: 30px;
}
@media screen and (max-width: 1024px) {
 section.for-family .inner .contents_box .contents_inner .txt {
  margin-top: 10px;
 }
}
section.for-family .inner .contents_box .contents_inner .txt p {
 line-height: 1.75;
 font-weight: 500;
 font-size: var(--fz_md);
}
section.for-family .inner .contents_box .contents_inner .btn {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 40px auto 0;
}
@media screen and (max-width: 1024px) {
 section.for-family .inner .contents_box .contents_inner .btn {
  margin: 20px auto 0;
 }
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box .contents_inner .btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 }
}
section.for-family .inner .contents_box .contents_inner .btn a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 90%;
 max-width: 250px;
 height: auto;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding: 20px;
 border: 1px solid var(--c_black);
 border-radius: 9999px;
 background: var(--c_white);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
@media screen and (max-width: 768px) {
 section.for-family .inner .contents_box .contents_inner .btn a {
  max-width: 200px;
  padding: 10px 15px;
 }
}
@media (hover) {
 section.for-family .inner .contents_box .contents_inner .btn a:hover {
  background: var(--c_black);
 }
 section.for-family .inner .contents_box .contents_inner .btn a:hover p {
  color: var(--c_white);
 }
 section.for-family .inner .contents_box .contents_inner .btn a:hover .icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
 }
}
section.for-family .inner .contents_box .contents_inner .btn a p {
 font-weight: 700;
 font-size: var(--fz_lg);
 letter-spacing: 1px;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.for-family .inner .contents_box .contents_inner .btn a .icon {
 width: 14px;
 height: auto;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
section.for-family .inner .img_box {
 z-index: 1;
 width: 50vw;
 height: auto;
 overflow: hidden;
 margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
 section.for-family .inner .img_box {
  width: 80%;
  margin: 0 auto;
  margin-left: 0;
 }
}
section.for-family .inner .img_box img {
 width: 100%;
 height: auto;
}
section.for-family .bg_box {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
section.for-family .bg_box .bg01 {
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 2;
 -webkit-transform: translateY(60%);
         transform: translateY(60%);
}
@media screen and (max-width: 768px) {
 section.for-family .bg_box .bg01 {
  top: 45.5vw;
  bottom: auto;
  width: 30vw;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
 }
}
/*# sourceMappingURL=layout.css.map */