@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
}

body {
  background-color: #fff;
  color: #333333;
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none !important;
  }
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

*:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
          box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
}

.u-indent-2 {
  padding-left: 32px;
  padding-left: 2rem;
}

/* リキッドレイアウト対応 */
/* pcの電話番号発信対応 */
@media screen and (min-width: 960px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
}

textarea {
  resize: vertical;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

* {
  -webkit-appearance: none;
  /*webkit系ブラウザのデフォルトスタイル*/
}

.header--zoom .header__upper {
  gap: 0;
}

.application {
  padding-top: 5vw;
  padding-bottom: 3vw;
}

.application__inner {
  padding: 0 5.333vw;
}

.application__form-wrapper .form {
  margin-top: -20px;
  margin-top: -1.25rem;
}
@media screen and (min-width: 1024px) {
  .application__form-wrapper .form {
    margin-top: 5.3125rem;
  }
}

.accordion__item {
  margin-top: 15px;
  margin-top: 0.9375rem;
  width: 100%;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  border-radius: 0.3125rem;
}

.accordion__item--theme {
  background-color: #f8f8f9;
}

.accordion__item:first-child {
  margin-top: 0;
}

.accordion__btn {
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: 500;
  text-align: left;
  padding: 15px 40px 15px 15px;
  padding: 0.9375rem 2.5rem 0.9375rem 0.9375rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.6;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .accordion__btn {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-right: 2.5rem;
    padding-left: 0.9375rem;
  }
}

.accordion__btn::before,
.accordion__btn::after {
  position: absolute;
  content: "";
  width: 15px;
  width: 0.9375rem;
  height: 2px;
  height: 0.125rem;
  background-color: #333333;
  border-radius: 0.1875rem;
}

.accordion__btn::before {
  top: 50%;
  right: 10px;
  right: 0.625rem;
}

.accordion__btn::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 50%;
  right: 10px;
  right: 0.625rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion__btn[aria-expanded=true].accordion__btn::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion__panel {
  padding: 0px 15px 15px 15px;
  padding: 0rem 0.9375rem 0.9375rem 0.9375rem;
}

.accordion__panel--padding-wide {
  padding: 0px 20px 40px 20px;
  padding: 0rem 1.25rem 2.5rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .accordion__panel--padding-wide {
    padding: 0rem 2.5rem 2.5rem 2.5rem;
  }
}

.accordion__panel.js-is-close {
  display: none;
}

.accordion__text {
  width: 100%;
  font-weight: 400;
  text-align: left;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.8;
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.accordion__text:first-child {
  padding-top: 0;
}

.accordion__link {
  font-weight: 500;
  text-decoration: underline;
}

.accordion__btn-panel-content {
  margin-top: 40px;
  margin-top: 2.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .accordion__btn-panel-content {
    margin-top: 0;
    width: 100%;
    max-width: 22.5rem;
    padding-left: 1.25rem;
  }
}

.accordion__panel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .accordion__panel-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.accordion__btn-panel {
  margin-top: 30px;
  margin-top: 1.875rem;
  width: 100%;
  max-width: 360px;
  max-width: 22.5rem;
}

.accordion__btn-panel:first-child {
  margin-top: 0;
}

.accordion__img-content {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.accordion__figure {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.accordion__img-content .figure__caption {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}

.accordion__img-content .figure__caption--bottom {
  padding-top: 10px;
  padding-top: 0.625rem;
}

.accordion__img-content .figure__img {
  width: 100%;
  max-width: 520px;
  max-width: 32.5rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .accordion__img-content .figure__img {
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion__list-wrapper {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.accordion__list {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.accordion__list:first-child {
  padding-top: 0;
}

.accordion__list--with-title {
  padding-top: 0;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.accordion__list.list--no-mark .list__item {
  padding-left: 0;
}

.accordion__list-title {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
}

.accordion__ol-list {
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.accordion__ol-list:first-child {
  padding-top: 0;
}

.anchor-link-btn-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
  gap: 15px;
  gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .anchor-link-btn-wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}

.anchor-link-btn {
  width: 100%;
  font-weight: 400;
  border-radius: 0.3125rem;
  text-align: center;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  color: #333333;
  background-color: #f8f8f9;
  padding: 20px 32px 20px 32px;
  padding: 1.25rem 2rem 1.25rem 2rem;
}

.anchor-link-btn:first-child {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .anchor-link-btn:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
  }
}

.anchor-link-btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  gap: 0.9375rem;
}

.anchor-link-btn__icon {
  width: 20px;
  width: 1.25rem;
  height: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.angle-circle-title-wrapper {
  text-align: center;
}

.angle-circle-title-wrapper .subtitle {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
}

.angle-circle-title-wrapper .subtitle .significant {
  color: #c70000;
  font-weight: 700;
}

.angle-circle-title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  background-color: #333333;
  border-radius: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-top: 0.3125rem;
  width: 100%;
  max-width: 245px;
  max-width: 15.3125rem;
  padding: 5px;
  padding: 0.3125rem;
}

.angle-circle-title--wide {
  max-width: 300px;
  max-width: 18.75rem;
}

.angle-circle-title--wide-mt {
  margin-top: 16px;
  margin-top: 1rem;
}

.arrow {
  display: inline-block;
  width: 2px;
  width: 0.125rem;
  height: 50px;
  height: 3.125rem;
  background-color: #8e8d8d;
  position: relative;
}

.arrow::before {
  display: block;
  content: "";
  width: 2px;
  width: 0.125rem;
  height: 20px;
  height: 1.25rem;
  background-color: #8e8d8d;
  position: absolute;
  bottom: -2px;
  bottom: -0.125rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 7px;
  left: 0.4375rem;
}

.badge-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  gap: 0.9375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .badge-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.badge-title__badge {
  margin: 0 auto;
}

.badge-title__title {
  display: inline-block;
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
}

.badge {
  color: #fff;
  font-size: max(30px, 16px);
  font-size: max(1.875rem, 16px);
  font-weight: 500;
  background-color: #666;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  min-width: 60px;
  min-width: 3.75rem;
}

.banner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 40px;
  gap: 2.5rem;
}
@media screen and (min-width: 960px) {
  .banner-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.banner {
  background-color: #f8f8f9;
  padding-bottom: 47.4358974359vw;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  margin: 2.0625rem calc(50% - 50vw) 0;
  width: 100vw;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .banner {
    margin-top: 0;
    padding-top: 5.3125rem;
    padding-bottom: 5.3125rem;
    background-size: cover;
  }
}
@media screen and (min-width: 960px) {
  .banner {
    background-size: contain;
  }
}

.banner--sp-no-img {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .banner--sp-no-img {
    padding-bottom: 5.3125rem;
  }
}

.banner--service {
  background-image: url(../images/service/service__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--service {
    background-image: url(../images/service/service__banner-img--pc.webp);
  }
}

.banner--plan-standard {
  background-image: url(../images/plan-standard/plan-standard__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--plan-standard {
    background-image: url(../images/plan-standard/plan-standard__banner-img--pc.webp);
  }
}

.banner--easy-hp {
  background-image: url(../images/easy-hp/easy-hp__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--easy-hp {
    background-image: url(../images/easy-hp/easy-hp__banner-img--pc.webp);
  }
}

.banner--real-estate {
  background-image: url(../images/real-estate/real-estate__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--real-estate {
    background-image: url(../images/real-estate/real-estate__banner-img--pc.webp);
  }
}

.banner--hudosan {
  background-image: url(../images/hudosan/hudosan__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--hudosan {
    background-image: url(../images/hudosan/hudosan__banner-img--pc.webp);
  }
}

.banner--smartphone-menu {
  background-image: url(../images/smartphone-menu/smartphone-menu__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--smartphone-menu {
    background-image: url(../images/smartphone-menu/smartphone-menu__banner-img--pc.webp);
  }
}

.banner--step {
  background-image: url(../images/step/step__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--step {
    background-image: url(../images/step/step__banner-img--pc.webp);
  }
}

.banner--works {
  background-image: url(../images/works/works__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--works {
    background-image: url(../images/works/works__banner-img--pc.webp);
  }
}

.banner--chaco {
  background-image: url(../images/chaco/chaco__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--chaco {
    background-image: url(../images/chaco/chaco__banner-img--pc.webp);
  }
}

.banner--kanri-muryo {
  background-image: url(../images/kanri-muryo/kanri-muryo__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--kanri-muryo {
    background-image: url(../images/kanri-muryo/kanri-muryo__banner-img--pc.webp);
  }
}

.banner--web-accessibility {
  background-image: url(../images/web-accessibility/web-accessibility__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--web-accessibility {
    background-image: url(../images/web-accessibility/web-accessibility__banner-img--pc.webp);
  }
}

.banner--web-accessibility-check {
  background-image: url(../images/web-accessibility-check/web-accessibility-check__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--web-accessibility-check {
    background-image: url(../images/web-accessibility-check/web-accessibility-check__banner-img--pc.webp);
  }
}

.banner--accessibility-templates {
  background-image: url(../images/accessibility-templates/accessibility-templates__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--accessibility-templates {
    background-image: url(../images/accessibility-templates/accessibility-templates__banner-img--pc.webp);
  }
}

@media screen and (min-width: 768px) {
  .banner--download {
    background-image: url(../images/download/download__banner-img--pc.webp);
  }
}

.banner--batch-download {
  background-image: url(../images/batch-download/batch-download__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--batch-download {
    background-image: url(../images/batch-download/batch-download__banner-img--pc.webp);
  }
}

.banner--download-bottom {
  background-image: url(../images/download-bottom/download-bottom__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--download-bottom {
    background-image: url(../images/download-bottom/download-bottom__banner-img--pc.webp);
  }
}

.banner--download-thanks {
  background-image: url(../images/download-thanks/download-thanks__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--download-thanks {
    background-image: url(../images/download-thanks/download-thanks__banner-img--pc.webp);
  }
}

.banner--voice-page {
  background-image: url(../images/voice-page/voice-page__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--voice-page {
    background-image: url(../images/voice-page/voice-page__banner-img--pc.webp);
  }
}

.banner--free-consultation {
  background-image: url(../images/free-consultation/free-consultation__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--free-consultation {
    background-image: url(../images/free-consultation/free-consultation__banner-img--pc.webp);
  }
}

.banner--free-consultation-thanks {
  background-image: url(../images/free-consultation-thanks/free-consultation-thanks__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--free-consultation-thanks {
    background-image: url(../images/free-consultation-thanks/free-consultation-thanks__banner-img--pc.webp);
  }
}

@media screen and (min-width: 768px) {
  .banner--contactus {
    background-image: url(../images/contactus/contactus__banner-img--pc.webp);
  }
}

.banner--thanks {
  background-image: url(../images/thanks/thanks__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--thanks {
    background-image: url(../images/thanks/thanks__banner-img--pc.webp);
  }
}

.banner--content-marketing {
  background-image: url(../images/content-marketing/content-marketing__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--content-marketing {
    background-image: url(../images/content-marketing/content-marketing__banner-img--pc.webp);
  }
}

.banner--animate-movie {
  background-image: url(../images/animate-movie/animate-movie__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--animate-movie {
    background-image: url(../images/animate-movie/animate-movie__banner-img--pc.webp);
  }
}

.banner--character {
  background-image: url(../images/character/character__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--character {
    background-image: url(../images/character/character__banner-img--pc.webp);
  }
}

.banner--options {
  background-image: url(../images/options/options__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--options {
    background-image: url(../images/options/options__banner-img--pc.webp);
  }
}

.banner--recaptcha {
  background-image: url(../images/recaptcha/recaptcha__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--recaptcha {
    background-image: url(../images/recaptcha/recaptcha__banner-img--pc.webp);
  }
}

.banner--ssl {
  background-image: url(../images/ssl/ssl__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--ssl {
    background-image: url(../images/ssl/ssl__banner-img--pc.webp);
  }
}

.banner--faq {
  background-image: url(../images/faq/faq__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--faq {
    background-image: url(../images/faq/faq__banner-img--pc.webp);
  }
}

.banner--sitemap {
  background-image: url(../images/sitemap/sitemap__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--sitemap {
    background-image: url(../images/sitemap/sitemap__banner-img--pc.webp);
  }
}

.banner--error {
  background-image: url(../images/error/error__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--error {
    background-image: url(../images/error/error__banner-img--pc.webp);
  }
}

.banner--instagram-support {
  background-image: url(../images/instagram-support/instagram-support__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--instagram-support {
    background-image: url(../images/instagram-support/instagram-support__banner-img--pc.webp);
  }
}

.banner--web-operations-support {
  background-image: url(../images/web-operations-support/web-operations-support__banner-img--sp.webp);
}
@media screen and (min-width: 768px) {
  .banner--web-operations-support {
    background-image: url(../images/web-operations-support/web-operations-support__banner-img--pc.webp);
  }
}

.banner__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .banner__inner {
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.banner__title {
  text-align: center;
  padding-top: 50px;
  padding-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .banner__title {
    text-align: left;
    padding: 0.3125rem 0.625rem;
    background-color: #f8f8f9;
    -webkit-box-shadow: 0 0 1.875rem 1.875rem #f8f8f9;
            box-shadow: 0 0 1.875rem 1.875rem #f8f8f9;
    border-radius: 0.1875rem;
  }
}

.banner__title-text--ja {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 700;
  line-height: 1.666;
}

.banner__title-text--en {
  font-size: max(80px, 16px);
  font-size: max(5rem, 16px);
  font-weight: 700;
  line-height: 0.9;
  color: #8e8d8d;
  font-family: "din-2014-narrow", sans-serif;
}
@media screen and (min-width: 768px) {
  .banner__title-text--en {
    font-size: max(5.625rem, 16px);
  }
}

.banner__title--small .banner__title-text--ja {
  line-height: 1.3;
}
@media screen and (min-width: 510px) {
  .banner__title--small .banner__title-text--ja {
    line-height: 1.666;
  }
}

.banner__title--small .banner__title-text--en {
  font-size: max(63px, 16px);
  font-size: max(3.9375rem, 16px);
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 510px) {
  .banner__title--small .banner__title-text--en {
    display: inline;
    margin-top: 0;
    font-size: max(5rem, 16px);
  }
}
@media screen and (min-width: 768px) {
  .banner__title--small .banner__title-text--en {
    font-size: max(5.625rem, 16px);
  }
}

.box-content {
  width: 100%;
}

.box-content__fill-title {
  width: 100%;
}

.box-content__img-wrapper {
  padding-top: 55px;
  padding-top: 3.4375rem;
}

.box-content__img {
  margin: 0 auto;
  width: 100px;
  width: 6.25rem;
  height: 150px;
  height: 9.375rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.box-content__img--wide {
  width: 100%;
}

.box-content__subtitle {
  padding-top: 40px;
  padding-top: 2.5rem;
  text-align: center;
  font-size: max(22px, 16px);
  font-size: max(1.375rem, 16px);
  font-weight: 700;
  color: #333333;
}

.box-content__text {
  padding-top: 30px;
  padding-top: 1.875rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  color: #333333;
  text-align: justify;
}
@media screen and (min-width: 960px) {
  .box-content__text {
    min-height: 13.125rem;
  }
}

.box-content__icon-btn {
  padding-top: 15px;
  padding-top: 0.9375rem;
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 960px) {
  .box-content__icon-btn {
    padding-top: 2.5rem;
  }
}

.box-content__text + .box-content__icon-btn {
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 960px) {
  .box-content__text + .box-content__icon-btn {
    padding-top: 0.9375rem;
  }
}

.box-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 960px) {
  .box-contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5.3125rem 2.4375rem;
    margin-top: 0;
  }
}

.box-contents .box-content {
  margin-top: 95px;
  margin-top: 5.9375rem;
}
@media screen and (min-width: 960px) {
  .box-contents .box-content {
    margin-top: 0;
    width: calc(33.33333% - 1.625rem);
  }
}

.box-contents .box-content:first-of-type {
  margin-top: 0;
}

.breadcrumbs__list {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.breadcrumbs__item {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1;
  display: inline;
}

.breadcrumbs__link {
  display: inline-block;
  text-decoration: underline;
}

.breadcrumbs__link:hover {
  opacity: 0.7;
}

.breadcrumbs__item:first-child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 23px;
  width: 1.4375rem;
  height: 23px;
  height: 1.4375rem;
  content: "";
  background-image: url(../images/icon/icon-house.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  padding-right: 75px;
  padding-right: 4.6875rem;
  padding-left: 35px;
  padding-left: 2.1875rem;
}

.breadcrumbs__item::after {
  content: ">";
  display: inline-block;
  padding: 0 8px;
  padding: 0 0.5rem;
}

.breadcrumbs__item:last-child::after {
  display: none;
}

.btn-panel {
  border: 2px solid #333333;
  border: 0.125rem solid #333333;
  border-radius: 0.1875rem;
  text-align: center;
  padding: 25px 15px;
  padding: 1.5625rem 0.9375rem;
}

.btn-panel__title {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 700;
}

.btn-panel__subtitle {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
}

.btn-panel__title--second {
  padding-top: 35px;
  padding-top: 2.1875rem;
}

.btn-panel__text-wrapper {
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.btn-panel__text {
  font-weight: 500;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
}

.btn-panel__text--emphasis {
  font-size: max(30px, 16px);
  font-size: max(1.875rem, 16px);
  font-weight: 700;
}

.btn-panel__text--bottom {
  padding-top: 8px;
  padding-top: 0.5rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}

.btn-panel__btn {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.card {
  width: 100%;
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .card {
    margin-top: 0;
  }
}

.card:first-of-type {
  margin-top: 0;
}

.card__link {
  display: block;
}

.card__img-wrapper {
  width: 100%;
  -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(51, 51, 51, .16);
          box-shadow: 0 0.1875rem 0.375rem rgba(51, 51, 51, .16);
}
@media screen and (min-width: 768px) {
  .card__img-wrapper {
    overflow: hidden;
  }
}

.card__img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .card__img {
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    height: 16.25rem;
  }
}

@media screen and (min-width: 768px) {
  .card__link:hover .card__img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.card__container {
  width: 100%;
  padding-top: 15px;
  padding-top: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.card__info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  background-color: #f2f2f3;
}

.card__info-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 700;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .card__info-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.card__category {
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .card__category {
    padding-top: 0;
    margin-left: 1.25rem;
  }
}

.card__info-icon {
  width: 18px;
  width: 1.125rem;
  height: auto;
  margin-left: 15px;
  margin-left: 0.9375rem;
}

.card__title {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.card--emphasis-title .card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.card--emphasis-title .card__title {
  font-weight: 400;
  color: #333333;
  padding-top: 0;
  text-align: justify;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
}

.card--emphasis-title .card__introduction {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 2.375rem;
  }
}

@media screen and (min-width: 768px) {
  .cards .card {
    width: calc(50% - 1.1875rem);
  }
}
@media screen and (min-width: 1024px) {
  .cards .card {
    width: calc(33.33333% - 1.58333rem);
  }
}

.case__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 2.2222222222;
  color: #333333;
  text-align: left;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 960px) {
  .case__text {
    text-align: center;
  }
}

.content__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  text-align: left;
}

.content__description {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  text-align: left;
  padding-top: 10px;
  padding-top: 0.625rem;
}

.content__section {
  margin-top: 30px;
  margin-top: 1.875rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  background-color: #f8f8f9;
  border-radius: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .content__section {
    padding-top: 1.875rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    padding-bottom: 2.5rem;
  }
}

.content__subtitle {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
  text-align: left;
  margin: 0;
}

.content__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  text-align: left;
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.content__img-wrapper {
  padding-top: 15px;
  padding-top: 0.9375rem;
  width: 100%;
}

.content__video-wrapper {
  padding-top: 15px;
  padding-top: 0.9375rem;
  width: 100%;
}

.content__img-wrapper--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  gap: 1.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content__img {
  width: 100%;
  height: auto;
}

.content__img--flex {
  width: 30%;
  height: auto;
}

.content__list {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-left: 16px;
  padding-left: 1rem;
}

.cta {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border: 2px solid #333333;
  border: 0.125rem solid #333333;
  border-radius: 0.4375rem;
  background-color: #fff;
}

.cta__link {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cta__link--tel {
  position: relative;
}

.cta__link--tel::after {
  display: block;
  content: "";
  width: 2px;
  width: 0.125rem;
  height: 85%;
  background-color: #333333;
  position: absolute;
  top: auto;
  right: 0;
}

.cta__img {
  width: 25%;
  height: auto;
  padding: 5px;
  padding: 0.3125rem;
}

.cta__link--tel .cta__img {
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.date-item {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

.date-item__date {
  display: block;
}

.external-contents__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .external-contents__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.9375rem;
  }
}

.external-contents__wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .external-contents__wrapper {
    width: 25%;
  }
}

.figure-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.figure-content--normal {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .figure-content--normal {
    width: calc(33.33333% - 2.08333rem);
  }
}

@media screen and (min-width: 768px) {
  .figure-content--fill {
    background-color: #f8f8f9;
    padding: 2.5rem 3.125rem 2.1875rem;
    border-radius: 0.4375rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.figure-content__img {
  width: 100%;
  height: auto;
}

.figure-content__img--effect {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0.3px 3px 6px rgba(0, 0, 0, .1));
          filter: drop-shadow(0.3px 3px 6px rgba(0, 0, 0, .1));
  -webkit-filter: drop-shadow(0.01875rem 0.1875rem 0.375rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0.01875rem 0.1875rem 0.375rem rgba(0, 0, 0, .1));
  border: 1px solid #cccccc;
  border: 0.0625rem solid #cccccc;
}

.figure-content__video {
  width: 100%;
  height: auto;
}

.figure-content__video--effect {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0.3px 3px 6px rgba(0, 0, 0, .1));
          filter: drop-shadow(0.3px 3px 6px rgba(0, 0, 0, .1));
  -webkit-filter: drop-shadow(0.01875rem 0.1875rem 0.375rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0.01875rem 0.1875rem 0.375rem rgba(0, 0, 0, .1));
  border: 1px solid #cccccc;
  border: 0.0625rem solid #cccccc;
}

.figure-content__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.figure-content__caption--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 95px;
  min-height: 5.9375rem;
}

.figure-content__caption--column .figure-content__text {
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-left: 0;
}

.figure-content__badge-wrapper {
  position: relative;
}

.figure-content__badge {
  padding: 4px 13px 3px;
  padding: 0.25rem 0.8125rem 0.1875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
  color: #fff;
  background-color: #333333;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
  border-radius: 0 0.625rem 0 0;
}

.figure-content .icon-tag__icon {
  width: 16px;
  width: 1rem;
  height: auto;
}

.figure-content__text {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  color: #333333;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .figure-contents-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.9375rem;
  }
}

.figure-contents-list__item-link {
  display: block;
  text-decoration: underline;
  margin-top: 10px;
  margin-top: 0.625rem;
}

@media screen and (min-width: 960px) {
  .figure-contents-list--col2 {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

@media screen and (min-width: 768px) {
  .figure-contents-list--col3 {
    gap: 1.875rem 1.5625rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 960px) {
  .figure-contents-list--col3 {
    gap: 1.875rem 2.5rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (min-width: 960px) {
  .figure-contents-list--col2 .figure-contents-list__item {
    width: calc(50% - 6.25rem);
  }
}

@media screen and (min-width: 768px) {
  .figure-contents-list--col3 .figure-contents-list__item {
    width: calc(50% - 0.78125rem);
  }
}
@media screen and (min-width: 960px) {
  .figure-contents-list--col3 .figure-contents-list__item {
    width: calc(33.33333% - 1.66667rem);
  }
}

.figure__img {
  width: 100%;
  height: auto;
}

.fill-box {
  width: 100%;
  background-color: #f8f8f9;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 0.375rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .fill-box {
    max-width: 75rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.fill-box__title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 500;
  color: #333333;
}

.fill-box__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  padding-top: 20px;
  padding-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .fill-box__text {
    padding-top: 0;
  }
}

.fill-box__text-wrapper {
  border-bottom: 1px solid #333333;
  border-bottom: 0.0625rem solid #333333;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fill-box__text-wrapper {
    border-bottom: none;
    border-right: 0.0625rem solid #333333;
    max-width: 28.75rem;
    padding-bottom: 0;
    padding-right: 0.625rem;
    margin-right: 0.625rem;
  }
}

.fill-box__tel {
  padding-top: 20px;
  padding-top: 1.25rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .fill-box__tel {
    padding-top: 0;
  }
}
@media screen and (min-width: 1210px) {
  .fill-box__tel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.fill-box__tel-number .tel-number__text {
  font-size: max(30px, 16px);
  font-size: max(1.875rem, 16px);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .fill-box__tel-number .tel-number__text {
    font-size: max(2.125rem, 16px);
  }
}

.fill-box__tel-number .icon-tag {
  background-color: #f8f8f9;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.fill-box__tel-number .icon-tag__icon {
  width: 25px;
  width: 1.5625rem;
}

.fill-box__tel-number .icon-tag__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}

.fill-box .tel__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
  padding-top: 5px;
  padding-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .fill-box .tel__text {
    padding-top: 0;
    padding-left: 0.625rem;
  }
}

.fill-in-fill {
  background-color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.1875rem;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .fill-in-fill {
    padding: 0.9375rem 0.625rem;
    border-radius: 0.3125rem;
  }
}

.fill-in-fill__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.3;
  padding: 0 5px;
  padding: 0 0.3125rem;
  background-color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .fill-in-fill__badge {
    padding: 0.1875rem 0.3125rem;
    border-radius: 0.3125rem;
  }
}

.fill-in-fill__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.5;
  color: #fff;
  padding-left: 12px;
  padding-left: 0.75rem;
}
@media screen and (min-width: 768px) {
  .fill-in-fill__text {
    font-size: max(1.125rem, 16px);
  }
}

.fill-in-fill__text--badge {
  padding-left: 12px;
  padding-left: 0.75rem;
}

.fill-in-fill__text--no-badge {
  padding-left: 0;
}

.fill-text {
  background-color: #f2f2f3;
  padding: 10px;
  padding: 0.625rem;
  text-align: center;
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fill-text {
    max-width: 21.875rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.fill-title {
  padding: 10px;
  padding: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: auto;
  min-height: 100px;
  min-height: 6.25rem;
  background-color: #f8f8f9;
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: bold;
  line-height: 1.4583333333;
  color: #000;
}

.filling-list {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
  line-height: 1.8;
  background: #f8f8f9;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  border-radius: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .filling-list {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}

.filling-list__item {
  margin-left: 16px;
  margin-left: 1rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  list-style-type: disc;
  line-height: 1.7;
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid-column;
}

.filling-list__item:first-child {
  padding-top: 0;
}

.filling-list__item--padding-top-0 {
  padding-top: 0;
}

.filling-list__link {
  font-weight: 500;
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 5px;
  text-underline-offset: 0.3125rem;
}

.filling-list__link + .filling-list {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  padding-right: 0;
  padding-left: 0;
  background-color: transparent;
}

.filling-mark__inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 20px;
  gap: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  border-radius: 1.5rem;
  background-color: #f8f8f9;
}

.filling-mark__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  text-align: center;
}

.filling-mark__mark {
  display: inline-block;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  border-radius: 50%;
  background-color: #f8f8f9;
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  vertical-align: -2px;
  vertical-align: -0.125rem;
}

.filling-mark__mark--fill {
  background-color: #333333;
}

.float-cta {
  display: block;
  position: fixed;
  bottom: 10px;
  bottom: 0.625rem;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 95%;
  z-index: 1;
}

.flow-figure__fill-text {
  margin-top: 45px;
  margin-top: 2.8125rem;
}

.flow-figure__flow-list-content {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.flow-figure__rounded-corner-text-box-content {
  margin: 3.125rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 55px;
  padding-top: 3.4375rem;
  padding-bottom: 75px;
  padding-bottom: 4.6875rem;
  background-color: #f2f2f3;
}
@media screen and (min-width: 768px) {
  .flow-figure__rounded-corner-text-box-content {
    padding-top: 4.375rem;
    padding-bottom: 5rem;
  }
}

.flow-figure__rounded-corner-text-box-content .rounded-corner-text-box {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.flow-figure__rounded-corner-text-box-content .rounded-corner-text-box:first-child {
  margin-top: 0;
}

.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  .flow-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.8125rem 3.125rem;
  }
}

.flow-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: none;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .flow-list__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 2.8125rem;
    padding-top: 1.875rem;
    padding-bottom: 3.125rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    position: relative;
    border: 0.125rem solid #8e8d8d;
    border-radius: 0.625rem;
    margin-top: 0;
    width: calc(25% - 2.34375rem);
  }
}

.flow-list__item:first-child {
  margin-top: 0;
}

.flow-list__item::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .flow-list__item::before {
    position: absolute;
    display: block;
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: 50%;
    left: 97%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

.flow-list__arrow {
  display: none;
}
@media screen and (min-width: 768px) {
  .flow-list__arrow {
    display: block;
    position: absolute;
    top: 50%;
    left: 104%;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
            transform: translate(0, -50%) rotate(-90deg);
  }
}

.flow-list__item:last-child::before {
  display: none;
}

.flow-list__item:last-child .arrow {
  display: none;
}

@media screen and (min-width: 768px) {
  .flow-list__item:nth-child(4)::before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .flow-list__item:nth-child(4) .arrow {
    display: none;
  }
}

.footer {
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (min-width: 960px) {
  .footer {
    margin-top: 6.25rem;
  }
}

@media screen and (min-width: 960px) {
  .footer__nav {
    width: 100%;
    background-color: #333333;
    border-top: 0.0625rem solid #333333;
    border-bottom: 0.0625rem solid #333333;
  }
}

@media screen and (min-width: 960px) {
  .footer__nav .nav__list {
    max-width: 81.25rem;
    margin: 0 auto;
  }
}

.footer__copy {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 85px;
  padding-bottom: 5.3125rem;
  background-color: #333333;
  text-align: center;
}

.footer__copy-text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #fff;
}

.form-content__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .form-content__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.form-content__text {
  text-align: center;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 2;
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.gray-container {
  background-color: #f2f2f3;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-top: 1px solid #dfdfdf;
  border-top: 0.0625rem solid #dfdfdf;
}
@media screen and (min-width: 768px) {
  .gray-container {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    padding-top: 2.8125rem;
    padding-bottom: 4.375rem;
  }
}

.gray-container__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  color: #333333;
  text-align: center;
}

.gray-container__square-labels {
  padding-top: 20px;
  padding-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .gray-container__square-labels {
    max-width: 64.375rem;
    margin: 0 auto;
  }
}

.grid-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-content__item {
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .grid-content__item {
    margin-top: 5rem;
  }
}

.grid-content__item--full {
  grid-column: 1/10;
}
@media screen and (min-width: 768px) {
  .grid-content__item--full {
    grid-column: 1/10;
  }
}

.grid-content__item--half-left {
  grid-column: 1/10;
}
@media screen and (min-width: 768px) {
  .grid-content__item--half-left {
    grid-column: 1/5;
  }
}

.grid-content__item--half-right {
  grid-column: 1/10;
}
@media screen and (min-width: 768px) {
  .grid-content__item--half-right {
    grid-column: 6/10;
  }
}

.grid-content__item:first-child {
  margin-top: 0;
}

.grid-content__title {
  padding-top: 25px;
  padding-top: 1.5625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .grid-content__title {
    padding-top: 2.8125rem;
    padding-right: 0.9375rem;
    padding-bottom: 2.8125rem;
    padding-left: 0.9375rem;
  }
}

.grid-content__title-text {
  text-align: center;
}

.grid-content__title-text--ja {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .grid-content__title-text--ja {
    font-size: max(1.75rem, 16px);
  }
}
@media screen and (min-width: 960px) {
  .grid-content__title-text--ja {
    font-size: max(2.5rem, 16px);
  }
}

.grid-content__title-text--en {
  display: block;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  color: #8e8d8d;
}
@media screen and (min-width: 768px) {
  .grid-content__title-text--en {
    font-size: max(1.375rem, 16px);
  }
}

.grid-content__icon-list {
  padding-top: 30px;
  padding-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .grid-content__icon-list {
    padding-top: 3.75rem;
  }
}

.header {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .header {
    margin-top: 2.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .header__upper {
    width: 100%;
    max-width: 93.125rem;
    margin: 0 auto;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
  }
}

.header__toggle-btn {
  position: fixed;
  top: 40px;
  top: 2.5rem;
  right: 20px;
  right: 1.25rem;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .header__toggle-btn {
    top: 3.75rem;
  }
}

.header__toggle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  overflow-y: scroll;
}

body.js-is-open {
  overflow-y: hidden;
  width: 100%;
  height: 100%;
}

.header__logo-group {
  text-align: center;
  display: inline-block;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-60%);
          transform: translate(-60%);
}
@media screen and (min-width: 450px) {
  .header__logo-group {
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
}
@media screen and (min-width: 768px) {
  .header__logo-group {
    -webkit-transform: translate(0);
            transform: translate(0);
    position: static;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .header__logo-group .logo-group__copy {
    text-align: left;
  }
}

.header__logo-group .logo-group__img {
  width: 255px;
  width: 15.9375rem;
  margin: 0 auto;
}

.header__info-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
  padding-top: 1.5625rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .header__info-group {
    padding: 0;
  }
}
@media screen and (min-width: 960px) {
  .header__info-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0.625rem;
    width: 100%;
    max-width: 40.625rem;
  }
}
@media screen and (min-width: 1201px) {
  .header__info-group {
    max-width: 54.0625rem;
  }
}

.header .info-group__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1201px) {
  .header .info-group__left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.625rem;
  }
}

.header__info-group .icon-tag__text {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .header__nav {
    background-color: #f8f8f9;
    width: 100%;
    margin-top: 1.875rem;
    border-top: 0.0625rem solid #c8c8c8;
    border-bottom: 0.0625rem solid #c8c8c8;
  }
}

@media screen and (min-width: 768px) {
  .header__nav.nav--light-gray .nav__list {
    max-width: 75rem;
    margin: 0 auto;
  }
}

.icon-btn {
  padding: 0;
  width: 100%;
  display: block;
}

.icon-btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid transparent;
  border: 0.125rem solid transparent;
  border-radius: 0.1875rem;
  padding: 15px;
  padding: 0.9375rem;
  background-color: #0d51d9;
  color: #fff;
  gap: 15px;
  gap: 0.9375rem;
}

.icon-btn__inner--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-btn__inner--reverse .icon-btn__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon-btn--small .icon-btn__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}

.icon-btn--normal .icon-btn__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
}

.icon-btn--large .icon-btn__text {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
}

.icon-btn__icon {
  width: 18px;
  width: 1.125rem;
  height: auto;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.icon-btn__icon--download {
  width: 23px;
  width: 1.4375rem;
}

@media screen and (min-width: 768px) {
  .icon-btn__inner:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: transparent;
    border-color: currentColor;
    color: #333333;
  }
}

@media screen and (min-width: 768px) {
  .icon-btn__inner:hover .icon-btn__icon {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-filter: none;
            filter: none;
  }
}

.icon-list {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .icon-list {
    font-size: max(1.25rem, 16px);
  }
}

.icon-list__item {
  background: url(../images/icon/icon-arrow.png) no-repeat;
  background-position: left center;
  background-size: 1.25rem;
  padding-top: 2px;
  padding-top: 0.125rem;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
  padding-left: 35px;
  padding-left: 2.1875rem;
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .icon-list__item {
    margin-top: 2.5rem;
  }
}

.icon-list__item:first-child {
  margin-top: 0;
}

.icon-tag {
  display: inline-block;
  border-radius: 1.09375rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
}

.icon-tag--white {
  padding-top: 3px;
  padding-top: 0.1875rem;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  background-color: #fff;
  color: #333333;
}

.icon-tag--black {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  background-color: #333333;
  color: #fff;
}

.icon-tag__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-tag__icon {
  width: 23px;
  width: 1.4375rem;
  height: auto;
}

.icon-tag__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
}

.icon-tag--tel .icon-tag__text {
  margin-left: 5px;
  margin-left: 0.3125rem;
}

.icon-tag--pin .icon-tag__text {
  margin-left: 10px;
  margin-left: 0.625rem;
}

.icon-tag--pin .icon-tag__icon {
  width: 16px;
  width: 1rem;
  height: auto;
}

.icon-text-content-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .icon-text-content-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.icon-text-content-wrapper--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-text-content {
  margin-top: 40px;
  margin-top: 2.5rem;
  width: 100%;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  background-color: #f8f8f9;
  border-radius: 0.3125rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .icon-text-content {
    width: calc(50% - 1.25rem);
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .icon-text-content--wide {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .icon-text-content--wide {
    width: 48.6%;
  }
}

@media screen and (min-width: 768px) {
  .icon-text-content--col2 {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .icon-text-content--col2 {
    width: 100%;
  }
}

.icon-text-content:first-child {
  margin-top: 0;
}

.icon-text-content__inner {
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .icon-text-content__inner {
    padding-top: 1.875rem;
    padding-right: 2.8125rem;
    padding-left: 2.8125rem;
  }
}

.icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-bottom: 2px dashed #8e8d8d;
  border-bottom: 0.125rem dashed #8e8d8d;
}
@media screen and (min-width: 768px) {
  .icon-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
    padding-left: 1.5625rem;
  }
}

.icon-text:last-child {
  border-bottom: none;
  margin-top: 0;
}

.icon-text__img-wrapper {
  width: 60px;
  width: 3.75rem;
}

.icon-text__img {
  width: 100%;
  min-width: 60px;
  min-width: 3.75rem;
  height: auto;
}

@media screen and (min-width: 768px) {
  .icon-text__text-wrapper {
    margin-left: 1.5625rem;
  }
}

.icon-text__title {
  margin-top: 15px;
  margin-top: 0.9375rem;
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .icon-text__title {
    margin-top: 0;
  }
}

.icon-text__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 2;
}

.icon-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: 0.625rem;
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 500;
}

.icon-title__img {
  width: 35px;
  width: 2.1875rem;
  height: auto;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-content {
  position: relative;
}

.iframe-content--vertically-long {
  padding-top: 177.78%;
}

.iframe-content--oblong {
  padding-top: 56.25%;
}

.img-container__img {
  margin-top: 50px;
  margin-top: 50px;
  margin-top: 3.125rem;
  border-radius: 0.1875rem;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .img-container__img {
    margin-top: 3.75rem;
  }
}
.img-container__img:first-child {
  margin-top: 0;
}

.img-content__title {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 700;
}

.img-content__figure {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.img-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.img-flex-content--2col {
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .img-flex-content--2col {
    gap: 1.875rem;
  }
}

.img-flex-content--2col .img-flex-content__img {
  width: 100%;
  -webkit-box-shadow: 0 0 0.5625rem -0.3125rem #000000;
          box-shadow: 0 0 0.5625rem -0.3125rem #000000;
  border-radius: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .img-flex-content--2col .img-flex-content__img {
    width: 45%;
  }
}

.img-sentence-content {
  margin-top: -45px;
  margin-top: -2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (min-width: 768px) {
  .img-sentence-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.6875rem;
    margin-top: 0;
  }
}

.img-sentence-content .img-sentence {
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .img-sentence-content .img-sentence {
    width: calc(50% - 2.6875rem);
    margin-top: 0;
  }
}

.img-sentence {
  width: 100%;
  background-color: #f8f8f9;
  border-radius: 0.4375rem;
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .img-sentence {
    padding-top: 1.5625rem;
    padding-bottom: 2.1875rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.img-sentence--border {
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
}

.img-sentence__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1351px) {
  .img-sentence__upper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5625rem;
  }
}

.img-sentence__img-wrapper {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-top: 0.625rem;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .img-sentence__img-wrapper {
    max-width: 16.875rem;
  }
}

.img-sentence__text-wrapper {
  text-align: center;
}
@media screen and (min-width: 1351px) {
  .img-sentence__text-wrapper {
    text-align: left;
  }
}

.img-sentence__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  color: #333333;
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.img-sentence__subtitle {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  color: #333333;
  padding-top: 3px;
  padding-top: 0.1875rem;
}

.img-sentence__link-wrapper {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  color: #333333;
  padding-top: 3px;
  padding-top: 0.1875rem;
}

.img-sentence__link {
  display: inline-block;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
}

.img-sentence__link-wrapper::after {
  display: inline-block;
  content: "";
  background-image: url(../images/icon/icon-link.png);
  width: 17px;
  width: 1.0625rem;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.img-sentence__icon-btn {
  padding-top: 30px;
  padding-top: 1.875rem;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
  margin: 0 auto;
}

.img-sentence__icon-tag {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.img-sentence__text {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-top: 1.875rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
  line-height: 1.875;
}
@media screen and (min-width: 1351px) {
  .img-sentence__text {
    max-width: 35.625rem;
    padding-top: 0.625rem;
  }
}

.img-tag-text-list__item {
  margin-top: 70px;
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .img-tag-text-list__item {
    margin-top: 6.25rem;
  }
}

.img-tag-text-list__item:first-child {
  margin-top: 0;
}

.img-tag-text__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 960px) {
  .img-tag-text__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.875rem;
  }
}

.img-tag-text__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .img-tag-text__bottom {
    margin-top: 0;
    width: 40%;
  }
}

.img-tag-text__text-wrapper {
  margin-top: 20px;
  margin-top: 1.25rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .img-tag-text__text-wrapper {
    margin-top: 0.3125rem;
  }
}

.img-tag-text__btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 352px;
  max-width: 22rem;
}
@media screen and (min-width: 960px) {
  .img-tag-text__btn {
    margin-left: 0;
  }
}

.img-tag-text__upper {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .img-tag-text__upper {
    width: 37.5rem;
  }
}

.img-tag-text__img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .img-tag-text__img {
    padding-top: 2.5rem;
  }
}

.img-tag-text__iframe-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .img-tag-text__iframe-wrapper {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .img-tag-text__iframe-wrapper--vertically-long {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .img-tag-text__iframe-wrapper--oblong {
    width: 60%;
  }
}

.info-group__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.info-group__icon-btn {
  padding-top: 15px;
  padding-top: 0.9375rem;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .info-group__icon-btn {
    max-width: 16.25rem;
  }
}

.info-group__icon-btn--sp-hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .info-group__icon-btn--sp-hidden {
    display: block;
  }
}

.introduction-img-list {
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .introduction-img-list {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
  }
}

.introduction-img-list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .introduction-img-list__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .introduction-img-list__img-wrapper {
    width: 50%;
  }
}

.introduction-img-list__img {
  width: 100%;
  aspect-ratio: 1000/563;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 570px;
  max-width: 35.625rem;
  margin-right: auto;
  margin-left: auto;
}

.introduction-img-list__img--right-top {
  -o-object-position: right top;
     object-position: right top;
}

.introduction-img-list__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .introduction-img-list__title {
    font-size: max(2rem, 16px);
  }
}
@media screen and (min-width: 960px) {
  .introduction-img-list__title {
    font-size: max(2.5rem, 16px);
  }
}

.introduction-img-list__list-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
  max-width: 570px;
  max-width: 35.625rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .introduction-img-list__list-wrapper {
    width: 50%;
    margin: 0;
    padding-left: 0.625rem;
  }
}

.introduction-img-list__list {
  padding-left: 15px;
  padding-left: 0.9375rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .introduction-img-list__list {
    padding-left: 1.25rem;
    margin-top: 1.875rem;
  }
}

.introduction {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .introduction {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .introduction__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.introduction__self-introduction {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 960px) {
  .introduction__self-introduction {
    margin-top: 5rem;
  }
}

.introduction:first-child {
  margin-top: 0;
}

.light-gray-container {
  background-color: #f8f8f9;
  text-align: center;
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 35px;
  padding-bottom: 2.1875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.light-gray-container__logo-group {
  margin: 0 auto;
}

.light-gray-container__logo-group .logo-group__img {
  width: 215px;
  width: 13.4375rem;
  margin: 0 auto;
}

.light-gray-container__sns-link {
  padding-top: 20px;
  padding-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .light-gray-container__sns-link {
    padding-top: 3.125rem;
  }
}

.light-gray-container__text {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 2;
  color: #333333;
  padding-top: 30px;
  padding-top: 1.875rem;
}

.light-gray-container__list {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 2.5;
  color: #333333;
  padding-top: 10px;
  padding-top: 0.625rem;
  list-style-type: "・";
}
@media screen and (min-width: 768px) {
  .light-gray-container__list {
    width: 100%;
    max-width: 28.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    padding-top: 0;
  }
}

.light-gray-container__list-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.link-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link-card:first-child {
  margin-top: 0;
}

.link-card__img {
  width: 100%;
  aspect-ratio: 1000/563;
  -o-object-fit: cover;
     object-fit: cover;
}

.link-card__title {
  margin-top: 30px;
  margin-top: 1.875rem;
  font-size: max(22px, 16px);
  font-size: max(1.375rem, 16px);
  font-weight: 700;
  text-align: center;
}

.link-card__description {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  text-align: left;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.link-card__btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
}

.link-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px 30px;
  gap: 1.25rem 1.875rem;
}

.link-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.125rem;
  padding-top: 6px;
  padding-top: 0.375rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  padding-right: 30px;
  padding-right: 1.875rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  color: #333333;
  min-width: 140px;
  min-width: 8.75rem;
  max-width: 100%;
}

.list {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.5;
  list-style-type: "●";
  list-style-position: outside;
  width: 100%;
}

.list__item {
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.list__item:first-child {
  padding-top: 0;
}

.list--doted {
  list-style-type: "・";
}

.list--supplement {
  list-style-type: "＊";
}

.list--no-mark {
  list-style-type: none;
  padding-left: 0;
}

.list--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .list--2col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.625rem 0;
  }
}

.list--2col .list__item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list--2col .list__item {
    max-width: 25rem;
    padding-top: 0;
  }
}

.list--emphasis {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

.logo-group {
  font-size: 0;
}

.logo-group__link {
  display: inline-block;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.logo-group__img {
  width: 100%;
  height: auto;
}

.logo-group__copy {
  display: block;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  color: #333333;
}

.logo-group__copy--top {
  font-weight: 400;
}

.logo-group__copy--bottom {
  padding-top: 10px;
  padding-top: 0.625rem;
  font-weight: 500;
}

.form {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .form {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.25rem;
  }
}

.form__item-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
  margin-top: 3.125rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .form__item-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.625rem;
  }
}

.form__item {
  width: 100%;
}

.form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  color: #333333;
}
@media screen and (min-width: 1024px) {
  .form__label {
    max-width: 21.625rem;
  }
}

.form__input {
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  background-color: #fff;
  width: 100%;
  padding-top: 23px;
  padding-top: 1.4375rem;
  padding-bottom: 23px;
  padding-bottom: 1.4375rem;
  padding-right: 30px;
  padding-right: 1.875rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .form__input {
    width: 43.75rem;
    margin-top: 0;
  }
}

.form__textarea {
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  background-color: #fff;
  width: 100% !important;
  min-height: 150px !important;
  min-height: 9.375rem !important;
  height: 150px;
  height: 9.375rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .form__textarea {
    width: 43.75rem !important;
    min-height: 5.9375rem !important;
    height: 5.9375rem;
    margin-top: 0;
  }
}

.form__select {
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  background-color: #fff;
  color: #333333;
  width: 100%;
  padding-top: 23px;
  padding-top: 1.4375rem;
  padding-bottom: 23px;
  padding-bottom: 1.4375rem;
  padding-right: 46px;
  padding-right: 2.875rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .form__select {
    width: 43.75rem;
    margin-top: 0;
  }
}

.form__select-wrapper {
  position: relative;
}

.form__select-wrapper::after {
  display: block;
  content: "";
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  border-right: 2px solid #333333;
  border-right: 0.125rem solid #333333;
  border-bottom: 2px solid #333333;
  border-bottom: 0.125rem solid #333333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 45px;
  top: 2.8125rem;
  right: 20px;
  right: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .form__select-wrapper::after {
    top: 1.625rem;
  }
}

.form__link {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 700;
  line-height: 2.1875;
  color: #333333;
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 5px;
  text-underline-offset: 0.3125rem;
}

.form__submit-btn {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  color: #fff;
  background-color: #0d51d9;
  border-radius: 0.1875rem;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  padding-right: 55px;
  padding-right: 3.4375rem;
  padding-left: 55px;
  padding-left: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 45px auto 0;
  margin: 2.8125rem auto 0;
  border: 2px solid #0d51d9;
  border: 0.125rem solid #0d51d9;
}

@media screen and (min-width: 1024px) {
  .form__submit-btn:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: transparent;
    border-color: currentColor;
    color: #333333;
  }
}

.form .tag {
  margin-right: 10px;
  margin-right: 0.625rem;
}

.form__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .form__text {
    text-align: end;
    margin-right: 1.875rem;
  }
}

.checkbox-wrap {
  display: block;
  position: relative;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  cursor: pointer;
  text-indent: 35px;
  text-indent: 2.1875rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .checkbox-wrap {
    margin-top: 0;
    width: 43.75rem;
  }
}

input[type=checkbox],
input[type=radio] {
  position: fixed;
  width: 2px;
  width: 0.125rem;
  height: 2px;
  height: 0.125rem;
  opacity: 0.01;
}

.checkbox-wrap::before {
  content: "";
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  background-color: #fff;
  display: inline-block;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  position: absolute;
  top: 3px;
  top: 0.1875rem;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  margin-right: 0.625rem;
  left: 0;
}

input[type=checkbox]:checked + .mfp_element_hidden + .checkbox-wrap::after, input[type=checkbox]:checked ~.checkbox-wrap::after{
  background: url(../images/icon/icon-check.svg) no-repeat center;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.88 0.12" /><feFuncG type="table" tableValues="0.88 0.12" /><feFuncB type="table" tableValues="0.88 0.12" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.62973 0.46909 0.11529 0 0 0.21288999999999997 0.8084600000000001 0.10248 0 0 0.16592 0.32574000000000003 0.46991 0 0 0 0 0 1 0" /><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.22086999999999998 0.70785 0.07128 0 0 0.21087 0.71795 0.07128 0 0 0.21087 0.70785 0.08127999999999999 0 0 0 0 0 1 0" /><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="229" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.07" /><feFuncG type="linear" slope="1.07" /><feFuncB type="linear" slope="1.07" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.01" intercept="-0.0050000000000000044" /><feFuncG type="linear" slope="1.01" intercept="-0.0050000000000000044" /><feFuncB type="linear" slope="1.01" intercept="-0.0050000000000000044" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
          filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
  background-size: contain;
  content: "";
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  position: absolute;
  top: 5px;
  top: 0.3125rem;
  left: 3px;
  left: 0.1875rem;
}

input[type=checkbox]:checked + .mfp_element_hidden + .checkbox-wrap::before, input[type=checkbox]:checked ~.checkbox-wrap::before {
  background-color: #333333;
}

input[type=checkbox]:focus-visible + .mfp_element_hidden + .checkbox-wrap::before, input[type=checkbox]:focus-visible ~.checkbox-wrap::before {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
          box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
}

.radio-wrap {
  display: block;
  position: relative;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  cursor: pointer;
  text-indent: 35px;
  text-indent: 2.1875rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .radio-wrap {
    margin-top: 0;
    width: 43.75rem;
  }
}

.radio-wrap::before {
  content: "";
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  background-color: #fff;
  display: inline-block;
  width: 25px;
  width: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  top: 0.1875rem;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  margin-right: 0.625rem;
  left: 0;
}

input[type=radio]:checked + .radio-wrap::after {
  content: "";
  background-color: #333333;
  display: inline-block;
  width: 17px;
  width: 1.0625rem;
  height: 17px;
  height: 1.0625rem;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  top: 0.4375rem;
  left: 4px;
  left: 0.25rem;
  vertical-align: middle;
  text-align: center;
}

input[type=radio]:focus-visible + .radio-wrap::before {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
          box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
}

input[type=radio]:checked + .mfp_element_hidden + .radio-wrap::after {
  content: "";
  background-color: #333333;
  display: inline-block;
  width: 17px;
  width: 1.0625rem;
  height: 17px;
  height: 1.0625rem;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  top: 0.4375rem;
  left: 4px;
  left: 0.25rem;
  vertical-align: middle;
  text-align: center;
}

input[type=radio]:focus-visible + .mfp_element_hidden + .radio-wrap::before {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
          box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #333333;
}

label + label {
  display: block;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.mark-tag {
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-right: 5px;
  padding-right: 0.3125rem;
  border-radius: 0.3125rem;
}

.mark-tag__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
  line-height: 1.7;
}

.media-content {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .media-content {
    margin-top: 4.0625rem;
  }
}

.media-content__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .media-content__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.875rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .media-content__link:hover .media-content__img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.media-content:first-child {
  margin-top: 0;
}

.media-content__img-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(51, 51, 51, .16);
          box-shadow: 0 0.1875rem 0.375rem rgba(51, 51, 51, .16);
}
@media screen and (min-width: 768px) {
  .media-content__img-wrapper {
    max-width: 20.625rem;
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.media-content__img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .media-content__img {
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  }
}

.media-content .tag {
  background-color: #333333;
  color: #fff;
  width: 100%;
  max-width: 190px;
  max-width: 11.875rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.media-content__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .media-content__text-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 22.5rem);
  }
}

.media-content__title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  padding-top: 10px;
  padding-top: 0.625rem;
}

.media-content__text {
  padding-top: 10px;
  padding-top: 0.625rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  color: #333333;
}

.media-content__icon-btn {
  padding-top: 15px;
  padding-top: 0.9375rem;
  text-align: center;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .media-content__icon-btn {
    padding-top: 1.25rem;
    margin-left: 0;
  }
}

/* ナビゲーション全体のスタイル */
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  background-color: #333333;
  border-top: 1px solid #333333;
  border-top: 0.0625rem solid #333333;
}

.nav__item {
  width: 100%;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid #f2f2f3;
  border-bottom: 0.0625rem solid #f2f2f3;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.nav__link {
  display: inline-block;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}

.nav__item:last-of-type {
  border: none;
}

.js-current {
  background-color: #f2f2f3;
  color: #333333;
}

/* PC、タブレットのスタイル */
@media screen and (min-width: 768px) {
  .nav--black .nav__list {
    background-color: #333333;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
  }
}

.nav--black .nav__item {
  margin-right: 0;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .nav--black .nav__item {
    border-bottom: none;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (min-width: 768px) {
  .nav--black .js-current {
    background-color: #333333;
    color: #fff;
  }
}

.nav--black .nav__link {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 1024px) and (max-width: 1292px) {
  .nav--black .nav__link {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .nav--light-gray .nav__list {
    background-color: #f8f8f9;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
  }
}

@media screen and (min-width: 768px) {
  .nav--light-gray .nav__item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    color: #333333;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (min-width: 768px) {
  .nav--light-gray .js-current {
    background-color: transparent;
    color: #333333;
  }
}

.nav--light-gray .js-current .nav__link {
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 10px;
  text-underline-offset: 0.625rem;
}

.number-heading-text-brock__inner {
  margin-top: -50px;
  margin-top: -3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .number-heading-text-brock__inner {
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.number-heading-text-brock__title-wrapper {
  background-color: #f8f8f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.number-heading-text-brock__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
}

.number-heading-text-brock__title--number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #dfdfdf;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.number-heading-text-brock__text-wrapper {
  margin-top: 10px;
  margin-top: 0.625rem;
  letter-spacing: -0.4px;
  line-height: 2;
}

.number-heading-text-brock__list {
  padding-left: 20px;
  padding-left: 1.25rem;
}

.number-heading-text-brock__list-item {
  list-style: disc;
}

.number-heading-text-brock__brock {
  margin-top: 50px;
  margin-top: 3.125rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .number-heading-text-brock__brock {
    width: calc(50% - 1.5625rem);
  }
}

.number-heading-text-brock__list-link {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 700;
  line-height: 2.1875;
  color: #333333;
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 5px;
  text-underline-offset: 0.3125rem;
}

.number-heading-text-brock__btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .number-heading-text-brock__btn {
    margin-top: 3.125rem;
  }
}

.ol-list {
  list-style-type: decimal;
  margin-left: 20px;
  margin-left: 1.25rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

.ol-list--parentheses {
  list-style-type: none;
  counter-reset: count 0;
  margin-left: 0;
}

.ol-list--parentheses .ol-list__item {
  padding: 0;
  padding-left: 22px;
  padding-left: 1.375rem;
  text-indent: -22px;
  text-indent: -1.375rem;
}

.ol-list--parentheses .ol-list__item::before {
  content: "(" counter(count) ")";
  counter-increment: count 1;
}

.ol-list__link {
  font-weight: 500;
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 5px;
  text-underline-offset: 0.3125rem;
}

.plan-detail__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .plan-detail__inner {
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.podcast-banner {
  margin-top: 40px;
  margin-top: 2.5rem;
  width: 100%;
  height: auto;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  background-color: #f8f8f9;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .podcast-banner {
    margin-top: 3.75rem;
    aspect-ratio: 40/9;
  }
}

.podcast-banner__inner {
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .podcast-banner__inner {
    padding-top: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-bottom: 1.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.875rem;
  }
}

.podcast-banner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .podcast-banner__content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.podcast-banner__title {
  font-size: max(22px, 16px);
  font-size: max(1.375rem, 16px);
  font-weight: 700;
  line-height: 1.875;
  color: #333333;
  padding-top: 0;
  text-align: justify;
}

.podcast-banner__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
  color: #333333;
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.podcast-banner__img {
  width: 50%;
  max-width: 280px;
  max-width: 17.5rem;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 960px) {
  .podcast-banner__img {
    width: 30%;
  }
}

.podcast-banner__link-group {
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .podcast-banner__link-group {
    padding-top: 1.25rem;
  }
}

.rounded-corner-text-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .rounded-corner-text-box__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.rounded-corner-text-box__badge-title {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .rounded-corner-text-box__badge-title {
    width: 24.0625rem;
  }
}

.rounded-corner-text-box__text-wrapper {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .rounded-corner-text-box__text-wrapper {
    margin-top: 0;
    width: calc(100% - 24.0625rem);
  }
}

.rounded-corner-text-box {
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  background-color: #fff;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  width: 100%;
  border: 2px solid #8e8d8d;
  border: 0.125rem solid #8e8d8d;
  border-radius: 0.625rem;
}
@media screen and (min-width: 768px) {
  .rounded-corner-text-box {
    padding: 2.5rem 0.9375rem;
  }
}

.rounded-corner-text-box__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}

.rounded-corner-text-box__list {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  margin-top: 55px;
  margin-top: 3.4375rem;
  list-style-type: "●";
  list-style-position: inside;
}

.rounded-corner-text-box__list-item {
  padding-top: 55px;
  padding-top: 3.4375rem;
}

.rounded-corner-text-box__list-item:first-child {
  padding-top: 0;
}

.rounded-corner-text-box-content__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .rounded-corner-text-box-content__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.rounded-fill-title {
  padding: 30px 15px;
  padding: 1.875rem 0.9375rem;
  text-align: center;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  border-radius: 0.9375rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .rounded-fill-title {
    padding: 3.75rem 0.9375rem;
  }
}

.rounded-fill-title__main {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 700;
  padding-top: 5px;
  padding-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .rounded-fill-title__main {
    font-size: max(2.5rem, 16px);
  }
}

.rounded-fill-title__sub {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .rounded-fill-title__sub {
    font-size: max(1.875rem, 16px);
  }
}

.rounded-fill-title__supplement {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.section-title {
  text-align: center;
}

.section-title__text--ja {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: bold;
  line-height: 1.6666666667;
  color: #333333;
}

.section-title__text--en {
  font-size: max(77px, 16px);
  font-size: max(4.8125rem, 16px);
  font-weight: bold;
  line-height: 0.9;
  color: #8e8d8d;
  font-family: "din-2014-narrow", sans-serif;
  text-transform: uppercase;
}

.section-title--small .section-title__text--ja {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
}
@media screen and (min-width: 768px) {
  .section-title--small .section-title__text--ja {
    font-size: max(2.3125rem, 16px);
  }
}

.section-title--small .section-title__text--en {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
}
@media screen and (min-width: 768px) {
  .section-title--small .section-title__text--en {
    font-size: max(1.375rem, 16px);
  }
}

.self-introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .self-introduction {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.875rem;
  }
}

.self-introduction__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .self-introduction__inner {
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.self-introduction__text-header {
  padding-top: 20px;
  padding-top: 1.25rem;
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 1.8;
}

.self-introduction__text-header:first-of-type {
  padding-top: 0;
}

.self-introduction__text-header + .self-introduction__text {
  padding-top: 0;
}

.self-introduction__text {
  padding-top: 16px;
  padding-top: 1rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

.self-introduction__img-cap-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .self-introduction__img-cap-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.self-introduction__sns-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 17px;
  margin-top: 1.0625rem;
  gap: 5px;
  gap: 0.3125rem;
}

.self-introduction__sns-link-text {
  font-weight: 500;
}

.self-introduction__sns-link .link-tag {
  background-color: #333333;
  color: #fff;
  padding-top: 3px;
  padding-top: 0.1875rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  font-weight: 400;
}

.self-introduction__img {
  width: 310px;
  width: 19.375rem;
  height: auto;
  text-align: center;
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .self-introduction__img {
    min-width: 310px;
    margin-right: 0;
    margin-left: 0;
  }
}

.self-introduction__caption {
  font-weight: 500;
}

.self-introduction__caption--small {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
}

.self-introduction__caption--large {
  font-size: max(28px, 16px);
  font-size: max(1.75rem, 16px);
  letter-spacing: -1px;
  letter-spacing: -0.0625rem;
  line-height: 1;
}

.sentence-box {
  background-color: #f8f8f9;
  border-radius: 0.4375rem;
  padding: 20px;
  padding: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sentence-box {
    padding: 1.875rem 3.125rem;
  }
}

.sentence-box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .sentence-box__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.25rem;
  }
}

.sentence-box__img-container img {
  max-width: 350px;
  max-width: 21.875rem;
}

.sentence-box__title-wrapper {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sentence-box__title-wrapper {
    text-align: left;
  }
}

.sentence-box__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
}

.sentence-box__link {
  display: inline-block;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
}

.sentence-box__link::after {
  display: inline-block;
  content: "";
  background-image: url(../images/icon/icon-link.png);
  width: 17px;
  width: 1.0625rem;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.sentence-box__icon-btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .sentence-box__icon-btn {
    margin-right: 0;
    margin-left: 0;
    max-width: 18.75rem;
  }
}

.sentence-box__body {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.sentence-box__text-wrapper:first-child {
  padding-top: 0;
}

.sentence-box__subtitle {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
}

.sentence-box__text-wrapper {
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.sentence-box__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.875;
}

.sentence-boxes__sentence-box {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .sentence-boxes__sentence-box {
    margin-top: 3.125rem;
  }
}

.sentence-boxes__sentence-box:first-child {
  margin-top: 0;
}

.sentence-content {
  margin-top: 55px;
  margin-top: 3.4375rem;
}

.sentence-content__title {
  font-size: max(22px, 16px);
  font-size: max(1.375rem, 16px);
  font-weight: 500;
  padding-left: 10px;
  padding-left: 0.625rem;
  border-left: 4px solid #333333;
  border-left: 0.25rem solid #333333;
}

.sentence-content__sub-title {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
}

.sentence-content__subtitle {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  padding-top: 25px;
  padding-top: 1.5625rem;
}

.sentence-content__subtitle + .sentence-content__text {
  padding-top: 10px;
  padding-top: 0.625rem;
}

.sentence-content__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  padding-top: 20px;
  padding-top: 1.25rem;
  line-height: 1.8;
}

.sentence-content__filling-list {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.sentence-content__link {
  font-weight: 500;
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 5px;
  text-underline-offset: 0.3125rem;
}

.sentence-content__ol-list {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.sentence-content__ol-list .ol-list__item {
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.sentence-content__ol-list .ol-list__item:first-child {
  padding-top: 0;
}

.sentence-content__ol-list--parentheses {
  margin-top: 0;
}

.sentence-content__ol-list--parentheses .ol-list__item {
  padding-top: 0;
}

.sentence-content__ol-list .sentence-content__filling-list {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.sentence-content__icon-btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .sentence-content__icon-btn {
    margin-top: 3.125rem;
  }
}

.sentence-content__date-item {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.sentence-content__iframe-wrapper {
  margin-top: 25px;
  margin-top: 1.5625rem;
  width: 100%;
  max-width: 500px;
  max-width: 31.25rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .sentence-content__iframe-wrapper {
    margin-top: 1.5625rem;
  }
}

.sentence-content__box {
  background: #f8f8f9;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  border-radius: 0.1875rem;
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .sentence-content__box {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}

.sentence-content__list {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
  line-height: 1.8;
}

.sentence-content-list__item {
  margin-left: 16px;
  margin-left: 1rem;
  padding-top: 15px;
  padding-top: 0.9375rem;
  list-style-type: circle;
  line-height: 1.7;
}

.sentence-content__table-wrapper {
  overflow-x: auto;
}

.sentence-content__table {
  margin-top: 20px;
  margin-top: 1.25rem;
  width: 950px;
  width: 59.375rem;
  table-layout: fixed;
  border-collapse: collapse;
}

.sentence-content__table th,
.sentence-content__table td {
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  padding: 10px;
  padding: 0.625rem;
  text-align: left;
  font-weight: 400;
}

.sentence-content__table th {
  background-color: #f8f8f9;
}

.sentence-content__table .sentence-content__table-horizontal-header {
  text-align: center;
}

.sentence-content__table-horizontal-header--leftmost-column {
  width: 45%;
}

.sentence-content__table-horizontal-header--rightmost-column {
  width: 23%;
}

.sentence-img__inner {
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sentence-img__inner {
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.sentence-img__text-header {
  padding-top: 20px;
  padding-top: 1.25rem;
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 1.8;
}

.sentence-img__text-header:first-of-type {
  padding-top: 0;
}

.sentence-img__text-header + .sentence-img__text {
  padding-top: 0;
}

.sentence-img__text {
  padding-top: 16px;
  padding-top: 1rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  line-height: 1.8;
}

.sentence-img__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
  margin-top: 3.125rem;
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sentence-img__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 5rem;
    gap: 1.875rem;
  }
}

.sentence-img__container:first-child {
  margin-top: 0;
}

.sentence-img__img-cap-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .sentence-img__img-cap-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.sentence-img__sns-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 17px;
  margin-top: 1.0625rem;
  gap: 5px;
  gap: 0.3125rem;
}

.sentence-img__sns-link-text {
  font-weight: 500;
}

.sentence-img__sns-link .link-tag {
  background-color: #333333;
  color: #fff;
  padding-top: 3px;
  padding-top: 0.1875rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  font-weight: 400;
}

.sentence-img__img {
  width: 310px;
  width: 19.375rem;
  height: auto;
  text-align: center;
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .sentence-img__img {
    min-width: 315px;
    margin-right: 0;
    margin-left: 0;
  }
}

.sentence-img__caption {
  font-weight: 500;
}

.sentence-img__caption--small {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
}

.sentence-img__caption--large {
  font-size: max(28px, 16px);
  font-size: max(1.75rem, 16px);
  letter-spacing: -1px;
  letter-spacing: -0.0625rem;
  line-height: 1;
}

.simple-section-title {
  text-align: center;
}

.simple-section-title__text--ja {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 2;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .simple-section-title__text--ja {
    font-size: max(2.5rem, 16px);
  }
}

.simple-section-title__text--en {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 0.5;
  color: #666;
}
@media screen and (min-width: 768px) {
  .simple-section-title__text--en {
    font-size: max(1.375rem, 16px);
  }
}

.square-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
  background-color: #f2f2f3;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  color: #333333;
}

.square-labels {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  gap: 0.625rem;
}

.square-labels .square-label {
  width: calc(50% - 0.3125rem);
}
@media screen and (min-width: 768px) {
  .square-labels .square-label {
    width: calc(20% - 0.5rem);
  }
}

.summary__inner {
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 960px) {
  .summary__inner {
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    gap: 0.9375rem;
  }
}

.summary__inner--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.summary__item {
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  border-radius: 0.3125rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
  margin: 0 auto;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 960px) {
  .summary__item {
    padding-left: 2.813rem;
    padding-right: 2.813rem;
    margin-left: 0;
    margin-right: 0;
    width: 48.6%;
    padding-bottom: 2.75rem;
    margin-top: 0;
  }
}

.summary__item:first-child {
  margin-top: 0;
}

.summary__intro {
  text-align: center;
}

.summary__intro-text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.9;
  font-weight: 400;
}

.summary__intro-text--medium {
  font-weight: 500;
}

.summary__intro-text--medium:nth-child(3) {
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.summary__intro-text--emphasis {
  font-size: max(50px, 16px);
  font-size: max(3.125rem, 16px);
  font-weight: 700;
  line-height: 1;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.summary__intro-text--normal {
  text-align: left;
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .summary__intro-text--normal {
    padding-top: 1.875rem;
  }
}

.summary__intro-subtitle {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .summary__intro-subtitle {
    margin-top: 0.313rem;
  }
}

.summary__intro-subtitle--wide-mt {
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .summary__intro-subtitle--wide-mt {
    margin-top: 1.25rem;
  }
}

.summary__btn {
  padding-top: 18px;
  padding-top: 1.125rem;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  max-width: 18.75rem;
}

.summary__btn .summary__list-wrapper {
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .summary__btn .summary__list-wrapper {
    padding-top: 1.875rem;
  }
}

.summary__list-item {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
  line-height: 1.5;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 7px;
  padding-bottom: 0.4375rem;
  border-bottom: 2px dashed #8e8d8d;
  border-bottom: 0.125rem dashed #8e8d8d;
}

.summary__list-item .significant {
  color: #c70000;
  font-weight: 700;
}

.summary__mark-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 280px;
}

.summary__mark-list {
  margin-top: 23px;
  margin-top: 1.4375rem;
}

.summary__mark-list .mark-tag {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.summary__mark-list .mark-tag:first-child {
  margin-top: 0;
}

.summary__text {
  padding-top: 15px;
  padding-top: 0.9375rem;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
}

.tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .tab__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.tab__btn {
  position: relative;
  width: 100%;
  font-weight: 400;
  border-radius: 0.3125rem;
  text-align: center;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  color: #333333;
  background-color: #f8f8f9;
  padding: 20px 32px 20px 32px;
  padding: 1.25rem 2rem 1.25rem 2rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .tab__btn {
    width: 25%;
    border-radius: 0.3125rem 0.3125rem 0 0;
    margin-top: 0;
  }
}

.tab__btn:first-child {
  margin-top: 0;
}

.tab__btn[aria-selected=true] {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .tab__btn[aria-selected=true] {
    border-bottom: none;
  }
}

.tab__btn[aria-selected=true] .tab__icon {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

@media screen and (min-width: 768px) {
  .tab__btn:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
  }
}

.tab__icon {
  width: 20px;
  width: 1.25rem;
  height: auto;
  position: absolute;
  top: 50%;
  right: 10px;
  right: 0.625rem;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.tab__panel {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.table-of-contents__title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .table-of-contents__title {
    font-size: max(2.5rem, 16px);
  }
}

.table-of-contents__title::after {
  content: "";
  display: block;
  width: 70px;
  width: 4.375rem;
  height: 3px;
  height: 0.1875rem;
  background-color: #333333;
  position: relative;
  top: 5px;
  top: 0.3125rem;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.table-of-contents__container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 960px) {
  .table-of-contents__container-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3.125rem;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.table-of-contents__container {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .table-of-contents__container {
    width: 40%;
  }
}

.table-of-contents__container--left .table-of-contents__item:first-child {
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  .table-of-contents__container--right .table-of-contents__item:first-child {
    margin-top: 0;
  }
}

.table-of-contents__item {
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .table-of-contents__item {
    margin-top: 1.875rem;
  }
}

.table-of-contents__number-heading {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .table-of-contents__number-heading {
    font-size: max(1.25rem, 16px);
  }
}

.table-of-contents__number-heading--number {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
}
@media screen and (min-width: 768px) {
  .table-of-contents__number-heading--number {
    font-size: max(1.75rem, 16px);
  }
}

.table-of-contents-list {
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .table-of-contents-list {
    margin-top: 1.25rem;
  }
}

.table-of-contents-list__item {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  list-style-type: none;
  counter-increment: cnt;
  padding-top: 10px;
  padding-top: 0.625rem;
  margin-left: 30px;
  margin-left: 1.875rem;
}
@media screen and (min-width: 768px) {
  .table-of-contents-list__item {
    margin-left: 2.5rem;
  }
}

.table-of-contents-list__item:before {
  padding-right: 10px;
  padding-right: 0.625rem;
}

.table-of-contents-list--1 .table-of-contents-list__item:before {
  content: "1-" counter(cnt);
}

.table-of-contents-list--2 .table-of-contents-list__item:before {
  content: "2-" counter(cnt);
}

.table-of-contents-list--3 .table-of-contents-list__item:before {
  content: "3-" counter(cnt);
}

.table-of-contents-list--4 .table-of-contents-list__item:before {
  content: "4-" counter(cnt);
}

.table-of-contents-list--5 .table-of-contents-list__item:before {
  content: "5-" counter(cnt);
}

.table-of-contents-list--6 .table-of-contents-list__item:before {
  content: "6-" counter(cnt);
}

.table-of-contents-list__item:first-child {
  padding-top: 0;
}

.table-section__table-wrapper {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.table-section__table {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .table-section__table {
    max-width: 66.25rem;
  }
}

.table a {
  text-decoration: underline;
}

.table__header,
.table__data {
  display: block;
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .table__header,
  .table__data {
    display: inline-block;
  }
}

.table__header {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #333333;
  border-bottom: 0.0625rem solid #333333;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .table__header {
    width: 25%;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}

.table__data {
  padding-top: 5px;
  padding-top: 0.3125rem;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .table__data {
    width: 75%;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    border-bottom: 0.0625rem solid #333333;
  }
}

.table__row:first-of-type .table__header {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .table__row:first-of-type .table__header {
    padding-top: 1.5625rem;
  }
}

.tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.125rem;
  padding-top: 6px;
  padding-top: 0.375rem;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  padding-right: 30px;
  padding-right: 1.875rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  border: 1px solid #333333;
  border: 0.0625rem solid #333333;
}

.tag--any {
  color: #333333;
}

.tag--required {
  background-color: #333333;
  color: #fff;
}

.tag__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 500;
  white-space: nowrap;
}

.tel-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tel-number__text {
  font-size: max(26px, 16px);
  font-size: max(1.625rem, 16px);
  font-weight: 700;
  margin-left: 15px;
  margin-left: 0.9375rem;
}

.text-block__title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  line-height: 1.875;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .text-block__title {
    font-size: max(1.625rem, 16px);
  }
}
@media screen and (min-width: 960px) {
  .text-block__title {
    font-size: max(2.5rem, 16px);
  }
}

.text-block__subtitle {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  padding-top: 30px;
  padding-top: 1.875rem;
  text-align: center;
}

.text-block__subtitle:first-child {
  padding-top: 0;
}

.text-block__title-wrapper {
  background-size: contain;
  background-image: url(../images/common/common__grid--sp.webp);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .text-block__title-wrapper {
    background-image: url(../images/common/common__grid--pc.webp);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-size: cover;
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.text-block__title-wrapper--1line {
  padding-top: 58px;
  padding-top: 3.625rem;
  padding-bottom: 58px;
  padding-bottom: 3.625rem;
}
@media screen and (min-width: 768px) {
  .text-block__title-wrapper--1line {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.text-block__title-wrapper--2line {
  padding-top: 38px;
  padding-top: 2.375rem;
  padding-bottom: 38px;
  padding-bottom: 2.375rem;
}
@media screen and (min-width: 768px) {
  .text-block__title-wrapper--2line {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.text-block__title-wrapper--3line {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
  .text-block__title-wrapper--3line {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.text-block__title-wrapper--4line {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .text-block__title-wrapper--4line {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
}

.text-block__text-wrapper {
  width: 100%;
  max-width: 650px;
  max-width: 40.625rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .text-block__text-wrapper {
    padding-top: 2.1875rem;
  }
}

.text-block__text-wrapper--wide {
  width: 100%;
  padding-top: 20px;
  padding-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .text-block__text-wrapper--wide {
    padding-top: 2.1875rem;
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.text-block__fill {
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  background-color: #f2f2f3;
  border-radius: 0.3125rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .text-block__fill {
    padding-top: 1.875rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    padding-bottom: 2.5rem;
  }
}

.text-block__text {
  color: #333333;
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .text-block__text {
    padding-top: 1.25rem;
  }
}

.text-block__text--left {
  text-align: left;
}

.text-block__text--bold {
  font-weight: 700;
}

.text-block__text--emphasis {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  text-align: left;
  font-weight: 500;
  line-height: 1.75;
  padding-top: 50px;
  padding-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .text-block__text--emphasis {
    font-size: max(1.5rem, 16px);
    line-height: 1.5;
    padding-top: 5rem;
  }
}

.text-block__text--some-emphasis {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 1.75;
  text-align: left;
}

.text-block__text--center {
  text-align: center;
}

.text-block__text--center-to-left {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .text-block__text--center-to-left {
    text-align: left;
  }
}

.text-block__text:first-child {
  padding-top: 0;
}

.text-block__list {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-left: 16px;
  padding-left: 1rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .text-block__list {
    max-width: 62.5rem;
  }
}

.text-block__text--plus-subtitle {
  padding-top: 5px;
  padding-top: 0.3125rem;
}

.text-block__text-wrapper--puls-text-wrapper {
  padding-top: 50px;
  padding-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .text-block__text-wrapper--puls-text-wrapper {
    padding-top: 5rem;
  }
}

.text-block__content {
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-top: 3.125rem;
}

.text-block__content:first-child {
  padding-top: 0;
}

.text-block__icon-btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .text-block__icon-btn {
    margin-top: 3.125rem;
  }
}

.text-block__link {
  font-weight: 500;
  -webkit-text-decoration: underline solid #333333;
          text-decoration: underline solid #333333;
  text-underline-offset: 5px;
  text-underline-offset: 0.3125rem;
}

.text-block__img-wrapper {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .text-block__img-wrapper {
    margin-top: 2.1875rem;
  }
}

.text-block__flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  gap: 1.875rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .text-block__flex-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.text-block__flex-wrapper--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .text-block__flex-wrapper--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.text-block__flex-bottom {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .text-block__flex-bottom {
    width: 37.5rem;
    min-width: 37.5rem;
  }
}

.text-block__flex-wrapper .text-block__img-wrapper {
  margin-top: 0;
}

.text-block__btn {
  padding-top: 15px;
  padding-top: 0.9375rem;
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .text-block__btn {
    padding-top: 2.5rem;
  }
}

.text-block__flow-list {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.text-block__text + .text-block__text-wrapper--wide {
  padding-top: 50px;
  padding-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .text-block__text + .text-block__text-wrapper--wide {
    padding-top: 5rem;
  }
}

.text-block__img-tag-text-list-wrapper {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .text-block__img-tag-text-list-wrapper {
    width: 100%;
    max-width: 90rem;
    margin: 4.375rem auto 0;
  }
}

.text-block__sentence-img {
  margin-top: 35px;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .text-block__sentence-img {
    margin-top: 3.125rem;
  }
}

.text-content__title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .text-content__title {
    font-size: max(2.5rem, 16px);
  }
}

.text-content__text-wrapper {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .text-content__text-wrapper {
    margin-top: 2.5rem;
  }
}

.text-content__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  text-align: center;
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .text-content__text {
    font-size: max(1.25rem, 16px);
    padding-top: 0.625rem;
  }
}

.text-content__text:first-child {
  padding-top: 0;
}

.text-content__icon-btn {
  margin-top: 40px;
  margin-top: 2.5rem;
  width: 100%;
  max-width: 400px;
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .text-content__icon-btn {
    margin-top: 3.75rem;
  }
}

.title-with-img__inner {
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .title-with-img__inner {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    padding-top: 5rem;
    padding-bottom: 4.375rem;
  }
}

.title-with-img__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .title-with-img__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 77.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
  }
}

.title-with-img__upper {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .title-with-img__upper {
    width: 44%;
    margin: 0;
  }
}

.title-with-img__upper--vertically-long {
  width: 80%;
}
@media screen and (min-width: 768px) {
  .title-with-img__upper--vertically-long {
    width: 50%;
  }
}

.title-with-img__upper--oblong {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .title-with-img__upper--oblong {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.title-with-img__iframe-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .title-with-img__iframe-wrapper {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .title-with-img__iframe-wrapper--vertically-long {
    width: 80%;
  }
}
@media screen and (min-width: 768px) and (min-width: 960px) {
  .title-with-img__iframe-wrapper--vertically-long {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .title-with-img__iframe-wrapper--oblong {
    width: 80%;
  }
}

.title-with-img__img {
  width: 100%;
  height: auto;
}

.title-with-img__bottom {
  margin-top: 20px;
  margin-top: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .title-with-img__bottom {
    width: 50%;
    margin-top: 0;
  }
}

.title-with-img__fill-in-fill {
  margin: 0 auto;
  max-width: 328px;
  max-width: 20.5rem;
}
@media screen and (min-width: 768px) {
  .title-with-img__fill-in-fill {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
    margin-left: 0;
  }
}

.title-with-img__title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 500;
  line-height: 1.9;
  text-align: center;
  padding-top: 16px;
  padding-top: 1rem;
}
@media screen and (min-width: 768px) {
  .title-with-img__title {
    font-size: max(2.5rem, 16px);
    line-height: 1.5;
    text-align: left;
  }
}

.title-with-img__subtitle {
  font-weight: 500;
  text-align: center;
  padding-top: 5px;
  padding-top: 0.3125rem;
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
}
@media screen and (min-width: 768px) {
  .title-with-img__subtitle {
    font-size: max(1.5rem, 16px);
    text-align: left;
  }
}

.title-with-img__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.9;
  text-align: center;
  padding-top: 5px;
  padding-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .title-with-img__text {
    text-align: left;
    font-size: max(1.25rem, 16px);
  }
}

.title-with-img__btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 400px;
  max-width: 25rem;
}
@media screen and (min-width: 768px) {
  .title-with-img__btn {
    margin-left: 0;
    margin-top: 3.125rem;
  }
}

.toggle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55px;
  width: 3.4375rem;
  height: 60px;
  height: 3.75rem;
  padding: 0;
  border: 2px solid #333333;
  border: 0.125rem solid #333333;
  border-radius: 0.1875rem;
}

.toggle-btn__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  width: 2rem;
  height: 24px;
  height: 1.5rem;
  position: relative;
}

.toggle-btn__item {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  height: 0.25rem;
  border-radius: 0.125rem;
  background-color: #333333;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.toggle-btn__item:nth-child(1) {
  top: 0px;
  top: 0rem;
}

.toggle-btn__item:nth-child(2) {
  top: 10px;
  top: 0.625rem;
}

.toggle-btn__item:nth-child(3) {
  top: 20px;
  top: 1.25rem;
}

.toggle-btn.js-is-open .toggle-btn__item:nth-child(1) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px;
  top: 0.625rem;
  left: 0px;
  left: 0rem;
}

.toggle-btn.js-is-open .toggle-btn__item:nth-child(2),
.toggle-btn.js-is-open .toggle-btn__item:nth-child(3) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
  top: 0.625rem;
  left: 0px;
  left: 0rem;
}

.toggle {
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  background-color: #fff;
}

.toggle__nav {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.toggle__sns-link {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  text-align: center;
  background-color: #fff;
}

.toggle.js-is-open {
  opacity: 1;
  visibility: visible;
}

.toggle__logo-group {
  text-align: center;
  display: inline-block;
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-60%);
          transform: translate(-60%);
  padding-top: 30px;
  padding-top: 1.875rem;
}
@media screen and (min-width: 450px) {
  .toggle__logo-group {
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
  }
}

.toggle__logo-group .logo-group__img {
  width: 255px;
  width: 15.9375rem;
  margin: 0 auto;
}

.toggle__info-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
  padding-top: 1.5625rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.toggle__info-group .icon-tag__text {
  font-weight: 700;
}

.top-title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  font-weight: 500;
  color: #333333;
  padding: 15px;
  padding: 0.9375rem;
  line-height: 1.5;
  border-left: 5px solid #333333;
  border-left: 0.3125rem solid #333333;
  background: #f8f8f9;
}

.top-title__introduction-statement {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 500;
  color: #333333;
  padding-top: 20px;
  padding-top: 1.25rem;
  line-height: 1.8;
}

.top-title__filling-list {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.video-content__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .video-content__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 66.875rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.video-content__text-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .video-content__text-wrapper {
    width: 80%;
  }
}

.video-content__icon-title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .video-content__icon-title {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.video-content__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  font-weight: 400;
  text-align: center;
  line-height: 1.875;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .video-content__text {
    text-align: left;
  }
}

.video-content__iframe-wrapper {
  margin-top: 25px;
  margin-top: 1.5625rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .video-content__iframe-wrapper {
    margin-top: 0;
  }
}

.voice-img-sentence__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .voice-img-sentence__inner {
    padding-top: 5rem;
    padding-bottom: 5.625rem;
    max-width: 93.125rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.voice-img-sentence__img-sentence-content {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .voice-img-sentence__img-sentence-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 3.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .voice-img-sentence .img-sentence {
    padding: 0.625rem 1.25rem 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .voice-img-sentence .img-sentence__text {
    margin: 0;
    width: 100%;
    max-width: none;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.accessibility-policy {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.accessibility-policy__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .accessibility-policy__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.accessibility-policy__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .accessibility-policy__breadcrumbs {
    margin-top: 3.75rem;
  }
}

.accessibility-policy__top-title {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.accessibility-templates {
  position: relative;
  overflow: hidden;
}

.accessibility-templates__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.accessibility-templates__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.accessibility-templates__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.accessibility-templates__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__text-block {
    margin-top: 3.75rem;
  }
}

.accessibility-templates__img-tag-text {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__img-tag-text {
    max-width: 93.125rem;
    margin-top: 6.25rem;
  }
}

.accessibility-templates__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.accessibility-templates__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__workflow {
    margin-top: 3.75rem;
  }
}

.accessibility-templates .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.accessibility-templates__plan-detail {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__plan-detail {
    margin-top: 7.1875rem;
  }
}

.accessibility-templates__voice-img-sentence {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__voice-img-sentence {
    margin: 5rem calc(50% - 50vw) 0;
    width: 100vw;
    background-color: #f8f8f9;
  }
}

.accessibility-templates__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .accessibility-templates__fill-box {
    margin-top: 4.375rem;
  }
}

.animate-movie {
  position: relative;
  overflow: hidden;
}

.animate-movie__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .animate-movie__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.animate-movie__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.animate-movie__title-with-img .title-with-img__upper--oblong {
  max-width: 620px;
  max-width: 38.75rem;
}
@media screen and (min-width: 768px) {
  .animate-movie__title-with-img .title-with-img__upper--oblong {
    max-width: none;
  }
}

@media screen and (min-width: 768px) {
  .animate-movie__title-with-img .title-with-img__bottom {
    width: 55%;
  }
}

.animate-movie__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.animate-movie__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .animate-movie__text-block {
    margin-top: 3.75rem;
  }
}

.animate-movie__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .animate-movie__workflow {
    margin-top: 3.75rem;
  }
}

.animate-movie__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .animate-movie__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.animate-movie .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.animate-movie__img-tag-text {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
}
@media screen and (min-width: 768px) {
  .animate-movie__img-tag-text {
    max-width: 90rem;
    margin-top: 6.25rem;
  }
}

.animate-movie__img-tag-text .img-tag-text__iframe-wrapper--vertically-long {
  width: 94%;
}
@media screen and (min-width: 768px) {
  .animate-movie__img-tag-text .img-tag-text__iframe-wrapper--vertically-long {
    width: 23%;
  }
}

.animate-movie__img-tag-text .img-tag-text__iframe-wrapper--oblong {
  width: 94%;
}
@media screen and (min-width: 768px) {
  .animate-movie__img-tag-text .img-tag-text__iframe-wrapper--oblong {
    width: 70%;
  }
}
@media screen and (min-width: 960px) {
  .animate-movie__img-tag-text .img-tag-text__iframe-wrapper--oblong {
    width: 34%;
  }
}

.animate-movie__img-tag-text .img-tag-text__bottom {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .animate-movie__img-tag-text .img-tag-text__bottom {
    width: 55%;
  }
}

.animate-movie-accordion {
  margin: 2.5rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .animate-movie-accordion {
    margin-top: 5rem;
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
  }
}

.animate-movie-accordion__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .animate-movie-accordion__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.animate-movie-message {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .animate-movie-message {
    margin-top: 7.5rem;
  }
}

.animate-movie-message__sentence-img {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.animate-movie__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .animate-movie__fill-box {
    margin-top: 4.375rem;
  }
}

.batch-download {
  position: relative;
  overflow: hidden;
}

.batch-download__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .batch-download__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.batch-download__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.batch-download__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .batch-download__text-block {
    margin-top: 3.75rem;
  }
}

.batch-download__form-wrapper {
  background-color: #f8f8f9;
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .batch-download__form-wrapper {
    margin-top: 5rem;
    padding-top: 6.25rem;
    padding-bottom: 5rem;
  }
}

.batch-download__form-inner {
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .batch-download__form-inner {
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.batch-download__form-title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .batch-download__form-title {
    font-size: max(2.5rem, 16px);
  }
}

.batch-download__form {
  margin-top: -10px;
  margin-top: -0.625rem;
}
@media screen and (min-width: 768px) {
  .batch-download__form {
    margin-top: 6.25rem;
  }
}

.batch-download__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .batch-download__fill-box {
    margin-top: 4.375rem;
  }
}

.business-partner {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.business-partner__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .business-partner__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.business-partner__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .business-partner__breadcrumbs {
    margin-top: 3.75rem;
  }
}

.business-partner__top-title {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.chaco {
  position: relative;
  overflow: hidden;
}

.chaco__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .chaco__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.chaco__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.chaco__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .chaco__text-block {
    margin-top: 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .chaco__text-block .text-block__flex-wrapper {
    gap: 0.9375rem;
  }
}

.chaco__text-block .text-block__flex-bottom {
  width: 100%;
  max-width: 384px;
  max-width: 24rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .chaco__text-block .text-block__flex-bottom {
    min-width: 24rem;
    margin: 0;
  }
}

.chaco__sentence-img {
  margin: 2.5rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  background-color: #f2f2f3;
}
@media screen and (min-width: 768px) {
  .chaco__sentence-img {
    margin-top: 5rem;
    padding-top: 8.125rem;
  }
}

.__text-block .text-block__img {
  max-width: 700px;
  max-width: 43.75rem;
  margin-right: auto;
  margin-left: auto;
}

.chaco__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .chaco__cards {
    padding-top: 4.0625rem;
  }
}

/* .chaco__cards.cards {
  @include mq('sm') {
    justify-content: center;
  }
} */
.chaco__external-contents {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .chaco__external-contents {
    margin-top: 5.9375rem;
  }
}

.chaco__table-section {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .chaco__table-section {
    margin-top: 5.9375rem;
  }
}

.chaco__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .chaco__fill-box {
    margin-top: 4.375rem;
  }
}

.character {
  position: relative;
  overflow: hidden;
}

.character__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .character__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.character__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.character__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.character__title-with-img .title-with-img__img {
  width: 80%;
  max-width: 400px;
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
}

.character__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .character__text-block {
    margin-top: 3.75rem;
  }
}

.character__img-tag-text {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .character__img-tag-text {
    margin-top: 6.25rem;
  }
}

.character__img-tag-text .img-tag-text__img {
  width: 80%;
  max-width: 400px;
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
}

.character__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .character__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.character__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .character__fill-box {
    margin-top: 4.375rem;
  }
}

.free-consultation-thanks {
  position: relative;
  overflow: hidden;
}

.free-consultation-thanks__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .free-consultation-thanks__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.free-consultation-thanks__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.free-consultation-thanks__text-content {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .free-consultation-thanks__text-content {
    margin-top: 4.375rem;
  }
}

.contactus {
  position: relative;
  overflow: hidden;
}

.contactus__inner {
  padding-right: 20px;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 20px;
  padding-left: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .contactus__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}
.contactus__breadcrumbs {
  padding-top: 20px;
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .contactus__form-wrapper {
    margin-top: 3.125rem;
  }
}
.contactus__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .contactus__fill-box {
    margin-top: 4.375rem;
  }
}

.content-marketing {
  position: relative;
  overflow: hidden;
}

.content-marketing__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .content-marketing__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.content-marketing__content-wrapper {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .content-marketing__content-wrapper {
    margin-top: 5.625rem;
  }
}

.content-marketing__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.content-marketing__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.content-marketing__title-with-img .title-with-img__upper--oblong {
  max-width: 620px;
  max-width: 38.75rem;
}
@media screen and (min-width: 768px) {
  .content-marketing__title-with-img .title-with-img__upper--oblong {
    max-width: none;
  }
}

@media screen and (min-width: 768px) {
  .content-marketing__title-with-img .title-with-img__bottom {
    width: 55%;
  }
}

.content-marketing__title {
  font-size: max(24px, 16px);
  font-size: max(1.5rem, 16px);
  line-height: 1.875;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .content-marketing__title {
    font-size: max(1.625rem, 16px);
  }
}
@media screen and (min-width: 960px) {
  .content-marketing__title {
    font-size: max(2.5rem, 16px);
  }
}

.content-marketing__title-wrapper {
  background-size: contain;
  background-image: url(../images/common/common__grid--sp.webp);
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .content-marketing__title-wrapper {
    background-image: url(../images/common/common__grid--pc.webp);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-size: cover;
  }
}

.content-marketing__title-wrapper--2line {
  padding-top: 38px;
  padding-top: 2.375rem;
  padding-bottom: 38px;
  padding-bottom: 2.375rem;
}
@media screen and (min-width: 768px) {
  .content-marketing__title-wrapper--2line {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.content-marketing__icon-btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .content-marketing__icon-btn {
    margin-top: 3.125rem;
  }
}

.content-marketing__blog.blog::before {
  display: none;
}

.content-marketing__blog .blog__section-title {
  padding-top: 0;
}

.content-marketing__sentence-img {
  margin: 2.5rem calc(50% - 50vw) 0;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .content-marketing__sentence-img {
    margin-top: 5rem;
  }
}

.content-marketing__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .content-marketing__fill-box {
    margin-top: 4.375rem;
  }
}

.download-bottom {
  position: relative;
  overflow: hidden;
}

.download-bottom__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.download-bottom__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.download-bottom__lead {
  margin-top: 60px;
  margin-top: 3.75rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__lead {
    margin-top: 5.625rem;
  }
}

.download-bottom__text-block {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__text-block {
    margin-top: 2.8125rem;
  }
}

.download-bottom__btn {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 300px;
  max-width: 18.75rem;
}

.download-bottom__introduction-img-list {
  background-color: #f8f8f9;
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .download-bottom__introduction-img-list {
    margin-top: 5rem;
  }
}

.download-bottom__introduction-img-list .list {
  font-weight: 500;
}

.download-bottom__table-of-contents {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__table-of-contents {
    margin-top: 4.375rem;
  }
}

.download-bottom__form-wrapper {
  background-color: #f8f8f9;
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__form-wrapper {
    margin-top: 5rem;
    padding-top: 6.25rem;
    padding-bottom: 5rem;
  }
}

.download-bottom__form-inner {
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__form-inner {
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.download-bottom__form-title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .download-bottom__form-title {
    font-size: max(2.5rem, 16px);
  }
}

.download-bottom__form {
  margin-top: -10px;
  margin-top: -0.625rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__form {
    margin-top: 6.25rem;
  }
}

.download-bottom .text-block__list {
  padding-top: 0;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download-bottom .text-block__list {
    padding-top: 0;
    margin-top: 2.1875rem;
  }
}

.download-bottom__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .download-bottom__fill-box {
    margin-top: 4.375rem;
  }
}

.download-thanks {
  position: relative;
  overflow: hidden;
}

.download-thanks__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download-thanks__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.download-thanks__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.download-thanks__text-content {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .download-thanks__text-content {
    margin-top: 4.375rem;
  }
}

.download {
  position: relative;
  overflow: hidden;
}

.download__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.download__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.download__tab {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .download__tab {
    margin-top: 5.625rem;
  }
}

.download__filling-mark {
  text-align: center;
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.download__link-card-wrapper {
  margin-top: 30px;
  margin-top: 1.875rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .download__link-card-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3.4375rem 2.5rem;
  }
}

.download__link-card-wrapper .link-card {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .download__link-card-wrapper .link-card {
    margin-top: 0;
    width: calc(50% - 1.25rem);
  }
}
@media screen and (min-width: 960px) {
  .download__link-card-wrapper .link-card {
    margin-top: 0;
    width: calc(33.33333% - 1.66667rem);
  }
}

.download__link-card-wrapper .link-card:first-child {
  margin-top: 0;
}

.download__form-wrapper {
  background-color: #f8f8f9;
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .download__form-wrapper {
    margin-top: 5rem;
    padding-top: 6.25rem;
    padding-bottom: 5rem;
  }
}

.download__form-inner {
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .download__form-inner {
    max-width: 93.125rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.download__form-title {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .download__form-title {
    font-size: max(2.5rem, 16px);
  }
}

.download__form {
  margin-top: -10px;
  margin-top: -0.625rem;
}
@media screen and (min-width: 768px) {
  .download__form {
    margin-top: 6.25rem;
  }
}

.download__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .download__fill-box {
    margin-top: 4.375rem;
  }
}

.easy-hp {
  position: relative;
  overflow: hidden;
}

.easy-hp__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.easy-hp__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.easy-hp__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.easy-hp__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__text-block {
    margin-top: 3.75rem;
  }
}

.easy-hp__img-tag-text {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__img-tag-text {
    margin-top: 6.25rem;
  }
}

.easy-hp__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .easy-hp__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.easy-hp__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__workflow {
    margin-top: 3.75rem;
  }
}

.easy-hp .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.easy-hp__plan-detail {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__plan-detail {
    margin-top: 7.1875rem;
  }
}

.easy-hp__voice-img-sentence {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__voice-img-sentence {
    margin: 5rem calc(50% - 50vw) 0;
    width: 100vw;
    background-color: #f8f8f9;
  }
}

.easy-hp__form-content {
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__form-content {
    margin-top: 5.9375rem;
  }
}

.easy-hp__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .easy-hp__fill-box {
    margin-top: 4.375rem;
  }
}

.error {
  position: relative;
  overflow: hidden;
}

.error__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .error__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.error__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.error__grid-content {
  margin-top: 30px;
  margin-top: 1.875rem;
}

@media screen and (min-width: 768px) {
  .error__grid-content .grid-content__icon-list--col2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 10.67%;
       -moz-column-gap: 10.67%;
            column-gap: 10.67%;
  }
}

.error__text {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  text-align: center;
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .error__text {
    font-size: max(2.5rem, 16px);
    margin-top: 6.25rem;
  }
}

@media screen and (min-width: 768px) {
  .error__grid-content {
    margin-top: 6.25rem;
  }
}

.error__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .error__fill-box {
    margin-top: 4.375rem;
  }
}

.faq {
  position: relative;
  overflow: hidden;
}

.faq__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .faq__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    width: 100%;
    max-width: 93.125rem;
    margin: 0 auto;
  }
}

.faq__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.faq__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .faq__text-block {
    margin-top: 3.75rem;
  }
}

.faq__accordion {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .faq__accordion {
    margin-top: 3.125rem;
  }
}

.faq__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .faq__fill-box {
    margin-top: 4.375rem;
  }
}

.free-consultation {
  position: relative;
  overflow: hidden;
}

.free-consultation__inner {
  padding-right: 20px;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 20px;
  padding-left: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .free-consultation__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}
.free-consultation__breadcrumbs {
  padding-top: 20px;
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.free-consultation__form-wrapper {
  margin-top: 60px;
  margin-top: 3.75rem;
}

@media screen and (min-width: 1024px) {
  .free-consultation__form-wrapper {
    margin-top: 5.375rem;
  }
}
.free-consultation__text {
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  .free-consultation__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 66.25rem;
  }
}
.free-consultation .form {
  margin-top: 0;
}

.free-consultation__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .free-consultation__fill-box {
    margin-top: 4.375rem;
  }
}

.front-page-header .u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .front-page-header .u-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.front-page-header .header__info-group {
  padding-top: 0;
}
.top {
  position: relative;
  overflow: hidden;
}

.top__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .top__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

/* top__fv */
.top__fv {
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

.top__fv.fv--sp {
  padding-top: 30px;
  padding-top: 1.875rem;
}

.top__fv.fv--sp .fv__img {
  width: 100%;
  height: auto;
}

.top__fv.fv--sp .fv__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  background: rgba(13, 81, 217, .9);
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: 15%;
  border-radius: 0.1875rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.top__fv.fv--sp .fv__copy-text {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}

.top__fv.fv--sp .fv__copy-text--big {
  display: block;
  font-size: max(26px, 16px);
  font-size: max(1.625rem, 16px);
  padding-top: 10px;
  padding-top: 0.625rem;
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc {
    margin-top: 0;
    padding-top: 5.9375rem;
    padding-bottom: 6.875rem;
    background-color: #f8f8f9;
  }
}

.top__fv.fv--pc .fv__inner {
  width: 100%;
  max-width: 1490px;
  max-width: 93.125rem;
  padding-right: 25px;
  padding-right: 1.5625rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc .fv__img {
    position: absolute;
    right: 0;
    top: 1.875rem;
    width: 52%;
    max-width: 41.25rem;
    z-index: 0;
  }
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc .fv__copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc .fv__copy-text {
    font-weight: 500;
  }
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc .fv__copy-text--small {
    display: inline-block;
    font-size: max(1.5rem, 16px);
    line-height: 1.4;
  }
}
@media screen and (min-width: 960px) {
  .top__fv.fv--pc .fv__copy-text--small {
    font-size: max(1.875rem, 16px);
  }
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc .fv__copy-text--big {
    display: block;
    font-size: max(3rem, 16px);
    line-height: 1.3;
    padding-top: 0.625rem;
  }
}
@media screen and (min-width: 960px) {
  .top__fv.fv--pc .fv__copy-text--big {
    font-size: max(4.125rem, 16px);
  }
}

@media screen and (min-width: 768px) {
  .top__fv.fv--pc .fv__icon-btn {
    margin-top: 1.875rem;
  }
}

/* top-cta */
/* .top__top-cta {
  margin-top: rem(30);
  padding-top: rem(40);
  padding-bottom: rem(40);
  background-size: contain;
  background-image: url(../images/front-page/front-page__grid--sp.webp);
  background-position: center;
  background-repeat: no-repeat;
}
.top-cta__title {
  font-size: max(rem(24), 16px);
  font-weight: $bold;
  line-height: lh(24, 45);
  color: $black;
  text-align: center;
}
.top-cta__subtitle {
  font-size: max(rem(18), 16px);
  font-weight: $medium;
  line-height: normal;
} */
.top-cta {
  margin-top: 60px;
  margin-top: 3.75rem;
}

.top-cta__icon-btn {
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}

/* top__course-banner */
.top__course-banner {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .top__course-banner {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .top__course-banner .course-banner__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.top__course-banner .course-banner__banner-box {
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .top__course-banner .course-banner__banner-box {
    margin-top: 4.6875rem;
  }
}

/* feature */
.feature {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .feature {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .feature__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.feature::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .feature::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.feature__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .feature__section-title {
    padding-top: 4.6875rem;
  }
}

.feature .box-contents {
  width: 100%;
  padding-top: 40px;
  padding-top: 2.5rem;
}

/* work */
.work {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .work {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .work__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.work::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .work::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.work__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .work__section-title {
    padding-top: 4.6875rem;
  }
}

.work__figure-contents {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .work__figure-contents {
    padding-top: 5rem;
  }
}

.work__figure-contents .figure-contents-list__item {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .work__figure-contents .figure-contents-list__item {
    margin-top: 0;
  }
}

.work__figure-contents .figure-contents-list__item:first-child {
  margin-top: 0;
}

.work__icon-btn {
  padding-top: 45px;
  padding-top: 2.8125rem;
  text-align: center;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .work__icon-btn {
    padding-top: 5.625rem;
  }
}

/* voice */
.voice {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .voice {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .voice__inner {
    width: 100%;
    max-width: 93.125rem;
    margin: 0 auto;
  }
}

.voice::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .voice::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.voice__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .voice__section-title {
    padding-top: 4.6875rem;
  }
}

.voice__img-sentence-content {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .voice__img-sentence-content {
    padding-top: 6.25rem;
  }
}

.voice__icon-btn {
  padding-top: 50px;
  padding-top: 3.125rem;
  text-align: center;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .voice__icon-btn {
    padding-top: 4.375rem;
  }
}

/* top__case */
.top__case {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .top__case {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .top__case .case__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.top__case::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .top__case::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.top__case .case__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .top__case .case__section-title {
    padding-top: 4.6875rem;
  }
}

.top__case .case__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 2.2222222222;
  color: #333333;
  text-align: left;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 960px) {
  .top__case .case__text {
    text-align: center;
  }
}

.top__case .case__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .top__case .case__cards {
    padding-top: 4.0625rem;
  }
}

/* .case__cards.cards {
  @include mq('sm') {
    justify-content: center;
  }
} */
/* .case__media-contents {
  padding-top: rem(35);

  @include mq('sm') {
    padding-top: rem(50);
  }
}
 */
/* recommended-download */
.recommended-download {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .recommended-download {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .recommended-download__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.recommended-download::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .recommended-download::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.recommended-download__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .recommended-download__section-title {
    padding-top: 4.6875rem;
  }
}

.recommended-download__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 2.2222222222;
  color: #333333;
  text-align: left;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 960px) {
  .recommended-download__text {
    text-align: center;
  }
}

.recommended-download__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .recommended-download__cards {
    padding-top: 4.0625rem;
  }
}

.recommended-download__cards .card__img {
  height: auto;
  aspect-ratio: 1000/563;
  -o-object-fit: cover;
     object-fit: cover;
}

.recommended-download__cards .card__icon-btn {
  padding-top: 10px;
  padding-top: 0.625rem;
}

/* blog */
.blog {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .blog {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .blog__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.blog::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .blog::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.blog__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .blog__section-title {
    padding-top: 4.6875rem;
  }
}

.blog__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 2.2222222222;
  color: #333333;
  text-align: left;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 960px) {
  .blog__text {
    text-align: center;
  }
}

.blog__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .blog__cards {
    padding-top: 4.0625rem;
  }
}

.blog__icon-btn {
  padding-top: 45px;
  padding-top: 2.8125rem;
  text-align: center;
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .blog__icon-btn {
    padding-top: 4.0625rem;
  }
}

.blog {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .blog {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .blog__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

/* media */
.media {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .media {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .media__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.media::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: 17px;
  height: 1.0625rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 960px) {
  .media::before {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.media__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .media__section-title {
    padding-top: 4.6875rem;
  }
}

.media__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 2.2222222222;
  color: #333333;
  text-align: left;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 960px) {
  .media__text {
    text-align: center;
  }
}

.media__banner-wrapper {
  margin-top: 65px;
  margin-top: 4.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .media__banner-wrapper {
    margin-top: 5.3125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.25rem;
  }
}

.media .media-banner__link {
  display: block;
}

/* flow */
/* .flow {
  margin-top: rem(65);

  @include mq('sm') {
    margin-top: rem(85);
  }
}

.flow__inner {
  @include mq('sm') {
    width: 100%;
    max-width: rem(1440);
    margin: 0 auto;
  }
}

.flow::before {
  display: block;
  content: "";
  background-image: url(../images/common/common__line--sp.webp);
  width: 100%;
  height: rem(17);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  @include mq("md") {
    background-image: url(../images/common/common__line--pc.webp);
  }
}

.flow__section-title {
  padding-top: rem(45);

  @include mq('sm') {
    padding-top: rem(75);
  }
}

.flow__fill-text {
  margin-top: rem(45);
}

.flow__flow-list-content {
  margin-top: rem(50);
}

.flow__icon-btn {
  padding-top: rem(45);
  text-align: center;
  width: 100%;
  max-width: rem(350);
  margin: 0 auto;

  @include mq('sm') {
    padding-top: rem(90);
  }
} */
/* hp-accessibility */
.hp-accessibility {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .hp-accessibility {
    margin-top: 5.3125rem;
  }
}

.hp-accessibility .icon-text-content {
  width: 100%;
}

.hp-accessibility .icon-text-content__inner {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
@media screen and (min-width: 960px) {
  .hp-accessibility .icon-text-content__inner {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

.hp-accessibility .icon-text {
  border: none;
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
}

/* hp-feature */
.hp-feature {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .hp-feature {
    margin-top: 5.3125rem;
  }
}

.hp-feature .icon-text-content {
  width: 100%;
}

.hp-feature .icon-text-content__inner {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
@media screen and (min-width: 960px) {
  .hp-feature .icon-text-content__inner {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

.hp-feature .icon-text {
  border: none;
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
}

/* sge */
.sge {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .sge {
    margin-top: 5.3125rem;
  }
}

/* target */
.target {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .target {
    margin-top: 5.3125rem;
  }
}

.front-page__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .front-page__fill-box {
    margin-top: 4.375rem;
  }
}

.hudosan {
  position: relative;
  overflow: hidden;
}

.hudosan__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .hudosan__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.hudosan__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.hudosan__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.hudosan__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .hudosan__text-block {
    margin-top: 3.75rem;
  }
}

.hudosan__img-container {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .hudosan__img-container {
    margin-top: 3.75rem;
  }
}

.hudosan__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .hudosan__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.hudosan__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .hudosan__fill-box {
    margin-top: 4.375rem;
  }
}

.instagram-support {
  position: relative;
  overflow: hidden;
}

.instagram-support__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.instagram-support__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.instagram-support__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.instagram-support__title-with-img .title-with-img__img {
  max-width: 400px;
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
}

.instagram-support__case {
  margin-top: 80px;
  margin-top: 5rem;
}

.instagram-support__case .case__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  color: #333333;
  text-align: left;
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 960px) {
  .instagram-support__case .case__text {
    text-align: center;
    padding-top: 2.5rem;
  }
}

.instagram-support__case .case__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__case .case__cards {
    padding-top: 3.125rem;
  }
}

.instagram-support__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__text-block {
    margin-top: 3.75rem;
  }
}

.instagram-support__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .instagram-support__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.instagram-support__plan-detail {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__plan-detail {
    margin-top: 7.1875rem;
  }
}

.instagram-support__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__workflow {
    margin-top: 3.75rem;
  }
}

.instagram-support .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.instagram-support__form-content {
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__form-content {
    margin-top: 5.9375rem;
  }
}

.instagram-support-accordion {
  margin: 2.5rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .instagram-support-accordion {
    margin-top: 5rem;
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
  }
}

.instagram-support-accordion__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .instagram-support-accordion__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.instagram-support__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__text-block {
    margin-top: 3.75rem;
  }
}

.instagram-support__sentence-img {
  margin: 2.5rem calc(50% - 50vw) 0;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .instagram-support__sentence-img {
    margin-top: 5rem;
  }
}

.instagram-support__form-wrapper {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__form-wrapper {
    margin-top: 7.1875rem;
  }
}

.instagram-support__form {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__form {
    margin-top: 5rem;
  }
}

.instagram-support__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .instagram-support__fill-box {
    margin-top: 4.375rem;
  }
}

.kanri-muryo {
  position: relative;
  overflow: hidden;
}

.kanri-muryo__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .kanri-muryo__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.kanri-muryo__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.kanri-muryo__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .kanri-muryo__text-block {
    margin-top: 3.75rem;
  }
}

.kanri-muryo__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .kanri-muryo__fill-box {
    margin-top: 4.375rem;
  }
}

.notice {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.notice__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .notice__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.notice__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .notice__breadcrumbs {
    margin-top: 3.75rem;
  }
}

.notice__top-title {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.options {
  position: relative;
  overflow: hidden;
}

.options__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .options__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    width: 100%;
    max-width: 93.125rem;
    margin: 0 auto;
  }
}

.options__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.options__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.options__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .options__text-block {
    margin-top: 3.75rem;
  }
}

.options__accordion {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .options__accordion {
    margin-top: 3.125rem;
  }
}

.options__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .options__fill-box {
    margin-top: 4.375rem;
  }
}

.plan-standard {
  position: relative;
  overflow: hidden;
}

.plan-standard__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.plan-standard__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.plan-standard__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.plan-standard__case {
  margin-top: 80px;
  margin-top: 5rem;
}

.plan-standard__case .case__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  color: #333333;
  text-align: left;
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 960px) {
  .plan-standard__case .case__text {
    text-align: center;
    padding-top: 2.5rem;
  }
}

.plan-standard__case .case__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__case .case__cards {
    padding-top: 3.125rem;
  }
}

.plan-standard__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__text-block {
    margin-top: 5rem;
  }
}

.plan-standard__img-tag-text {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__img-tag-text {
    max-width: 93.125rem;
    margin-top: 6.25rem;
  }
}

.plan-standard__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .plan-standard__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.plan-standard__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__workflow {
    margin-top: 3.75rem;
  }
}

.plan-standard .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.plan-standard__plan-detail {
  margin-top: 80px;
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  gap: 3.125rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__plan-detail {
    margin-top: 7.1875rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5625rem;
  }
}

.plan-standard__voice-img-sentence {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__voice-img-sentence {
    margin: 5rem calc(50% - 50vw) 0;
    width: 100vw;
    background-color: #f8f8f9;
  }
}

.plan-standard__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .plan-standard__fill-box {
    margin-top: 4.375rem;
  }
}

.privacy {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.privacy__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .privacy__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.privacy__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .privacy__breadcrumbs {
    margin-top: 3.75rem;
  }
}

.privacy__top-title {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.real-estate {
  position: relative;
  overflow: hidden;
}

.real-estate__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .real-estate__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.real-estate__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.real-estate__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.real-estate__case {
  margin-top: 80px;
  margin-top: 5rem;
}

.real-estate__case .case__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  color: #333333;
  text-align: left;
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 960px) {
  .real-estate__case .case__text {
    text-align: center;
    padding-top: 2.5rem;
  }
}

.real-estate__case .case__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .real-estate__case .case__cards {
    padding-top: 3.125rem;
  }
}

