.svg-test {
  font-size: 20px;
}
.svg-test::before {
  content: "";
  display: block;
  background: url("../images/svg_sprite_01.svg") no-repeat;
  background-position: 0px 0px;
  width: 1em;
  height: 1em;
  fill: red;
}

.myicon {
  display: block;
  width: 32px;
  height: 32px;
  background-color: blue;
  -webkit-mask-image: url(../svg/svg_sprite_01.svg);
  mask-image: url(../svg/svg_sprite_01.svg);
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
}

.message-end__inner-secon {
  position: relative;
  color: yellow;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  border-top: 1px solid yellow;
  border-bottom: 1px solid yellow;
  border-left: 15px solid yellow;
  border-right: 15px solid yellow;
  box-sizing: border-box;
  padding: 5px;
  margin: 0px auto 0px;
  width: 260px;
}
@media screen and (min-width: 768px) {
  .message-end__inner-secon {
    font-size: 18px;
    margin-bottom: 80px;
    width: 600px;
  }
}
.message-end__inner-secon.posi-bottom {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .message-end__inner-secon.posi-bottom {
    margin-top: 80px;
  }
}

.contents-hero {
  position: relative;
  display: block;
  background: #00AECF;
  box-sizing: border-box;
}
.contents-hero__bg {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents-hero__bg {
    width: 611px;
    padding-top: 20px;
  }
}
.contents-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}
@media screen and (min-width: 768px) {
  .contents-hero__bg img {
    object-position: top center;
  }
}
.contents-hero__logo {
  position: relative;
  width: 208px;
  padding-top: 254px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents-hero__logo {
    width: 400px;
    padding-top: 255px;
  }
}

