@charset "UTF-8";
.page_head {
  margin-bottom: 115px; }

@media (max-width: 480px) {
  .page_head {
    margin-bottom: 75px; } }
/*max-width:480px*/
/*********************/
.servicey_head {
  max-width: 1200px;
  width: calc(100% - 140px);
  margin: 0 auto 150px; }
  .servicey_head ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: hoge; }
  .servicey_head li {
    width: calc((100% - 40px)/3);
    max-width: 350px;
    margin: 0 0 20px; }
  .servicey_head a {
    text-decoration: none;
    color: #006934; }
  .servicey_head p {
    position: relative;
    padding: 10px 0 0 70px;
    font: 1.8rem/1.5em "Noto Sans", sans-serif;
    font-weight: 700; }
    .servicey_head p small {
      display: block;
      font: 1.5rem/1.5em "Noto Sans", sans-serif;
      font-weight: 500; }
    .servicey_head p:before {
      position: absolute;
      counter-increment: hoge;
      content: counter(hoge);
      top: -30px;
      left: 0;
      width: 70px;
      text-align: center;
      font: 8rem/1em "Urbanist", "sans-serif";
      font-weight: 500; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .servicey_head {
    width: calc(100% - 80px); }
    .servicey_head li {
      margin: 0 0 40px;
      position: relative; }
      .servicey_head li:before {
        position: absolute;
        counter-increment: hoge;
        content: counter(hoge);
        top: -40px;
        left: 0;
        text-align: center;
        font: 8rem/1.2em "Urbanist", "sans-serif";
        font-weight: 500;
        color: #006934; }
    .servicey_head p {
      font: 1.7rem/1.5em "Noto Sans", sans-serif;
      font-weight: 700;
      padding: 10px 0 0 0; }
      .servicey_head p small {
        font: 1.4rem/1.5em "Noto Sans", sans-serif;
        font-weight: 500; }
      .servicey_head p:before {
        display: none; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .servicey_head {
    display: none; } }
/*max-width:768px*/
/*max-width:480px*/
/*********************/
.service_box {
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto 200px; }
  .service_box .mv {
    position: relative;
    margin: 0 0 50px; }
  .service_box .img {
    aspect-ratio: 1920/660;
    width: 100%;
    max-width: 100%;
    height: auto; }
  .service_box .ttl {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%);
    max-width: 1200px;
    width: calc(100% - 140px);
    margin: 0 auto; }
  .service_box h3 {
    color: #fff;
    font: 7rem/1.2em "Noto Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em; }
    .service_box h3 small {
      display: block;
      font: 4rem/1.2em "Noto Sans", sans-serif;
      font-weight: 700; }
    .service_box h3 br {
      display: none; }
  .service_box .sub {
    color: #fff;
    font: 3.6rem/1em "Urbanist", "sans-serif";
    font-weight: 500; }
    .service_box .sub span {
      font: 15rem/1em "Urbanist", "sans-serif";
      font-weight: 500;
      padding: 0 0 0 15px; }
  .service_box .txt {
    max-width: 1200px;
    width: calc(100% - 140px);
    margin: 0 auto; }
  .service_box p {
    text-align: justify;
    text-justify: inter-ideograph;
    font: 2rem/2.2em "Noto Sans", sans-serif;
    font-weight: 700; }
  .service_box ul {
    width: 100%;
    max-width: 430px;
    margin: 10px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
  .service_box li {
    width: calc(100%/2);
    position: relative;
    padding: 0 0 0 18px;
    font: 1.6rem/2em "Noto Sans", sans-serif;
    font-weight: 400; }
    .service_box li:before {
      position: absolute;
      content: "";
      display: block;
      width: 13px;
      height: 13px;
      background-color: #006934;
      border-radius: 50%;
      left: 0;
      top: 10px; }
  .service_box.service01 .img {
    background: url("../images/service/service01.jpg") center center no-repeat;
    background-size: contain; }
  .service_box.service02 .ttl {
    bottom: 25px; }
  .service_box.service02 .img {
    background: url("../images/service/service02.jpg") center center no-repeat;
    background-size: contain; }
  .service_box.service03 .img {
    background: url("../images/service/service03.jpg") center center no-repeat;
    background-size: contain; }
  .service_box.service04 .ttl {
    bottom: 25px; }
  .service_box.service04 .img {
    background: url("../images/service/service04.jpg") center center no-repeat;
    background-size: contain; }
  .service_box.service05 .img {
    background: url("../images/service/service05.jpg") center center no-repeat;
    background-size: contain; }
  .service_box.service06 {
    margin: 0 auto; }
    .service_box.service06 .img {
      background: url("../images/service/service06.jpg") center center no-repeat;
      background-size: contain; }

@media (max-width: 1280px) {
  .service_box h3 {
    color: #fff;
    font: 5.3vw/1.2em "Noto Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .service_box .mv {
    margin: 0 auto 30px; }
  .service_box .img {
    margin: 0 0 10px; }
  .service_box .txt {
    width: calc(100% - 80px); }
  .service_box .ttl {
    width: calc(100% - 80px);
    margin: 10px 0 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0%, 0%);
    /* Safari用 */
    transform: translate(0%, 0%);
    margin: 0 auto; }
  .service_box h3 {
    color: #006934;
    font: 5.3rem/1.3em "Noto Sans", sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em; }
    .service_box h3 small {
      margin: 5px 0 0;
      display: block;
      font: 3.8rem/1.5em "Noto Sans", sans-serif;
      font-weight: 700; }
  .service_box .sub {
    color: #006934;
    font: 3.6rem/1em "Urbanist", "sans-serif";
    font-weight: 500;
    margin: 0 0 5px; }
    .service_box .sub span {
      font: 8rem/1em "Urbanist", "sans-serif";
      font-weight: 500;
      padding: 0 0 0 15px; }
  .service_box.service03 h3 br {
    display: block; }
  .service_box.service02 .ttl, .service_box.service04 .ttl {
    bottom: auto; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .service_box {
    margin: 0 auto 130px; }
    .service_box .mv {
      position: relative;
      margin: 0 auto 18px; }
    .service_box .img {
      margin: 0 0 10px; }
    .service_box .ttl, .service_box .txt {
      width: calc(100% - 60px); }
    .service_box h3 {
      color: #006934;
      font: 3.5rem/1.3em "Noto Sans", sans-serif;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .service_box h3 small {
        font: 2.5rem/1.5em "Noto Sans", sans-serif;
        font-weight: 700; }
    .service_box .sub {
      color: #006934;
      font: 2.4rem/1em "Urbanist", "sans-serif";
      font-weight: 500;
      margin: 0 0 5px; }
      .service_box .sub span {
        font: 4rem/1em "Urbanist", "sans-serif";
        font-weight: 500;
        padding: 0 0 0 15px; }
    .service_box p {
      font: 1.8rem/2.2em "Noto Sans", sans-serif;
      font-weight: 700; }
    .service_box.service03 h3 br {
      display: none; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .service_box {
    margin: 0 auto 100px; }
    .service_box .mv {
      margin: 0 auto 15px; }
    .service_box .ttl, .service_box .txt {
      width: calc(100% - 40px); }
    .service_box h3 {
      font: 2.6rem/1.3em "Noto Sans", sans-serif;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .service_box h3 small {
        font: 1.8rem/1.5em "Noto Sans", sans-serif;
        font-weight: 700; }
    .service_box .sub {
      font: 1.8rem/1em "Urbanist", "sans-serif";
      font-weight: 500; }
      .service_box .sub span {
        font: 3rem/1em "Urbanist", "sans-serif";
        font-weight: 500; }
    .service_box p {
      font: 1.7rem/2.2em "Noto Sans", sans-serif;
      font-weight: 500; }
    .service_box li {
      width: 100%; } }
/*max-width:480px*/