.real-estate__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .real-estate__text-block {
    margin-top: 5rem;
  }
}

.real-estate-work {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .real-estate-work {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .real-estate-work__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.real-estate-work__section-title {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .real-estate-work__section-title {
    padding-top: 4.6875rem;
  }
}

.real-estate-work__figure-contents {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .real-estate-work__figure-contents {
    padding-top: 5rem;
  }
}

.real-estate-work__figure-contents .figure-contents-list__item {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .real-estate-work__figure-contents .figure-contents-list__item {
    margin-top: 0;
  }
}

.real-estate-work__figure-contents .figure-contents-list__item:first-child {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .real-estate-work__figure-contents .figure-contents-list--col3 {
    gap: 3.125rem 1.5625rem;
  }
}
@media screen and (min-width: 960px) {
  .real-estate-work__figure-contents .figure-contents-list--col3 {
    gap: 3.125rem 2.5rem;
  }
}

.real-estate__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .real-estate__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.real-estate__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .real-estate__workflow {
    margin-top: 3.75rem;
  }
}

.real-estate .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.real-estate__plan-detail {
  margin-top: 80px;
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  gap: 3.125rem;
}
@media screen and (min-width: 768px) {
  .real-estate__plan-detail {
    margin-top: 7.1875rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5625rem;
  }
}

.real-estate__voice-img-sentence {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .real-estate__voice-img-sentence {
    margin: 5rem calc(50% - 50vw) 0;
    width: 100vw;
    background-color: #f8f8f9;
  }
}

.real-estate__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .real-estate__fill-box {
    margin-top: 4.375rem;
  }
}

