@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;
  z-index: 1;
}
.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--thin-btm {
  top: -18px;
}
@media screen and (max-width: 1279px) {
  .srv .sep--thin-btm {
    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;
  width: 100%;
}
@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;
  padding-bottom: 0;
}
@media screen and (max-width: 1279px) {
  .srv .lyt-cntr__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.srv__intro-area {
  position: relative;
}
.srv__intro-area .lyt-cntr__inner .intro {
  padding-top: 60px;
  padding-bottom: 0;
}
.srv__intro-area .lyt-cntr__inner .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;
  margin-bottom: 60px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .srv__intro-area .lyt-cntr__inner .intro__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__intro-area .lyt-cntr__inner .intro__ttl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 329px) {
  .srv__intro-area .lyt-cntr__inner .intro__ttl {
    font-size: 1.375rem;
  }
}
.srv__intro-area .lyt-cntr__inner .intro__ttl > span {
  display: block;
  font-size: 1.75rem;
  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;
  margin-bottom: 50px;
}
.srv__intro-area .lyt-cntr__inner .intro__ttl > span > img {
  width: 25px;
  margin-left: 5px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .srv__intro-area .lyt-cntr__inner .intro__ttl > span {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__intro-area .lyt-cntr__inner .intro__ttl > span {
    font-size: 1rem;
  }
}
.srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(1) {
  margin-bottom: 100px;
}
@media screen and (max-width: 899px) {
  .srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(1) {
    margin-bottom: 15px;
  }
}
.srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(1) .intro__content {
  padding-top: 70px;
}
.srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(2) {
  margin-bottom: 130px;
}
.srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(2) .intro__content {
  padding-top: 50px;
}
.srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(3) {
  margin-bottom: 0;
}
.srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(3) .intro__content {
  padding-top: 0;
}
@media screen and (max-width: 899px) {
  .srv__intro-area .lyt-cntr__inner .intro__block:nth-of-type(3) .intro__media {
    margin: 0 auto;
  }
}
.srv__intro-area .lyt-cntr__inner .intro__lyt {
  display: flex;
  gap: 45px;
}
@media screen and (max-width: 899px) {
  .srv__intro-area .lyt-cntr__inner .intro__lyt {
    flex-direction: column;
    gap: 80px;
  }
}
.srv__intro-area .lyt-cntr__inner .intro__image {
  display: block;
  height: auto;
}
@media screen and (max-width: 899px) {
  .srv__intro-area .lyt-cntr__inner .intro__image {
    max-width: 100%;
  }
}
.srv__intro-area .lyt-cntr__inner .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-area .lyt-cntr__inner .intro__lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__intro-area .lyt-cntr__inner .intro__lead {
    font-size: 1.25rem;
  }
}
.srv__intro-area .lyt-cntr__inner .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-area .lyt-cntr__inner .intro__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__intro-area .lyt-cntr__inner .intro__txt {
    font-size: 0.9375rem;
  }
}
.srv__intro-area .lyt-cntr__inner .intro .more-button {
  padding-top: 60px;
}
@media screen and (max-width: 899px) {
  .srv__intro-area .lyt-cntr__inner .intro .more-button {
    text-align: center;
  }
}
.srv__intro-area .lyt-cntr__inner .intro .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 #f1d02a;
  background-color: #fcf1bc;
  -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: 320px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .srv__intro-area .lyt-cntr__inner .intro .more-button__link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__intro-area .lyt-cntr__inner .intro .more-button__link {
    font-size: 0.9375rem;
    padding: 15px 35px 15px 20px;
    border: solid 2px #f1d02a;
  }
}
.srv__intro-area .lyt-cntr__inner .intro .more-button__link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .srv__intro-area .lyt-cntr__inner .intro .more-button__link span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__intro-area .lyt-cntr__inner .intro .more-button__link span {
    font-size: 0.8125rem;
  }
}
.srv__intro-area .lyt-cntr__inner .intro .more-button__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f1d02a;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.srv__intro-area .lyt-cntr__inner .intro .more-button__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv__intro-area .lyt-cntr__inner .intro .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__content-area {
  background-color: #EFF2D3;
  background-image: url("../../img/common/bgimg_dotted_lightgreen.png");
  background-repeat: repeat;
  background-position: top left;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .srv__content-area {
    padding-top: 80px;
  }
}
.srv__content-area .lyt-cntr__inner .flow {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .flow {
    padding-top: 0;
  }
}
.srv__content-area .lyt-cntr__inner .flow__box {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 90px 90px;
  border-radius: 10px;
  margin-top: 85px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1279px) {
  .srv__content-area .lyt-cntr__inner .flow__box {
    padding: 60px 40px 90px;
  }
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .flow__box {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .flow__box {
    padding: 40px 15px;
  }
}
.srv__content-area .lyt-cntr__inner .flow__box--white {
  background-color: #fff;
}
.srv__content-area .lyt-cntr__inner .flow__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;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .flow__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .flow__ttl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 329px) {
  .srv__content-area .lyt-cntr__inner .flow__ttl {
    font-size: 1.375rem;
  }
}
.srv__content-area .lyt-cntr__inner .flow__ttl-line {
  border-bottom: 4px dotted #00a99d;
}
.srv__content-area .lyt-cntr__inner .flow__grid {
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);
  gap: 60px 40px;*/
  grid-template-columns: 1fr;
}
@media screen and (max-width: 899px) {
  .srv__content-area .lyt-cntr__inner .flow__grid {
    grid-template-columns: 1fr;
    gap: 30px;
    /*padding-bottom: 215px;*/
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .flow__grid {
    background-size: 150px;
  }
}
.srv__content-area .lyt-cntr__inner .event {
  padding-bottom: 200px;
}
.srv__content-area .lyt-cntr__inner .event__box {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 90px 0;
  border-radius: 10px;
  margin-top: 85px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1279px) {
  .srv__content-area .lyt-cntr__inner .event__box {
    padding: 40px 40px 50px;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .event__box {
    padding: 25px 15px 40px;
  }
}
.srv__content-area .lyt-cntr__inner .event__box--white {
  background-color: #fff;
}
.srv__content-area .lyt-cntr__inner .event__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;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .event__ttl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .event__ttl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 329px) {
  .srv__content-area .lyt-cntr__inner .event__ttl {
    font-size: 1.375rem;
  }
}
.srv__content-area .lyt-cntr__inner .event__ttl-line {
  border-bottom: 4px dotted #00a99d;
}
.srv__content-area .lyt-cntr__inner .event__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;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .event__txt {
    font-size: 1rem;
    padding-top: 30px;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .event__txt {
    font-size: 0.9375rem;
    margin-bottom: 30px;
  }
}
.srv__content-area .lyt-cntr__inner .event__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  /*padding-bottom: 50px;*/
  /*column-count: 2;
  column-gap: 60px;*/
  /*@media screen and (max-width:767px){
    gap: 0px;
  }*/
}
@media screen and (max-width: 899px) {
  .srv__content-area .lyt-cntr__inner .event__grid {
    grid-template-columns: 1fr;
    /*column-count: 1;*/
    /*padding-bottom: 215px;*/
    /*gap: 0px;*/
    /*gap: 15px;*/
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .event__grid {
    background-size: 150px;
    /* gap: 40px;*/
  }
}
.srv__content-area .lyt-cntr__inner .event-card.monthly .event-card__txt {
  background-image: url("../img/service03/daily-illust2.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 1279px) {
  .srv__content-area .lyt-cntr__inner .event-card.monthly .event-card__txt {
    background-size: 150px;
  }
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .event-card.monthly .event-card__txt {
    padding-bottom: 110px;
  }
}
.srv__content-area .lyt-cntr__inner .event-card__ttl {
  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;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f0f4d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px 15px 30px;
  margin-bottom: 30px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .event-card__ttl {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .event-card__ttl {
    font-size: 1.25rem;
    padding-left: 20px;
  }
}
.srv__content-area .lyt-cntr__inner .event-card__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;
  /*margin-bottom: 25px;*/
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .event-card__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .event-card__txt {
    font-size: 0.9375rem;
  }
}
.srv__content-area .lyt-cntr__inner .timeline {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 auto 60px;
  background-image: url("../img/service03/daily-illust1.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 1279px) {
  .srv__content-area .lyt-cntr__inner .timeline {
    background-size: 150px;
  }
}
@media screen and (max-width: 899px) {
  .srv__content-area .lyt-cntr__inner .timeline {
    padding: 0 15px 60px;
    margin: 0 auto;
    background-size: 130px;
  }
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .timeline {
    padding-bottom: 110px;
  }
}
.srv__content-area .lyt-cntr__inner .timeline-item {
  position: relative;
  padding-left: 30px;
  padding-bottom: 40px;
  border-left: 3px solid #a3c850;
  break-inside: avoid;
}
.srv__content-area .lyt-cntr__inner .timeline-item:last-of-type {
  padding-bottom: 0px;
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .timeline-item {
    padding-bottom: 30px;
  }
}
.srv__content-area .lyt-cntr__inner .timeline-item.fill::before {
  background-color: #a3c850;
}
.srv__content-area .lyt-cntr__inner .timeline .timeline-item:last-child {
  border-left-color: transparent;
}
.srv__content-area .lyt-cntr__inner .timeline .timeline-item::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 3px solid #00a99d;
  border-radius: 50%;
}
.srv__content-area .lyt-cntr__inner .timeline .timeline-item:first-child::before,
.srv__content-area .lyt-cntr__inner .timeline .timeline-item:last-child::before {
  background-color: #00a99d;
}
.srv__content-area .lyt-cntr__inner .timeline .item-inner {
  display: flex;
  gap: 25px;
  margin-top: -4px;
}
.srv__content-area .lyt-cntr__inner .timeline .time {
  font-size: 1.125rem;
  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;
  min-width: 50px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .timeline .time {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .timeline .time {
    font-size: 0.9375rem;
  }
}
.srv__content-area .lyt-cntr__inner .timeline .content img {
  display: block;
  height: auto;
  max-width: 100%;
}
.srv__content-area .lyt-cntr__inner .note {
  background-color: #f0f4d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 40px 60px;
  border-radius: 10px;
}
@media screen and (max-width: 1279px) {
  .srv__content-area .lyt-cntr__inner .note {
    padding: 40px 30px 50px;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .note {
    padding: 30px 20px 50px;
  }
}
.srv__content-area .lyt-cntr__inner .note__ttl {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.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: #00a99d;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .note__ttl {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .note__ttl {
    font-size: 0.9375rem;
  }
}
.srv__content-area .lyt-cntr__inner .note__txt {
  font-size: 1.125rem;
  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__content-area .lyt-cntr__inner .note__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .note__txt {
    font-size: 0.9375rem;
  }
}
.srv__content-area .lyt-cntr__inner .gallery {
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .gallery {
    padding-bottom: 0;
  }
}
.srv__content-area .lyt-cntr__inner .gallery__txt {
  font-size: 1.125rem;
  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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .srv__content-area .lyt-cntr__inner .gallery__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .gallery__txt {
    font-size: 0.9375rem;
  }
}
.srv__content-area .lyt-cntr__inner .gallery__txt a {
  color: #333;
  display: inline-block;
  border-bottom: 2px dotted #333;
}
.srv__content-area .lyt-cntr__inner .gallery__txt a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv__content-area .lyt-cntr__inner .gallery__txt a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.srv__content-area .lyt-cntr__inner .gallery__list {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-template-rows: subgrid;
  gap: 20px 10px;
  list-style: none;
  margin: 0;
  padding: 25px 0 0;
}
@media screen and (max-width: 479px) {
  .srv__content-area .lyt-cntr__inner .gallery__list {
    padding: 10px 0 0;
  }
}
.srv__content-area .lyt-cntr__inner .gallery__fig {
  margin: 0;
  transition: 0.3s linear;
}
.srv__content-area .lyt-cntr__inner .gallery__fig:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv__content-area .lyt-cntr__inner .gallery__fig: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__content-area .lyt-cntr__inner .gallery__fig__wrap {
  position: relative;
}
.srv__content-area .lyt-cntr__inner .gallery__fig__wrap:before {
  content: url("../../img/common/icon_mushimegane.png");
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 25px;
  height: 24px;
}
.srv__content-area .lyt-cntr__inner .gallery__fig__wrap img {
  width: 120px;
  height: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.srv__bottom-area .lyt-cntr__inner .announce {
  padding-bottom: 120px;
  position: relative;
  /*z-index: 1;*/
}
.srv__bottom-area .lyt-cntr__inner .announce__box {
  margin-top: 120px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #f7f9e7;
  /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);*/
  padding: 60px 90px 90px;
}
@media screen and (max-width: 1279px) {
  .srv__bottom-area .lyt-cntr__inner .announce__box {
    padding: 40px 40px 60px;
  }
}
@media screen and (max-width: 479px) {
  .srv__bottom-area .lyt-cntr__inner .announce__box {
    padding: 25px 15px 40px;
  }
}
.srv__bottom-area .lyt-cntr__inner .announce__box--white {
  background-color: #fff;
}
.srv__bottom-area .lyt-cntr__inner .announce__lyt {
  display: flex;
  gap: 75px;
}
@media screen and (max-width: 1279px) {
  .srv__bottom-area .lyt-cntr__inner .announce__lyt {
    gap: 30px;
  }
}
@media screen and (max-width: 899px) {
  .srv__bottom-area .lyt-cntr__inner .announce__lyt {
    flex-direction: column-reverse;
  }
}
.srv__bottom-area .lyt-cntr__inner .announce__media {
  text-align: center;
}
.srv__bottom-area .lyt-cntr__inner .announce__media img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.srv__bottom-area .lyt-cntr__inner .announce__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__bottom-area .lyt-cntr__inner .announce__lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__bottom-area .lyt-cntr__inner .announce__lead {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 329px) {
  .srv__bottom-area .lyt-cntr__inner .announce__lead {
    font-size: 1.125rem;
  }
}
.srv__bottom-area .lyt-cntr__inner .announce__lead span {
  display: inline;
  position: relative;
  border-bottom: 8px solid #f1d02a;
  word-break: keep-all;
}
@media screen and (max-width: 899px) {
  .srv__bottom-area .lyt-cntr__inner .announce__lead span {
    border-bottom: 5px solid #f1d02a;
  }
}
.srv__bottom-area .lyt-cntr__inner .announce__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__bottom-area .lyt-cntr__inner .announce__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv__bottom-area .lyt-cntr__inner .announce__txt {
    font-size: 0.9375rem;
  }
}
.srv__bottom-area .lyt-cntr__inner .announce__txt a {
  color: #333;
  display: inline-block;
  border-bottom: 2px dotted #333;
}
@media screen and (max-width: 329px) {
  .srv__bottom-area .lyt-cntr__inner .announce__txt a {
    border-bottom: 1px dotted #333;
  }
}
.srv__bottom-area .lyt-cntr__inner .announce__txt a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv__bottom-area .lyt-cntr__inner .announce__txt a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.srv .back .back-button {
  padding-bottom: 200px;
  text-align: center;
}
.srv .back .back-button__link {
  display: inline-block;
  padding: 25px 40px 25px 45px;
  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 #f1d02a;
  background-color: #fcf1bc;
  -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;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .srv .back .back-button__link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .back .back-button__link {
    font-size: 0.9375rem;
    padding: 15px 20px 15px 35px;
    border: solid 2px #f1d02a;
    width: 320px;
  }
}
.srv .back .back-button__link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .srv .back .back-button__link span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .back .back-button__link span {
    font-size: 0.8125rem;
  }
}
.srv .back .back-button__link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f1d02a;
  width: 12px;
  height: 15px;
  clip-path: polygon(100% 0, 100% 100%, 0% 50%);
}
.srv .back .back-button__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .back .back-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);
  }
}