@charset "UTF-8";
/*====================================================
//// webフォント読み込み
====================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* font-family
----------------------------------------------------*/
/* 画面サイズ
----------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 768px) and (max-width: 1190px) {
  html {
    font-size: 0.8403361345vw;
  }
}
/*====================================================
//// カラーコード
====================================================*/
:root {
  --color-green: #1B5E20;
  --color-red: #D32F2F;
  --color-orange: #F9A825;
  --color-light-green: #DCFCE8;
  --color-light-gray: #F4F7FA;
  --color-black: #333333;
}

/*====================================================
////アニメーション設定
====================================================*/
.link-btn a {
  display: block;
  background-color: var(--color-orange);
  color: var(--color-green);
  text-align: center;
  position: relative;
  font-size: 1.2rem;
  line-height: 3.0433333333;
  font-weight: 700;
  padding-left: 2rem;
  width: 100%;
  text-decoration:none;
}
.link-btn a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.021%22%20height%3D%2213.516%22%20viewBox%3D%220%200%2018.021%2013.516%22%3E%0A%20%20%3Cpath%20id%3D%22mail%22%20d%3D%22M1.689%2C64A1.689%2C1.689%2C0%2C0%2C0%2C.676%2C67.041l7.659%2C5.744a1.13%2C1.13%2C0%2C0%2C0%2C1.352%2C0l7.659-5.744A1.689%2C1.689%2C0%2C0%2C0%2C16.332%2C64ZM0%2C67.942v7.321a2.255%2C2.255%2C0%2C0%2C0%2C2.253%2C2.253H15.768a2.255%2C2.255%2C0%2C0%2C0%2C2.253-2.253V67.942l-7.659%2C5.744a2.249%2C2.249%2C0%2C0%2C1-2.7%2C0Z%22%20transform%3D%22translate(0%20-64)%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.802rem;
  aspect-ratio: 18.02/13.52;
  position: absolute;
  left: 1.13rem;
  top: 1.36rem;
}
@media screen and (min-width: 768px) {
  .link-btn a {
    font-size: 2rem;
    line-height: 4;
    padding-left: 4.5rem;
  }
  .link-btn a::after {
    width: 3.472rem;
    left: 2.1rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

/*====================================================
////common
====================================================*/
/* ---------- 基本設定 ----------*/
html {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.8rem;
  }
}

img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  a {
    display: block;
  }
  a:hover {
    opacity: 0.8;
  }
}
/* ---------- レスポンシブ切り替え ----------*/
.only-sp {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .only-sp {
    display: none !important;
  }
}

.only-pc {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .only-pc {
    display: block !important;
  }
}

/* ---------- 共通 ----------*/
.inner {
  width: 92.3076923077%;
  max-width: 120rem;
  margin: auto;
}

.sec__title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: var(--color-green);
  text-align: center;
  position: relative;
  padding-top: 2rem;
}
.sec__title::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_1_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%201%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.314%22%20height%3D%2211.314%22%20viewBox%3D%220%200%2011.314%2011.314%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_28%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2028%22%20width%3D%228%22%20height%3D%228%22%20transform%3D%22translate(5.657)%20rotate(45)%22%20fill%3D%22%23f9a825%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  width: 1.131rem;
  aspect-ratio: 10/10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.sec__title + p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 500;
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  .sec__title {
    font-size: 3.2rem;
    line-height: 1.6;
    padding-top: 2.4rem;
  }
  .sec__title + p {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.5rem;
  }
}
/*====================================================
////header
====================================================*/
.header {
  background-color: #fff;
  height: 7rem;
  width: 100vw;
  overflow: hidden;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}