.recaptcha {
  position: relative;
  overflow: hidden;
}

.recaptcha__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .recaptcha__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.recaptcha__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.recaptcha__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.recaptcha__title-with-img .title-with-img__img {
  max-width: 400px;
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
}

.recaptcha__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .recaptcha__text-block {
    margin-top: 3.75rem;
  }
}

.recaptcha__text-block .text-block__img {
  max-width: 700px;
  max-width: 43.75rem;
  margin-right: auto;
  margin-left: auto;
}

.recaptcha__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .recaptcha__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.recaptcha__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .recaptcha__fill-box {
    margin-top: 4.375rem;
  }
}

.registered-management-consultant-header .u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant-header .u-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.registered-management-consultant-header .header__info-group {
  padding-top: 0;
}
.registered-management-consultant {
  position: relative;
  overflow: hidden;
}

.registered-management-consultant__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

/* registered-management-consultant__fv */
.registered-management-consultant__fv {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

.registered-management-consultant__fv.fv--sp {
  position: relative;
  padding-top: 30px;
  padding-top: 1.875rem;
}

.registered-management-consultant__fv.fv--sp .fv__img {
  width: 100%;
  max-width: 350px;
  max-width: 21.875rem;
  height: auto;
  margin-inline: auto;
}

.registered-management-consultant__fv.fv--sp .fv__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  background: rgba(13, 81, 217, .9);
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: 60%;
  border-radius: 0.1875rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.registered-management-consultant__fv.fv--sp .fv__copy-text {
  font-size: max(20px, 16px);
  font-size: max(1.25rem, 16px);
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}

.registered-management-consultant__fv.fv--sp .fv__copy-text--big {
  display: block;
  font-size: max(26px, 16px);
  font-size: max(1.625rem, 16px);
  padding-top: 10px;
  padding-top: 0.625rem;
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc {
    position: relative;
    margin-top: 0;
    padding-top: 5.9375rem;
    padding-bottom: 6.875rem;
    background-color: #f8f8f9;
  }
}

.registered-management-consultant__fv.fv--pc .fv__inner {
  width: 100%;
  max-width: 1490px;
  max-width: 93.125rem;
  padding-right: 25px;
  padding-right: 1.5625rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc .fv__img {
    position: absolute;
    left: 55%;
    bottom: 0;
    width: 23.75rem;
    z-index: 0;
  }
}
@media screen and (min-width: 960px) {
  .registered-management-consultant__fv.fv--pc .fv__img {
    width: 26.875rem;
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc .fv__copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc .fv__copy-text {
    font-weight: 500;
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc .fv__copy-text--small {
    display: inline-block;
    font-size: max(1.5rem, 16px);
    line-height: 1.4;
  }
}
@media screen and (min-width: 960px) {
  .registered-management-consultant__fv.fv--pc .fv__copy-text--small {
    font-size: max(1.875rem, 16px);
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc .fv__copy-text--big {
    display: block;
    font-size: max(3rem, 16px);
    line-height: 1.3;
    padding-top: 0.625rem;
  }
}
@media screen and (min-width: 960px) {
  .registered-management-consultant__fv.fv--pc .fv__copy-text--big {
    font-size: max(4.125rem, 16px);
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__fv.fv--pc .fv__icon-btn {
    margin-top: 1.875rem;
  }
}

.registered-management-consultant-cta {
  margin-top: 60px;
  margin-top: 3.75rem;
}

.registered-management-consultant-cta__icon-btn {
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}

.registered-management-consultant__text-wrapper {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__text-wrapper {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .text-block__flex-wrapper {
    width: 100%;
    max-width: 90rem;
    margin: 1.25rem auto 0;
  }
}

/* registered-management-consultant__case */
.registered-management-consultant__case {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__case {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant__case .case__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.registered-management-consultant__case .case__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  line-height: 2.2222222222;
  color: #333333;
  text-align: left;
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 960px) {
  .registered-management-consultant__case .case__text {
    text-align: center;
  }
}

.registered-management-consultant__case .case__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__case .case__cards {
    padding-top: 4.0625rem;
  }
}

/* registered-management-consultant-work */
.registered-management-consultant-work {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant-work {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .registered-management-consultant-work__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.registered-management-consultant-work .work__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant-work .work__cards {
    padding-top: 4.0625rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.registered-management-consultant-work__figure-contents {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant-work__figure-contents {
    padding-top: 5rem;
  }
}

.registered-management-consultant-work__figure-contents .figure-contents-list__item {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant-work__figure-contents .figure-contents-list__item {
    margin-top: 0;
  }
}

.registered-management-consultant-work__figure-contents .figure-contents-list__item:first-child {
  margin-top: 0;
}

.registered-management-consultant__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__fill-box {
    margin-top: 4.375rem;
  }
}

.registered-management-consultant__img-tag-text {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__img-tag-text {
    max-width: 93.125rem;
    margin-top: 6.25rem;
  }
}

.registered-management-consultant__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .registered-management-consultant__workflow {
    margin-top: 3.75rem;
  }
}

.registered-management-consultant .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.rule-main {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.rule-main__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .rule-main__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.rule-main__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .rule-main__breadcrumbs {
    margin-top: 3.75rem;
  }
}

.rule-main__top-title {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.rule {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.rule__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .rule__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.rule__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .rule__breadcrumbs {
    margin-top: 3.75rem;
  }
}

.rule__top-title {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.service {
  position: relative;
  overflow: hidden;
}

.service__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .service__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.service__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.service__content {
  margin-top: 80px;
  margin-top: 5rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
  max-width: 62.5rem;
}
@media screen and (min-width: 768px) {
  .service__content {
    margin-top: 5.3125rem;
  }
}

.service__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .service__fill-box {
    margin-top: 4.375rem;
  }
}

.sitemap {
  position: relative;
  overflow: hidden;
}

.sitemap__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sitemap__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.sitemap__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.sitemap__grid-content {
  margin-top: 30px;
  margin-top: 1.875rem;
}

@media screen and (min-width: 768px) {
  .sitemap__grid-content .grid-content__icon-list--col2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 10.67%;
       -moz-column-gap: 10.67%;
            column-gap: 10.67%;
  }
}

.sitemap__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .sitemap__fill-box {
    margin-top: 4.375rem;
  }
}

.smartphone-menu {
  position: relative;
  overflow: hidden;
}

.smartphone-menu__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .smartphone-menu__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.smartphone-menu__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.smartphone-menu__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.smartphone-menu__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .smartphone-menu__text-block {
    margin-top: 3.75rem;
  }
}

.smartphone-menu__img-container {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .smartphone-menu__img-container {
    margin-top: 3.75rem;
  }
}

.smartphone-menu__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .smartphone-menu__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.smartphone-menu__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .smartphone-menu__fill-box {
    margin-top: 4.375rem;
  }
}

.ssl {
  position: relative;
  overflow: hidden;
}

.ssl__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .ssl__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.ssl__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.ssl__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.ssl__title-with-img .title-with-img__img {
  max-width: 350px;
  max-width: 21.875rem;
  margin-right: auto;
  margin-left: auto;
}

.ssl__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .ssl__text-block {
    margin-top: 3.75rem;
  }
}

.ssl__text-block .text-block__img {
  max-width: 500px;
  max-width: 31.25rem;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #8e8d8d;
  border: 0.0625rem solid #8e8d8d;
}

.ssl__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .ssl__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.ssl__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .ssl__fill-box {
    margin-top: 4.375rem;
  }
}

.step {
  position: relative;
  overflow: hidden;
}

.step__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .step__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.step__text-block .text-block__text {
  font-size: max(18px, 16px);
  font-size: max(1.125rem, 16px);
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .step__text-block .text-block__text {
    font-size: max(1.25rem, 16px);
  }
}

.step__flow-figure {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .step__flow-figure {
    margin-top: 5rem;
  }
}

.step__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.step__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .step__fill-box {
    margin-top: 4.375rem;
  }
}

.thanks {
  position: relative;
  overflow: hidden;
}

.thanks__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .thanks__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.thanks__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.thanks__text-content {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .thanks__text-content {
    margin-top: 4.375rem;
  }
}

.voice-page {
  position: relative;
  overflow: hidden;
}

.voice-page__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .voice-page__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.voice-page__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.voice-page__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .voice-page__text-block {
    margin-top: 3.75rem;
  }
}

