@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* リセットCSS
===================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: normal;
  font-weight: 500;
  background: #fff;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

li, dd {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}

input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: #fff;
}

#menu-item-43 {
  background-color: #072A24;
}

/* 950 */
/*------------------------------
common
------------------------------*/
body {
  color: #333;
  word-break: break-all;
  line-height: normal;
}

.ff-yu-gothic, .wp-admin-ff-yu-gothic .editor-styles-wrapper {
  font-family: "Noto Sans JP", sans-serif;
}
.ff-yu-gothic footer, .wp-admin-ff-yu-gothic .editor-styles-wrapper footer {
  font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

html {
  scroll-behavior: smooth;
}

/* スマホ用の表示の時はis-pcは非表示 */
@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
/* PC用の表示の時はis-spは非表示 */
@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
/* 既存CSS打ち消し,調整
----------------------------*/
.main {
  padding: 0 !important;
  border: none;
}

.header-container-in.hlt-top-menu .logo-header img {
  width: auto;
}

.article ul li, .article ol li {
  margin: 0;
}

#toc {
  display: none;
}

.entry-content > *, .mce-content-body > *, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
  margin: 0;
}

.top_bottom, .article-footer.entry-footer {
  padding: 0 29px;
}
@media (max-width: 767px) {
  .top_bottom, .article-footer.entry-footer {
    padding: 0 16px;
  }
}

#Claim {
  margin-bottom: 1.8em;
}

.article-footer.entry-footer {
  padding-bottom: 30px;
}

body {
  background-attachment: fixed;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  line-height: normal;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-bottom: 0;
  background: none;
  padding: 0;
}

.article ul, .article ol {
  padding: 0;
}

.entry-content {
  margin-top: 0;
}

.content {
  margin-top: 24px !important;
}
@media (max-width: 767px) {
  .content {
    margin-top: 0px !important;
  }
}

@media (max-width: 767px) {
  .article-header.entry-header {
    display: none;
  }
}