.contents__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.contents-unit {
  position: relative;
  background: linear-gradient(-45deg, #71c8e0 25%, #81cde4 25%, #81cde4 50%, #71c8e0 50%, #71c8e0 75%, #81cde4 75%, #81cde4);
  background-size: 40px 40px;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .contents-unit {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit {
    padding-bottom: 160px;
  }
}
.contents-unit.bg-yellow {
  background: #FFFBCB;
}
.contents-unit.no-margin-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.contents-unit.narrow {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .contents-unit.narrow {
    margin-top: 40px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit.narrow {
    margin-top: 40px;
  }
}
.contents-unit__bottom {
  position: relative;
  color: #fff;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .contents-unit__bottom {
    font-size: 28px;
    padding-bottom: 30px;
  }
}
.contents-unit__title-main {
  position: relative;
  color: #fff;
  background: #00AECF;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  border: 4px solid #fff;
  border-radius: 48px;
  box-sizing: border-box;
  width: 70%;
  margin: 0 auto;
  padding: 12px 15px 15px 15px;
}
@media screen and (min-width: 768px) {
  .contents-unit__title-main {
    font-size: 32px;
    width: 540px;
  }
}
.contents-unit__inner-bd-01 {
  position: relative;
  display: block;
  background: #fff;
  box-sizing: border-box;
  border: 4px solid #00AECF;
  border-radius: 20px;
  box-shadow: 7px 7px 0 0 #00AECF;
  width: calc(100% - 40px);
  padding: 20px 20px 30px 20px;
  margin: 0 auto;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .contents-unit__inner-bd-01 {
    border: 8px solid #00AECF;
    box-shadow: 10px 10px 0 0 #00AECF;
    width: calc(100% - 160px);
    max-width: 1020px;
    padding: 40px 60px 60px 60px;
    margin-top: 80px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit__inner-bd-01 {
    width: calc(100% - 200px);
    padding: 60px 80px 80px 80px;
    margin-top: 140px;
  }
}
.contents-unit__inner-bd-01:nth-of-type(2) {
  margin-top: 0;
}
.contents-unit__inner-bd-01:nth-of-type(3) {
  margin-top: 0;
}
.contents-unit__inner-bd-01:nth-of-type(4) {
  margin-top: 0;
}
.contents-unit__title {
  position: relative;
  color: #0084A5;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  border-bottom: 4px solid #00AECF;
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 2px;
}
@media screen and (min-width: 768px) {
  .contents-unit__title {
    font-size: 32px;
  }
}
.contents-unit__title::before {
  content: "";
  position: relative;
  display: block;
  background: url(../../images/logo_02.png) no-repeat;
  background-size: 78px 78px;
  width: 78px;
  height: 78px;
  margin: 0 auto;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__title::before {
    padding-bottom: 20px;
  }
}
.contents-unit__heading-03 {
  position: relative;
  color: #0084A5;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: left;
  box-sizing: border-box;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .contents-unit__heading-03 {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 80px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit__heading-03 {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 80px;
  }
}
.contents-unit__heading-03.t-center {
  text-align: center;
}
.contents-unit__text {
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.06em;
  text-align: left;
  box-sizing: border-box;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit__text {
    font-size: 18px;
    line-height: 2.1;
    margin-top: 60px;
  }
}
.contents-unit__text.text--right {
  text-align: right;
}
.contents-unit__title + .contents-unit__text {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .contents-unit__title + .contents-unit__text {
    margin-top: 80px;
  }
}
.contents-unit__heading-03 + .contents-unit__text {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__heading-03 + .contents-unit__text {
    margin-top: 10px;
  }
}
.contents-unit__text.t-border {
  border: 1px solid #00AECF;
  border-radius: 19px;
  padding: 15px 20px 15px 20px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit__text.t-border {
    padding: 25px 30px 25px 30px;
    margin-top: 60px;
  }
}
.contents-unit__text-s {
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.06em;
  text-align: left;
  box-sizing: border-box;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit__text-s {
    font-size: 14px;
    margin-top: 60px;
  }
}
.contents-unit__text-s.text--right {
  text-align: right;
}
.contents-unit__text + .contents-unit__text-s {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .contents-unit__text + .contents-unit__text-s {
    margin-top: 30px;
  }
}
.contents-unit__btn {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.contents-unit__btn a {
  display: block;
  background: #FFF471;
  color: #0084A5;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #00AECF;
  border-radius: 19px;
  width: fit-content;
  padding: 15px 25px 15px 25px;
  margin: 0 auto;
  margin-top: 30px;
  transition: all 0.8s;
}
@media screen and (min-width: 768px) {
  .contents-unit__btn a {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.02em;
    border: 2px solid #00AECF;
    padding: 20px 45px 18px 45px;
    margin-top: 60px;
  }
}
.contents-unit__btn a:hover {
  background: #ffde00;
  text-decoration: none;
  border: 2px solid #00AECF;
}
.contents-unit__dl {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 1.8;
    margin-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit__dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 2;
    margin-top: 60px;
  }
}
.contents-unit__dl dt {
  position: relative;
  font-weight: 600;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dt {
    text-align: justify;
    width: 80px;
    padding-top: 20px;
    padding-right: 18px;
  }
}
.contents-unit__dl dt:first-child {
  padding-top: 0;
}
.contents-unit__dl dd {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd {
    width: calc(100% - 120px);
    padding-left: 1.8rem;
    padding-top: 20px;
    text-indent: 0rem;
  }
}
.contents-unit__dl dd:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd.nest {
    display: flex;
    flex-wrap: wrap;
  }
}
.contents-unit__dl dd > h3 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd > h3 {
    width: calc(100% - 0.4rem);
    padding-top: 10px;
    left: 0.8rem;
  }
}
.contents-unit__dl dd > p {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd > p {
    width: calc(100% - 0.4rem);
    padding-top: 0;
    padding-bottom: 10px;
    text-indent: 0;
  }
  .contents-unit__dl dd > p:last-of-type {
    padding-bottom: 0;
  }
}
.contents-unit__dl dd > dl {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd > dl {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 0.4rem);
    padding-top: 0;
    padding-bottom: 10px;
    left: -0.5rem;
  }
  .contents-unit__dl dd > dl:last-of-type {
    padding-bottom: 0;
  }
}
.contents-unit__dl dd > dl dt {
  font-weight: 400;
  padding-top: 5px;
  text-indent: 0;
}
.contents-unit__dl dd > dl dt:first-child {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd > dl dt {
    width: 180px;
    padding-top: 0;
  }
}
.contents-unit__dl dd > dl dd {
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd > dl dd {
    width: 100%;
    margin: 0;
    padding-left: 0;
    text-indent: 0;
  }
  .contents-unit__dl dd > dl dd::before {
    content: "";
  }
}
.contents-unit__dl dd > ul {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl dd > ul {
    width: calc(100% - 0.4rem);
  }
}
.contents-unit__dl dd > ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.contents-unit__list {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-align: left;
  box-sizing: border-box;
  padding: 30px 0px 0px 0;
}
.contents-unit__list.t-center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contents-unit__list {
    font-size: 1.8rem;
    line-height: 1.8;
    max-width: 1080px;
    padding: 40px 0px 0px 0px;
    margin: 0 auto;
  }
  .contents-unit__list > li .text-large {
    font-size: 22px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit__list {
    font-size: 1.8rem;
    padding: 50px 0px 0px 0px;
  }
}
.contents-unit__list.narrow {
  padding-top: 20px;
}
.contents-unit__list.small {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .contents-unit__list.small {
    font-size: 14px;
  }
}
.contents-unit__text + .contents-unit__list {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__text + .contents-unit__list {
    padding-top: 20px;
  }
}
.contents-unit__list li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 6px;
}
.contents-unit__list li:last-child {
  padding-bottom: 0;
}
.contents-unit__list li.t-small {
  font-size: 14px;
}
.contents-unit__list.t-center li {
  padding-bottom: 0;
}
.contents-unit__list.text-bold {
  font-weight: 700;
}
.contents-unit__list.noicon li {
  text-indent: 0em;
  padding-left: 0em;
}
.contents-unit__list-ol {
  position: relative;
  text-align: left;
  list-style: decimal;
  list-style-position: outside;
  box-sizing: border-box;
  padding: 30px 0px 0px 2rem;
}
@media screen and (min-width: 768px) {
  .contents-unit__list-ol {
    font-size: 1.8rem;
    line-height: 1.8;
    max-width: 1080px;
    padding: 40px 0px 0px 2rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit__list-ol {
    padding: 50px 0px 0px 2rem;
  }
}
.contents-unit__list-ol li {
  padding-bottom: 6px;
}
.contents-unit__list-ol li:last-child {
  padding-bottom: 0;
}
.contents-unit__dl-border-box {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #cbd3d9;
  padding: 18px 0px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-box {
    padding: 35px 0px;
  }
}
.contents-unit__dl-border-box:first-of-type {
  border-top: 1px solid #cbd3d9;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-box:first-of-type {
    margin-top: 60px;
  }
}
.contents-unit__title + .contents-unit__dl-border-box {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .contents-unit__title + .contents-unit__dl-border-box {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-box.tw-c {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px;
  }
}
.contents-unit__dl-border.english > .contents-unit__dl-border-box {
  display: block;
}
.contents-unit__dl-border-box.english {
  display: block;
}
.contents-unit__dl-border-title {
  position: relative;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-title {
    font-size: 18px;
    line-height: 1.8;
    width: 190px;
    padding-right: 20px;
  }
}
.contents-unit__dl-border-text {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: left;
  box-sizing: border-box;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text {
    font-size: 18px;
    line-height: 1.8;
    text-align: left;
    margin-top: 5px;
  }
}
.contents-unit__dl-border-text > h3 {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text > h3 {
    margin-top: 20px;
  }
}
.contents-unit__dl-border-text > ul {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text > ul {
    width: calc(100% - 0.4rem);
    margin-top: 15px;
  }
}
.contents-unit__dl-border-text > ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.contents-unit__dl-border-text > ul.ul-first {
  margin-top: 0px;
}
.contents-unit__dl-border-text h3 + ul {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text h3 + ul {
    margin-top: 10px;
  }
}
.contents-unit__dl-border-text > .text--small {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text > .text--small {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text.tw-c {
    width: 80.88%;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .contents-unit__dl-border-text .tel-link {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
  }
}
.contents-unit__img {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit__img {
    margin-top: 60px;
  }
}
.contents-unit__img.type-01 {
  width: 100 .contents-unit__img.type-01;
}
@media screen and (min-width: 768px) {
  .contents-unit__img.type-01 {
    max-width: 606px;
  }
}
.contents-unit__menu-inner {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: calc(100% - 0px);
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .contents-unit__menu-inner {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 160px);
    max-width: 1020px;
    padding-top: 60px;
    margin-top: 0;
    padding-top: 140px;
    padding-bottom: 160px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit__menu-inner {
    width: calc(100% - 200px);
  }
}
.contents-unit__menu-box {
  position: relative;
  display: block;
  background: #fff;
  border: 4px solid #00AECF;
  box-shadow: 5px 5px 0 0 #00AECF;
  border-radius: 10px;
  box-sizing: border-box;
  width: calc(100% - 40px);
  padding: 20px 20px 20px 20px;
  margin: 0 auto;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .contents-unit__menu-box {
    width: calc(48% - 0px);
    padding: 40px 40px 40px 40px;
    margin: 0;
  }
}
.contents-unit__menu-box-title-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents-unit__menu-box-img {
  position: relative;
  box-sizing: border-box;
  width: 52px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__menu-box-img {
    width: 72px;
    margin-right: 20px;
  }
}
.contents-unit__menu-box-title {
  position: relative;
  color: #0084A5;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-align: left;
  border-bottom: 4px solid #00AECF;
  box-sizing: border-box;
  margin-top: 5px;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .contents-unit__menu-box-title {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 10px;
  }
}
.contents-unit__menu-box-text {
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.06em;
  text-align: left;
  box-sizing: border-box;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit__menu-box-text {
    font-size: 16px;
    margin-top: 15px;
  }
}
.contents-unit__menu-box-btn {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.contents-unit__menu-box-btn a {
  display: block;
  background: #FFF471;
  color: #0084A5;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #00AECF;
  border-radius: 19px;
  width: fit-content;
  padding: 12px 25px 15px 25px;
  margin: 0 auto;
  margin-top: 15px;
  transition: all 0.8s;
}
@media screen and (min-width: 768px) {
  .contents-unit__menu-box-btn a {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.02em;
    border: 2px solid #00AECF;
    padding: 17px 45px 18px 45px;
    margin-top: 30px;
  }
}
.contents-unit__menu-box-btn a:hover {
  background: #ffde00;
  text-decoration: none;
  border: 2px solid #00AECF;
}

.contents-unit-service__heading-01 {
  position: relative;
  background: #fff;
  border: 4px solid #00AECF;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 12px 18px 12px 18px;
  margin: 0 auto;
  margin-top: -25px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__heading-01 {
    border: 6px solid #00AECF;
    border-radius: 110px;
    max-width: 518px;
    padding: 15px 110px 15px 110px;
    margin-top: -40px;
  }
}
.contents-unit-service__heading-02 {
  position: absolute;
  box-sizing: border-box;
  width: 143px;
  margin: 0 auto;
  top: -25px;
  left: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__heading-02 {
    width: 173px;
    top: -40px;
    left: -80px;
  }
}
.contents-unit-service__heading-03 {
  position: relative;
  color: #00AECF;
  background: #fff;
  box-shadow: 7px 7px 0 0 #00AECF;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  border: 4px solid #00AECF;
  border-radius: 48px;
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
  margin-top: 50px;
  padding: 17px 30px 20px 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__heading-03 {
    font-size: 28px;
    margin-top: 80px;
  }
}
.contents-unit-service__heading-04 {
  position: relative;
  color: #009CBC;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__heading-04 {
    font-size: 2.6rem;
    line-height: 1.6;
  }
}
.contents-unit-service__heading-04.t--pink {
  color: #EC7993;
}
.contents-unit-service__heading-04.t--green {
  color: #5BB431;
}
.contents-unit-service__catch {
  position: relative;
  color: #009CBC;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__catch {
    font-size: 2rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit-service__catch {
    font-size: 2rem;
    line-height: 1.6;
  }
}
.contents-unit-service__catch.t-center {
  text-align: center;
}
.contents-unit-service__inner {
  position: relative;
  box-sizing: border-box;
  border: 2px solid #00AECF;
  border-radius: 11px;
  margin-top: 50px;
  padding: 0px 15px 20px 15px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__inner {
    border-radius: 21px;
    margin-top: 100px;
    padding: 0px 40px 80px 40px;
  }
}
.contents-unit-service__text {
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.06em;
  text-align: center;
  box-sizing: border-box;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__text {
    font-size: 18px;
    line-height: 2.1;
    margin-top: 35px;
  }
}
.contents-unit-service__text.t-left {
  text-align: left;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__text.t-left {
    margin-top: 50px;
  }
}
.contents-unit-service__text .text--large-bold {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__text .text--large-bold {
    font-size: 20px;
  }
}
.contents-unit-service__text.t-border {
  text-align: left;
  border: 1px solid #00AECF;
  border-radius: 19px;
  padding: 15px 20px 15px 20px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__text.t-border {
    padding: 25px 30px 25px 30px;
    margin-top: 60px;
  }
}
.contents-unit-service__text.t-box {
  line-height: 1.8;
  text-align: left;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__text.t-box {
    margin-top: 10px;
  }
}
.contents-unit-service__list {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-align: left;
  box-sizing: border-box;
  padding: 10px 0px 0px 0;
}
.contents-unit-service__list.t-center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__list {
    font-size: 1.8rem;
    line-height: 1.6;
    max-width: 1080px;
    padding: 20px 0px 0px 0px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit-service__list {
    font-size: 1.8rem;
    padding: 20px 0px 0px 0px;
  }
}
.contents-unit-service__list li {
  background: url(../../images/icon_03.svg) no-repeat;
  background-size: 14px 14px;
  background-position: left 4px;
  padding-left: 1em;
  padding-bottom: 6px;
}
@media screen and (min-width: 960px) {
  .contents-unit-service__list li {
    background-size: 17px 17px;
    background-position: left 7px;
    padding-left: 1.5em;
  }
}
.contents-unit-service__list li:last-child {
  padding-bottom: 0;
}
.contents-unit-service__img {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img {
    margin-top: 60px;
  }
}
.contents-unit-service__img.type-01 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-01 {
    max-width: 606px;
  }
}
.contents-unit-service__img.type-02 {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-02 {
    max-width: 486px;
    margin-top: 40px;
  }
}
.contents-unit-service__img.type-03 {
  position: absolute;
  width: 102px;
  right: -60px;
  bottom: -20px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-03 {
    width: 192px;
    right: -80px;
    bottom: -40px;
  }
}
.contents-unit-service__img.type-04 {
  position: absolute;
  width: 82px;
  right: -60px;
  bottom: -20px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-04 {
    width: 162px;
    right: -80px;
    bottom: -40px;
  }
}
.contents-unit-service__img.type-05 {
  position: absolute;
  background: #fff;
  border: 6px solid #F6C7CE;
  border-radius: 100px;
  width: 102px;
  top: -66px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-05 {
    width: 192px;
    top: -86px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.contents-unit-service__img.type-06 {
  position: absolute;
  background: #fff;
  border: 6px solid #B3D68E;
  border-radius: 100px;
  width: 102px;
  top: -66px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-06 {
    width: 192px;
    top: -86px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.contents-unit-service__img.type-07 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__img.type-07 {
    max-width: 400px;
  }
}
.contents-unit-service__box-01 {
  position: relative;
  box-sizing: border-box;
  border: 6px solid #B3D68E;
  box-shadow: 7px 7px 0 0 #B3D68E;
  width: 100%;
  padding: 35px 20px 25px 20px;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__box-01 {
    width: 86%;
    padding: 40px 120px 40px 100px;
    margin-top: 60px;
  }
}
.contents-unit-service__box-02 {
  position: relative;
  box-sizing: border-box;
  border: 6px solid #FBD596;
  box-shadow: 7px 7px 0 0 #FBD596;
  width: 100%;
  padding: 35px 20px 25px 20px;
  margin: 0 auto;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__box-02 {
    width: 86%;
    padding: 40px 80px 40px 100px;
    margin-top: 60px;
  }
}
.contents-unit-service__box-inner {
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__box-inner {
    display: flex;
    justify-content: space-between;
  }
}
.contents-unit-service__box-03 {
  position: relative;
  box-sizing: border-box;
  border: 6px solid #F6C7CE;
  border-top: 20px solid #F6C7CE;
  box-shadow: 7px 7px 0 0 #F6C7CE;
  width: 100%;
  padding: 50px 20px 25px 20px;
  margin: 0 auto;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__box-03 {
    width: 47%;
    padding: 120px 30px 40px 30px;
    margin-top: 120px;
  }
}
.contents-unit-service__box-04 {
  position: relative;
  box-sizing: border-box;
  border: 6px solid #B3D68E;
  border-top: 20px solid #B3D68E;
  box-shadow: 7px 7px 0 0 #B3D68E;
  width: 100%;
  padding: 50px 20px 25px 20px;
  margin: 0 auto;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .contents-unit-service__box-04 {
    width: 47%;
    padding: 120px 30px 40px 30px;
    margin-top: 120px;
  }
}

.contents-unit-price__box-inner {
  position: relative;
  box-sizing: border-box;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }
}
.contents-unit-price__box {
  position: relative;
  box-sizing: border-box;
  border: 4px solid #ACDDF7;
  border-radius: 11px;
  padding: 0 0px 20px 0px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box {
    border: 8px solid #ACDDF7;
    width: 49%;
    margin-top: 0px;
    padding: 0 0px 40px 0px;
  }
}
.contents-unit-price__box.type-02 {
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box.type-02 {
    margin-top: 60px;
  }
}
.contents-unit-price__title-box {
  position: relative;
  color: #fff;
  background: #00AECF;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8px 30px 10px 30px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__title-box {
    font-size: 24px;
    padding: 18px 30px 20px 30px;
  }
}
.contents-unit-price__title-box-02 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  color: #00AECF;
  background: #fff;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__title-box-02 {
    font-size: 24px;
    padding: 0 40px 0px 40px;
    margin-top: 30px;
  }
}
.contents-unit-price__title-box-02::before {
  content: "";
  position: relative;
  display: block;
  background: #ACDDF7;
  flex-grow: 1;
  height: 4px;
  margin-right: 0.5em;
}
.contents-unit-price__title-box-02::after {
  content: "";
  position: relative;
  display: block;
  background: #ACDDF7;
  flex-grow: 1;
  height: 4px;
  margin-left: 0.5em;
}
.contents-unit-price__title-box-03 {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  color: #00AECF;
  background: #fff;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__title-box-03 {
    font-size: 20px;
    padding: 0 40px 0px 40px;
    margin-top: 40px;
  }
}
.contents-unit-price__title-box-03::after {
  content: "";
  position: relative;
  display: block;
  border-bottom: 8px dotted #ACDDF7;
  flex-grow: 1;
  height: 1px;
  margin-left: 0.5em;
}
.contents-unit-price__box-text {
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-align: center;
  box-sizing: border-box;
  width: calc(100% - 40px);
  margin: 0 auto;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-text {
    font-size: 18px;
    line-height: 1.4;
    width: calc(100% - 80px);
    margin-top: 25px;
  }
}
.contents-unit-price__box-text .text--orange {
  color: #F15A24;
  font-weight: 700;
  line-height: 1.6;
}
.contents-unit-price__box-text .text--bold {
  font-weight: 800;
}
.contents-unit-price__title-box-03 + .contents-unit-price__box-text {
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__title-box-03 + .contents-unit-price__box-text {
    margin-top: 15px;
  }
}
.contents-unit-price__box-text.text--normal {
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-text.text--normal {
    font-size: 18px;
    line-height: 1.8;
  }
}
.contents-unit-price__box-text .text--large {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-text .text--large {
    font-size: 48px;
  }
}
.contents-unit-price__box-text .text--midium {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-text .text--midium {
    font-size: 28px;
  }
}
.contents-unit-price__box-text.icon-arrow::before {
  content: "";
  position: relative;
  display: block;
  background: url(../../images/icon_05.svg) no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-text.icon-arrow::before {
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
  }
}
.contents-unit-price__box-list {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: left;
  box-sizing: border-box;
  width: calc(100% - 40px);
  margin: 0 auto;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__box-list {
    font-size: 1.8rem;
    line-height: 1.6;
    width: calc(100% - 80px);
    margin: 0 auto;
    margin-top: 25px;
  }
  .contents-unit-price__box-list > li .text-large {
    font-size: 22px;
  }
}
@media screen and (min-width: 960px) {
  .contents-unit-price__box-list {
    font-size: 1.8rem;
  }
}
.contents-unit-price__box-list .text--bold {
  font-weight: 800;
}
.contents-unit-price__box-list li {
  background: url(../../images/icon_03.svg) no-repeat;
  background-size: 14px 14px;
  background-position: left 4px;
  padding-left: 1em;
  padding-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .contents-unit-price__box-list li {
    background-size: 17px 17px;
    background-position: left 7px;
    padding-left: 1.5em;
    padding-bottom: 15px;
  }
}
.contents-unit-price__box-list li:last-child {
  padding-bottom: 0;
}
.contents-unit-price__box-list.no-icon li {
  background: none;
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 6px;
}
.contents-unit-price__box-list.no-icon li:last-child {
  padding-bottom: 0;
}
.contents-unit-price__img {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__img {
    margin-top: 30px;
  }
}
.contents-unit-price__img.type-01 {
  width: calc(100% - 40px);
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.contents-unit-price__img.type-01::after {
  content: "";
  position: relative;
  display: block;
  background: url(../../images/icon_04.svg) no-repeat;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .contents-unit-price__img.type-01 {
    width: calc(100% - 80px);
    max-width: 280px;
    margin-top: 30px;
  }
  .contents-unit-price__img.type-01::after {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.contents-outline {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 60px;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .contents-outline {
    padding-bottom: 100px;
    margin-top: 200px;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline {
    padding-bottom: 0px;
  }
}
.contents-outline__inner {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents-outline__inner {
    padding-bottom: 100px;
    width: calc(100% - 80px);
    max-width: 940px;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__inner {
    width: calc(100% - 160px);
  }
}
.contents-outline__inner-border {
  position: relative;
  border: 1px solid #009CBC;
  box-sizing: border-box;
  border-radius: 11px;
  width: calc(100% - 40px);
  margin: 0 auto;
  margin-top: 50px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .contents-outline__inner-border {
    padding-bottom: 100px;
    width: calc(100% - 80px);
    max-width: 940px;
    margin-top: 80px;
    padding: 40px;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__inner-border {
    width: calc(100% - 160px);
  }
}
.contents-outline__news {
  position: relative;
  background: #FFFBCB;
  color: #000;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  box-sizing: border-box;
  width: calc(100% - 40px);
  padding: 8px 10px 10px 10px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .contents-outline__news {
    font-size: 24px;
    width: calc(100% - 80px);
    max-width: 940px;
    padding: 8px 10px 10px 10px;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__news {
    width: calc(100% - 160px);
    margin-bottom: 40px;
  }
}
.contents-outline__title {
  position: relative;
  color: #0084A5;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 4px solid #009CBC;
  width: fit-content;
  padding: 0 10px 10px 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.contents-outline__title::before {
  content: "";
  display: block;
  position: relative;
  background: url(../../images/icon_01.svg) 50% 50% no-repeat;
  background-size: 17px 27px;
  width: 17px;
  height: 27px;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .contents-outline__title {
    font-size: 40px;
    margin-bottom: 40px;
  }
  .contents-outline__title::before {
    content: "";
    display: block;
    position: relative;
    background: url(../../images/icon_01.svg) 50% 50% no-repeat;
    background-size: 25px 40px;
    width: 25px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__title {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
.contents-outline__title-sub {
  position: relative;
  color: #0084A5;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .contents-outline__title-sub {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__title-sub {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
.contents-outline__heading-01 {
  position: relative;
  color: #0084A5;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  box-sizing: border-box;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-outline__heading-01 {
    font-size: 1.8rem;
    line-height: 2;
    padding-top: 20px;
  }
}
.contents-outline__heading-01:first-of-type {
  padding-top: 0;
}
.contents-outline__dl {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 2;
    margin-top: 60px;
  }
}
.contents-outline__dl dt {
  position: relative;
  font-weight: 600;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dt {
    text-align: justify;
    text-align-last: justify;
    width: 104px;
    padding-top: 20px;
    padding-right: 18px;
  }
}
.contents-outline__dl dt:first-child {
  padding-top: 0;
}
.contents-outline__dl dd {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd {
    width: calc(100% - 144px);
    padding-left: 1.8rem;
    padding-top: 20px;
    text-indent: 0rem;
  }
}
.contents-outline__dl dd:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd.nest {
    display: flex;
    flex-wrap: wrap;
  }
}
.contents-outline__dl dd > h3 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd > h3 {
    width: calc(100% - 0.4rem);
    padding-top: 10px;
    left: 0.8rem;
  }
}
.contents-outline__dl dd > p {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd > p {
    width: calc(100% - 0.4rem);
    padding-top: 0;
    padding-bottom: 10px;
    text-indent: 0;
  }
  .contents-outline__dl dd > p:last-of-type {
    padding-bottom: 0;
  }
}
.contents-outline__dl dd > dl {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd > dl {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 0.4rem);
    padding-top: 0;
    padding-bottom: 10px;
    left: -0.5rem;
  }
  .contents-outline__dl dd > dl:last-of-type {
    padding-bottom: 0;
  }
}
.contents-outline__dl dd > dl dt {
  font-weight: 400;
  padding-top: 5px;
  text-indent: 0;
}
.contents-outline__dl dd > dl dt:first-child {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd > dl dt {
    width: 180px;
    padding-top: 0;
  }
}
.contents-outline__dl dd > dl dd {
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd > dl dd {
    width: 100%;
    margin: 0;
    padding-left: 0;
    text-indent: 0;
  }
  .contents-outline__dl dd > dl dd::before {
    content: "";
  }
}
.contents-outline__dl dd > ul {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-outline__dl dd > ul {
    width: calc(100% - 0.4rem);
  }
}
.contents-outline__dl dd > ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.contents-outline__map {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .contents-outline__map {
    max-width: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.contents-outline__border-box {
  position: relative;
  border: 1px solid #cbd3d9;
  box-sizing: border-box;
  width: 100%;
  margin-top: 40px;
  padding: 20px 20px 20px 20px;
}
@media screen and (min-width: 768px) {
  .contents-outline__border-box {
    padding: 40px 40px 40px 40px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .contents-outline__border-box.two-column {
    display: flex;
    justify-content: space-between;
  }
}
.contents-outline__heading {
  position: relative;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .contents-outline__heading {
    font-size: 20px;
    line-height: 1.6;
  }
}
.top-t-outline__border-box > .contents-outline__heading {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .top-t-outline__border-box > .contents-outline__heading {
    margin-top: 40px;
  }
}
.top-t-outline__border-box > .contents-outline__heading:first-of-type {
  margin-top: 0;
}
.top-t-outline__border-box > .contents-outline__heading {
  font-size: 18px;
}
.top-t-outline__border-box > .contents-outline__heading:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .top-t-outline__border-box > .contents-outline__heading {
    font-size: 18px;
  }
}
.contents-outline__text {
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  box-sizing: border-box;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .contents-outline__text {
    font-size: 1.6rem;
    line-height: 1.8;
    padding-top: 20px;
  }
}
.contents-outline__list {
  position: relative;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-align: left;
  box-sizing: border-box;
  padding: 20px 0px 0px 0;
}
@media screen and (min-width: 768px) {
  .contents-outline__list {
    font-size: 1.6rem;
    line-height: 1.8;
    max-width: 1080px;
    padding: 20px 0px 0px 0px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .contents-outline__list {
    font-size: 1.6rem;
    padding: 40px 0px 0px 0px;
  }
}
.contents-outline__list li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 6px;
}
.contents-outline__list li:last-child {
  padding-bottom: 0;
}
.contents-outline__sns-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 185px;
  margin: 0 auto;
  padding: 60px 0 0px 0;
}
@media screen and (min-width: 768px) {
  .contents-outline__sns-list {
    width: 185px;
    padding: 200px 0 0px 0;
  }
}
.contents-outline__x {
  position: relative;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents-outline__x {
    width: 60px;
    height: 60px;
    margin: 0;
  }
}
.contents-outline__x a:hover {
  opacity: 0.7;
}
.contents-outline__fb {
  position: relative;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents-outline__fb {
    width: 60px;
    height: 60px;
    margin: 0;
  }
}
.contents-outline__fb a:hover {
  opacity: 0.7;
}
.contents-outline__insta {
  position: relative;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents-outline__insta {
    width: 60px;
    height: 60px;
    margin: 0;
  }
}
.contents-outline__insta a:hover {
  opacity: 0.7;
}
.contents-outline__btn {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.contents-outline__btn a {
  display: block;
  background: #FFF471;
  color: #0084A5;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  border: 1px solid #00AECF;
  border-radius: 13px;
  width: fit-content;
  padding: 15px 25px 15px 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  transition: all 0.8s;
}
@media screen and (min-width: 768px) {
  .contents-outline__btn a {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.06em;
    padding: 15px 25px 15px 25px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.contents-outline__btn a:hover {
  color: #0079C2;
  background: #ffde00;
  text-decoration: none;
  border: 1px solid #ffde00;
}

.con__bg-01 {
  display: none;
  position: absolute;
  background: url(../../images/img_bg_02.png) 100% 0% repeat;
  background-size: cover;
  overflow: hidden;
  width: 10%;
  height: 145px;
  max-width: 135px;
  max-height: 145px;
  top: 0px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .con__bg-01 {
    display: block;
    width: 8%;
    height: 145px;
    max-width: 135px;
    max-height: 145px;
    top: 1200px;
    left: 0;
  }
}

.con__bg-02 {
  display: none;
  position: absolute;
  background: url(../../images/img_bg_01.png) 0% 0% repeat;
  background-size: cover;
  overflow: hidden;
  width: 10%;
  height: 145px;
  max-width: 135px;
  max-height: 145px;
  top: 260px;
  right: 0;
}
@media screen and (min-width: 768px) {
  .con__bg-02 {
    display: block;
    width: 8%;
    height: 145px;
    max-width: 135px;
    max-height: 145px;
    top: 400px;
    right: 0;
  }
}