.voice-page__sentence-boxes {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .voice-page__sentence-boxes {
    margin-top: 3.75rem;
  }
}

.voice__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .voice__fill-box {
    margin-top: 4.375rem;
  }
}

.web-accessibility-check {
  position: relative;
  overflow: hidden;
}

.web-accessibility-check__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.web-accessibility-check__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.web-accessibility-check__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.web-accessibility-check__title-with-img .title-with-img__img {
  max-width: 400px;
  max-width: 25rem;
  margin-right: auto;
  margin-left: auto;
}

.web-accessibility-check-work {
  margin-top: 80px;
  margin-top: 5rem;
}

@media screen and (min-width: 768px) {
  .web-accessibility-check-work__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.web-accessibility-check-work__figure-contents {
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check-work__figure-contents {
    padding-top: 2.5rem;
  }
}

.web-accessibility-check-work__figure-contents .figure-contents-list__item {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check-work__figure-contents .figure-contents-list__item {
    margin-top: 0;
  }
}

.web-accessibility-check-work__figure-contents .figure-contents-list__item:first-child {
  margin-top: 0;
}

.web-accessibility-check__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__text-block {
    margin-top: 3.75rem;
  }
}

.web-accessibility-check__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.web-accessibility-check__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__workflow {
    margin-top: 3.75rem;
  }
}