.header .inner {
  padding: 1.5rem 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  width: 50%;
}
.header__contact {
  width: 12rem;
}
.header__btn {
  width: 3.497rem;
  height: 2.997rem;
  position: relative;
}
.header__btn span {
  width: 100%;
  height: 5px;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background-color: var(--color-green);
  position: absolute;
  transition: transform 0.3s;
}
.header__btn span:first-child {
  top: 0;
}
.header__btn span:nth-child(2) {
  top: calc(50% - 0.3rem);
}
.header__btn span:last-child {
  bottom: 0;
}
.header__btn.active span:first-child {
  transform: rotate(45deg);
  top: 1.2rem;
}
.header__btn.active span:nth-child(2) {
  opacity: 0;
}
.header__btn.active span:last-child {
  transform: rotate(-45deg);
  bottom: 1.3rem;
}
.header__menu {
  position: fixed;
  left: 0;
  top: 7rem;
  width: 100vw;
  transform: translateX(100vw) scaleX(0);
  background-color: #fff;
  transition: transform 0.5s;
  z-index: 99999;
}
.header__menu.active {
  transform: translateX(0) scaleX(100%);
}
.header__menu--list {
  width: 80%;
  margin: 5rem auto;
}
.header__menu--list li {
  text-align: center;
}
.header__menu--list li a {
  font-size: 1.8rem;
  line-height: 2.2222222222;
  font-weight: 700;
  color: var(--color-green);
  text-decoration:none;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .header {
    height: 8rem;
    width: 100vw;
  }
  .header .inner {
    padding: 1rem 0;
    width: 100%;
    position: static;
    max-width: initial;
  }
  .header__logo {
    width: 34.198rem;
    margin-left: 1.8rem;
    flex-basis: 17.8%;
  }
  .header__contact {
    width: 21rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
  }
  .header__menu {
    position: static;
    left: auto;
    top: auto;
    width: fit-content;
    transform: none;
    background-color: transparent;
    z-index: 1;
  }
  .header__menu.active {
    transform: none;
  }
  .header__menu--list {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.5rem;
    justify-content: flex-end;
    align-items: center;
    width: fit-content;
    margin: 0 24rem 0 auto;
  }
  .header__menu--list li a {
    font-size: 1.8rem;
    line-height: 1;
  }
}
/*====================================================
////footer
====================================================*/
.footer {
  padding: 3rem 0 1rem 0;
}
.footer figure {
  width: 25rem;
  margin: 0 auto;
}
.footer ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.footer ul li {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 700;
  color: var(--color-green);
}
.footer ul li a{
  text-decoration:none;
}
.footer small {
  display: block;
  margin-top: 5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .footer {
    padding: 5rem 0 1rem 0;
  }
  .footer figure {
    width: 34.198rem;
    margin: 0 auto;
  }
  .footer ul {
    margin-top: 3rem;
  }
  .footer ul li {
    font-size: 1.6rem;
    line-height: 1.25;
  }
  .footer small {
    margin-top: 5.5rem;
    font-size: 1.2rem;
    line-height: 2.8;
  }
}
/*====================================================
////Fixed contents
====================================================*/
/*======================= PC =======================*/
/*====================================================
//// MV
====================================================*/
.mv {
  background-image: url(../img/sp_mv-bg.png);
  position: relative;
  aspect-ratio: 390/843;
  padding-top: 8rem;
  z-index: 1;
}
.mv__txt {
  padding-top: 4.08rem;
}
.mv__txt--block01 {
  display: flex;
  gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
}
.mv__txt--block01 span {
  display: block;
  background: linear-gradient(180deg, rgb(27, 94, 32) 0%, rgb(10, 38, 12) 100%);
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.3958333333;
  font-weight: 700;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding: 0 1.2rem;
}
.mv__txt--block02 {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  color: var(--color-black);
  margin-top: 1.44rem;
}
.mv__txt--block03 {
  color: #fff;
}
.mv__txt--block03 h1 {
  font-size: 5.4rem;
  line-height: 1;
  font-weight: 900;
  margin-top: 2.5rem;
  position: relative;
  padding-bottom: 1.5rem;
  white-space: nowrap;
}
.mv__txt--block03 h1::before, .mv__txt--block03 h1::after {
  content: "";
  height: 0.24rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mv__txt--block03 h1::before {
  background-color: #fff;
  width: 100%;
}
.mv__txt--block03 h1::after {
  background-color: var(--color-green);
  width: 22.8944444444%;
}
.mv__txt--block03 h1 span {
  display: block;
  font-size: 4.5rem;
  line-height: 1.3333333333;
}
.mv__txt--block03 h1 + p {
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 500;
  margin-top: 1.1rem;
}
.mv__txt--contact {
  width: 87.2888888889%;
  margin-top: 2.7rem;
}
.mv__txt--contact a {
  font-size: 1.8rem;
  line-height: 3.7644444444;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 999;
}
.mv__txt--contact a::after {
  width: 2.872rem;
  left: 2.1rem;
  top: 50%;
  transform: translateY(-50%);
}
.mv__txt--contact a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.244%22%20height%3D%2212.679%22%20viewBox%3D%220%200%207.244%2012.679%22%3E%0A%20%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%EF%BC%9E%22%20d%3D%22M70.9%2C37.625a.907.907%2C0%2C0%2C1%2C0%2C1.282l-5.432%2C5.432a.906.906%2C0%2C1%2C1-1.282-1.282l4.793-4.793-4.79-4.793a.906.906%2C0%2C0%2C1%2C1.282-1.282l5.432%2C5.432Z%22%20transform%3D%22translate(-63.925%20-31.925)%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.724rem;
  aspect-ratio: 7.24/12.68;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.mv__img {
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 390/324.86;
}

@media screen and (min-width: 768px) {
  .mv {
    background-image: url(../img/mv_bg.png);
    aspect-ratio: auto;
    padding-top: 0;
    margin-top: 8rem;
    padding-bottom: 9.8rem;
  }
  .mv .inner {
    max-width: 180rem;
    width: 93.75%;
  }
  .mv__txt {
    padding-top: 6rem;
    position: relative;
    z-index: 1;
  }
  .mv__txt--block01 {
    gap: 3rem;
  }
  .mv__txt--block01 span {
    font-size: 2.4rem;
    line-height: 2.5;
    padding: 0 2.5rem;
  }
  .mv__txt--block02 {
    font-size: 3.2rem;
    line-height: 1.4375;
    margin-top: 2.5rem;
  }
  .mv__txt--block03 {
    color: #fff;
  }
  .mv__txt--block03 h1 {
    font-size: 11rem;
    line-height: 1;
    margin-top: 2.5rem;
    padding-bottom: 3.5rem;
    width: fit-content;
  }
  .mv__txt--block03 h1::before, .mv__txt--block03 h1::after {
    height: 0.5rem;
  }
  .mv__txt--block03 h1::after {
    width: 23.8888888889%;
  }
  .mv__txt--block03 h1 span {
    display: block;
    font-size: 9rem;
    line-height: 1.4444444444;
  }
  .mv__txt--block03 h1 + p {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 2.7rem;
  }
  .mv__txt--contact {
    max-width: 42.2rem;
    margin-top: 2.7rem;
  }
  .mv__txt--contact a {
    font-size: 2.4rem;
    line-height: 3.7916666667;
    padding-left: 3.2rem;
  }
  .mv__txt--contact a::after {
    width: 3.857rem;
    left: 3rem;
  }
  .mv__txt--contact a::before {
    width: 0.973rem;
    right: 2.6rem;
  }
  .mv__img {
    position: absolute;
    bottom: auto;
    left: auto;
    top: 0;
    right: 0;
    aspect-ratio: auto;
    width: 62.03125%;
    max-width: 119.1rem;
    height: 100%;
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
    z-index: 0;
  }
  .mv__img img {
    object-fit: cover;
    object-position: 0 0;
    width: 125%;
    height: 100%;
  }
}
/*====================================================
//// このような「ムダ」「手間」「不安」はありませんか？
====================================================*/
.sec01 {
  padding: 5rem 0;
}
.sec01 h2 {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
  color: var(--color-green);
}
.sec01 h2 span {
  color: var(--color-red);
}
.sec01 h2 + p {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
  text-align: center;
  margin-top: 1rem;
}
.sec01 ul {
  margin-top: 3rem;
}
.sec01 ul li {
  background-color: var(--color-light-gray);
  margin-bottom: 1.5rem;
  padding: 1.5rem 1.5rem 1.5rem 5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  position: relative;
}
.sec01 ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.798%22%20height%3D%2240.797%22%20viewBox%3D%220%200%2040.798%2040.797%22%3E%0A%20%20%3Cpath%20id%3D%22circle-check-solid%22%20d%3D%22M20.4%2C40.8A20.4%2C20.4%2C0%2C1%2C0%2C0%2C20.4%2C20.4%2C20.4%2C0%2C0%2C0%2C20.4%2C40.8Zm9-24.144-10.2%2C10.2a1.9%2C1.9%2C0%2C0%2C1-2.7%2C0l-5.1-5.1a1.91%2C1.91%2C0%2C1%2C1%2C2.7-2.7L17.849%2C22.8l8.845-8.853a1.91%2C1.91%2C0%2C0%2C1%2C2.7%2C2.7Z%22%20fill%3D%22%23f9a825%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 10/10;
  width: 2.4rem;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.sec01 ul li h3 {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 700;
  color: var(--color-green);
}
.sec01 ul li p {
  margin-top: 0.5rem;
}
.sec01 ul li:last-child {
  margin-bottom: 0;
}
.sec01 figure {
  margin-top: 3rem;
}

@media screen and (min-width: 768px) {
  .sec01 {
    padding: 8.5rem 0;
  }
  .sec01 h2 {
    font-size: 3.2rem;
    line-height: 1.59375;
  }
  .sec01 h2 + p {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2rem;
  }
  .sec01 .block {
    display: flex;
    flex-wrap: nowrap;
    gap: 3.5rem;
    justify-content: center;
    align-items: center;
  }
  .sec01 ul {
    margin-top: 3rem;
    width: 49.1666666667%;
  }
  .sec01 ul li {
    margin-bottom: 1.5rem;
    padding: 2rem 0 1.5rem 8rem;
  }
  .sec01 ul li::before {
    width: 4.08rem;
    left: 2.2rem;
  }
  .sec01 ul li h3 {
    font-size: 2.8rem;
    line-height: 1.3928571429;
  }
  .sec01 ul li p {
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 1.6111111111;
    font-weight: 500;
  }
  .sec01 ul li:first-child::before {
    top: 38%;
  }
  .sec01 figure {
    margin-top: 5rem;
  }
}
/*====================================================
//// 校正管理の不備は、企業の信頼低下に直結します
====================================================*/
.sec02 {
  background-image: url(../img/cta_bg.png);
  background-size: cover;
  position: relative;
  padding: 5rem 0;
}
.sec02::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(27, 94, 32, 0.79);
  z-index: 0;
}
.sec02 .inner {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 3rem 2rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.sec02 .inner h2 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  position: relative;
  padding-top: 7rem;
}
.sec02 .inner h2::before {
  content: "";
  background-image: url(../img/attention.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 6rem;
  aspect-ratio: 101.86/89.14;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sec02 .inner ul {
  margin-top: 1.5rem;
}
.sec02 .inner ul li {
  background-color: var(--color-light-green);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding: 1rem 1rem 1rem 5rem;
  margin-bottom: 1.5rem;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}
.sec02 .inner ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.602%22%20height%3D%2228.603%22%20viewBox%3D%220%200%2028.602%2028.603%22%3E%0A%20%20%3Cpath%20id%3D%22circle-exclamation-solid%22%20d%3D%22M14.3%2C28.6A14.3%2C14.3%2C0%2C1%2C0%2C0%2C14.3%2C14.3%2C14.3%2C0%2C0%2C0%2C14.3%2C28.6Zm0-21.452a1.338%2C1.338%2C0%2C0%2C1%2C1.341%2C1.341v6.257a1.341%2C1.341%2C0%2C0%2C1-2.681%2C0V8.491A1.338%2C1.338%2C0%2C0%2C1%2C14.3%2C7.151ZM12.514%2C19.664A1.788%2C1.788%2C0%2C1%2C1%2C14.3%2C21.452%2C1.788%2C1.788%2C0%2C0%2C1%2C12.514%2C19.664Z%22%20fill%3D%22%23d32f2f%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  aspect-ratio: 10/10;
  width: 2.4rem;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.sec02 .inner p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  .sec02 {
    padding: 6rem 0 5.8rem 0;
  }
  .sec02 .inner {
    padding: 4.89rem 2rem 4.5rem 2rem;
  }
  .sec02 .inner h2 {
    font-size: 3.2rem;
    line-height: 1.59375;
    padding-top: 11.5rem;
  }
  .sec02 .inner h2::before {
    width: 10.186rem;
  }
  .sec02 .inner ul {
    margin: 3rem auto 0 auto;
    max-width: 75rem;
  }
  .sec02 .inner ul li {
    padding: 0 1rem 0 6rem;
    margin-bottom: 1.5rem;
    position: relative;
    font-size: 2rem;
    line-height: 3.15;
  }
  .sec02 .inner ul li::before {
    width: 2.86rem;
    left: 2rem;
  }
  .sec02 .inner p {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2.5rem;
  }
}
/*====================================================
//// YZ校正の特徴
====================================================*/
.sec03 {
  background-color: var(--color-light-gray);
  padding: 5rem 0;
}
.sec03 ul {
  width: 85%;
  margin: 3rem auto 0 auto;
}
.sec03 ul li {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.sec03 ul li figure {
  width: 100%;
  aspect-ratio: 290/209;
  text-align: center;
  background-color: #707070;
}
.sec03 ul li figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.sec03 ul li .point {
  background-color: var(--color-green);
  color: #fff;
  font-size: 2rem;
  line-height: 2.5;
  font-weight: 900;
  text-align: center;
}
.sec03 ul li .point span {
  font-size: 2.4rem;
  line-height: 2.0833333333;
  display: inline-block;
  margin-left: 0.3rem;
}
.sec03 ul li .txt {
  padding: 2rem 1.5rem 3rem 1.5rem;
}
.sec03 ul li .txt h3 {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.sec03 ul li .txt p {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}
.sec03 ul li:nth-child(2) figure img {
  object-fit: contain;
}
.sec03 ul li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .sec03 {
    padding: 8rem 0 13rem 0;
  }
  .sec03 ul {
    width: 100%;
    max-width: 119.9rem;
    margin: 2.6rem auto 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 1.3rem;
    justify-content: center;
    align-items: stretch;
  }
  .sec03 ul li {
    margin-bottom: 0;
  }
  .sec03 ul li .point {
    font-size: 2rem;
    line-height: 3.3;
  }
  .sec03 ul li .point span {
    font-size: 2.7rem;
    line-height: 2.4444444444;
    margin-left: 0.3rem;
  }
  .sec03 ul li .txt {
    padding: 2rem 1.5rem 3rem 1.5rem;
  }
  .sec03 ul li .txt p {
    margin-top: 1.5rem;
    font-size: 1.8rem;
    line-height: 1.6;
  }
  .sec03 ul li:nth-child(2) figure img {
    object-fit: contain;
  }
  .sec03 ul li:last-child {
    margin-bottom: 0;
  }
}
/*====================================================
//// 業務フローの改善
====================================================*/
.sec04 {
  padding: 5rem 0;
}
.sec04 .wrap {
  margin-top: 3rem;
}
.sec04 .wrap .block {
  background-color: var(--color-light-gray);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 3.5rem 1rem 2rem 1rem;
  position: relative;
}
.sec04 .wrap .block::before {
  background-color: var(--color-green);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem 0 1rem 0;
  -webkit-border-radius: 1rem 0 1rem 0;
  -moz-border-radius: 1rem 0 1rem 0;
  -ms-border-radius: 1rem 0 1rem 0;
  -o-border-radius: 1rem 0 1rem 0;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.1428571429;
  font-weight: 700;
  width: 8rem;
}
.sec04 .wrap .block h3 {
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
}
.sec04 .wrap .block p {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  margin-top: 0.5rem;
}
.sec04 .wrap .block figure {
  margin-top: 1rem;
}
.sec04 .wrap .block:first-of-type {
  margin-bottom: 5rem;
}
.sec04 .wrap .block:first-of-type::before {
  content: "before";
}
.sec04 .wrap .block:first-of-type h3 {
  color: var(--color-green);
}
.sec04 .wrap .block:last-of-type {
  border: 3px solid var(--color-green);
}
.sec04 .wrap .block:last-of-type::before {
  content: "after";
  border-radius: 0 0 1rem 0;
  -webkit-border-radius: 0 0 1rem 0;
  -moz-border-radius: 0 0 1rem 0;
  -ms-border-radius: 0 0 1rem 0;
  -o-border-radius: 0 0 1rem 0;
}
.sec04 .wrap .block:last-of-type::after {
  content: "";
  background-image: url(../img/osusume.png);
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 10/10;
  width: 6.5rem;
  position: absolute;
  right: 1rem;
  top: -3.5rem;
}

@media screen and (min-width: 768px) {
  .sec04 {
    padding: 10rem 0 5rem 0;
  }
  .sec04 .wrap {
    margin-top: 3.5rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    justify-content: center;
    align-items: stretch;
  }
  .sec04 .wrap .block {
    padding: 3.5rem 2.1rem 2.9rem 2.1rem;
    width: calc((100% - 1rem) / 2);
  }
  .sec04 .wrap .block::before {
    font-size: 1.8rem;
    line-height: 2.1111111111;
    width: 9.4rem;
  }
  .sec04 .wrap .block h3 {
    font-size: 2.4rem;
    line-height: 1.375;
  }
  .sec04 .wrap .block p {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 1.2rem;
  }
  .sec04 .wrap .block figure {
    margin-top: 1rem;
  }
  .sec04 .wrap .block:first-of-type {
    margin-bottom: 0;
  }
  .sec04 .wrap .block:last-of-type::after {
    width: 8rem;
    right: 1.7rem;
    top: -4rem;
  }
}
/*====================================================
//// 校正の内容
====================================================*/
.sec05 {
  padding: 3rem 0;
}
.sec05 ul {
  margin-top: 3rem;
}
.sec05 ul li {
  background-color: var(--color-light-gray);
  margin-bottom: 1.5rem;
  padding: 0 1.5rem 0 6.5rem;
  font-size: 1.8rem;
  line-height: 4.4444444444;
  font-weight: 700;
  position: relative;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.sec05 ul li::before {
  content: "";
  width: 3.5rem;
  aspect-ratio: 10/10;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.sec05 ul li:first-child::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2245.714%22%20viewBox%3D%220%200%2040%2045.714%22%3E%0A%20%20%3Cpath%20id%3D%22calendar-check-regular%22%20d%3D%22M11.429%2C0a2.138%2C2.138%2C0%2C0%2C1%2C2.143%2C2.143V5.714H26.429V2.143a2.143%2C2.143%2C0%2C0%2C1%2C4.286%2C0V5.714h3.571A5.72%2C5.72%2C0%2C0%2C1%2C40%2C11.429V40a5.72%2C5.72%2C0%2C0%2C1-5.714%2C5.714H5.714A5.72%2C5.72%2C0%2C0%2C1%2C0%2C40V11.429A5.72%2C5.72%2C0%2C0%2C1%2C5.714%2C5.714H9.286V2.143A2.138%2C2.138%2C0%2C0%2C1%2C11.429%2C0ZM35.714%2C17.143H4.286V40a1.433%2C1.433%2C0%2C0%2C0%2C1.429%2C1.429H34.286A1.433%2C1.433%2C0%2C0%2C0%2C35.714%2C40Zm-6.339%2C9.375-10%2C10a2.134%2C2.134%2C0%2C0%2C1-3.027%2C0L10.634%2C30.8a2.14%2C2.14%2C0%2C0%2C1%2C3.027-3.027l4.2%2C4.2%2C8.482-8.482a2.14%2C2.14%2C0%2C1%2C1%2C3.027%2C3.027Z%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  aspect-ratio: 40/45.71;
}
.sec05 ul li:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.405%22%20height%3D%2239.32%22%20viewBox%3D%220%200%2034.405%2039.32%22%3E%0A%20%20%3Cpath%20id%3D%22calendar-days-solid%22%20d%3D%22M9.83%2C0a2.455%2C2.455%2C0%2C0%2C1%2C2.457%2C2.457V4.915h9.83V2.457a2.457%2C2.457%2C0%2C1%2C1%2C4.915%2C0V4.915h3.686A3.687%2C3.687%2C0%2C0%2C1%2C34.4%2C8.6v3.686H0V8.6A3.687%2C3.687%2C0%2C0%2C1%2C3.686%2C4.915H7.372V2.457A2.455%2C2.455%2C0%2C0%2C1%2C9.83%2C0ZM0%2C14.745H34.4V35.634a3.687%2C3.687%2C0%2C0%2C1-3.686%2C3.686H3.686A3.687%2C3.687%2C0%2C0%2C1%2C0%2C35.634Zm4.915%2C6.144v2.457a1.232%2C1.232%2C0%2C0%2C0%2C1.229%2C1.229H8.6A1.232%2C1.232%2C0%2C0%2C0%2C9.83%2C23.346V20.889A1.232%2C1.232%2C0%2C0%2C0%2C8.6%2C19.66H6.144A1.232%2C1.232%2C0%2C0%2C0%2C4.915%2C20.889Zm9.83%2C0v2.457a1.232%2C1.232%2C0%2C0%2C0%2C1.229%2C1.229h2.457a1.232%2C1.232%2C0%2C0%2C0%2C1.229-1.229V20.889a1.232%2C1.232%2C0%2C0%2C0-1.229-1.229H15.974A1.232%2C1.232%2C0%2C0%2C0%2C14.745%2C20.889ZM25.8%2C19.66a1.232%2C1.232%2C0%2C0%2C0-1.229%2C1.229v2.457A1.232%2C1.232%2C0%2C0%2C0%2C25.8%2C24.575h2.457a1.232%2C1.232%2C0%2C0%2C0%2C1.229-1.229V20.889a1.232%2C1.232%2C0%2C0%2C0-1.229-1.229ZM4.915%2C30.719v2.457A1.232%2C1.232%2C0%2C0%2C0%2C6.144%2C34.4H8.6A1.232%2C1.232%2C0%2C0%2C0%2C9.83%2C33.176V30.719A1.232%2C1.232%2C0%2C0%2C0%2C8.6%2C29.49H6.144A1.232%2C1.232%2C0%2C0%2C0%2C4.915%2C30.719ZM15.974%2C29.49a1.232%2C1.232%2C0%2C0%2C0-1.229%2C1.229v2.457A1.232%2C1.232%2C0%2C0%2C0%2C15.974%2C34.4h2.457a1.232%2C1.232%2C0%2C0%2C0%2C1.229-1.229V30.719a1.232%2C1.232%2C0%2C0%2C0-1.229-1.229Zm8.6%2C1.229v2.457A1.232%2C1.232%2C0%2C0%2C0%2C25.8%2C34.4h2.457a1.232%2C1.232%2C0%2C0%2C0%2C1.229-1.229V30.719a1.232%2C1.232%2C0%2C0%2C0-1.229-1.229H25.8A1.232%2C1.232%2C0%2C0%2C0%2C24.575%2C30.719Z%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  aspect-ratio: 34.4/39.32;
  width: 3.44rem;
}
.sec05 ul li:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%20%20%3Cpath%20id%3D%22clock-solid%22%20d%3D%22M20%2C0A20%2C20%2C0%2C1%2C1%2C0%2C20%2C20%2C20%2C0%2C0%2C1%2C20%2C0ZM18.125%2C9.375V20a1.883%2C1.883%2C0%2C0%2C0%2C.836%2C1.563l7.5%2C5a1.876%2C1.876%2C0%2C0%2C0%2C2.078-3.125L21.875%2C19V9.375a1.875%2C1.875%2C0%2C1%2C0-3.75%2C0Z%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
}
.sec05 ul li:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245.321%22%20height%3D%2245.321%22%20viewBox%3D%220%200%2045.321%2045.321%22%3E%0A%20%20%3Cpath%20id%3D%22wrench-solid-full%22%20d%3D%22M98.33%2C72.594a1.262%2C1.262%2C0%2C0%2C1%2C2.1.375A13.96%2C13.96%2C0%2C0%2C1%2C83.025%2C91.194l-16.29%2C16.29a6.274%2C6.274%2C0%2C1%2C1-8.873-8.873l16.29-16.29A13.955%2C13.955%2C0%2C0%2C1%2C92.377%2C64.915a1.265%2C1.265%2C0%2C0%2C1%2C.375%2C2.1l-7.731%2C7.731a1.4%2C1.4%2C0%2C0%2C0-.41.985V79.34a1.4%2C1.4%2C0%2C0%2C0%2C1.395%2C1.395h3.608a1.4%2C1.4%2C0%2C0%2C0%2C.985-.41Z%22%20transform%3D%22translate(-56.025%20-64)%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 3.532rem;
}
.sec05 ul li:nth-child(5)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%20%20%3Cpath%20id%3D%22clock-rotate-left-solid%22%20d%3D%22M5.859%2C5.859%2C3.2%2C3.2A1.877%2C1.877%2C0%2C0%2C0%2C0%2C4.523v8.6A1.871%2C1.871%2C0%2C0%2C0%2C1.875%2C15h8.6A1.877%2C1.877%2C0%2C0%2C0%2C11.8%2C11.8L9.4%2C9.391A15%2C15%2C0%2C1%2C1%2C11.43%2C32.313a2.5%2C2.5%2C0%2C0%2C0-2.867%2C4.1%2C20%2C20%2C0%2C1%2C0-2.7-30.555ZM20%2C10a1.87%2C1.87%2C0%2C0%2C0-1.875%2C1.875V20a1.874%2C1.874%2C0%2C0%2C0%2C.547%2C1.328L24.3%2C26.953A1.873%2C1.873%2C0%2C0%2C0%2C26.945%2C24.3l-5.078-5.078V11.875A1.871%2C1.871%2C0%2C0%2C0%2C19.992%2C10Z%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
}
.sec05 ul li:last-child::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244.992%22%20height%3D%2240%22%20viewBox%3D%220%200%2044.992%2040%22%3E%0A%20%20%3Cpath%20id%3D%22file-signature-solid%22%20d%3D%22M5%2C0A5%2C5%2C0%2C0%2C0%2C0%2C5V35a5%2C5%2C0%2C0%2C0%2C5%2C5H25a5%2C5%2C0%2C0%2C0%2C5-5V33.492a4.725%2C4.725%2C0%2C0%2C1-.641.211l-4.7%2C1.172a4.379%2C4.379%2C0%2C0%2C1-.7.109A1.917%2C1.917%2C0%2C0%2C1%2C23.75%2C35h-5a1.244%2C1.244%2C0%2C0%2C1-1.117-.687l-.687-1.383a.769.769%2C0%2C0%2C0-.688-.43.76.76%2C0%2C0%2C0-.687.43l-.687%2C1.383a1.248%2C1.248%2C0%2C0%2C1-2.312-.2l-1.32-4.352-.766%2C2.563A3.753%2C3.753%2C0%2C0%2C1%2C6.891%2C35H6.25a1.25%2C1.25%2C0%2C0%2C1%2C0-2.5h.641a1.24%2C1.24%2C0%2C0%2C0%2C1.2-.891L9.25%2C27.742a2.086%2C2.086%2C0%2C0%2C1%2C4%2C0l.906%2C3.016a3.273%2C3.273%2C0%2C0%2C1%2C5.023%2C1.055l.344.688h.7a3.8%2C3.8%2C0%2C0%2C1-.109-2.172l1.172-4.7a4.961%2C4.961%2C0%2C0%2C1%2C1.312-2.32L30%2C15.906V12.5H20A2.5%2C2.5%2C0%2C0%2C1%2C17.5%2C10V0ZM20%2C0V10H30ZM42.953%2C10.914a3.131%2C3.131%2C0%2C0%2C0-4.422%2C0l-2.3%2C2.3%2C5.547%2C5.547%2C2.3-2.3a3.131%2C3.131%2C0%2C0%2C0%2C0-4.422l-1.125-1.125ZM24.367%2C25.078a2.474%2C2.474%2C0%2C0%2C0-.656%2C1.164l-1.172%2C4.7a1.249%2C1.249%2C0%2C0%2C0%2C1.516%2C1.516l4.7-1.172a2.512%2C2.512%2C0%2C0%2C0%2C1.164-.656l10.094-10.1-5.547-5.547Z%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
}