#top {
  /* コンテンツ幅
  ------------------------------*/
  /* タイトル
  ------------------------------*/
  /* テキスト装飾
  ------------------------------*/
  /*------------------------------
  fv
  ------------------------------*/
  /*------------------------------
  usage
  ------------------------------*/
  /*------------------------------
  problem
  ------------------------------*/
  /*------------------------------
  features
  ------------------------------*/
  /*------------------------------
  date
  ------------------------------*/
  /*------------------------------
  comparison
  ------------------------------*/
  /*------------------------------
  case
  ------------------------------*/
  /*------------------------------
  btn
  ------------------------------*/
}
#top .inner {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #top .u-inner-950 {
    width: 950px;
  }
}
#top .c-section-title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: normal;
}
@media screen and (max-width: 999px) {
  #top .c-section-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #top .c-section-title {
    font-size: 20px;
  }
  #top .c-section-title.c-section-title--date {
    font-size: 16px;
  }
}
#top .u-text-red {
  color: #F36464;
}
#top .u-text-green {
  color: #689c97;
}
#top .fv__content {
  background: url(../img/main_pc.webp) no-repeat center center/cover;
  padding: 80px 0;
}
#top .fv__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(40px, 3.7914691943vw);
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  #top .fv__title {
    width: 100%;
    font-size: min(30px, 8vw);
  }
}
#top .fv__subtext {
  font-size: min(28px, 2.654028436vw);
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
}
@media (max-width: 767px) {
  #top .fv__subtext {
    font-size: min(18px, 4.8vw);
  }
}
#top .fv__copy {
  margin-top: 17%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(28px, 2.654028436vw);
  font-weight: 700;
  color: #01251F;
  position: relative;
  padding: 0 1em;
  line-height: normal;
}
#top .fv__copy::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  -webkit-clip-path: polygon(3.5% 0%, 100% 0%, 96.5% 100%, 0% 100%);
          clip-path: polygon(3.5% 0%, 100% 0%, 96.5% 100%, 0% 100%);
  width: 100%;
  aspect-ratio: 615/50;
}
#top .fv__copy span {
  position: relative;
}
@media (max-width: 767px) {
  #top .fv__copy {
    font-size: min(14px, 3.7333333333vw);
    padding: 0 1em;
    margin: 0 auto;
    margin-top: 50px;
  }
}
#top .fv__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
#top .fv__button a {
  display: block;
  width: 69%;
  max-width: 100%;
  margin: 10px auto 0;
  border-radius: 30px;
  background: #01251F;
  font-size: min(20px, 1.8957345972vw);
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 1em 0;
}
@media (max-width: 767px) {
  #top .fv__button {
    margin: 0 auto;
  }
  #top .fv__button a {
    font-size: min(14px, 3.7333333333vw);
    width: 80%;
  }
}
#top .fv__features {
  padding: 10px 0 115px 0;
  position: relative;
}
#top .fv__features::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -25%);
  background: url(../img/image_5.webp) no-repeat center center/contain;
  width: 60px;
  aspect-ratio: 84/113;
}
#top .fv__features-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top .fv__features-list img {
  width: 30%;
}
@media (min-width: 768px) {
  #top .fv__features-list img:nth-child(1) {
    transform: translateY(12%) scale(1);
  }
  #top .fv__features-list img:nth-child(2) {
    transform: translateY(0%) scale(1);
  }
  #top .fv__features-list img:nth-child(3) {
    transform: translateY(5%) scale(1);
  }
}
@media (max-width: 767px) {
  #top .fv__features-list {
    display: block;
    text-align: center;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
  }
  #top .fv__features-list img {
    width: 90%;
  }
  #top .fv__features-list img:nth-child(1) {
    transform: translateY(12%) scale(1);
  }
}
#top .usage__list {
  display: flex;
  margin: 50px auto 0;
  width: 830px;
  max-width: 100%;
}
@media (max-width: 767px) {
  #top .usage__list {
    display: block;
    margin-top: 25px;
  }
}
#top .usage__item {
  width: 29.1333333333%;
}
@media (min-width: 768px) {
  #top .usage__item:not(:nth-child(3n)) {
    margin-right: 6.25%;
  }
}
@media (max-width: 767px) {
  #top .usage__item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  #top .usage__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
#top .usage__description {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  font-feature-settings: "palt";
  line-height: normal;
}
#top .problem {
  padding-top: 80px;
}
#top .problem__content {
  position: relative;
  width: 100%;
  aspect-ratio: 1400/780;
  margin-top: 5%;
}
@media (max-width: 767px) {
  #top .problem__content {
    max-width: 400px;
    margin: 5% auto 0;
    aspect-ratio: unset;
  }
}
@media (min-width: 768px) {
  #top .problem__image {
    position: absolute;
    bottom: 0%;
    left: 49%;
    transform: translate(-50%, 5%);
    width: 20%;
  }
}
@media (max-width: 767px) {
  #top .problem__image {
    width: 50%;
    margin: 0 auto;
    display: block;
  }
}
#top .problem__list {
  line-height: normal;
}
@media (min-width: 768px) {
  #top .problem__list li {
    position: absolute;
    width: 17.5em;
    max-width: 100%;
    aspect-ratio: 2239/854;
    background: url(../img/fukidashi.webp) no-repeat center center/cover;
    font-size: min(26px, 2.0700636943vw);
    font-weight: 700;
    text-align: center;
    padding: 1.2em 0 0;
  }
  #top .problem__list li:nth-child(1) {
    top: 13%;
    left: 2%;
  }
  #top .problem__list li:nth-child(2) {
    top: 48%;
    left: 0;
  }
  #top .problem__list li:nth-child(3) {
    top: 0%;
    left: 47%;
    background: url(../img/fukidashi2.webp) no-repeat center center/cover;
  }
  #top .problem__list li:nth-child(4) {
    top: 35%;
    right: 0%;
    background: url(../img/fukidashi2.webp) no-repeat center center/cover;
  }
  #top .problem__list li:nth-child(5) {
    top: 65%;
    right: 0%;
    background: url(../img/fukidashi2.webp) no-repeat center center/cover;
  }
}
@media (max-width: 767px) {
  #top .problem__list li {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 10px;
    text-align: center;
  }
  #top .problem__list li:nth-child(n+2) {
    margin-top: 5%;
  }
}
#top .features {
  padding-top: 180px;
  line-height: normal;
}
@media (max-width: 767px) {
  #top .features {
    padding-top: 90px;
  }
}
#top .features__subtext {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-top: 35px;
}
#top .features__step {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
#top .features__item {
  width: 31%;
}
#top .features__item:nth-child(n+2) {
  position: relative;
}
#top .features__item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-100%, -50%);
  background: url(../img/image_2.webp) no-repeat center center/contain;
  width: 50px;
  aspect-ratio: 322/231;
}
@media (max-width: 767px) {
  #top .features__item {
    width: 30%;
  }
  #top .features__item:nth-child(n+2)::before {
    top: 60%;
    left: 2%;
    width: 16%;
  }
}
#top .features__label {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 999px) {
  #top .features__label {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #top .features__label {
    font-size: 2.9333333333vw;
    height: 5lh;
  }
}
#top .features__list[class][class] {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 15% auto;
}
#top .features__list[class][class] li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(33.3% - 3.3333333333px);
  background: url(../img/documents.webp) no-repeat center center/100%;
  aspect-ratio: 65/85;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