.web-accessibility-check .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.web-accessibility-check__form-content {
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__form-content {
    margin-top: 5.9375rem;
  }
}

.web-accessibility-check-accordion {
  margin: 2.5rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check-accordion {
    margin-top: 5rem;
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
  }
}

.web-accessibility-check-accordion__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check-accordion__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.web-accessibility-check__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__text-block {
    margin-top: 3.75rem;
  }
}

.web-accessibility-check__sentence-boxes {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__sentence-boxes {
    margin-top: 3.75rem;
  }
}

.web-accessibility-check__form-wrapper {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__form-wrapper {
    margin-top: 10rem;
  }
}

.web-accessibility-check__form {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__form {
    margin-top: 5rem;
  }
}

.web-accessibility-check__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-check__fill-box {
    margin-top: 4.375rem;
  }
}

.web-accessibility {
  position: relative;
  overflow: hidden;
}

.web-accessibility__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.web-accessibility__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.web-accessibility__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.web-accessibility__introduction {
  padding-top: 0;
}

.web-accessibility-work {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-work {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .web-accessibility-work__inner {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
}

.web-accessibility-work__figure-contents {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-work__figure-contents {
    padding-top: 4.0625rem;
  }
}

.web-accessibility-work__figure-contents .figure-contents-list__item {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility-work__figure-contents .figure-contents-list__item {
    margin-top: 0;
  }
}

.web-accessibility-work__figure-contents .figure-contents-list__item:first-child {
  margin-top: 0;
}

.web-accessibility__blog.blog::before {
  display: none;
}

.web-accessibility__blog .blog__section-title {
  padding-top: 0;
}

.web-accessibility__anchor-link-btn-wrapper {
  margin-top: 60px;
  margin-top: 3.75rem;
}

/* .web-accessibility__filling-list {
  margin-top: rem(60);

  @include mq('md') {
    margin-top: rem(70);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: auto;
    max-height: rem(700);
  }
} */
.web-accessibility__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__text-block {
    margin-top: 3.75rem;
  }
}

.web-accessibility__text-block .text-block__flex-bottom {
  width: 400px;
  width: 25rem;
  min-width: 400px;
  min-width: 25rem;
}

.web-accessibility__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__workflow {
    margin-top: 3.75rem;
  }
}