@media screen and (min-width: 768px) {
  .sec05 {
    padding: 3rem 0 13rem 0;
  }
  .sec05 ul {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.8rem 1.4rem;
    align-items: stretch;
  }
  .sec05 ul li {
    width: calc((100% - 2.8rem) / 3);
    margin-bottom: 0;
    padding: 0 1.5rem 0 10rem;
    font-size: 2.4rem;
    line-height: 4.125;
    font-weight: 700;
  }
  .sec05 ul li::before {
    width: 4rem;
    left: 3.2rem;
  }
}
/*====================================================
//// 校正品目
====================================================*/
.sec06 {
  background-color: var(--color-light-gray);
  padding: 3rem 0 5rem 0;
}
.sec06 ul {
  margin-top: 3rem;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem 1.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -moz-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  -o-border-radius: 0.5rem 0.5rem 0 0;
}
.sec06 ul li {
  min-width: calc((100% - 4rem) / 3);
  position: relative;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
}
.sec06 ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.018%22%20height%3D%2217.871%22%20viewBox%3D%220%200%2025.018%2017.871%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%22%20d%3D%22M24.419%2C96.548a1.789%2C1.789%2C0%2C0%2C1%2C0%2C2.529L10.125%2C113.372a1.789%2C1.789%2C0%2C0%2C1-2.529%2C0L.448%2C106.225A1.789%2C1.789%2C0%2C0%2C1%2C2.978%2C103.7l5.885%2C5.88L21.9%2C96.548a1.79%2C1.79%2C0%2C0%2C1%2C2.529%2C0Z%22%20transform%3D%22translate(0.075%20-96.025)%22%20fill%3D%22%23f9a825%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.5rem;
  aspect-ratio: 25.02/17.87;
  display: inline-block;
  margin-right: 0.5rem;
}
.sec06 ul + p {
  background-color: #DDDDDD;
  border-radius: 0 0 0.5rem 0.5rem;
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -moz-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  -o-border-radius: 0 0 0.5rem 0.5rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.2222222222;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .sec06 {
    padding: 8.5rem 0 8rem 0;
  }
  .sec06 ul {
    margin-top: 3rem;
    gap: 0.5rem 0;
    padding: 3.3rem 0 2.5rem 3rem;
    border-radius: 0.5rem 0.5rem 0 0;
    -webkit-border-radius: 0.5rem 0.5rem 0 0;
    -moz-border-radius: 0.5rem 0.5rem 0 0;
    -ms-border-radius: 0.5rem 0.5rem 0 0;
    -o-border-radius: 0.5rem 0.5rem 0 0;
  }
  .sec06 ul li {
    width: 20%;
    min-width: initial;
    font-size: 2rem;
    line-height: 1.92;
  }
  .sec06 ul li::before {
    width: 2.502rem;
    margin-right: 0;
    margin-right: 1rem;
  }
  .sec06 ul + p {
    font-size: 2.4rem;
    line-height: 2.7916666667;
  }
}
/*====================================================
//// 対応メーカー
====================================================*/
.sec07 {
  padding: 3rem 0;
  overflow-x: hidden;
}
.sec07 ul {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem;
  justify-content: center;
  align-items: center;
}
.sec07 ul li {
  background-color: var(--color-green);
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.5;
  font-weight: 700;
  padding: 0 2rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.sec07 ul + p {
  background-color: #DCFCE8;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 2rem 1.5rem 2rem 2rem;
  margin-top: 3rem;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  position: relative;
  width: 90%;
}
.sec07 ul + p::after {
  content: "";
  background-image: url(../img/woman.png);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 127/143;
  width: 10rem;
  position: absolute;
  right: calc(-10% - 2rem);
  bottom: -0.5rem;
}

@media screen and (min-width: 768px) {
  .sec07 {
    padding: 8rem 0 11.5rem 0;
    overflow-x: hidden;
  }
  .sec07 ul {
    max-width: 90rem;
    margin: 3rem auto 0 auto;
    gap: 1.9rem 3rem;
  }
  .sec07 ul li {
    font-size: 2.4rem;
    line-height: 2.9166666667;
    padding: 0 4rem;
  }
  .sec07 ul + p {
    padding: 3rem 1.5rem 3rem 3rem;
    font-size: 2.4rem;
    line-height: 1.4;
    max-width: 55.7rem;
    margin: 4.5rem auto 0 auto;
  }
  .sec07 ul + p::after {
    width: 12.7rem;
    right: -5.2rem;
    bottom: 0;
  }
}
/*====================================================
//// 利用いただいたお客様の声
====================================================*/
.sec08 {
  background-color: var(--color-light-gray);
  padding: 3rem 0;
}
.sec08 ul {
  margin-top: 3rem;
}
.sec08 ul li {
  background-color: #fff;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding: 2.5rem 2rem;
  position: relative;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.sec08 ul li:last-child {
  margin-bottom: 0;
}
.sec08 ul li .classification {
  background-color: var(--color-light-green);
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 1rem 0 0;
  -webkit-border-radius: 0 1rem 0 0;
  -moz-border-radius: 0 1rem 0 0;
  -ms-border-radius: 0 1rem 0 0;
  -o-border-radius: 0 1rem 0 0;
  font-size: 1.2rem;
  line-height: 2.5;
  font-weight: 700;
  padding: 0 2rem;
  color: var(--color-green);
}
.sec08 ul li .block {
  display: flex;
  flex-wrap: nowrap;
  gap: 3rem;
  justify-content: flex-start;
  align-items: center;
}
.sec08 ul li .block figure {
  width: 25%;
}
.sec08 ul li .block h3 {
  color: var(--color-green);
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
}
.sec08 ul li p {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  .sec08 {
    padding: 8rem 0 10rem 0;
  }
  .sec08 ul {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: stretch;
  }
  .sec08 ul li {
    width: calc((100% - 2rem) / 2);
    padding: 2.6rem 1.6rem 2.66rem 3rem;
    margin-bottom: 0;
  }
  .sec08 ul li:last-child {
    margin-bottom: 0;
  }
  .sec08 ul li .classification {
    background-color: var(--color-light-green);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 1rem 0 0;
    -webkit-border-radius: 0 1rem 0 0;
    -moz-border-radius: 0 1rem 0 0;
    -ms-border-radius: 0 1rem 0 0;
    -o-border-radius: 0 1rem 0 0;
    font-size: 1.2rem;
    line-height: 2.5;
    font-weight: 700;
    padding: 0 2rem;
    color: var(--color-green);
  }
  .sec08 ul li .block {
    gap: 2.5rem;
  }
  .sec08 ul li .block figure {
    width: 10.4rem;
  }
  .sec08 ul li .block h3 {
    font-size: 2.8rem;
    line-height: 1.3928571429;
  }
  .sec08 ul li p {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 2rem;
  }
}
/*====================================================
//// お問い合わせ
====================================================*/
.contact {
  padding: 3rem 0;
}

.contact {
  padding: 8rem 0;
}

/*====================================================
//// CTA
====================================================*/
.cta {
  padding: 3rem 0;
  background-color: var(--color-green);
}
.cta h2 {
  color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.cta h2 + p {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 700;
  text-align: center;
  margin-top: 1.5rem;
}
.cta .wrap {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  margin-top: 3rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  padding: 2rem 1.5rem;
}
.cta .wrap .block .title {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  color: var(--color-green);
  text-align: center;
}
.cta .wrap .block .tel {
  width: fit-content;
  margin: 1rem auto 0 auto;
}
.cta .wrap .block .tel a {
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 900;
  text-align: center;
  padding-left: 4rem;
  position: relative;
  color: var(--color-green);
}
.cta .wrap .block .tel a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246.245%22%20height%3D%2246.245%22%20viewBox%3D%220%200%2046.245%2046.245%22%3E%0A%20%20%3Cpath%20id%3D%22phone-solid%22%20d%3D%22M14.893%2C2.2a3.6%2C3.6%2C0%2C0%2C0-4.281-2.1L2.664%2C2.274A3.623%2C3.623%2C0%2C0%2C0%2C0%2C5.76%2C40.465%2C40.465%2C0%2C0%2C0%2C40.462%2C46.222a3.623%2C3.623%2C0%2C0%2C0%2C3.486-2.664l2.168-7.948a3.6%2C3.6%2C0%2C0%2C0-2.1-4.281L35.35%2C27.716a3.6%2C3.6%2C0%2C0%2C0-4.182%2C1.048L27.52%2C33.216A30.525%2C30.525%2C0%2C0%2C1%2C13.006%2C18.7l4.453-3.64a3.6%2C3.6%2C0%2C0%2C0%2C1.048-4.182L14.893%2C2.21Z%22%20transform%3D%22translate(0%200.022)%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  width: 3rem;
  aspect-ratio: 46.24/46.24;
  position: absolute;
  left: 0;
  top: 58%;
  transform: translateY(-50%);
}
.cta .wrap .block .tel__att {
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: 500;
  text-align: center;
  margin-top: 0.5rem;
}
.cta .wrap .block:first-of-type {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-green);
}
.cta .wrap .block:last-of-type {
  padding-top: 2rem;
}
.cta .wrap .block:last-of-type .link-btn {
  width: 90%;
  margin: 1rem auto 0 auto;
}
.cta .wrap .block:last-of-type .link-btn a {
  font-size: 1.8rem;
  line-height: 3.3333333333;
  font-weight: 700;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.cta .wrap .block:last-of-type .link-btn a::after {
  width: 3rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5rem;
}
.cta .wrap .block:last-of-type .link-btn a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.729%22%20height%3D%2217.027%22%20viewBox%3D%220%200%209.729%2017.027%22%3E%0A%20%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%EF%BC%9E%22%20d%3D%22M73.3%2C39.58a1.218%2C1.218%2C0%2C0%2C1%2C0%2C1.721L66%2C48.6a1.217%2C1.217%2C0%2C0%2C1-1.721-1.721l6.436-6.436L64.285%2C34a1.217%2C1.217%2C0%2C0%2C1%2C1.721-1.721L73.3%2C39.576Z%22%20transform%3D%22translate(-63.925%20-31.925)%22%20fill%3D%22%231b5e20%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 0.973rem;
  aspect-ratio: 9.73/17.03;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.2rem;
}

@media screen and (min-width: 768px) {
  .cta {
    padding: 8rem 0;
  }
  .cta h2 {
    font-size: 3.2rem;
    line-height: 1.6;
  }
  .cta h2 + p {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 2.5rem;
  }
  .cta .wrap {
    margin-top: 3rem;
    padding: 3rem 1.5rem 2rem 1.5rem;
    display: flex;
  }
  .cta .wrap .block {
    width: 50%;
  }
  .cta .wrap .block .title {
    font-size: 2.8rem;
    line-height: 1.3928571429;
  }
  .cta .wrap .block .tel {
    margin: 1rem auto 0 auto;
  }
  .cta .wrap .block .tel a {
    pointer-events: none;
    font-size: 5.9rem;
    line-height: 1;
    padding-left: 5re6;
  }
  .cta .wrap .block .tel a::before {
    width: 4.624rem;
    left: 0;
    top: 58%;
    transform: translateX(-1.8rem) translateY(-50%);
  }
  .cta .wrap .block .tel__att {
    font-size: 1.8rem;
    line-height: 1.6111111111;
    margin-top: 1.5rem;
  }
  .cta .wrap .block:first-of-type {
    padding-bottom: 2rem;
    border-bottom: none;
    border-right: 1px solid var(--color-green);
  }
  .cta .wrap .block:last-of-type {
    padding-top: 0;
  }
  .cta .wrap .block:last-of-type .link-btn {
    width: 100%;
    margin: 1.5rem auto 0 auto;
    max-width: 42.2rem;
  }
  .cta .wrap .block:last-of-type .link-btn a {
    font-size: 2.4rem;
    line-height: 3.7916666667;
  }
  .cta .wrap .block:last-of-type .link-btn a::after {
    width: 3.857rem;
    left: 3.2rem;
  }
}/*# sourceMappingURL=style.css.map */