@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.srv__hero {
  margin-top: 120px;
  /*ヘッダーの高さ*/
  background-color: #EFF2D3;
  background-image: url("../../img/common/bg-img.jpg");
  background-size: cover;
  background-repeat: repeat-y;
  background-position: top left;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 25px;
}
@media screen and (max-width: 899px) {
  .srv__hero {
    margin-top: 90px;
  }
}
.srv__ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  text-align: center;
  cursor: default;
}
@media screen and (max-width: 767px) {
  .srv__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__ttl {
    font-size: 1.75rem;
  }
}
.srv__ttl span {
  display: block;
  line-height: 2;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .srv__ttl span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__ttl span {
    font-size: 0.9375rem;
  }
}
.srv .sep {
  position: relative;
  top: -25px;
}
.srv .sep__image {
  overflow: hidden;
}
.srv .sep__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .srv .sep__image img {
    width: 1920px;
  }
}
@media screen and (max-width: 479px) {
  .srv .sep__image img {
    width: 960px;
  }
}
.srv .sep--thin {
  top: 18px;
}
@media screen and (max-width: 1279px) {
  .srv .sep--thin {
    top: 12px;
  }
}
.srv .sep__fixed-button {
  animation: slideInRight 1s 1.5s forwards, shake 3s 6.5s infinite;
  position: absolute;
  bottom: 10px;
  right: 65px;
  z-index: 10;
  display: inline-block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  opacity: 0;
  /*@media screen and (max-width: 329px) {
    bottom: 10%;
  }*/
}
@media screen and (max-width: 899px) {
  .srv .sep__fixed-button {
    bottom: -100px;
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .srv .sep__fixed-button {
    bottom: 10px;
  }
}
.srv .sep__fixed-button:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .sep__fixed-button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
@media screen and (min-width: 1440px) {
  .srv .sep__fixed-button {
    bottom: 25px;
    right: 300px;
  }
}
@media screen and (max-width: 767px) {
  .srv .sep__fixed-button {
    right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .srv .sep__fixed-button {
    right: 15px;
  }
}
.srv .sep__fixed-button img {
  display: block;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .srv .sep__fixed-button img {
    width: 110px;
  }
}
.srv .lyt-cntr {
  max-width: min(1400px, 100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .srv .lyt-cntr {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .srv .lyt-cntr {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .srv .lyt-cntr {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.srv .lyt-cntr__inner {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1279px) {
  .srv .lyt-cntr__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.srv__intro-area {
  position: relative;
}
.srv__intro-area:before, .srv__intro-area:after {
  content: "";
  width: 260px;
  height: 1060px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.srv__intro-area:before {
  position: absolute;
  top: 60px;
  left: 0;
  background-image: url("../img/service01/intro_bgimg_left.png");
  background-position: top left;
}
@media screen and (max-width: 899px) {
  .srv__intro-area:before {
    bottom: 0;
    top: auto;
  }
}
.srv__intro-area:after {
  position: absolute;
  top: 60px;
  right: 0;
  background-image: url("../img/service01/intro_bgimg_right.png");
  background-position: top right;
  z-index: -1;
}
@media screen and (max-width: 899px) {
  .srv__intro-area:after {
    top: 150px;
  }
}
.srv .intro {
  padding-top: 60px;
  padding-bottom: 200px;
}
@media screen and (max-width: 767px) {
  .srv .intro {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro {
    padding-bottom: 100px;
  }
}
.srv .intro__ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .srv .intro__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro__ttl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 329px) {
  .srv .intro__ttl {
    font-size: 1.375rem;
  }
}
.srv .intro__ttl img {
  width: 85px;
  margin-left: 30px;
}
@media screen and (max-width: 1279px) {
  .srv .intro__ttl img {
    width: 55px;
    margin-left: 15px;
  }
}
.srv .intro__block:nth-of-type(1) {
  margin-bottom: 120px;
}
@media screen and (max-width: 899px) {
  .srv .intro__block:nth-of-type(1) {
    margin-bottom: 15px;
  }
}
.srv .intro__block:nth-of-type(1) .intro__content {
  padding-top: 70px;
}
.srv .intro__block:nth-of-type(2) {
  /*margin-bottom: 130px;*/
  /*.intro__content{
    padding-top: 50px;
  }*/
}
.srv .intro__lyt {
  display: flex;
  gap: 70px;
}
@media screen and (max-width: 899px) {
  .srv .intro__lyt {
    flex-direction: column;
    gap: 80px;
  }
}
.srv .intro__image {
  display: block;
  height: auto;
}
@media screen and (max-width: 899px) {
  .srv .intro__image {
    max-width: 100%;
  }
}
.srv .intro__lead {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.6;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .srv .intro__lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro__lead {
    font-size: 1.25rem;
  }
}
.srv .intro__txt {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .srv .intro__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro__txt {
    font-size: 0.9375rem;
  }
}
.srv .intro__txt a {
  color: #333;
  display: inline-block;
  border-bottom: 2px dotted #333;
}
.srv .intro__txt a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .intro__txt a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.srv .intro-btm {
  padding-bottom: 160px;
}
.srv .intro-btm__box {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  padding: 60px 90px;
}
@media screen and (max-width: 899px) {
  .srv .intro-btm__box {
    padding: 60px 50px;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro-btm__box {
    padding: 40px 40px 60px;
  }
}
@media screen and (max-width: 329px) {
  .srv .intro-btm__box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.srv .intro-btm__box--lightYellow {
  background-color: #fcf8e8;
}
.srv .intro-btm__box > p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .srv .intro-btm__box > p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro-btm__box > p {
    font-size: 0.9375rem;
  }
}
.srv .intro-btm__lyt {
  display: flex;
  gap: 75px;
}
@media screen and (max-width: 1279px) {
  .srv .intro-btm__lyt {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .srv .intro-btm__lyt {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .srv .intro-btm__media {
    text-align: right;
  }
}
.srv .intro-btm__media img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
}
.srv .intro-btm__lead {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .srv .intro-btm__lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro-btm__lead {
    font-size: 1.25rem;
  }
}
.srv .intro-btm__lead span {
  display: inline;
  position: relative;
  border-bottom: 8px solid #f1d02a;
  word-break: keep-all;
}
@media screen and (max-width: 899px) {
  .srv .intro-btm__lead span {
    border-bottom: 5px solid #f1d02a;
  }
}
.srv .intro-btm__txt {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .srv .intro-btm__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro-btm__txt {
    font-size: 0.9375rem;
  }
}
.srv .intro-btm__txt a {
  color: #333;
  display: inline-block;
  border-bottom: 2px dotted #333;
}
.srv .intro-btm__txt a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .intro-btm__txt a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.srv .dl {
  margin-bottom: 60px;
  /* padding-top: 70px;*/
}
.srv .dl__ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #00a99d;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .srv .dl__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .dl__ttl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 329px) {
  .srv .dl__ttl {
    font-size: 1.375rem;
  }
}
.srv .dl__box {
  padding: 80px 90px 100px;
  border-radius: 10px;
}
@media screen and (max-width: 899px) {
  .srv .dl__box {
    padding: 80px 60px 100px;
  }
}
@media screen and (max-width: 479px) {
  .srv .dl__box {
    padding: 40px 15px 50px;
  }
}
@media screen and (max-width: 329px) {
  .srv .dl__box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.srv .dl__box--lightYellow {
  background-color: #fcf8e8;
}
.srv .dl__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: subgrid;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .srv .dl__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 479px) {
  .srv .dl__list {
    gap: 12px;
  }
}
.srv .dl__link {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px 10px 30px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4.9px 0.1px rgba(85, 85, 85, 0.29);
  transition: all 0.3s;
}
@media screen and (max-width: 899px) {
  .srv .dl__link {
    padding: 15px 20px 15px 20px;
  }
}
.srv .dl__link p span {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  border-bottom: dotted 2px #1d1d1d;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .srv .dl__link p span {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .dl__link p span {
    font-size: 0.9375rem;
  }
}
.srv .dl__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .dl__link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.srv .dl__link img {
  width: 40px;
}
@media screen and (max-width: 479px) {
  .srv .dl__link img {
    width: 25px;
  }
}
.srv .cta {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 250px;
}
.srv .cta .more-button {
  padding-top: 60px;
}
.srv .cta .more-button__link {
  display: inline-block;
  padding: 16px 50px 16px 40px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  text-decoration: none;
  border-radius: 999px;
  border: solid 3px #ef8222;
  background-color: #ffe4a4;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 400px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .srv .cta .more-button__link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .cta .more-button__link {
    font-size: 0.9375rem;
    padding: 15px 35px 15px 20px;
    border-bottom: solid 2px #ef8222;
    width: 320px;
  }
}
.srv .cta .more-button__link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .srv .cta .more-button__link span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .cta .more-button__link span {
    font-size: 0.8125rem;
  }
}
.srv .cta .more-button__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ef8222;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.srv .cta .more-button__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .cta .more-button__link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.srv .cta__txt {
  margin-top: 20px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  font-family: "Zen Maru Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .srv .cta__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .cta__txt {
    font-size: 0.9375rem;
  }
}