#top .features__list[class][class] li:not(:nth-child(3n)) {
  margin-right: 5px;
}
@media screen and (max-width: 999px) {
  #top .features__list[class][class] li {
    font-size: 1.6927083333vw;
  }
}
@media (max-width: 767px) {
  #top .features__list[class][class] {
    width: 100%;
    margin: 0;
    transform: translateY(-15%);
  }
}
@media (min-width: 768px) {
  #top .features__image1 img {
    transform: scale(0.8) translateY(15%);
  }
}
#top .date {
  padding-top: 80px;
  width: 91%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #top .date {
    padding-top: 40px;
  }
}
#top .table__wrap {
  margin-top: 4%;
}
@media (max-width: 767px) {
  #top .table__wrap {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 115%;
    max-width: 376px;
  }
}
#top .date__table {
  table-layout: fixed;
  width: 100%;
  border: none;
  border-spacing: min(14px, 1.1146496815vw);
  border-collapse: separate;
  margin-top: 1%;
}
#top .date__table th, #top .date__table td {
  font-size: min(18px, 1.4331210191vw);
  font-weight: 700;
  text-align: center;
  border: none;
  padding: 10px 0;
  line-height: normal;
}
#top .date__table .large {
  font-size: min(22px, 1.7515923567vw);
}
@media (max-width: 767px) {
  #top .date__table {
    border-spacing: min(1.0666666667vw, 4.2666666667px);
  }
  #top .date__table th, #top .date__table td {
    font-size: min(2.6666666667vw, 10.6666666667px);
  }
  #top .date__table .large {
    font-size: min(3.2vw, 12.8px);
  }
}
#top .date__table01 th {
  background: #A8D4AA;
}
#top .date__table01 td {
  background: #9BCFB8;
}
#top .date__table01 .date__table-title {
  background: #7FB174;
}
#top .date__table02 th {
  background: #F4E882;
}
#top .date__table02 td {
  background: #FFDE59;
}
#top .date__table02 .date__table-title {
  background: #F4ED45;
}
#top .date__table-title {
  letter-spacing: 0.6em;
  text-indent: 0.6em;
  padding: 0;
}
#top .vertical-text {
  position: relative;
}
#top .vertical-text p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#top .vertical-text span {
  display: block;
  width: 1em;
  text-indent: 0em;
}
#top .data__note {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}
#top .date__table-label {
  width: 15%;
}
#top .date__table-label.date__table-label2 {
  width: 15.918%;
}
#top .table-width1 {
  width: 15.968%;
}
#top .table-width2 {
  width: 81%;
}
#top .comparison {
  padding-top: min(14%, 180px);
}
@media (max-width: 767px) {
  #top .comparison {
    padding-top: 80px;
  }
}
#top .comparison__heading {
  padding: 4% 0;
  position: relative;
  font-weight: 700;
  text-align: center;
  color: #fff;
  aspect-ratio: 940/220;
  padding: 0;
}
#top .comparison__heading::before, #top .comparison__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #9BCFB8;
  -webkit-clip-path: polygon(0 0, 100% 1%, 100% 58%, 50% 100%, 0 58%);
          clip-path: polygon(0 0, 100% 1%, 100% 58%, 50% 100%, 0 58%);
  width: 100%;
  height: 100%;
}
#top .comparison__heading::after {
  content: "";
  position: absolute;
  background: #689C97;
  z-index: 2;
  width: 96%;
  height: 84%;
  -webkit-clip-path: polygon(0 0, 100% 1%, 100% 55%, 50% 100%, 0 55%);
          clip-path: polygon(0 0, 100% 1%, 100% 55%, 50% 100%, 0 55%);
}
#top .comparison__heading p {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
  font-size: min(36px, 3.4123222749vw);
}
@media (max-width: 767px) {
  #top .comparison__heading p {
    font-size: min(14px, 3.7333333333vw);
  }
}
#top .comparison__heading-subtext {
  display: block;
  font-size: min(24px, 2.2748815166vw);
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  #top .comparison__heading-subtext {
    margin-top: 0;
    font-size: min(12px, 3.2vw);
  }
}
#top .comparison__wrapper {
  margin-top: 3%;
  display: flex;
  justify-content: space-between;
  line-height: normal;
}
@media (max-width: 767px) {
  #top .comparison__wrapper {
    display: block;
  }
}
#top .comparison__before {
  width: 47%;
}
#top .comparison__before li::before {
  background: url(../img/image_3.webp) no-repeat center center/contain;
  aspect-ratio: 247/250;
}
#top .comparison__before li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  background: url(../img/image_2.webp) no-repeat center center/contain;
  width: 2.2em;
  aspect-ratio: 322/231;
}
@media (max-width: 767px) {
  #top .comparison__before {
    width: 100%;
  }
  #top .comparison__before li::after {
    display: none;
  }
}
#top .comparison__title--before {
  background: #AFABAB;
  position: relative;
}
#top .comparison__title--before::after {
  content: "";
  position: absolute;
  background: #AFABAB;
  aspect-ratio: 39/51;
  height: 1.3lh;
  left: 107%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
}
@media (max-width: 767px) {
  #top .comparison__title--before:nth-of-type(n+2) {
    margin-top: 5em;
  }
  #top .comparison__title--before::after {
    display: none;
  }
}
#top .comparison__after {
  width: 47%;
}
#top .comparison__after li::before {
  background: url(../img/image_4.webp) no-repeat center center/contain;
  aspect-ratio: 81/81;
}
@media (max-width: 767px) {
  #top .comparison__after {
    width: 100%;
  }
}
#top .comparison__title--after {
  background: #072A24;
}
@media (max-width: 767px) {
  #top .comparison__title--after {
    margin-top: 5em;
    position: relative;
  }
  #top .comparison__title--after::after {
    content: "";
    position: absolute;
    top: -2.5em;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: url(../img/image_2.webp) no-repeat center center/contain;
    width: 2.2em;
    aspect-ratio: 322/231;
  }
}
#top .comparison__title {
  font-size: min(19px, 1.8009478673vw);
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #top .comparison__title {
    font-size: min(14px, 3.7333333333vw);
  }
}
#top .comparison__list {
  margin-top: 5%;
}
#top .comparison__list li {
  font-size: min(19px, 1.7674418605vw);
  font-weight: 700;
  position: relative;
  padding-left: 2.4em;
  height: 2lh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#top .comparison__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2em;
}
#top .comparison__list li:nth-child(n+2) {
  margin-top: 0.6em;
}
#top .comparison__list li.height1 {
  height: calc(4lh + 0.6em);
}
@media (max-width: 767px) {
  #top .comparison__list {
    max-width: 400px;
    margin: 5% auto 0;
  }
  #top .comparison__list li {
    font-size: min(14px, 3.7333333333vw);
    height: auto;
  }
  #top .comparison__list li.height1 {
    height: auto;
  }
}
#top .comparison__example {
  display: block;
  color: #808080;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#top .comparison__example::after {
  content: "※";
  position: absolute;
  right: 0%;
  top: 0%;
  transform: translate(100%, 0%);
  font-size: 50%;
}
#top .comparison__example strong {
  color: #FF0000;
  font-weight: 700;
  font-size: min(20px, 1.8957345972vw);
}
@media (max-width: 767px) {
  #top .comparison__example strong {
    font-size: min(12px, 3.2vw);
  }
}
#top .comparison__note {
  display: block;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  margin-top: 2%;
}
@media (max-width: 767px) {
  #top .comparison__note {
    margin: 2% auto 0;
    max-width: 400px;
  }
}
#top .case {
  padding: 120px 0 50px;
  line-height: normal;
}
@media (max-width: 767px) {
  #top .case {
    padding: 60px 0;
  }
}
#top .case__warapper {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #top .case__warapper {
    display: block;
    max-width: 400px;
    margin: 20px auto 0;
  }
}
#top .case__before {
  width: 47%;
}
#top .case__before .case__title {
  background: #AFABAB;
  position: relative;
}
#top .case__before .case__box {
  background: #D9D9D9;
}
#top .case__before li::before {
  background: url(../img/image_3.webp) no-repeat center center/contain;
  aspect-ratio: 247/250;
}
@media (min-width: 768px) {
  #top .case__before .case__title::after {
    content: "";
    position: absolute;
    background: #AFABAB;
    aspect-ratio: 39/51;
    height: 1.5lh;
    left: 107%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
            clip-path: polygon(100% 50%, 0 0, 0 100%);
  }
}
@media (max-width: 767px) {
  #top .case__before {
    width: 100%;
  }
}
#top .case__after {
  width: 47%;
}
#top .case__after .case__title {
  background: #072A24;
}
#top .case__after .case__box {
  background: #9BCFB8;
}
#top .case__after li::before {
  background: url(../img/image_4.webp) no-repeat center center/contain;
  aspect-ratio: 81/81;
}
@media (max-width: 767px) {
  #top .case__after {
    width: 100%;
    margin-top: 25%;
  }
  #top .case__after .case__title {
    position: relative;
  }
  #top .case__after .case__title::after {
    content: "";
    position: absolute;
    background: #AFABAB;
    aspect-ratio: 39/51;
    width: 15%;
    left: 50%;
    bottom: 20%;
    transform: translate(-50%, -50%) rotate(90deg);
    -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
            clip-path: polygon(100% 50%, 0 0, 0 100%);
  }
}
#top .case__title {
  font-size: min(18px, 1.4331210191vw);
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: min(10px, 0.7961783439vw);
  padding: 0.5em 0;
}
@media (max-width: 767px) {
  #top .case__title {
    font-size: min(14px, 3.7333333333vw);
  }
}
#top .case__box {
  display: flex;
  padding: 1.7%;
  border-radius: min(20px, 1.5923566879vw);
  margin-top: 4%;
  position: relative;
  justify-content: flex-end;
}
#top .case__box-label {
  font-size: min(18px, 1.4331210191vw);
  height: 5em;
  font-weight: 500;
  writing-mode: vertical-rl;
  letter-spacing: 0.2em;
  align-self: center;
  position: absolute;
  top: 50%;
  left: 3.7%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  #top .case__box-label {
    font-size: min(14px, 3.7333333333vw);
  }
}
#top .case__box-list {
  width: 94%;
  border-radius: 20px;
  background: #fff;
  padding: 1%;
}
#top .case__box-list li {
  font-size: min(22px, 1.7515923567vw);
  font-weight: 500;
  text-indent: -1em;
  padding-left: 1em;
}
#top .case__box-list li strong {
  font-weight: 700;
}
@media (max-width: 767px) {
  #top .case__box-list li {
    font-size: min(14px, 3.7333333333vw);
  }
}
#top .case__list {
  margin-top: 20px;
}
#top .case__list li {
  font-size: min(22px, 1.7515923567vw);
  font-weight: 400;
  position: relative;
  padding-left: 2.7em;
}
#top .case__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2em;
}
#top .case__list li:nth-child(n+2) {
  margin-top: 0.5em;
}
#top .case__list li span {
  font-weight: bold;
}
@media (max-width: 767px) {
  #top .case__list {
    margin-top: 10px;
  }
  #top .case__list li {
    font-size: min(14px, 3.7333333333vw);
  }
}
#top .case__message {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-top: 80px;
}
@media (max-width: 767px) {
  #top .case__message {
    font-size: min(16px, 4.2666666667vw);
  }
}
#top .c-btn {
  display: block;
  overflow: hidden;
  position: relative;
  width: 50%;
  margin: 0 auto;
}
@media (hover: hover) {
  #top .c-btn:hover {
    opacity: 1;
  }
}
#top .c-btn::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  z-index: 99;
  pointer-events: none;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  -webkit-animation: shine 2s infinite;
  animation: shine 2s infinite;
}
@-webkit-keyframes shine {
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes shine {
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
#top #admin-panel {
  display: none;
}

/* ／top */
/*# sourceMappingURL=lp.css.map */