@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;
  z-index: 1;
}
@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__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 .more-button {
  padding-top: 60px;
}
@media screen and (max-width: 899px) {
  .srv .intro .more-button {
    text-align: center;
  }
}
.srv .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: 360px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .srv .intro .more-button__link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro .more-button__link {
    font-size: 0.9375rem;
    padding: 15px 35px 15px 20px;
    border: solid 2px #f1d02a;
  }
}
.srv .intro .more-button__link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .srv .intro .more-button__link span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro .more-button__link span {
    font-size: 0.8125rem;
  }
}
.srv .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 .more-button__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv .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 .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__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;
  text-align: center;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 30px;
  margin-bottom: 30px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .srv .intro-btm__ttl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .intro-btm__ttl {
    font-size: 1.25rem;
  }
}
.srv .intro-btm__txt {
  font-size: 1.125rem;
  font-weight: 500;
  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: #333;
  padding-bottom: 85px;
  background-image: url("../img/service02/about_illust03.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 899px) {
  .srv .intro-btm__txt {
    padding-bottom: 200px;
  }
}
@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;
    background-size: 240px;
  }
}
.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__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 .dl__box > p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv .dl__box > p {
    font-size: 0.9375rem;
  }
}
.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;
  }
}

.srv.ss-status .srv__intro-area:before, .srv.ss-status .srv__intro-area:after {
  content: none;
}
.srv.ss-status .srv__intro-area .lyt-cntr__inner .intro {
  padding-bottom: 0;
}
.srv.ss-status .srv__intro-area .lyt-cntr__inner .intro__ttl {
  display: block;
  text-align: center;
}
.srv.ss-status .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.ss-status .srv__intro-area .lyt-cntr__inner .intro__ttl > span > img {
  width: 70px;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__intro-area .lyt-cntr__inner .intro__ttl > span {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__intro-area .lyt-cntr__inner .intro__ttl > span {
    font-size: 1rem;
  }
}
.srv.ss-status .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;
  padding-top: 120px;
  /*z-index: -1;*/
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area {
    padding-top: 80px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar {
  margin-bottom: 150px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*&__txt {
    @include rem(20);
    font-weight:600;
    line-height:1.5;
    font-family:$fontDefault;
    color: $color01;
    padding-bottom: 25px;
    
    @media screen and (max-width:767px){
      @include rem(16);
    }
    @media screen and (max-width:479px){
      @include rem(15);
    }
  }*/
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar {
    margin-bottom: 80px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 50px;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__list {
    gap: 25px;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__list {
    flex-direction: column;
    gap: 5px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__item {
  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;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__item {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__item {
    font-size: 0.9375rem;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl {
    gap: 20px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev img, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next img {
  width: 50px;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev img, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next img {
    width: 40px;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev img, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next img {
    width: 30px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev:hover, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev:hover, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next: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);
  }
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev, .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .next {
    width: 30px;
    height: 30px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__ttl .prev:hover {
    transform: rotate(180deg) scale(0.97);
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar--current {
  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;
  border-bottom: 4px dotted #00a99d;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar--current {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar--current {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 329px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar--current {
    font-size: 1.375rem;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__cntr {
  background-color: #fff;
  margin-top: 50px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 120px 100px;
}
@media screen and (max-width: 1279px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__cntr {
    padding: 60px 90px;
  }
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__cntr {
    padding: 40px 40px 90px;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__cntr {
    padding: 40px 25px 60px;
  }
}
@media screen and (max-width: 329px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar__cntr {
    padding: 30px 10px 40px;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  margin: 0 auto 20px;
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table th {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #00a99d;
  border: 1px solid #00a99d;
  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: #fff;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table th {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table th {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 329px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table th {
    font-size: 0.9375rem;
    font-weight: 500;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1f1f1;
  border: 1px solid #00a99d;
  position: relative;
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table td.sun .day {
  color: #d10000;
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table td.sat .day {
  color: #0043da;
}
@media (hover: hover) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table td:hover {
    background-color: #fff;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .day {
  font-size: 1.5rem;
  font-weight: 500;
  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;
  display: inline-block;
  padding: 0 10px 10px;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .day {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .day {
    font-size: 1rem;
  }
}
@media screen and (max-width: 329px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .day {
    font-size: 0.8125rem;
  }
}
.srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .status {
  font-size: 1.875rem;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .status {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .status {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 329px) {
  .srv.ss-status .srv__content-area .lyt-cntr__inner .ss-calendar table .status {
    font-size: 0.9375rem;
    padding-bottom: 20px;
  }
}
.srv.ss-status .announce {
  padding-bottom: 150px;
  position: relative;
  /*z-index: 1;*/
}
.srv.ss-status .announce__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 90px;
}
@media screen and (max-width: 1279px) {
  .srv.ss-status .announce__box {
    padding: 40px 40px 60px;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .announce__box {
    padding: 25px 15px 40px;
  }
}
.srv.ss-status .announce__box--white {
  background-color: #fff;
}
.srv.ss-status .announce__lyt {
  display: flex;
  gap: 75px;
}
@media screen and (max-width: 1279px) {
  .srv.ss-status .announce__lyt {
    gap: 30px;
  }
}
@media screen and (max-width: 899px) {
  .srv.ss-status .announce__lyt {
    flex-direction: column-reverse;
  }
}
.srv.ss-status .announce__media {
  text-align: center;
}
.srv.ss-status .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.ss-status .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.ss-status .announce__lead {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .announce__lead {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 329px) {
  .srv.ss-status .announce__lead {
    font-size: 1.125rem;
  }
}
.srv.ss-status .announce__lead span {
  display: inline;
  position: relative;
  border-bottom: 8px solid #f1d02a;
  word-break: keep-all;
}
@media screen and (max-width: 899px) {
  .srv.ss-status .announce__lead span {
    border-bottom: 5px solid #f1d02a;
  }
}
.srv.ss-status .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.ss-status .announce__txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .announce__txt {
    font-size: 0.9375rem;
  }
}
.srv.ss-status .announce__txt a {
  color: #333;
  display: inline-block;
  border-bottom: 2px dotted #333;
}
@media screen and (max-width: 329px) {
  .srv.ss-status .announce__txt a {
    border-bottom: 1px dotted #333;
  }
}
.srv.ss-status .announce__txt a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv.ss-status .announce__txt a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.srv.ss-status .back .back-button {
  padding-bottom: 200px;
  text-align: center;
}
.srv.ss-status .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.ss-status .back .back-button__link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .back .back-button__link {
    font-size: 0.9375rem;
    padding: 15px 20px 15px 35px;
    border: solid 2px #f1d02a;
    width: 320px;
  }
}
.srv.ss-status .back .back-button__link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .srv.ss-status .back .back-button__link span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 479px) {
  .srv.ss-status .back .back-button__link span {
    font-size: 0.8125rem;
  }
}
.srv.ss-status .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.ss-status .back .back-button__link:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .srv.ss-status .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);
  }
}