.web-accessibility .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.web-accessibility__plan-detail {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__plan-detail {
    margin-top: 7.1875rem;
  }
}

.web-accessibility__self-introduction {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__self-introduction {
    margin-top: 5rem;
  }
}

.web-accessibility__icon-btn {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  max-width: 21.875rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__icon-btn {
    margin-top: 3.125rem;
  }
}

.web-accessibility__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-accessibility__fill-box {
    margin-top: 4.375rem;
  }
}

.web-operations-support {
  position: relative;
  overflow: hidden;
}

.web-operations-support__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.web-operations-support__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.web-operations-support__title-with-img {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.web-operations-support__case {
  margin-top: 80px;
  margin-top: 5rem;
}

.web-operations-support__case .case__text {
  font-size: max(16px, 16px);
  font-size: max(1rem, 16px);
  line-height: 1.875;
  font-weight: 400;
  color: #333333;
  text-align: left;
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 960px) {
  .web-operations-support__case .case__text {
    text-align: center;
    padding-top: 2.5rem;
  }
}

.web-operations-support__case .case__cards {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__case .case__cards {
    padding-top: 3.125rem;
  }
}

.web-operations-support__form-wrapper {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__form-wrapper {
    margin-top: 7.1875rem;
  }
}

.web-operations-support__form {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__form {
    margin-top: 5rem;
  }
}

.web-operations-support__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__text-block {
    margin-top: 5rem;
  }
}

.web-operations-support__img-tag-text {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 700px;
  max-width: 43.75rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__img-tag-text {
    max-width: 93.125rem;
    margin-top: 3.75rem;
  }
}

.web-operations-support__summary {
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
}
@media screen and (min-width: 768px) {
  .web-operations-support__summary {
    padding-top: 3.4375rem;
    padding-bottom: 5.9375rem;
  }
}

.web-operations-support__workflow {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__workflow {
    margin-top: 3.75rem;
  }
}

.web-operations-support .number-heading-text-brock {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.web-operations-support__sentence-img {
  margin: 5.3125rem calc(50% - 50vw) 0;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .web-operations-support__sentence-img {
    margin-top: 8rem;
  }
}

.web-operations-support__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .web-operations-support__fill-box {
    margin-top: 4.375rem;
  }
}

.work-details {
  position: relative;
  overflow: hidden;
}

.work-details__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .work-details__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.work-details__breadcrumbs {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .work-details__breadcrumbs {
    margin-top: 1.5625rem;
  }
}

.work-details__title-with-img {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.work-details__text-block {
  margin-top: 50px;
  margin-top: 3.125rem;
}

@media screen and (min-width: 1024px) {
  .work-details__text-block {
    margin-top: 3.75rem;
  }
}
.work-details__img-container {
  margin-top: 50px;
  margin-top: 3.125rem;
}

@media screen and (min-width: 1024px) {
  .work-details__img-container {
    margin-top: 3.75rem;
  }
}
.work-details__summary {
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
  background-color: #f8f8f9;
  margin: 4.375rem calc(50% - 50vw) 0;
  width: 100vw;
}

.work-details__btn {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-inline: auto;
  max-width: 300px;
  max-width: 18.75rem;
}
@media screen and (min-width: 768px) {
  .work-details__btn {
    margin-top: 4.375rem;
  }
}

@media screen and (min-width: 1024px) {
  .work-details__summary {
    padding-top: 7.5rem;
    padding-bottom: 5.9375rem;
    margin-top: 9.6875rem;
  }
}
.work-details__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .work-details__fill-box {
    margin-top: 4.375rem;
  }
}

.works {
  position: relative;
  overflow: hidden;
}

.works__inner {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .works__inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.works__breadcrumbs {
  padding-top: 20px;
  padding-top: 1.25rem;
  text-align: center;
}

.works__title-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .works__title-wrapper {
    margin-top: 4.6875rem;
  }
}

.works-img-tag-text-list-wrapper {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .works-img-tag-text-list-wrapper {
    margin-top: 4.375rem;
  }
}

.works-figure-contents-list-wrapper {
  margin-top: 90px;
  margin-top: 5.625rem;
}
@media screen and (min-width: 768px) {
  .works-figure-contents-list-wrapper {
    margin-top: 9.375rem;
  }
}

@media screen and (min-width: 768px) {
  .works-figure-contents-list-wrapper__inner {
    padding-top: 6.25rem;
    padding-right: 1.5625rem;
    padding-bottom: 3.75rem;
    padding-left: 1.5625rem;
    max-width: 93.125rem;
  }
}

.works-figure-contents-list-wrapper .figure-contents-list__item {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .works-figure-contents-list-wrapper .figure-contents-list__item {
    margin-top: 0;
  }
}

.works__fill-box {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .works__fill-box {
    margin-top: 4.375rem;
  }
}
#mfp_hidden input[type=submit]{
  display: none;
}
#mfp_loading,#mfp_loading_screen,#mfp_overlay_background,#mfp_overlay{
  z-index: -10000;
}