@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.2 | 20191019
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

menu, ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* 色 */
/* フォント */
/* スペース */
/* 角丸 */
/* 背景 */
.c-bg {
  background-position: center;
  background-size: cover;
  width: 100%;
}

/* ハイライト */
.highlight {
  background-color: #ffff00;
  padding: 0 4px; /* テキストと背景の間に余白を追加 */
  border-radius: 4px; /* 背景を少し丸みを持たせる */
}

/* 背景 */
.c-grid-cover {
  background-image: linear-gradient(0deg, transparent 26px, rgba(186, 28, 34, 0.7019607843) 27px), linear-gradient(90deg, transparent 26px, rgba(186, 28, 34, 0.7019607843) 27px);
  background-size: 27px 27px;
  background-color: #F5F0EC;
}

.c-grid-cover-sm {
  background-image: linear-gradient(0deg, transparent 8px, rgba(186, 28, 34, 0.7019607843) 9px), linear-gradient(90deg, transparent 8px, rgba(186, 28, 34, 0.7019607843) 9px);
  background-size: 9px 9px;
  background-color: #F5F0EC;
}

/* ボタン */
.c-read-button__icon {
  position: relative;
}
.c-read-button__arrow {
  width: 100%;
}
@media (max-width: 576px) {
  .c-read-button__arrow {
    max-width: 24px;
  }
}

.c-list-btn {
  display: flex;
  align-items: center;
  padding: 0.4rem 1.6rem;
  border: 1px solid #000000;
  border-radius: 100px;
  font-size: 12px;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #000000;
  background-color: #fff;
}
.c-list-btn img {
  display: inline-block;
  margin-right: 8px;
}
/* ホバー */
.c-hover, .c-blog__item a:hover, .c-blog__sub-ranking-list a:hover, .p-news__ctg-item a:hover, .c-news__sub-recent-list a:hover, .c-news__item a:hover, .l-breadcrumbs__item:hover, .c-list-btn:hover {
  opacity: 0.7;
  transition: 300ms;
}

/* ベースのフォントサイズ */
body {
  background-color: #F5F0EC;
}

.index-body {
  position: relative;
}
.index-body::before, .index-body::after {
  content: "";
  position: fixed;
  top: 0;
  width: 1px;
  height: 100vh;
  background-color: #BA1C22;
  z-index: 1000;
}
.index-body::before {
  left: 24px;
}
@media (max-width: 576px) {
  .index-body::before {
    left: 8px;
  }
}
.index-body::after {
  right: 24px;
}
@media (max-width: 576px) {
  .index-body::after {
    right: 8px;
  }
}

.u-padding-inner, .p-news-related, .l-block, .c-footer__inner, .c-header {
  padding: 8rem;
}
@media (max-width: 1200px) {
  .u-padding-inner, .p-news-related, .l-block, .c-footer__inner, .c-header {
    padding: 6.4rem;
  }
}
@media (max-width: 992px) {
  .u-padding-inner, .p-news-related, .l-block, .c-footer__inner, .c-header {
    padding: 5.6rem;
  }
}
@media (max-width: 768px) {
  .u-padding-inner, .p-news-related, .l-block, .c-footer__inner, .c-header {
    padding: 4rem;
  }
}
@media (max-width: 576px) {
  .u-padding-inner, .p-news-related, .l-block, .c-footer__inner, .c-header {
    padding: 1.6rem;
  }
}

.u-container, .p-spot__inner, .p-seo-skill__inner, .l-block__inner, .c-footer__inner, .c-footer__main-content {
  max-width: 1200px;
  margin: 0 auto;
}
@media print, screen and (min-width: 80em) {
  .u-container, .p-spot__inner, .p-seo-skill__inner, .l-block__inner, .c-footer__inner, .c-footer__main-content {
    max-width: 1500px;
  }
}

.u-mb80, .p-tendering__content, .p-contact__head, .p-seo__head, .p-seo-marketing__item, .c-policy-list li, .p-about__textarea h2, .c-thanks h1, .c-features__item {
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  .u-mb80, .p-tendering__content, .p-contact__head, .p-seo__head, .p-seo-marketing__item, .c-policy-list li, .p-about__textarea h2, .c-thanks h1, .c-features__item {
    margin-bottom: 6.4rem;
  }
}
@media (max-width: 576px) {
  .u-mb80, .p-tendering__content, .p-contact__head, .p-seo__head, .p-seo-marketing__item, .c-policy-list li, .p-about__textarea h2, .c-thanks h1, .c-features__item {
    margin-bottom: 4rem;
  }
}

.u-mb48, .l-article h1, .c-number-list__item {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .u-mb48, .l-article h1, .c-number-list__item {
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 576px) {
  .u-mb48, .l-article h1, .c-number-list__item {
    margin-bottom: 2.4rem;
  }
}

.u-mb40, .p-line-field__title h2, .p-line-field__title, .p-line-field__main-content-title p, .p-other-media__head, .p-design__head, .p-tendering__head, .p-tendering__item, .c-discrimination__item h2, .c-skill__item h2, .p-marketing-field__title h2, .p-marketing-field__title, .p-marketing-field__main-content-title p, .p-spot__title, .tab-container .tab-contents .tab-content__text-area h2, .p-town-community__head, .p-contact__form .form-group, .p-seo-field-seo__title h2, .p-seo-field-seo__title, .p-seo-field-seo__main-content-title p, .p-seo-support__item, .p-seo-marketing__head, .p-seo-stelmah__head h2, .p-seo-stelmah__main-content, .p-seo-stelmah__text-area h3, .p-seo-stelmah__contact-head h3, .p-about-us-concept__content-left h2, .p-about-us-concept__content-left p, .p-about-us-company__head, .c-blog__item, .c-blog__sub-keyword-tag, .p-blog-related__head, .c-news__sub-keyword, .p-lineup__head, .p-project__head, .p-info__head, .c-page__head, .l-article__thumbnail, .l-article__main-content h2, .c-other-business__head, .c-contents-list__item, .c-contents-list__item2-wrap, .c-contents-list2__item, .c-slider-related__head, .c-features__head, .c-flow__head, .c-flow__content-left, .c-footer__main-content, .c-footer__brand, .c-footer__section {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .u-mb40, .p-line-field__title h2, .p-line-field__title, .p-line-field__main-content-title p, .p-other-media__head, .p-design__head, .p-tendering__head, .p-tendering__item, .c-discrimination__item h2, .c-skill__item h2, .p-marketing-field__title h2, .p-marketing-field__title, .p-marketing-field__main-content-title p, .p-spot__title, .tab-container .tab-contents .tab-content__text-area h2, .p-town-community__head, .p-contact__form .form-group, .p-seo-field-seo__title h2, .p-seo-field-seo__title, .p-seo-field-seo__main-content-title p, .p-seo-support__item, .p-seo-marketing__head, .p-seo-stelmah__head h2, .p-seo-stelmah__main-content, .p-seo-stelmah__text-area h3, .p-seo-stelmah__contact-head h3, .p-about-us-concept__content-left h2, .p-about-us-concept__content-left p, .p-about-us-company__head, .c-blog__item, .c-blog__sub-keyword-tag, .p-blog-related__head, .c-news__sub-keyword, .p-lineup__head, .p-project__head, .p-info__head, .c-page__head, .l-article__thumbnail, .l-article__main-content h2, .c-other-business__head, .c-contents-list__item, .c-contents-list__item2-wrap, .c-contents-list2__item, .c-slider-related__head, .c-features__head, .c-flow__head, .c-flow__content-left, .c-footer__main-content, .c-footer__brand, .c-footer__section {
    margin-bottom: 3.2rem;
  }
}
@media (max-width: 576px) {
  .u-mb40, .p-line-field__title h2, .p-line-field__title, .p-line-field__main-content-title p, .p-other-media__head, .p-design__head, .p-tendering__head, .p-tendering__item, .c-discrimination__item h2, .c-skill__item h2, .p-marketing-field__title h2, .p-marketing-field__title, .p-marketing-field__main-content-title p, .p-spot__title, .tab-container .tab-contents .tab-content__text-area h2, .p-town-community__head, .p-contact__form .form-group, .p-seo-field-seo__title h2, .p-seo-field-seo__title, .p-seo-field-seo__main-content-title p, .p-seo-support__item, .p-seo-marketing__head, .p-seo-stelmah__head h2, .p-seo-stelmah__main-content, .p-seo-stelmah__text-area h3, .p-seo-stelmah__contact-head h3, .p-about-us-concept__content-left h2, .p-about-us-concept__content-left p, .p-about-us-company__head, .c-blog__item, .c-blog__sub-keyword-tag, .p-blog-related__head, .c-news__sub-keyword, .p-lineup__head, .p-project__head, .p-info__head, .c-page__head, .l-article__thumbnail, .l-article__main-content h2, .c-other-business__head, .c-contents-list__item, .c-contents-list__item2-wrap, .c-contents-list2__item, .c-slider-related__head, .c-features__head, .c-flow__head, .c-flow__content-left, .c-footer__main-content, .c-footer__brand, .c-footer__section {
    margin-bottom: 1.6rem;
  }
}

.u-mb32, .p-line-field__main-content-title h3, .p-marketing-field__main-content-title h3, .p-seo-field-seo__main-content-title h3, .l-article__ctg-area, .l-article__main-content h3 {
  margin-bottom: 3.2rem;
}
@media (max-width: 768px) {
  .u-mb32, .p-line-field__main-content-title h3, .p-marketing-field__main-content-title h3, .p-seo-field-seo__main-content-title h3, .l-article__ctg-area, .l-article__main-content h3 {
    margin-bottom: 2.8rem;
  }
}
@media (max-width: 576px) {
  .u-mb32, .p-line-field__main-content-title h3, .p-marketing-field__main-content-title h3, .p-seo-field-seo__main-content-title h3, .l-article__ctg-area, .l-article__main-content h3 {
    margin-bottom: 1.4rem;
  }
}

.u-mb24, .p-line-field__main-content, .p-line-field__item-image, .p-line-field__sub-contents h4, .p-srilanka-marketing__item-number, .p-srilanka-marketing__item h3, .p-other-media__head h2, .p-marketing-field__main-content, .p-marketing-field__item-image, .p-marketing-field__sub-contents h4, .p-spot__list, .tab-container .tab-contents .tab-content__text-area h3, .tab-container .tab-contents .tab-content__text-area p, .p-seo-field-seo__main-content, .p-seo-field-seo__sub-contents h4, .p-seo-field-seo__sub-contents img, .p-seo-support__head, .p-seo-marketing__head h2, .p-seo-marketing__item-text h3, .p-about-us-company__content-right-detail p, .p-about-us-company__content-right-detail img, .c-policy-list li h2, .c-news__item, .p-about__text p, .p-community__content-left h2, .p-info__item, .l-article__main-content span, .l-article__main-content p, .l-article__main-content img, .c-thanks p, .c-features__head h2, .c-features__item-text h3, .c-footer__brand-list {
  margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
  .u-mb24, .p-line-field__main-content, .p-line-field__item-image, .p-line-field__sub-contents h4, .p-srilanka-marketing__item-number, .p-srilanka-marketing__item h3, .p-other-media__head h2, .p-marketing-field__main-content, .p-marketing-field__item-image, .p-marketing-field__sub-contents h4, .p-spot__list, .tab-container .tab-contents .tab-content__text-area h3, .tab-container .tab-contents .tab-content__text-area p, .p-seo-field-seo__main-content, .p-seo-field-seo__sub-contents h4, .p-seo-field-seo__sub-contents img, .p-seo-support__head, .p-seo-marketing__head h2, .p-seo-marketing__item-text h3, .p-about-us-company__content-right-detail p, .p-about-us-company__content-right-detail img, .c-policy-list li h2, .c-news__item, .p-about__text p, .p-community__content-left h2, .p-info__item, .l-article__main-content span, .l-article__main-content p, .l-article__main-content img, .c-thanks p, .c-features__head h2, .c-features__item-text h3, .c-footer__brand-list {
    margin-bottom: 1.8rem;
  }
}
@media (max-width: 576px) {
  .u-mb24, .p-line-field__main-content, .p-line-field__item-image, .p-line-field__sub-contents h4, .p-srilanka-marketing__item-number, .p-srilanka-marketing__item h3, .p-other-media__head h2, .p-marketing-field__main-content, .p-marketing-field__item-image, .p-marketing-field__sub-contents h4, .p-spot__list, .tab-container .tab-contents .tab-content__text-area h3, .tab-container .tab-contents .tab-content__text-area p, .p-seo-field-seo__main-content, .p-seo-field-seo__sub-contents h4, .p-seo-field-seo__sub-contents img, .p-seo-support__head, .p-seo-marketing__head h2, .p-seo-marketing__item-text h3, .p-about-us-company__content-right-detail p, .p-about-us-company__content-right-detail img, .c-policy-list li h2, .c-news__item, .p-about__text p, .p-community__content-left h2, .p-info__item, .l-article__main-content span, .l-article__main-content p, .l-article__main-content img, .c-thanks p, .c-features__head h2, .c-features__item-text h3, .c-footer__brand-list {
    margin-bottom: 1.2rem;
  }
}

.u-mb16, .p-other-media__list li h3, .p-other-media__contact-section-inner h3, .p-design__item-text-area h3, .p-design__item-text-area p, .p-tendering__item a h3, .tab-container .tab-contents .tab-content__text-area ol, .tab-container .tab-contents .tab-content__text-area ul, .p-seo-skill__list li h3, .p-seo-stelmah__contact-btn, .c-policy-list li p, .p-lineup__head h2, .p-lineup__item-textarea h3, .p-lineup__item-text, .p-video__head, .p-blog__head, .p-blog__ctg-list, .c-other-business__item-image, .c-flow__tab-content-text-area h4 {
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .u-mb16, .p-other-media__list li h3, .p-other-media__contact-section-inner h3, .p-design__item-text-area h3, .p-design__item-text-area p, .p-tendering__item a h3, .tab-container .tab-contents .tab-content__text-area ol, .tab-container .tab-contents .tab-content__text-area ul, .p-seo-skill__list li h3, .p-seo-stelmah__contact-btn, .c-policy-list li p, .p-lineup__head h2, .p-lineup__item-textarea h3, .p-lineup__item-text, .p-video__head, .p-blog__head, .p-blog__ctg-list, .c-other-business__item-image, .c-flow__tab-content-text-area h4 {
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 576px) {
  .u-mb16, .p-other-media__list li h3, .p-other-media__contact-section-inner h3, .p-design__item-text-area h3, .p-design__item-text-area p, .p-tendering__item a h3, .tab-container .tab-contents .tab-content__text-area ol, .tab-container .tab-contents .tab-content__text-area ul, .p-seo-skill__list li h3, .p-seo-stelmah__contact-btn, .c-policy-list li p, .p-lineup__head h2, .p-lineup__item-textarea h3, .p-lineup__item-text, .p-video__head, .p-blog__head, .p-blog__ctg-list, .c-other-business__item-image, .c-flow__tab-content-text-area h4 {
    margin-bottom: 0.8rem;
  }
}

.u-mb8, .c-discrimination__item h2 span, .c-skill__item h2 span, .p-spot__item, .p-spot__item h3, .tab-container .tab-contents .tab-content__text-area ol li, .tab-container .tab-contents .tab-content__text-area ul li, .tab-container .tab-contents .tab-content__text-area table__inner p, .p-seo-skill__list li, .c-blog__item-title, .c-blog__item-ctg, .c-blog__item-text, .c-blog__sub-ranking-img, .c-news__item-text-area, .c-news__item-title, .c-news__item-ctg, .c-news__item-ctg-area, .l-article__writer-name, .c-table__inner p, .p-declaration-page-table__inner p, .c-other-business__item h3, .c-flow__section-item h3, .c-flow__section-item p {
  margin-bottom: 0.8rem;
}
@media (max-width: 768px) {
  .u-mb8, .c-discrimination__item h2 span, .c-skill__item h2 span, .p-spot__item, .p-spot__item h3, .tab-container .tab-contents .tab-content__text-area ol li, .tab-container .tab-contents .tab-content__text-area ul li, .tab-container .tab-contents .tab-content__text-area table__inner p, .p-seo-skill__list li, .c-blog__item-title, .c-blog__item-ctg, .c-blog__item-text, .c-blog__sub-ranking-img, .c-news__item-text-area, .c-news__item-title, .c-news__item-ctg, .c-news__item-ctg-area, .l-article__writer-name, .c-table__inner p, .p-declaration-page-table__inner p, .c-other-business__item h3, .c-flow__section-item h3, .c-flow__section-item p {
    margin-bottom: 0.6rem;
  }
}
@media (max-width: 576px) {
  .u-mb8, .c-discrimination__item h2 span, .c-skill__item h2 span, .p-spot__item, .p-spot__item h3, .tab-container .tab-contents .tab-content__text-area ol li, .tab-container .tab-contents .tab-content__text-area ul li, .tab-container .tab-contents .tab-content__text-area table__inner p, .p-seo-skill__list li, .c-blog__item-title, .c-blog__item-ctg, .c-blog__item-text, .c-blog__sub-ranking-img, .c-news__item-text-area, .c-news__item-title, .c-news__item-ctg, .c-news__item-ctg-area, .l-article__writer-name, .c-table__inner p, .p-declaration-page-table__inner p, .c-other-business__item h3, .c-flow__section-item h3, .c-flow__section-item p {
    margin-bottom: 0.4rem;
  }
}

.u-mt80 {
  margin-top: 8rem;
}
@media (max-width: 768px) {
  .u-mt80 {
    margin-top: 6.4rem;
  }
}
@media (max-width: 576px) {
  .u-mt80 {
    margin-top: 4rem;
  }
}

.u-mt40, .p-news__btn, .c-page__head-title p, .c-heading-text {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .u-mt40, .p-news__btn, .c-page__head-title p, .c-heading-text {
    margin-top: 3.2rem;
  }
}
@media (max-width: 576px) {
  .u-mt40, .p-news__btn, .c-page__head-title p, .c-heading-text {
    margin-top: 2rem;
  }
}

.u-p40, .c-blog__btn-area, .p-news__ctg-list {
  padding: 4rem;
}
@media (max-width: 768px) {
  .u-p40, .c-blog__btn-area, .p-news__ctg-list {
    padding: 2rem;
  }
}
@media (max-width: 576px) {
  .u-p40, .c-blog__btn-area, .p-news__ctg-list {
    padding: 1.6rem;
  }
}

.u-br-sp {
  display: none;
}
@media (max-width: 576px) {
  .u-br-sp {
    display: block;
  }
}

@media (max-width: 576px) {
  .u-br-sp-none {
    display: none;
  }
}

.u-padding-inner-tb {
  padding: 8rem 8rem 4rem 8rem;
  padding: 4rem 8rem;
}
@media (max-width: 1200px) {
  .u-padding-inner-tb {
    padding: 3.2rem 6.4rem;
  }
}
@media (max-width: 992px) {
  .u-padding-inner-tb {
    padding: 2.8rem 5.6rem;
  }
}
@media (max-width: 768px) {
  .u-padding-inner-tb {
    padding: 2rem 4rem;
  }
}
@media (max-width: 576px) {
  .u-padding-inner-tb {
    padding: 1.6rem 1.6rem;
  }
}

.u-block-inner, .c-news {
  padding: 8rem;
}
@media (max-width: 1200px) {
  .u-block-inner, .c-news {
    padding: 6.4rem;
  }
}
@media (max-width: 992px) {
  .u-block-inner, .c-news {
    padding: 5.6rem;
  }
}
@media (max-width: 768px) {
  .u-block-inner, .c-news {
    padding: 4rem;
  }
}
@media (max-width: 576px) {
  .u-block-inner, .c-news {
    padding: 4rem 1.6rem;
  }
}

.l-content-container {
  margin-top: 110px;
}
@media (max-width: 1070px) {
  .l-content-container {
    margin-top: 143px;
  }
}
@media (max-width: 992px) {
  .l-content-container {
    margin-top: 63px;
  }
}
@media (max-width: 768px) {
  .l-content-container {
    margin-top: 63px;
  }
}
@media (max-width: 576px) {
  .l-content-container {
    margin-top: 63px;
  }
}

.montserrat, .c-header__nav-item span, .c-header__nav-list a span, .c-header__menu-item a span {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body {
  font-size: 1rem; /* 16px → 1rem */
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.ryo-gothic, .p-fv__head h1 span, .p-lineup__item-textarea h3 span, .c-floating__inner p span, .c-header__contact p span, .u-jp40, .p-line-field__title h2, .p-marketing-field__title h2, .p-seo-field-seo__title h2, .p-about__textarea h2, .c-thanks h1, .u-jp32, .p-srilanka-marketing__head h2, .p-other-media__head h2, .p-seo-marketing__head h2, .p-seo-stelmah__head h2, .p-about-us-concept__content-left h2, .p-lineup__item-textarea h3, .p-project__top h3, .c-flow__section-title h2, .c-footer__brand-title, .u-jp30, .u-jp28, .p-line-field__main-content-title h3, .p-srilanka-marketing__item h3 span, .p-srilanka-marketing__item h3 .number, .p-marketing-field__main-content-title h3, .p-seo-field-seo__main-content-title h3, .p-seo-field-seo__sub-contents h4, .p-seo-stelmah__text-area h3, .p-seo-stelmah__contact-head h3, .c-policy-list li h2, .l-article h1, .c-features__head h2, .c-contact__title h2, .u-jp24, .p-line-field__sub-contents h4, .p-marketing-field__sub-contents h4, .tab-container .tab-contents .tab-content__text-area h2, .p-community__content-left h2, .p-project__bottom p, .l-article__main-content h2, .c-flow__tab-content-text-area h4, .c-hamburger-menu__contact-title span, .u-jp22, .p-srilanka-marketing__item h3, .p-design__item-text-area h3, .p-tendering__item a h3, .c-discrimination__item h2, .c-skill__item h2, .p-spot__item h3, .p-seo-support__item h3, .p-seo-marketing__item-text h3, .p-seo-skill__list li h3, .c-other-business__item h3, .c-contents-list__item-text-area h3, .c-contents-list__item2-text-area h3, .c-contents-list2__item-text-area h3, .c-features__item-text h3, .c-flow__section-item h3, .u-jp20, .p-line-field__title p, .p-other-media__contact-section-inner h3, .c-discrimination__item h2 span, .c-skill__item h2 span, .p-marketing-field__title p, .tab-container .tab-buttons .tab-button p, .tab-container .tab-contents .tab-content__text-area h3, .p-seo-field-seo__title p, .l-article__main-content h3, .c-tag-js__item, .c-contact__section h3, .u-jp18, .p-srilanka-marketing__head p, .p-other-media__head p, .p-other-media__list li h3, .p-design__btn a, .tab-container .tab-contents .tab-content__text-area ol li strong, .p-contact__text, .p-seo-marketing__head p, .p-seo-stelmah__text, .p-seo-stelmah__note, .p-seo-stelmah__contact-btn-inner, .p-about-us-concept__content-left p, .c-policy-list li p, .p-about__text p, .p-about__line-inner p, .p-lineup__item-price, .c-floating__inner a, .c-number-list__number, .c-number-list__text, .c-features__head p, .c-flow__tab-content-btn a, .c-footer__brand-text, .c-footer__section-title, .c-hamburger-menu__contact-title, .c-hamburger-menu__tag-list-title, .c-heading-text, .u-jp16, .p-other-media__contact-section-btn a, .p-design__item-text-area p, .tab-container .tab-contents .tab-content__text-area p, .tab-container .tab-contents .tab-content__text-area ol li, .tab-container .tab-contents .tab-content__text-area ul li, .tab-container .tab-contents .tab-content__text-area table th, .tab-container .tab-contents .tab-content__text-area table td, .tab-container .tab-contents .tab-content__text-area table__inner p, .p-contact__form .form-group label, .p-contact__form .form-group input, .p-contact__form .form-group select, .p-contact__form .form-group textarea, .p-contact__form .submit-button, .p-about-us-company__content-right-title h3, .p-about-us-company__content-right-detail p, .c-blog__item-title, .c-news__item-title, .p-lineup__head p, .p-blog__item-text h3, .p-community__content-left p, .p-project__middle p, .p-info__item-title, .p-info__item-text, .c-page__head-title p, .l-article__main-content span, .l-article__main-content p, .l-article__main-content strong, .l-article__main-content a, .l-article__main-content b, .l-article__writer-name, .l-article__writer-text, .c-table th, .c-table td, .c-table__inner p, .p-declaration-page-table th, .p-declaration-page-table td, .p-declaration-page-table__inner p, .c-thanks p, .c-page__head-slider-text-area p, .c-page__related-slider-text-area p, .c-flow__tab-content-text-area p, .c-contact__section-btn a, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-parent, .u-jp14, .p-line-field__main-content-title p, .p-line-field__sub-contents p, .p-srilanka-marketing__item-text, .p-tendering__item a p, .c-discrimination__item p, .c-skill__item p, .p-marketing-field__main-content-title p, .p-marketing-field__sub-contents p, .p-spot__item p, .p-seo-field-seo__main-content-title p, .p-seo-field-seo__sub-contents p, .p-seo-support__item-list-title, .p-seo-support__item-list-text, .p-seo-marketing__item-text p, .c-blog__sub-text-area h3, .c-news__sub-text-area h3, .p-lineup__item-text, .p-blog__tag, .pagination__item a, .c-other-business__item-text, .c-contents-list__ctg-title, .c-contents-list__ctg-text, .c-contents-list2__ctg-title, .c-contents-list2__ctg-text, .c-features__item-text p, .c-flow__section-item p, .c-flow__child-list li, .c-footer__sub-content ul li a, .c-contact__section p, .c-header__contact a, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-child, .u-jp12, .p-contact__form .form-group .required, .p-contact__form .submit-button__note, .p-seo-skill__list li p, .c-blog__ctg-list li a, .c-blog__tag-list li a, .c-blog__item-ctg, .c-blog__item-text, .c-blog__item-tag-list li, .c-blog__sub-keyword ul li a, .c-blog__sub-tag ul li a, .c-blog__sub-tag-list li, .c-blog__sub-ctg, .c-blog__sub-date, .p-news__ctg-item a, .p-news__ctg-title, .c-news__sub-keyword ul li a, .c-news__sub-ctg, .c-news__sub-date, .c-news__item-text, .c-news__item-ctg, .c-news__item-date, .p-blog__item-text p, .p-blog__ctg a, .c-floating__inner p, .l-breadcrumbs__item, .l-article__date, .l-article__ctg, .c-contents-list__item-text-area h3 span, .c-contents-list__item2-text-area h3 span, .c-contents-list2__item-text-area h3 span, .c-footer__child-list li a, .c-footer__copy, .c-header__contact p, .c-hamburger-menu__title-btn, .c-hamburger-menu__contact, .c-hamburger-menu__submenu li a, .c-hamburger-menu__ctg-list li a, .c-hamburger-menu__tag-list li a, .u-jp11, body, h1, h2, h3, h4, h5, h6 {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-style: normal;
}

.dg {
  font-family: "Dela Gothic One", serif;
  font-style: normal;
}

.ho, .p-about__textarea h2 span, .c-heading, .p-lineup__head h2, .u-eng22, .c-blog__sub h2, .u-eng20, .p-srilanka-marketing__item-number, .p-community__content-left-head h2, .p-community__content-left-inner a, .u-eng18, .c-news__sub h2, .p-blog__btn p, .p-project__head, .p-project__btn p, .c-page__head-title h2, .c-footer__item a, .c-hamburger-menu__item a, .u-eng16, .c-header__menu-item a, .u-eng12, .p-seo-stelmah__contact-head h3 span, .c-flow__tab-content-text-area h4 span, .c-contact__title h2 span, .c-hamburger-menu__title-btn span, .c-hamburger-menu__tag-list-title span, .u-eng10, .p-design__item-text-area h3 span, .c-other-business__item-dcr, .c-flow__section-title h2 span, .c-flow__section-item h3 span, .c-footer__child-list li a span, .c-hamburger-menu__submenu li a span {
  font-family: "Hammersmith One", serif;
  font-weight: 400;
  font-style: normal;
}

.zo, .p-fv__head h1, .p-about__textarea h2, .p-lineup__item-textarea h3, .c-footer__brand-title {
  font-family: "Zen Old Mincho", serif;
  font-style: normal;
}

.dotgothic, .marquee {
  font-family: "DotGothic16", serif;
  font-weight: 400;
  font-style: normal;
}

.u-jp11 {
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp11 {
    font-size: 1rem;
  }
}

.u-jp12, .p-contact__form .form-group .required, .p-contact__form .submit-button__note, .p-seo-skill__list li p, .c-blog__ctg-list li a, .c-blog__tag-list li a, .c-blog__item-ctg, .c-blog__item-text, .c-blog__item-tag-list li, .c-blog__sub-keyword ul li a, .c-blog__sub-tag ul li a, .c-blog__sub-tag-list li, .c-blog__sub-ctg, .c-blog__sub-date, .p-news__ctg-item a, .p-news__ctg-title, .c-news__sub-keyword ul li a, .c-news__sub-ctg, .c-news__sub-date, .c-news__item-text, .c-news__item-ctg, .c-news__item-date, .p-blog__item-text p, .p-blog__ctg a, .c-floating__inner p, .l-breadcrumbs__item, .l-article__date, .l-article__ctg, .c-contents-list__item-text-area h3 span, .c-contents-list__item2-text-area h3 span, .c-contents-list2__item-text-area h3 span, .c-footer__child-list li a, .c-footer__copy, .c-header__contact p, .c-hamburger-menu__title-btn, .c-hamburger-menu__contact, .c-hamburger-menu__submenu li a, .c-hamburger-menu__ctg-list li a, .c-hamburger-menu__tag-list li a {
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp12, .p-contact__form .form-group .required, .p-contact__form .submit-button__note, .p-seo-skill__list li p, .c-blog__ctg-list li a, .c-blog__tag-list li a, .c-blog__item-ctg, .c-blog__item-text, .c-blog__item-tag-list li, .c-blog__sub-keyword ul li a, .c-blog__sub-tag ul li a, .c-blog__sub-tag-list li, .c-blog__sub-ctg, .c-blog__sub-date, .p-news__ctg-item a, .p-news__ctg-title, .c-news__sub-keyword ul li a, .c-news__sub-ctg, .c-news__sub-date, .c-news__item-text, .c-news__item-ctg, .c-news__item-date, .p-blog__item-text p, .p-blog__ctg a, .c-floating__inner p, .l-breadcrumbs__item, .l-article__date, .l-article__ctg, .c-contents-list__item-text-area h3 span, .c-contents-list__item2-text-area h3 span, .c-contents-list2__item-text-area h3 span, .c-footer__child-list li a, .c-footer__copy, .c-header__contact p, .c-hamburger-menu__title-btn, .c-hamburger-menu__contact, .c-hamburger-menu__submenu li a, .c-hamburger-menu__ctg-list li a, .c-hamburger-menu__tag-list li a {
    font-size: 1.2rem;
  }
}

.u-jp14, .p-line-field__main-content-title p, .p-line-field__sub-contents p, .p-srilanka-marketing__item-text, .p-tendering__item a p, .c-discrimination__item p, .c-skill__item p, .p-marketing-field__main-content-title p, .p-marketing-field__sub-contents p, .p-spot__item p, .p-seo-field-seo__main-content-title p, .p-seo-field-seo__sub-contents p, .p-seo-support__item-list-title, .p-seo-support__item-list-text, .p-seo-marketing__item-text p, .c-blog__sub-text-area h3, .c-news__sub-text-area h3, .p-lineup__item-text, .p-blog__tag, .pagination__item a, .c-other-business__item-text, .c-contents-list__ctg-title, .c-contents-list__ctg-text, .c-contents-list2__ctg-title, .c-contents-list2__ctg-text, .c-features__item-text p, .c-flow__section-item p, .c-flow__child-list li, .c-footer__sub-content ul li a, .c-contact__section p, .c-header__contact a, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-child {
  font-size: 1.4rem;
  line-height: 1.65;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp14, .p-line-field__main-content-title p, .p-line-field__sub-contents p, .p-srilanka-marketing__item-text, .p-tendering__item a p, .c-discrimination__item p, .c-skill__item p, .p-marketing-field__main-content-title p, .p-marketing-field__sub-contents p, .p-spot__item p, .p-seo-field-seo__main-content-title p, .p-seo-field-seo__sub-contents p, .p-seo-support__item-list-title, .p-seo-support__item-list-text, .p-seo-marketing__item-text p, .c-blog__sub-text-area h3, .c-news__sub-text-area h3, .p-lineup__item-text, .p-blog__tag, .pagination__item a, .c-other-business__item-text, .c-contents-list__ctg-title, .c-contents-list__ctg-text, .c-contents-list2__ctg-title, .c-contents-list2__ctg-text, .c-features__item-text p, .c-flow__section-item p, .c-flow__child-list li, .c-footer__sub-content ul li a, .c-contact__section p, .c-header__contact a, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-child {
    font-size: 1.3rem;
  }
}

.u-jp16, .p-other-media__contact-section-btn a, .p-design__item-text-area p, .tab-container .tab-contents .tab-content__text-area p, .tab-container .tab-contents .tab-content__text-area ol li, .tab-container .tab-contents .tab-content__text-area ul li, .tab-container .tab-contents .tab-content__text-area table th, .tab-container .tab-contents .tab-content__text-area table td, .tab-container .tab-contents .tab-content__text-area table__inner p, .p-contact__form .form-group label, .p-contact__form .form-group input, .p-contact__form .form-group select, .p-contact__form .form-group textarea, .p-contact__form .submit-button, .p-about-us-company__content-right-title h3, .p-about-us-company__content-right-detail p, .c-blog__item-title, .c-news__item-title, .p-lineup__head p, .p-blog__item-text h3, .p-community__content-left p, .p-project__middle p, .p-info__item-title, .p-info__item-text, .c-page__head-title p, .l-article__main-content span, .l-article__main-content p, .l-article__main-content strong, .l-article__main-content a, .l-article__main-content b, .l-article__writer-name, .l-article__writer-text, .c-table th, .c-table td, .c-table__inner p, .p-declaration-page-table th, .p-declaration-page-table td, .p-declaration-page-table__inner p, .c-thanks p, .c-page__head-slider-text-area p, .c-page__related-slider-text-area p, .c-flow__tab-content-text-area p, .c-contact__section-btn a, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-parent {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp16, .p-other-media__contact-section-btn a, .p-design__item-text-area p, .tab-container .tab-contents .tab-content__text-area p, .tab-container .tab-contents .tab-content__text-area ol li, .tab-container .tab-contents .tab-content__text-area ul li, .tab-container .tab-contents .tab-content__text-area table th, .tab-container .tab-contents .tab-content__text-area table td, .tab-container .tab-contents .tab-content__text-area table__inner p, .p-contact__form .form-group label, .p-contact__form .form-group input, .p-contact__form .form-group select, .p-contact__form .form-group textarea, .p-contact__form .submit-button, .p-about-us-company__content-right-title h3, .p-about-us-company__content-right-detail p, .c-blog__item-title, .c-news__item-title, .p-lineup__head p, .p-blog__item-text h3, .p-community__content-left p, .p-project__middle p, .p-info__item-title, .p-info__item-text, .c-page__head-title p, .l-article__main-content span, .l-article__main-content p, .l-article__main-content strong, .l-article__main-content a, .l-article__main-content b, .l-article__writer-name, .l-article__writer-text, .c-table th, .c-table td, .c-table__inner p, .p-declaration-page-table th, .p-declaration-page-table td, .p-declaration-page-table__inner p, .c-thanks p, .c-page__head-slider-text-area p, .c-page__related-slider-text-area p, .c-flow__tab-content-text-area p, .c-contact__section-btn a, .c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-parent {
    font-size: 1.4rem;
  }
}

.u-jp18, .p-srilanka-marketing__head p, .p-other-media__head p, .p-other-media__list li h3, .p-design__btn a, .tab-container .tab-contents .tab-content__text-area ol li strong, .p-contact__text, .p-seo-marketing__head p, .p-seo-stelmah__text, .p-seo-stelmah__note, .p-seo-stelmah__contact-btn-inner, .p-about-us-concept__content-left p, .c-policy-list li p, .p-about__text p, .p-about__line-inner p, .p-lineup__item-price, .c-floating__inner a, .c-number-list__number, .c-number-list__text, .c-features__head p, .c-flow__tab-content-btn a, .c-footer__brand-text, .c-footer__section-title, .c-hamburger-menu__contact-title, .c-hamburger-menu__tag-list-title, .c-heading-text {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp18, .p-srilanka-marketing__head p, .p-other-media__head p, .p-other-media__list li h3, .p-design__btn a, .tab-container .tab-contents .tab-content__text-area ol li strong, .p-contact__text, .p-seo-marketing__head p, .p-seo-stelmah__text, .p-seo-stelmah__note, .p-seo-stelmah__contact-btn-inner, .p-about-us-concept__content-left p, .c-policy-list li p, .p-about__text p, .p-about__line-inner p, .p-lineup__item-price, .c-floating__inner a, .c-number-list__number, .c-number-list__text, .c-features__head p, .c-flow__tab-content-btn a, .c-footer__brand-text, .c-footer__section-title, .c-hamburger-menu__contact-title, .c-hamburger-menu__tag-list-title, .c-heading-text {
    font-size: 1.6rem;
  }
}

.u-jp20, .p-line-field__title p, .p-other-media__contact-section-inner h3, .c-discrimination__item h2 span, .c-skill__item h2 span, .p-marketing-field__title p, .tab-container .tab-buttons .tab-button p, .tab-container .tab-contents .tab-content__text-area h3, .p-seo-field-seo__title p, .l-article__main-content h3, .c-tag-js__item, .c-contact__section h3 {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp20, .p-line-field__title p, .p-other-media__contact-section-inner h3, .c-discrimination__item h2 span, .c-skill__item h2 span, .p-marketing-field__title p, .tab-container .tab-buttons .tab-button p, .tab-container .tab-contents .tab-content__text-area h3, .p-seo-field-seo__title p, .l-article__main-content h3, .c-tag-js__item, .c-contact__section h3 {
    font-size: 1.8rem;
  }
}

.u-jp22, .p-srilanka-marketing__item h3, .p-design__item-text-area h3, .p-tendering__item a h3, .c-discrimination__item h2, .c-skill__item h2, .p-spot__item h3, .p-seo-support__item h3, .p-seo-marketing__item-text h3, .p-seo-skill__list li h3, .c-other-business__item h3, .c-contents-list__item-text-area h3, .c-contents-list__item2-text-area h3, .c-contents-list2__item-text-area h3, .c-features__item-text h3, .c-flow__section-item h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp22, .p-srilanka-marketing__item h3, .p-design__item-text-area h3, .p-tendering__item a h3, .c-discrimination__item h2, .c-skill__item h2, .p-spot__item h3, .p-seo-support__item h3, .p-seo-marketing__item-text h3, .p-seo-skill__list li h3, .c-other-business__item h3, .c-contents-list__item-text-area h3, .c-contents-list__item2-text-area h3, .c-contents-list2__item-text-area h3, .c-features__item-text h3, .c-flow__section-item h3 {
    font-size: 2rem;
  }
}

.u-jp24, .p-line-field__sub-contents h4, .p-marketing-field__sub-contents h4, .tab-container .tab-contents .tab-content__text-area h2, .p-community__content-left h2, .p-project__bottom p, .l-article__main-content h2, .c-flow__tab-content-text-area h4, .c-hamburger-menu__contact-title span {
  font-size: 2.4rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp24, .p-line-field__sub-contents h4, .p-marketing-field__sub-contents h4, .tab-container .tab-contents .tab-content__text-area h2, .p-community__content-left h2, .p-project__bottom p, .l-article__main-content h2, .c-flow__tab-content-text-area h4, .c-hamburger-menu__contact-title span {
    font-size: 2.2rem;
  }
}

.u-jp28, .p-line-field__main-content-title h3, .p-srilanka-marketing__item h3 span, .p-srilanka-marketing__item h3 .number, .p-marketing-field__main-content-title h3, .p-seo-field-seo__main-content-title h3, .p-seo-field-seo__sub-contents h4, .p-seo-stelmah__text-area h3, .p-seo-stelmah__contact-head h3, .c-policy-list li h2, .l-article h1, .c-features__head h2, .c-contact__title h2 {
  font-size: 2.8rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp28, .p-line-field__main-content-title h3, .p-srilanka-marketing__item h3 span, .p-srilanka-marketing__item h3 .number, .p-marketing-field__main-content-title h3, .p-seo-field-seo__main-content-title h3, .p-seo-field-seo__sub-contents h4, .p-seo-stelmah__text-area h3, .p-seo-stelmah__contact-head h3, .c-policy-list li h2, .l-article h1, .c-features__head h2, .c-contact__title h2 {
    font-size: 2.4rem;
  }
}

.u-jp30 {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp30 {
    font-size: 2.6rem;
  }
}

.u-jp32, .p-srilanka-marketing__head h2, .p-other-media__head h2, .p-seo-marketing__head h2, .p-seo-stelmah__head h2, .p-about-us-concept__content-left h2, .p-lineup__item-textarea h3, .p-project__top h3, .c-flow__section-title h2, .c-footer__brand-title {
  font-size: 3.2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp32, .p-srilanka-marketing__head h2, .p-other-media__head h2, .p-seo-marketing__head h2, .p-seo-stelmah__head h2, .p-about-us-concept__content-left h2, .p-lineup__item-textarea h3, .p-project__top h3, .c-flow__section-title h2, .c-footer__brand-title {
    font-size: 2.8rem;
  }
}

.u-jp40, .p-line-field__title h2, .p-marketing-field__title h2, .p-seo-field-seo__title h2, .p-about__textarea h2, .c-thanks h1 {
  font-size: 4rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .u-jp40, .p-line-field__title h2, .p-marketing-field__title h2, .p-seo-field-seo__title h2, .p-about__textarea h2, .c-thanks h1 {
    font-size: 3.2rem;
  }
}

.u-eng10, .p-design__item-text-area h3 span, .c-other-business__item-dcr, .c-flow__section-title h2 span, .c-flow__section-item h3 span, .c-footer__child-list li a span, .c-hamburger-menu__submenu li a span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media (max-width: 576px) {
  .u-eng10, .p-design__item-text-area h3 span, .c-other-business__item-dcr, .c-flow__section-title h2 span, .c-flow__section-item h3 span, .c-footer__child-list li a span, .c-hamburger-menu__submenu li a span {
    font-size: 1rem;
  }
}

.u-eng12, .p-seo-stelmah__contact-head h3 span, .c-flow__tab-content-text-area h4 span, .c-contact__title h2 span, .c-hamburger-menu__title-btn span, .c-hamburger-menu__tag-list-title span {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #BA1C22;
}
@media (max-width: 576px) {
  .u-eng12, .p-seo-stelmah__contact-head h3 span, .c-flow__tab-content-text-area h4 span, .c-contact__title h2 span, .c-hamburger-menu__title-btn span, .c-hamburger-menu__tag-list-title span {
    font-size: 1.2rem;
  }
}

.u-eng16, .c-header__menu-item a {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #BA1C22;
}
@media (max-width: 576px) {
  .u-eng16, .c-header__menu-item a {
    font-size: 1.4rem;
  }
}

.u-eng18, .c-news__sub h2, .p-blog__btn p, .p-project__head, .p-project__btn p, .c-page__head-title h2, .c-footer__item a, .c-hamburger-menu__item a {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #BA1C22;
}
@media (max-width: 576px) {
  .u-eng18, .c-news__sub h2, .p-blog__btn p, .p-project__head, .p-project__btn p, .c-page__head-title h2, .c-footer__item a, .c-hamburger-menu__item a {
    font-size: 1.4rem;
  }
}

.u-eng20, .p-srilanka-marketing__item-number, .p-community__content-left-head h2, .p-community__content-left-inner a {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #BA1C22;
}
@media (max-width: 576px) {
  .u-eng20, .p-srilanka-marketing__item-number, .p-community__content-left-head h2, .p-community__content-left-inner a {
    font-size: 1.6rem;
  }
}

.u-eng22, .c-blog__sub h2 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #BA1C22;
}
@media (max-width: 576px) {
  .u-eng22, .c-blog__sub h2 {
    font-size: 1.8rem;
  }
}

.c-heading, .p-lineup__head h2 {
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 5rem;
  color: #BA1C22;
}
.c-heading-image {
  margin-bottom: -8px;
}
.c-heading-image img {
  display: inline-block;
  width: 100%;
  max-width: 100px;
}
@media (max-width: 768px) {
  .c-heading, .p-lineup__head h2 {
    text-align: center;
    font-size: 4rem;
  }
}
.c-heading-text {
  font-weight: 500;
}

.c-header {
  position: fixed;
  top: 0px;
  background-color: #F5F0EC;
  width: 100%;
  padding: 1.6rem 3.2rem;
  z-index: 9999;
  border-bottom: 1px solid #BA1C22;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.c-header__logo img {
  width: 100%;
  max-width: 160px;
}
@media (max-width: 576px) {
  .c-header__logo img {
    max-width: 120px;
  }
}
@media (max-width: 576px) {
  .c-header {
    padding: 0.8rem;
  }
}
.c-header__nav {
  margin-left: 3rem;
}
.c-header__nav-item {
  font-size: 1.2rem;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 0.65rem 1.6rem;
  border-radius: 2em;
  color: #000000;
  transition: opacity 0.3s ease;
}
.c-header__nav-item span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.05rem;
}
.c-header__nav-item:hover {
  opacity: 0.7;
}
@media (max-width: 992px) {
  .c-header__nav-list {
    display: none;
  }
}
.c-header__nav-list a {
  font-size: 1.2rem;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05;
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 0.65rem 1.6rem;
  border-radius: 2em;
  color: #000000;
  transition: opacity 0.3s ease;
}
.c-header__nav-list a span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.05rem;
}
.c-header__nav-list a:hover {
  opacity: 0.7;
}
.c-header__contact {
  display: flex;
  justify-content: right;
  align-items: center;
  margin-bottom: 1rem;
}
@media (max-width: 992px) {
  .c-header__contact {
    display: none;
  }
}
.c-header__contact p {
  padding: 0.25em 0.5em;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  color: #000000;
}
.c-header__contact p span {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.c-header__contact p img {
  position: absolute;
  top: 40%;
  transform: translateX(-40%);
  right: -12px;
}
.c-header__contact a {
  margin-left: 16px;
  display: block;
  padding: 0.8em 2.4em 0.8em 2.4em;
  background: linear-gradient(to right, #47C0FC, #47FCC0);
  border-radius: 24px;
  color: #000000;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
.c-header__contact a span {
  margin-right: 8px;
  font-size: 14px;
}
.c-header__contact a:hover {
  opacity: 0.7;
}
.c-header__menu {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
}
.c-header__menu-insta a {
  display: inline-block;
  margin-right: 4px;
  margin-top: 2px;
}
.c-header__menu-insta a img {
  width: 40px;
}
.c-header__menu-item {
  margin-left: 8px;
}
@media (max-width: 992px) {
  .c-header__menu-item {
    display: none;
  }
}
.c-header__menu-item a {
  white-space: nowrap;
  display: flex;
  margin-right: 24px;
  border-radius: 100px;
  color: #000000;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
}
.c-header__menu-item a span {
  margin-left: 8px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.c-header__menu-item a:hover {
  opacity: 0.7;
}
.c-header__menu-hamburger {
  margin-left: 8px;
}
.c-header__menu-hamburger a {
  width: 36px;
  height: 36px;
  background-color: #BA1C22;
  border-radius: 100px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
.c-header__menu-hamburger a span {
  display: block;
  width: 12px;
  height: 1px;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.c-header__menu-hamburger a span:nth-child(1) {
  top: -3px;
}
.c-header__menu-hamburger a span:nth-child(2) {
  top: 0px;
}
.c-header__menu-hamburger a span:nth-child(3) {
  top: 3px;
}
.c-header__menu-hamburger a:hover {
  opacity: 0.7;
}
.c-header__menu-hamburger-list {
  margin: 0 8px;
  position: relative;
}
.c-header__menu__item {
  margin-left: 20px;
  font-size: 1rem;
}
.c-header__menu__nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-header__menu__dropdown {
  position: relative;
}
.c-header__menu__dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.c-header__menu__dropdown-menu-item {
  padding: 10px 20px;
}
.c-header__menu__dropdown-menu-item:hover {
  background-color: #f3afb2;
}
.c-header__menu__dropdown:hover .c-header__menu__dropdown-menu {
  display: block;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list {
  position: relative;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list.-dropdown:hover .c-header__submenu {
  display: block;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: #fff;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu li {
  border-bottom: 1px solid #ddd;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu li:last-child {
  border-bottom: none;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu li a {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu li a:hover {
  background-color: #ddd;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-item {
  margin-bottom: 2.4rem;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-item:last-child {
  margin-bottom: 0rem;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-parent {
  padding: 0.8rem 1.6rem;
  border-radius: 0rem;
  margin-bottom: 0rem;
  border-bottom: 1px solid #ddd;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link {
  padding: 0.8rem 1.6rem 0.8rem 3.2rem;
  border-radius: 0rem;
  margin-bottom: 0rem;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-child {
  padding: 0.8rem 1.6rem 0.8rem 4.8rem;
  border-radius: 0rem;
  margin-bottom: 0rem;
  position: relative;
}
.c-header .c-header__nav .c-header__menu .c-header__nav-list .c-header__submenu .c-header__submenu-link-child::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 2px;
  background-color: #000000;
  top: 50%;
  transform: translateY(-50%);
  left: 3.2rem;
}
.c-hamburger-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 20%;
  height: 100vh;
  background-color: #BA1C22;
  z-index: 1000;
  transition: right 0.3s ease-in-out;
  overflow-y: auto;
  box-shadow: -20px 0 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .c-hamburger-menu {
    width: 80%;
  }
}
.c-hamburger-menu__title {
  padding: 2.4rem;
  display: flex;
  align-items: center;
  background-color: #000000;
}
@media (max-width: 768px) {
  .c-hamburger-menu__title {
    padding: 1.6rem;
    height: 79px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .c-hamburger-menu__title {
    padding: 1.6rem;
  }
}
.c-hamburger-menu__title-btn {
  display: inline-block;
  padding: 0.65rem 1.6rem;
  border-radius: 30px;
  background-color: #fff;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
.c-hamburger-menu__title-btn:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .c-hamburger-menu__title-btn {
    padding: 0.4em 0.8em;
  }
}
.c-hamburger-menu__title-btn span {
  font-weight: 700;
  margin-left: 8px;
}
.c-hamburger-menu__list {
  list-style: none;
  padding: 4rem;
}
.c-hamburger-menu__sns {
  text-align: center;
}
.c-hamburger-menu__sns img {
  width: 100%;
  max-width: 40px;
}
.c-hamburger-menu__item {
  text-align: center;
  margin-bottom: 2.4rem;
}
.c-hamburger-menu__item a {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 900;
}
.c-hamburger-menu__item.-hamburger-dropdown > a {
  cursor: pointer;
}
.c-hamburger-menu__item.-hamburger-dropdown .c-hamburger-menu__submenu {
  display: none;
  padding-left: 1rem;
}
.c-hamburger-menu__item.-hamburger-dropdown .c-hamburger-menu__submenu a {
  font-size: 1rem;
  font-weight: normal;
}
.c-hamburger-menu__contact-title {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 900;
  padding: 2.4rem;
  background: linear-gradient(to right, #47C0FC, #47FCC0);
  transition: opacity 0.3s ease;
}
.c-hamburger-menu__contact-title span {
  margin-right: 0.8rem;
}
.c-hamburger-menu__contact-title img {
  width: 100%;
  max-width: 30px;
  margin-right: 8px;
}
.c-hamburger-menu__contact-title:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .c-hamburger-menu__contact-title {
    padding: 1.6rem;
  }
}
.c-hamburger-menu__contact.-hamburger-dropdown > a {
  cursor: pointer;
}
.c-hamburger-menu__contact.-hamburger-dropdown .c-hamburger-menu__submenu {
  display: none;
  padding-left: 1rem;
}
.c-hamburger-menu__contact.-hamburger-dropdown .c-hamburger-menu__submenu a {
  font-size: 1rem;
  font-weight: normal;
}
.c-hamburger-menu__submenu {
  padding: 2.4rem;
}
@media (max-width: 768px) {
  .c-hamburger-menu__submenu {
    padding: 1.6rem;
  }
}
.c-hamburger-menu__submenu li {
  margin-bottom: 8px;
}
.c-hamburger-menu__submenu li a {
  border: 1px solid #000000;
  display: inline-block;
  padding: 0.65rem 1.6rem;
  border-radius: 30px;
  color: #000000;
  background-color: #fff;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .c-hamburger-menu__submenu li a {
    padding: 0.4em 0.8em;
  }
}
.c-hamburger-menu__submenu li a span {
  font-weight: 700;
  margin-left: 8px;
}
.c-hamburger-menu__submenu li a:hover {
  opacity: 0.7;
}
.c-hamburger-menu__ctg-list {
  padding: 2.4rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .c-hamburger-menu__ctg-list {
    padding: 1.6rem;
  }
}
.c-hamburger-menu__ctg-list li {
  margin-bottom: 8px;
  margin-right: 8px;
}
.c-hamburger-menu__ctg-list li a {
  display: inline-block;
  padding: 0.65rem 1.6rem;
  border-radius: 30px;
  color: #000000;
  background-color: #A3DFFE;
  border: 1px solid #000000;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .c-hamburger-menu__ctg-list li a {
    padding: 0.4em 0.8em;
  }
}
.c-hamburger-menu__ctg-list li a:hover {
  opacity: 0.7;
}
.c-hamburger-menu__tag-list {
  padding: 2.4rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .c-hamburger-menu__tag-list {
    padding: 1.6rem;
  }
}
.c-hamburger-menu__tag-list-title {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 900;
  padding: 2.4rem;
  background-color: #ddd;
  border-bottom: 1px solid #000000;
}
.c-hamburger-menu__tag-list-title span {
  margin-left: 0.4rem;
}
.c-hamburger-menu__tag-list-title img {
  width: 100%;
  max-width: 30px;
  margin-right: 8px;
}
.c-hamburger-menu__tag-list li {
  margin-bottom: 8px;
  margin-right: 8px;
}
.c-hamburger-menu__tag-list li a {
  display: inline-block;
  padding: 0.65rem 1.6rem;
  border-radius: 30px;
  color: #000000;
  background-color: #F5F5F5;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .c-hamburger-menu__tag-list li a {
    padding: 0.4em 0.8em;
  }
}
.c-hamburger-menu__tag-list li a span {
  font-weight: 700;
  margin-left: 8px;
  color: #A3DFFE;
}
.c-hamburger-menu__tag-list li a:hover {
  opacity: 0.7;
}
.c-hamburger-menu__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
}
.c-hamburger-menu__close span {
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
}
.c-hamburger-menu__close span:first-child {
  transform: rotate(45deg);
}
.c-hamburger-menu__close span:last-child {
  transform: rotate(-45deg);
}
.c-hamburger-menu__close.is-active span:first-child {
  transform: rotate(0deg) translateY(-5px);
}
.c-hamburger-menu__close.is-active span:last-child {
  transform: rotate(0deg) translateY(5px);
}

.c-hamburger-menu.is-active {
  right: 0;
}

.c-hamburger-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 900;
  display: none;
}

.c-hamburger-overlay.is-active {
  display: block;
}

.c-footer {
  background-color: #000000;
}
.c-footer__inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 576px) {
  .c-footer__inner {
    padding: 40px 20px !important;
  }
}
.c-footer__main-content {
  max-width: 800px;
}
.c-footer__sns-content ul li a {
  transition: opacity 0.3s ease;
}
.c-footer__sns-content ul li a:hover {
  opacity: 0.7;
}
.c-footer__sns-content ul li img {
  width: 40px;
}
.c-footer__brand {
  text-align: center;
  max-width: 800px;
}
@media (max-width: 992px) {
  .c-footer__brand {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 576px) {
  .c-footer__brand {
    margin-bottom: 1.6rem;
  }
}
.c-footer__brand-title {
  text-align: center;
  color: #fff;
  font-weight: 900;
  margin-bottom: 1.5rem;
}
.c-footer__brand-text {
  text-align: center;
  color: #fff;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media (max-width: 576px) {
  .c-footer__brand-text {
    font-size: 1.4rem;
  }
}
.c-footer__brand-logo {
  margin-bottom: 1.6rem;
}
.c-footer__brand-logo img {
  width: 160px;
}
.c-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-footer__item a {
  display: inline-block;
  margin: 0 12px 12px 12px;
  font-weight: 500;
  color: #fff;
  transition: opacity 0.3s ease;
}
.c-footer__item a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .c-footer__item a {
    font-size: 1.2rem;
  }
}
.c-footer__sub-content {
  margin-bottom: 2.5rem;
}
.c-footer__sub-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.c-footer__sub-content ul li {
  margin-left: 2rem;
}
.c-footer__sub-content ul li a {
  font-weight: 500;
  color: #fff;
  transition: opacity 0.3s ease;
}
.c-footer__sub-content ul li a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .c-footer__sub-content ul li a {
    font-size: 1.2rem;
  }
}
.c-footer__section-title {
  color: #fff;
  display: flex;
  font-weight: 700;
  margin-bottom: 8px;
  transition: opacity 0.3s ease;
}
.c-footer__section-title img {
  margin-right: 8px;
}
.c-footer__section-title:hover {
  opacity: 0.7;
}
.c-footer__child-list li {
  margin-bottom: 8px;
}
.c-footer__child-list li a {
  display: inline-block;
  padding: 0.65rem 1.6rem;
  border-radius: 30px;
  color: #000000;
  background-color: #fff;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .c-footer__child-list li a {
    padding: 0.4em 0.8em;
  }
}
.c-footer__child-list li a span {
  font-weight: 700;
  margin-left: 8px;
}
.c-footer__child-list li a:hover {
  opacity: 0.7;
}
.c-footer__copy {
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.c-contact {
  background: linear-gradient(to right, #47C0FC, #47FCC0);
}
.c-contact__title h2 {
  font-weight: 900;
  text-align: center;
}
.c-contact__title h2 span {
  display: block;
  font-weight: 700;
}
.c-contact__dcr-1 {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 160px;
  left: -40px;
  z-index: 100;
}
@media (max-width: 768px) {
  .c-contact__dcr-1 {
    top: -24px;
    left: -16px;
  }
}
.c-contact__dcr-1-inner {
  position: relative;
}
.c-contact__dcr-1-inner p {
  position: absolute;
  top: -13px;
  left: 8px;
  font-size: 62px;
  transform: rotate(-11deg);
}
.c-contact__dcr-2 {
  width: 66px;
  height: 67px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -24px;
  left: -40px;
  z-index: 100;
}
@media (max-width: 768px) {
  .c-contact__dcr-2 {
    left: auto;
    right: -16px;
  }
}
.c-contact__dcr-2-inner {
  position: relative;
}
.c-contact__dcr-2-inner p {
  position: absolute;
  top: -15px;
  left: 5px;
  font-size: 62px;
}
.c-contact__dcr-3 {
  width: 69px;
  height: 46px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  right: -24px;
  z-index: 100;
  z-index: 100;
}
@media (max-width: 768px) {
  .c-contact__dcr-3 {
    right: auto;
    left: -16px;
  }
}
.c-contact__dcr-3-inner {
  position: relative;
}
.c-contact__dcr-3-inner p {
  position: absolute;
  top: -31px;
  left: 5px;
  font-size: 60px;
}
.c-contact__content {
  margin-top: 2.5rem;
}
.c-contact__section {
  display: flex;
}
@media (max-width: 768px) {
  .c-contact__section {
    display: block;
  }
}
.c-contact__section li {
  position: relative;
  margin-right: 1.5rem;
  background-color: #fff;
  padding: 1em;
  border-radius: 24px;
  border: 1px solid #000000;
}
.c-contact__section li:last-child {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .c-contact__section li {
    margin-right: 0rem;
    margin-bottom: 1.5em;
  }
}
.c-contact__section-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1em;
  border-radius: 20px;
  border: 1px dashed #000000;
}
.c-contact__section h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 8px;
}
.c-contact__section p {
  margin-bottom: 8px;
}
.c-contact__section-btn {
  text-align: center;
}
.c-contact__section-btn span {
  margin-right: 8px;
}
.c-contact__section-btn a {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #000000;
  border-radius: 20px;
  font-weight: 700;
  color: #fff;
}

/*パンクズ*/
.l-breadcrumbs__inner {
  display: flex;
  white-space: nowrap;
  overflow-y: scroll;
  align-items: center;
  padding: 0.8em 8em 0.8em 8em;
}
@media (max-width: 768px) {
  .l-breadcrumbs__inner {
    padding: 0.4em 4em 0.4em 4em;
  }
}
@media (max-width: 576px) {
  .l-breadcrumbs__inner {
    padding: 1.6em;
  }
}
@media print, screen and (min-width: 80em) {
  .l-breadcrumbs__inner {
    padding-right: 6%;
    padding-left: 6%;
  }
}
.l-breadcrumbs__item {
  font-weight: 400;
}
.l-breadcrumbs__item:hover:last-child {
  opacity: 1;
}
.l-breadcrumbs__text {
  color: #484848;
  font-weight: 500;
}

.u-text-hover-in {
  color: #484848;
  font-weight: 700;
}

@media (max-width: 576px) {
  .l-block {
    padding: 4rem 1.6rem;
  }
}
.c-page__head-title h2 {
  font-size: 4rem;
  font-weight: 900;
}
/*記事*/
.l-article__inner {
  padding: 4rem;
  background-color: #fff;
  border: 1px solid #BA1C22;
  border-radius: 8px;
}
@media (max-width: 1200px) {
  .l-article__inner {
    padding: 3.2rem;
  }
}
@media (max-width: 992px) {
  .l-article__inner {
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .l-article__inner {
    padding: 2rem;
  }
}
@media (max-width: 576px) {
  .l-article__inner {
    padding: 1.6rem;
  }
}
.l-article__ctg-area {
  display: flex;
}
.l-article__date {
  margin-right: 2.4rem;
}
.l-article__ctg {
  border: 1px solid #BA1C22;
  background-color: #fff;
  font-weight: 500;
  padding: 0 16px;
  display: inline-block;
  border-radius: 20px;
  margin-right: 8px;
  font-weight: 500;
}
.l-article h1 {
  font-weight: 900;
}
.l-article__thumbnail {
  width: 100%;
}
.l-article__main-content h2 {
  font-weight: 700;
}
@media (max-width: 576px) {
  .l-article__main-content h2 {
    font-size: 18px;
  }
}
.l-article__main-content h3 {
  font-weight: 700;
}
@media (max-width: 576px) {
  .l-article__main-content h3 {
    font-size: 16px;
    margin-bottom: 22px;
  }
}
.l-article__main-content span {
  display: block;
  padding: 1.6rem;
  font-weight: 500;
  border-radius: 10px;
  background-color: #F5F5F5;
}
@media (max-width: 576px) {
  .l-article__main-content span {
    margin-bottom: 18px;
    padding: 1.2rem;
  }
}
.l-article__main-content p {
  font-weight: 400;
}
@media (max-width: 576px) {
  .l-article__main-content p {
    margin-bottom: 18px;
  }
}
.l-article__main-content strong {
  font-weight: 700;
}
.l-article__main-content a {
  text-decoration: underline;
}
.l-article__main-content b {
  display: inline-block;
  background: linear-gradient(transparent 80%, #BA1C22 80%);
}
.l-article__main-content img {
  width: 100%;
  display: block;
}
.l-article__writer {
  padding: 1.6rem;
  background-color: #F5F0EC;
  border-radius: 10px;
  display: flex;
  align-items: start;
}
@media (max-width: 576px) {
  .l-article__writer {
    padding: 1.2rem;
  }
}
.l-article__writer img {
  width: 100%;
  height: auto;
  max-width: 80px;
  margin-right: 20px;
}
@media (max-width: 576px) {
  .l-article__writer img {
    margin-right: 12px;
    max-width: 48px;
  }
}
.l-article__writer-name {
  font-weight: 700;
}
.l-article__writer-text {
  font-weight: 500;
}

.c-table {
  width: 100%; /* テーブル全体の幅 */
  max-width: 676px;
  border-collapse: collapse; /* ボーダーの重複を解消 */
  text-align: left;
  font-family: Arial, sans-serif;
}
.c-table th, .c-table td {
  padding: 10px; /* セルの余白 */
  border: 1px solid #212121;
}
.c-table thead th {
  background-color: #D9D9D9; /* 1行目（ヘッダー）の背景色 */
  font-weight: bold;
  font-weight: 700;
}
.c-table tbody td:first-child {
  font-weight: 700;
  background-color: #D9D9D9; /* 1列目の背景色 */
}
.c-table__inner {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.c-table__inner p {
  font-weight: 500;
}

.p-declaration-page-table {
  width: 100%; /* テーブル全体の幅 */
  border-collapse: collapse; /* ボーダーの重複を解消 */
  text-align: left;
  font-family: Arial, sans-serif;
}
.p-declaration-page-table th, .p-declaration-page-table td {
  padding: 10px; /* セルの余白 */
  border: 1px solid #212121;
}
.p-declaration-page-table td:first-child {
  min-width: 300px;
}
@media (max-width: 768px) {
  .p-declaration-page-table td:first-child {
    min-width: 100px;
  }
}
.p-declaration-page-table td a {
  text-decoration: underline;
}
.p-declaration-page-table thead th {
  background-color: #D9D9D9; /* 1行目（ヘッダー）の背景色 */
  font-weight: bold;
  font-weight: 700;
}
.p-declaration-page-table tbody td:first-child {
  font-weight: 700;
  background-color: #D9D9D9; /* 1列目の背景色 */
}
.p-declaration-page-table__inner {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.p-declaration-page-table__inner p {
  font-weight: 500;
}
.c-thanks h1 {
  text-align: center;
  font-weight: 900;
}
.c-thanks p {
  text-align: center;
  font-weight: 500;
}
.c-thanks__btn {
  display: flex;
  justify-content: center;
}

.c-other-business__list {
  display: flex;
  flex-wrap: wrap;
}
.c-other-business__item {
  width: calc((100% - 4rem) / 3);
  margin-bottom: 20px;
  margin-right: 2rem;
  margin-right: 20px;
}
.c-other-business__item a {
  display: block;
  padding: 2.4rem;
  border: 1px solid #000000;
  border: 20px;
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #000000;
  height: 413px;
  transition: 0.7s;
}
@media (max-width: 768px) {
  .c-other-business__item a {
    height: auto;
    height: 413px;
  }
}
@media (max-width: 576px) {
  .c-other-business__item a {
    height: auto;
    height: 300px;
    padding: 1.6rem 1.6rem 1.6rem 1.2rem;
    border-radius: 10px;
  }
}
.c-other-business__item a:hover {
  opacity: 0.7;
}
.c-other-business__item:nth-child(3n) {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .c-other-business__item:nth-child(3n) {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .c-other-business__item:nth-child(2n) {
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .c-other-business__item {
    width: calc((100% - 1.6rem) / 2);
    margin-right: 1.6rem;
  }
}
.c-other-business__item-image {
  margin-right: 24px;
}
.c-other-business__item-image img {
  width: 100%;
}
@media (max-width: 576px) {
  .c-other-business__item-image {
    margin-right: 16px;
  }
}
.c-other-business__item-text {
  padding-bottom: 4rem;
}
@media (max-width: 576px) {
  .c-other-business__item-text {
    font-size: 1.1rem;
    padding-bottom: 2.4rem;
  }
}
.c-other-business__item h3 {
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-other-business__item h3 {
    font-size: 1.8rem;
  }
}
.c-other-business__item-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media (max-width: 576px) {
  .c-other-business__item-btn {
    right: 8px;
    bottom: 8px;
  }
}
.c-other-business__item-dcr {
  position: absolute;
  white-space: nowrap;
  top: 24px;
  right: 24px;
  font-weight: 700;
  transform: rotate(-90deg);
  transform-origin: top right;
}
@media (max-width: 576px) {
  .c-other-business__item-dcr {
    top: 16px;
    right: 16px;
  }
}

.c-page__head-slider {
  width: 100%;
  position: relative;
  width: 60%;
}
@media (max-width: 768px) {
  .c-page__head-slider {
    width: 100%;
  }
}
.c-page__head-slider-left {
  margin-right: 40px;
  width: 40%;
}
@media (max-width: 768px) {
  .c-page__head-slider-left {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 2.4rem;
  }
}
.c-page__head-slider-image {
  width: 100%;
  height: 420px;
  background-position: center;
  background-size: cover;
  border-radius: 20px 20px 0 0;
}
@media (max-width: 768px) {
  .c-page__head-slider-image {
    height: 360px;
  }
}
@media (max-width: 576px) {
  .c-page__head-slider-image {
    height: 160px;
  }
}
.c-page__head-slider-text-area {
  padding: 1.6rem;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
}
@media (max-width: 576px) {
  .c-page__head-slider-text-area {
    padding: 0.8rem;
  }
}
.c-page__head-slider-text-area p {
  font-weight: 700;
}

.c-contents-list {
  display: flex;
  flex-wrap: wrap;
}
.c-contents-list__item {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: calc((100% - 8rem) / 3);
  margin-right: 4rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
}
@media (max-width: 768px) {
  .c-contents-list__item {
    width: calc((100% - 4rem) / 2);
  }
}
@media (max-width: 576px) {
  .c-contents-list__item {
    margin-right: 2rem;
    width: calc((100% - 2rem) / 2);
  }
}
.c-contents-list__item:nth-child(3n) {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .c-contents-list__item:nth-child(3n) {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .c-contents-list__item:nth-child(2n) {
    margin-right: 0rem;
  }
}
.c-contents-list__item-img {
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
  border: 1px solid #000000;
  border-radius: 1.6rem;
}
@media (max-width: 768px) {
  .c-contents-list__item-img {
    height: 160px;
  }
}
@media (max-width: 576px) {
  .c-contents-list__item-img {
    height: 100px;
    border-radius: 1rem;
  }
}
.c-contents-list__item img {
  width: 100%;
}
.c-contents-list__item-text-area {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.c-contents-list__item-text-area h3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  height: auto;
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-contents-list__item-text-area h3 {
    font-size: 1.8rem;
  }
}
.c-contents-list__item-text-area h3 span {
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
}
.c-contents-list__item2 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
  height: 100%;
}
.c-contents-list__item2-wrap {
  width: calc((100% - 8rem) / 3);
  margin-right: 4rem;
}
@media (max-width: 768px) {
  .c-contents-list__item2-wrap {
    width: calc((100% - 4rem) / 2);
  }
}
@media (max-width: 576px) {
  .c-contents-list__item2-wrap {
    margin-right: 2rem;
    width: calc((100% - 2rem) / 2);
  }
}
.c-contents-list__item2-wrap:nth-child(3n) {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .c-contents-list__item2-wrap:nth-child(3n) {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .c-contents-list__item2-wrap:nth-child(2n) {
    margin-right: 0rem;
  }
}
.c-contents-list__item2-img {
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
  border: 1px solid #000000;
  border-radius: 1.6rem;
}
@media (max-width: 768px) {
  .c-contents-list__item2-img {
    height: 160px;
  }
}
@media (max-width: 576px) {
  .c-contents-list__item2-img {
    height: 100px;
    border-radius: 1rem;
  }
}
.c-contents-list__item2 img {
  width: 100%;
}
.c-contents-list__item2-text-area {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.c-contents-list__item2-text-area h3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  height: auto;
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-contents-list__item2-text-area h3 {
    font-size: 1.8rem;
  }
}
.c-contents-list__item2-text-area h3 span {
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
}
.c-contents-list__ctg-list li {
  display: flex;
  margin-bottom: 4px;
}
.c-contents-list__ctg-list li:last-child {
  margin-bottom: 0px;
}
.c-contents-list__ctg-title {
  white-space: nowrap;
  margin-right: 24px;
  letter-spacing: 0.64rem;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-contents-list__ctg-title {
    margin-right: 8px;
    font-size: 1.1rem;
  }
}
@media (max-width: 576px) {
  .c-contents-list__ctg-text {
    font-size: 1.1rem;
  }
}

.c-contents-list2 {
  display: flex;
  flex-wrap: wrap;
}
.c-contents-list2__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.8rem;
  width: calc((100% - 4rem) / 2);
  margin-right: 4rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
}
@media (max-width: 768px) {
  .c-contents-list2__item {
    width: calc((100% - 4rem) / 2);
  }
}
@media (max-width: 576px) {
  .c-contents-list2__item {
    margin-right: 2rem;
    width: calc((100% - 2rem) / 2);
  }
}
.c-contents-list2__item:nth-child(2n) {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .c-contents-list2__item:nth-child(2n) {
    margin-right: auto;
  }
}
.c-contents-list2__item img {
  width: 100%;
}
.c-contents-list2__item-text-area {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1.6rem;
}
@media (max-width: 576px) {
  .c-contents-list2__item-text-area {
    gap: 0.8rem;
  }
}
.c-contents-list2__item-text-area h3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  height: auto;
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-contents-list2__item-text-area h3 {
    font-size: 1.8rem;
  }
}
.c-contents-list2__item-text-area h3 span {
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
}
.c-contents-list2__ctg-list li {
  display: flex;
  margin-bottom: 4px;
}
.c-contents-list2__ctg-list li:last-child {
  margin-bottom: 0px;
}
.c-contents-list2__ctg-title {
  white-space: nowrap;
  margin-right: 24px;
  letter-spacing: 0.64rem;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-contents-list2__ctg-title {
    margin-right: 8px;
    font-size: 1.1rem;
  }
}
@media (max-width: 576px) {
  .c-contents-list2__ctg-text {
    font-size: 1.1rem;
  }
}

.c-number-list__flex {
  display: flex;
}
@media (max-width: 768px) {
  .c-number-list__flex {
    display: block;
  }
}
.c-number-list__head {
  width: 40%;
  margin-right: 8rem;
}
@media (max-width: 768px) {
  .c-number-list__head {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 4rem;
  }
}
.c-number-list__list {
  width: 60%;
}
@media (max-width: 768px) {
  .c-number-list__list {
    width: 100%;
  }
}
.c-number-list__item {
  display: flex;
}
.c-number-list__number {
  margin-right: 4px;
  min-width: 80px;
  max-width: 80px;
}
@media (max-width: 576px) {
  .c-number-list__number {
    min-width: 40px;
    max-width: 40px;
  }
}
.c-number-list__text {
  font-weight: 700;
}
.c-number-list__text a {
  text-decoration: underline;
  transition: 0.3s;
}
.c-number-list__text a:hover {
  opacity: 0.7;
}

.slick-prev {
  background-image: url(../images/common/arrow-right.svg);
}

.c-slider__arrows {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 1.5rem;
  bottom: -24px;
  right: 280px;
}
@media (max-width: 1200px) {
  .c-slider__arrows {
    bottom: -56px;
    right: 22%;
  }
}
@media (max-width: 768px) {
  .c-slider__arrows {
    bottom: -56px;
    right: 20%;
  }
}
@media (max-width: 576px) {
  .c-slider__arrows {
    bottom: -64px;
    right: 20%;
  }
}
.c-slider__arrows button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.c-slider__arrows button img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 2px 4px 0px rgb(0, 0, 0);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.c-slider__arrows button img:hover {
  transform: translateY(-2px);
}
.c-slider__arrows button img:active {
  box-shadow: none;
  transform: translateY(2px);
}
.c-slider__arrows button.c-slider__arrow-left {
  margin-right: 0.4rem;
}
.c-slider-head__arrows {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 1.5rem;
  bottom: -24px;
  right: 0%;
}
@media (max-width: 768px) {
  .c-slider-head__arrows {
    bottom: -48px;
  }
}
.c-slider-head__arrows button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.c-slider-head__arrows button img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 2px 4px 0px rgb(0, 0, 0);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.c-slider-head__arrows button img:hover {
  transform: translateY(-2px);
}
.c-slider-head__arrows button img:active {
  box-shadow: none;
  transform: translateY(2px);
}
.c-slider-head__arrows button.c-slider-head__arrow-left {
  margin-right: 0.4rem;
}
/* 関連コンテンツ */
.c-page__related-slider {
  width: 100%;
  position: relative;
}
.c-page__related-slider .slick-dots {
  display: flex;
  justify-content: center;
}
.c-page__related-slider .slick-dots .presentation {
  display: inline-block;
}
@media (max-width: 768px) {
  .c-page__related-slider {
    width: 100%;
  }
}
.c-page__related-slider-item {
  width: 100%;
  max-width: 840px;
  margin-right: 4rem;
}
@media (max-width: 768px) {
  .c-page__related-slider-item {
    margin-right: 2rem;
    width: auto;
  }
}
.c-page__related-slider-left {
  margin-right: 40px;
  width: 40%;
}
@media (max-width: 768px) {
  .c-page__related-slider-left {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 2.4rem;
  }
}
.c-page__related-slider-image {
  background-position: center;
  background-size: cover;
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 420px;
}
@media (max-width: 768px) {
  .c-page__related-slider-image {
    height: 300px;
  }
}
@media (max-width: 576px) {
  .c-page__related-slider-image {
    height: 240px;
  }
}
.c-page__related-slider-image iframe {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 100%;
}
.c-page__related-slider-text-area {
  padding: 1.6rem;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
}
.c-page__related-slider-text-area p {
  font-weight: 700;
}

.c-slider-related__arrows {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 1.5rem;
  bottom: -48px;
  right: 0px;
}
.c-slider-related__arrows button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.c-slider-related__arrows button img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 2px 4px 0px rgb(0, 0, 0);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.c-slider-related__arrows button img:hover {
  transform: translateY(-2px);
}
.c-slider-related__arrows button img:active {
  box-shadow: none;
  transform: translateY(2px);
}
.c-slider-related__arrows button.c-slider-related__arrow-left {
  margin-right: 0.4rem;
}
/* 反転ブロック */
.c-features__head {
  text-align: center;
}
.c-features__head h2 {
  font-weight: 700;
}
.c-features__head p {
  font-weight: 500;
}
.c-features__list {
  padding: 0rem 8rem;
}
@media (max-width: 1200px) {
  .c-features__list {
    padding: 0rem;
  }
}
@media (max-width: 992px) {
  .c-features__list {
    padding: 0rem;
  }
}
.c-features__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .c-features__item {
    display: block;
  }
}
.c-features__item:last-child {
  margin-bottom: 0rem;
}
.c-features__item:nth-child(2n) {
  flex-direction: row-reverse;
}
.c-features__item:nth-child(2n) img {
  margin-right: 0px;
  margin-left: -2.4rem;
}
@media (max-width: 992px) {
  .c-features__item:nth-child(2n) img {
    margin-left: -1.2rem;
  }
}
@media (max-width: 768px) {
  .c-features__item:nth-child(2n) img {
    margin-left: 0px;
  }
}
.c-features__item img {
  width: 50%;
  display: block;
  margin-right: -2.4rem;
  position: relative;
  z-index: 5;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .c-features__item img {
    margin-right: -1.2rem;
  }
}
@media (max-width: 768px) {
  .c-features__item img {
    margin-right: 0px;
    width: 100%;
    margin-bottom: -2rem;
  }
}
.c-features__item-text {
  position: relative;
  z-index: 10;
  width: 50%;
  padding: 6.4rem 4rem;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #000000;
}
@media (max-width: 992px) {
  .c-features__item-text {
    padding: 4rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .c-features__item-text {
    width: 100%;
    padding: 2rem 2rem;
  }
}
.c-features__item-text h3 {
  font-weight: 700;
}
/*タグが落ちるJSエリア*/
.c-tag-js {
  background-color: #000000;
  width: 100%;
  height: 340px;
}
@media (max-width: 768px) {
  .c-tag-js {
    height: 240px;
  }
}
@media (max-width: 576px) {
  .c-tag-js {
    height: 160px;
  }
}
.c-tag-js__item {
  display: inline-block;
  padding: 0.8rem;
  background-color: #fff;
  border-radius: 100px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .c-tag-js__item {
    padding: 0.4rem 0.8rem;
  }
}
@media (max-width: 576px) {
  .c-tag-js__item {
    padding: 0.2rem 0.4rem;
    font-size: 1.6rem;
  }
}

/* 制作の流れ　*/
.c-flow {
  background-color: #fff;
}
.c-flow-wrap {
  background-color: #fff;
  border-bottom: 1px solid #000000;
}
.c-flow__section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
@media (max-width: 576px) {
  .c-flow__section-title {
    display: block;
  }
}
.c-flow__section-title h2 {
  font-weight: 900;
}
@media (max-width: 768px) {
  .c-flow__section-title h2 {
    font-size: 2.8rem;
  }
}
.c-flow__section-title h2 span {
  display: block;
  margin-bottom: 4px;
}
.c-flow__section-btn {
  display: flex;
  justify-content: end;
}
.c-flow__section-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media (max-width: 992px) {
  .c-flow__section-list {
    flex-direction: row;
  }
}
.c-flow__section-dcr1 {
  content: "";
  display: block;
  background-image: url("../images/top/fv-section-dcr1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 50%;
  right: -83px;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 576px) {
  .c-flow__section-dcr1 {
    width: 86px;
    height: 54px;
  }
}
.c-flow__section-dcr1-pc {
  content: "";
  display: block;
  background-image: url("../images/top/fv-section-dcr1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 50%;
  right: -83px;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 992px) {
  .c-flow__section-dcr1-pc {
    display: none;
  }
}
@media (max-width: 576px) {
  .c-flow__section-dcr1-pc {
    width: 80px;
    height: 64px;
  }
}
.c-flow__section-dcr2 {
  content: "";
  display: block;
  background-image: url("../images/top/fv-section-dcr2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 3;
}
@media (max-width: 576px) {
  .c-flow__section-dcr2 {
    height: 64px;
  }
}
.c-flow__section-dcr2-pc {
  content: "";
  display: block;
  background-image: url("../images/top/fv-section-dcr2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 3;
}
@media (max-width: 992px) {
  .c-flow__section-dcr2-pc {
    display: none;
  }
}
.c-flow__section-dcr3 {
  content: "";
  display: none;
  background-image: url("../images/top/fv-section-dcr3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: -66px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}
@media (max-width: 992px) {
  .c-flow__section-dcr3 {
    display: block;
  }
}
@media (max-width: 576px) {
  .c-flow__section-dcr3 {
    width: 52px;
    height: 69px;
  }
}
.c-flow__section-dcr4 {
  content: "";
  display: none;
  background-image: url("../images/top/fv-section-dcr4.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 66px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -26px;
  z-index: 3;
}
@media (max-width: 992px) {
  .c-flow__section-dcr4 {
    display: block;
  }
}
@media (max-width: 576px) {
  .c-flow__section-dcr4 {
    left: -21px;
    height: 54px;
  }
}
.c-flow__section-dcr5 {
  content: "";
  display: block;
  background-image: url("../images/top/fv-section-dcr5.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -86px;
  z-index: 3;
}
.c-flow__section-dcr6 {
  content: "";
  display: none;
  background-image: url("../images/top/fv-section-dcr6.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
@media (max-width: 992px) {
  .c-flow__section-dcr6 {
    display: block;
  }
}
@media (max-width: 576px) {
  .c-flow__section-dcr6 {
    width: 64px;
  }
}
.c-flow__section-dcr7 {
  content: "";
  display: none;
  background-image: url("../images/top/fv-section-dcr2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 87px;
  height: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -86px;
  z-index: 3;
}
@media (max-width: 992px) {
  .c-flow__section-dcr7 {
    display: block;
  }
}
@media (max-width: 576px) {
  .c-flow__section-dcr7 {
    height: 64px;
  }
}
.c-flow__section-item {
  z-index: 1;
  position: relative;
  width: calc((100% - 90px) / 4);
  margin-right: 30px;
  margin-bottom: 26px;
}
@media (max-width: 992px) {
  .c-flow__section-item {
    width: calc((100% - 24px) / 2);
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  .c-flow__section-item {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 23px;
  }
}
@media (max-width: 992px) {
  .c-flow__section-item:nth-child(2n) {
    margin-right: 0px;
  }
}
@media (max-width: 992px) {
  .c-flow__section-item:nth-child(4n) {
    margin-right: 20px;
  }
}
.c-flow__section-item:nth-child(1) {
  order: 1;
}
.c-flow__section-item:nth-child(2) {
  order: 2;
}
.c-flow__section-item:nth-child(3) {
  order: 4;
  margin-right: 0px;
}
.c-flow__section-item:nth-child(4) {
  order: 3;
}
@media (max-width: 992px) {
  .c-flow__section-item:nth-child(1) {
    order: 1;
  }
  .c-flow__section-item:nth-child(2) {
    order: 2;
  }
  .c-flow__section-item:nth-child(3) {
    order: 3;
    margin-right: 20px;
  }
  .c-flow__section-item:nth-child(4) {
    order: 4;
    margin-right: 0px;
  }
}
.c-flow__section-item h3 {
  font-weight: 700;
  text-align: center;
}
@media (max-width: 992px) {
  .c-flow__section-item h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 576px) {
  .c-flow__section-item h3 {
    font-size: 1.6rem;
  }
}
.c-flow__section-item h3 span {
  display: block;
  margin-bottom: 4px;
}
.c-flow__section-item a {
  display: flex;
  height: 100%;
  flex-direction: column;
  border-radius: 24px;
  color: #000000;
  background-color: #fff;
  display: block;
  padding: 1.6rem;
  border: 1px solid #000000;
  min-height: 387px;
}
@media (max-width: 992px) {
  .c-flow__section-item a {
    min-height: 300px;
  }
}
@media (max-width: 768px) {
  .c-flow__section-item a {
    min-height: auto;
    height: 100%;
    padding: 0.8em;
    border-radius: 16px;
  }
}
.c-flow__section-item .action {
  background-color: #F5F5F5;
  height: 100%;
}
.c-flow__section-item-wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
  border-radius: 24px;
  color: #000000;
  background-color: #fff;
  display: block;
  padding: 1.6rem;
  border: 1px solid #000000;
  min-height: 387px;
}
@media (max-width: 992px) {
  .c-flow__section-item-wrap {
    min-height: 300px;
  }
}
@media (max-width: 768px) {
  .c-flow__section-item-wrap {
    min-height: auto;
    height: 100%;
    padding: 0.8em;
    border-radius: 16px;
  }
}
.c-flow__section-item-inner {
  display: flex;
  height: auto;
  flex-direction: column;
  padding: 4.8rem 1.6rem 1.6rem;
  border-radius: 20px;
  position: relative;
  background-color: #fff;
}
.c-flow__section-item-inner:hover {
  background-color: #F5F5F5;
  height: 100%;
}
@media (max-width: 576px) {
  .c-flow__section-item-inner {
    padding: 0.8em;
    border-radius: 12px;
  }
}
.c-flow__section-item img {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.c-flow__child-list li {
  list-style-type: disc;
  margin-left: 16px;
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-flow__child-list li {
    font-size: 1.1rem;
    margin-left: 8px;
  }
}
.c-flow__tab-content {
  display: none;
}
.c-flow__tab-content.active {
  display: block;
}
.c-flow__tab-content-inner {
  display: flex;
}
@media (max-width: 992px) {
  .c-flow__tab-content-inner {
    display: block;
  }
}
.c-flow__tab-content-text-area {
  width: 100%;
}
.c-flow__tab-content-text-area h4 {
  font-weight: 900;
}
.c-flow__tab-content-text-area h4 span {
  display: block;
}
@media (max-width: 992px) {
  .c-flow__tab-content-text-area h4 {
    font-size: 2rem;
  }
}
.c-flow__tab-content-btn {
  margin-top: 4rem;
  display: flex;
  justify-content: end;
}
.c-flow__tab-content-btn a {
  font-weight: 700;
  border: 1px solid #000000;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 1rem 1.6rem;
  justify-content: center;
  border-radius: 100px;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}
@media (max-width: 576px) {
  .c-flow__tab-content-btn a {
    padding: 0.8rem 1.6rem;
  }
}
.c-flow__tab-content-btn a:hover {
  opacity: 0.7;
}
.c-flow__tab-content-btn img {
  width: 100%;
  max-width: 30px;
  min-width: 30px;
}
.c-flow__tab-content-image {
  width: 100%;
  max-width: 316px;
  margin-right: 4rem;
}
.c-flow__tab-content-image img {
  width: 100%;
}
@media (max-width: 992px) {
  .c-flow__tab-content-image {
    max-width: none;
  }
}
.c-flow__content {
  border-radius: 20px;
  background-color: #F5F5F5;
  padding: 4rem;
}
@media (max-width: 992px) {
  .c-flow__content {
    display: block;
    padding: 2rem;
  }
}
.c-flow__content-left {
  width: 50%;
  margin-right: 40px;
}
@media (max-width: 992px) {
  .c-flow__content-left {
    width: 100%;
  }
}
.c-flow__content-left img {
  border-radius: 20px;
  width: 100%;
}
.c-flow__content-left h1 {
  margin-top: -60px;
  margin-left: 16px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.05rem;
}
@media (max-width: 992px) {
  .c-flow__content-left h1 {
    margin-left: 8px;
  }
}
.c-flow__content-left h1 span {
  font-size: 1.5rem;
  display: block;
}
@media (max-width: 768px) {
  .c-flow__content-left h1 {
    font-size: 3rem;
  }
}
.c-flow__content-left h1 strong {
  background: linear-gradient(transparent 60%, #FCFC47 20%);
}
.c-flow__content-right {
  width: 50%;
}
@media (max-width: 992px) {
  .c-flow__content-right {
    width: 100%;
  }
}
.c-floating {
  position: fixed;
  z-index: 1000;
  right: 3.2rem;
  bottom: 3.2rem;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 768px) {
  .c-floating {
    right: 1.6rem;
    bottom: 1.6rem;
  }
}
@media (max-width: 576px) {
  .c-floating {
    width: 80%;
    margin: 0 auto;
    right: auto;
    bottom: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}
.c-floating.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 576px) {
  .c-floating.is-visible {
    left: 50%;
    transform: translateY(-50%);
    transform: translateX(0);
    transform: translateX(-50%);
  }
}
.c-floating.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.c-floating__inner {
  width: 100%;
  text-align: center;
}
.c-floating__inner p {
  border: 1px solid #000000;
  z-index: 100;
  padding: 0.25rem 0.5rem;
  box-shadow: 3px 2px 0px rgb(0, 0, 0);
  display: inline-block;
  margin-bottom: -2.4rem;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  color: #000000;
}
.c-floating__inner p span {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.c-floating__inner p img {
  position: absolute;
  left: 50%;
  transform: translateY(-50%);
  bottom: -18px;
}
.c-floating__inner a {
  border: 1px solid #000000;
  margin-left: 16px;
  justify-content: center;
  display: flex;
  padding: 0.8em 2.4em;
  background: linear-gradient(to right, #47C0FC, #47FCC0);
  border-radius: 100px;
  color: #000000;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
@media (max-width: 576px) {
  .c-floating__inner a {
    margin-left: 0px;
  }
}
.c-floating__inner a span {
  margin-right: 8px;
  font-size: 14px;
}
.c-floating__inner a:hover {
  opacity: 0.7;
}

.p-fv-wrap {
  background-color: #fff;
  border-bottom: 1px solid #000000;
}
.p-fv__icon-list {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: end;
  margin-bottom: -100px;
}
@media (max-width: 576px) {
  .p-fv__icon-list {
    margin-bottom: -80px;
  }
}
.p-fv__icon-list li {
  margin: 0 40px;
}
.p-fv__icon-list li img {
  width: 100%;
  max-width: 80px;
}
@media (max-width: 576px) {
  .p-fv__icon-list li img {
    width: 40px;
  }
}
.p-fv__head-area {
  margin-bottom: -40px;
}
@media (max-width: 992px) {
  .p-fv__head-area {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .p-fv__head-area {
    margin-bottom: 24px;
  }
}
@media (max-width: 576px) {
  .p-fv__head-area {
    margin-bottom: 0px;
  }
}
.p-fv__head h1 {
  font-size: 48px;
  color: #BA1C22;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.p-fv__head h1 span {
  padding: 0.4rem 0.4rem;
  font-weight: 700;
  background-color: #fff;
}
@media (max-width: 576px) {
  .p-fv__head h1 {
    font-size: 30px;
  }
}
.p-about {
  position: relative;
  overflow: hidden;
  padding-bottom: 160px;
  background: linear-gradient(180deg, #F5F0EC 0%, #F5F4F0 100%);
}
@media (max-width: 576px) {
  .p-about {
    padding-bottom: 40px;
  }
}
.p-about .p-about__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.p-about__noise {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  mix-blend-mode: multiply;
  filter: contrast(170%) brightness(1000%);
}
.p-about__ramen-image {
  position: relative;
  width: 40%;
  z-index: 1;
}
.p-about__ramen-image img {
  width: 100%;
  border-radius: 0px 80px 80px 0px;
}
@media (max-width: 992px) {
  .p-about__ramen-image {
    width: 80%;
  }
}
@media (max-width: 576px) {
  .p-about__ramen-image {
    width: 88%;
  }
}
.p-about__ramen-image-wrap {
  position: relative;
}
.p-about__men1 {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0px;
}
.p-about__men1 img {
  width: 100%;
  max-width: 400px;
}
.p-about__men2 {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: -120px;
}
.p-about__men2 img {
  width: 100%;
  max-width: 400px;
}
@media (max-width: 992px) {
  .p-about__men2 img {
    min-width: 340px;
    max-width: 340px;
  }
}
@media (max-width: 768px) {
  .p-about__men2 img {
    min-width: 260px;
    max-width: 260px;
  }
}
@media (max-width: 576px) {
  .p-about__men2 img {
    min-width: 160px;
    max-width: 160px;
  }
}
.p-about__main-content {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
}
@media (max-width: 992px) {
  .p-about__main-content {
    display: block;
  }
}
.p-about__textarea {
  z-index: 2;
  margin: 0 auto;
  position: relative;
  margin-top: 8rem;
}
@media (max-width: 992px) {
  .p-about__textarea {
    margin-top: 4rem;
  }
}
@media (max-width: 576px) {
  .p-about__textarea {
    margin-top: 0rem;
    text-align: center;
  }
}
.p-about__textarea h2 {
  position: relative;
  font-weight: 700;
  z-index: 4;
}
@media (max-width: 768px) {
  .p-about__textarea h2 {
    font-size: 28px;
  }
}
.p-about__textarea h2 span {
  font-size: 130px;
  color: #fff;
  opacity: 0.8;
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .p-about__textarea h2 span {
    font-size: 80px;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-about__text p {
  font-weight: 400;
}
@media (max-width: 768px) {
  .p-about__text p {
    font-size: 1.4rem;
  }
}
.p-about__line {
  display: inline-block;
  margin-top: 24px;
}
@media (max-width: 576px) {
  .p-about__line {
    display: block;
    width: 100%;
  }
}
.p-about__line-inner {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 16px;
  border: 2px solid #BA1C22;
}
@media (max-width: 576px) {
  .p-about__line-inner {
    padding: 8px;
  }
}
.p-about__line-inner img {
  max-width: 80px;
  margin-right: 24px;
}
@media (max-width: 576px) {
  .p-about__line-inner img {
    margin-right: 12px;
  }
}
.p-about__line-inner p {
  font-weight: 500;
}

.p-lineup {
  position: relative;
  background-position: center;
  background-size: cover;
}
.p-lineup__head {
  position: relative;
  z-index: 2;
  text-align: center;
}
.p-lineup .slick-list {
  padding: 80px 0;
  display: flex !important;
  align-items: center !important;
}
@media (max-width: 768px) {
  .p-lineup .slick-list {
    padding: 0;
  }
}
.p-lineup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.p-lineup__inner {
  position: relative;
  z-index: 2;
}
.p-lineup__list {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.p-lineup__item {
  width: calc((100% - 120px) / 5);
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.p-lineup__item-image {
  text-align: center;
}
.p-lineup__item img {
  display: inline-block;
  transition: transform 0.3s ease, height 0.3s ease;
  width: 100%;
  max-width: 300px;
}
.p-lineup__item-textarea {
  text-align: center;
  padding: 2.4rem 1.6rem 1.6rem;
  border-radius: 24px;
  height: 100%;
}
.p-lineup__item-textarea h3 {
  color: #BA1C22;
  font-weight: 700;
}
.p-lineup__item-textarea h3 span {
  background-color: #fff;
  padding: 0.4rem 0.8rem;
}
.p-lineup__item-price {
  font-weight: 700;
}
.p-lineup__item-dcr {
  position: absolute;
  top: 0px;
  left: 24px;
}
.p-lineup__item-dcr img {
  width: 100%;
  max-width: 80px;
}
.p-lineup-slider__wrap {
  position: relative;
}
.p-lineup-slider__item {
  margin-right: 1.6rem;
}
.p-lineup-slider__item img {
  width: 100%;
  display: block;
  max-width: 300px;
}
.p-lineup-slider__arrows {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 1.5rem;
  bottom: -48px;
  right: 3%;
}
@media (max-width: 768px) {
  .p-lineup-slider__arrows {
    bottom: -56px;
  }
}
@media (max-width: 768px) {
  .p-lineup-slider__arrows {
    bottom: -64px;
  }
}
.p-lineup-slider__arrows button {
  background: none;
  border: none;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.p-lineup-slider__arrows button img {
  display: inline-block;
  width: 100%;
  border-radius: 20px;
  max-width: 64px;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.p-lineup-slider__arrows button img:hover {
  transform: translateY(-2px);
}
.p-lineup-slider__arrows button img:active {
  box-shadow: none;
  transform: translateY(2px);
}
.p-lineup-slider__arrows button.p-lineup-slider__arrow-left {
  margin-right: 0.4rem;
}
.p-video-blog {
  background-color: #fff;
}
.p-video-blog__inner {
  display: flex;
}
@media (max-width: 992px) {
  .p-video-blog__inner {
    display: block;
  }
}

.marquee {
  display: inline-block;
  text-shadow: var(--offset-x) 0 currentcolor, calc(var(--offset-x) * 2) 0 currentcolor, calc(var(--offset-x) * 3) 0 currentcolor;
  animation: marquee 5s linear infinite;
  will-change: translate;
  position: relative;
  color: #BA1C22;
  font-size: 2.4rem;
  text-wrap: nowrap;
}
@media (max-width: 576px) {
  .marquee {
    font-size: 1.8rem;
  }
}

@keyframes marquee {
  0% {
    translate: 0;
  }
  100% {
    translate: -100%;
  }
}
.l-container {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0.8rem 0;
  background-color: #fff;
  border-top: 1px solid #BA1C22;
  border-bottom: 1px solid #BA1C22;
}

.p-video {
  width: 60%;
  margin-right: 80px;
}
@media (max-width: 1200px) {
  .p-video {
    margin-right: 40px;
  }
}
@media (max-width: 992px) {
  .p-video {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 8rem;
  }
}
.p-video__head h2 {
  font-size: 32px !important;
}
.p-video-slider__wrap {
  position: relative;
}
.p-video-slider__item {
  margin-right: 1.6rem;
}
.p-video-slider__item img {
  width: 100%;
  display: block;
  max-width: 300px;
}
.p-video-slider__arrows {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 1.5rem;
  bottom: -48px;
  right: 3%;
}
@media (max-width: 768px) {
  .p-video-slider__arrows {
    bottom: -56px;
  }
}
@media (max-width: 768px) {
  .p-video-slider__arrows {
    bottom: -64px;
  }
}
.p-video-slider__arrows button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.p-video-slider__arrows button img {
  width: 100%;
  border-radius: 20px;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  max-width: 64px;
}
.p-video-slider__arrows button img:hover {
  transform: translateY(-2px);
}
.p-video-slider__arrows button img:active {
  box-shadow: none;
  transform: translateY(2px);
}
.p-video-slider__arrows button.p-video-slider__arrow-left {
  margin-right: 0.4rem;
}
.p-blog {
  width: 40%;
  padding: 2.4rem;
  border-radius: 24px;
  border: 1px solid #BA1C22;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .p-blog {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .p-blog {
    padding: 1.6rem;
  }
}
@media (max-width: 992px) {
  .p-blog__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-blog__item {
  margin-bottom: 1.6rem;
}
@media (max-width: 992px) {
  .p-blog__item {
    margin-right: 40px;
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 768px) {
  .p-blog__item {
    width: 100%;
    margin-right: 0px;
  }
}
.p-blog__item:nth-child(2n) {
  margin-right: 0px;
}
.p-blog__item a {
  padding: 1.2rem;
  background-color: #fff;
  display: flex;
  width: 100%;
  transition: opacity 0.3s ease;
}
.p-blog__item a:hover {
  opacity: 0.7;
}
.p-blog__item-image {
  width: 40%;
  height: 120px;
  background-position: center;
  background-size: cover;
  margin-right: 16px;
}
@media (max-width: 992px) {
  .p-blog__item-image {
    height: 160px;
  }
}
@media (max-width: 576px) {
  .p-blog__item-image {
    height: 120px;
  }
}
.p-blog__item-text {
  width: 60%;
}
.p-blog__item-text h3 {
  font-weight: 700;
}
.p-blog__item-text p {
  padding: 0.2rem 0.8rem;
  display: inline-block;
  border-radius: 100px;
  font-weight: 700;
  margin-bottom: 0.4rem;
  border: 1px solid #BA1C22;
}
.p-blog__ctg {
  margin-bottom: 0.4rem;
  margin-right: 0.4rem;
}
.p-blog__ctg a {
  padding: 0.2rem 0.8rem;
  display: inline-block;
  border-radius: 100px;
  background-color: #fff;
  font-weight: 700;
  border: 1px solid #BA1C22;
}
.p-blog__ctg a.active {
  color: #fff;
  background-color: #BA1C22;
}
.p-blog__ctg-list {
  display: flex;
  flex-wrap: wrap;
}
.p-blog__tag-list {
  display: flex;
}
.p-blog__tag {
  margin-top: 1.6rem;
  font-weight: 500;
  margin: 0 0.4rem 0.4rem 0;
}
.p-blog__tag span {
  color: #BA1C22;
}
.p-blog__btn {
  display: flex;
  justify-content: center;
}
.p-blog__btn a {
  display: flex;
  align-items: end;
  transition: opacity 0.3s ease;
}
.p-blog__btn a:hover {
  opacity: 0.7;
}
.p-blog__btn p {
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 0.8rem;
  margin-right: 8px;
}
.p-blog__btn img {
  margin-bottom: 0.8rem;
  width: 100%;
  max-width: 60px;
}

.slick-prev:before,
.slick-next:before {
  content: ""; /* 矢印の文字を空にする */
  display: none; /* 矢印自体を非表示にする */
}

.slick-prev {
  position: absolute;
  bottom: 24px; /* 上下中央に配置 */
  z-index: 100;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1000;
  bottom: 20px; /* ボタンの垂直方向の位置を調整 */
  right: 20px; /* ボタンの水平方向の位置を調整 */
  background-image: url("../images/common/arrow-left.svg"); /* 左矢印画像 */
}

.slick-next {
  position: absolute;
  bottom: 24px; /* 上下中央に配置 */
  z-index: 100;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1000;
  cursor: pointer;
  right: 0px; /* 右矢印の位置 */
  background-image: url("../images/common/arrow-right.svg"); /* 右矢印画像 */
}

.p-community {
  margin-top: 8rem;
}
.p-community__content {
  display: flex;
  align-items: end;
}
@media (max-width: 992px) {
  .p-community__content {
    display: block;
  }
}
.p-community__content-left {
  background-position: center;
  background-size: cover;
  border-radius: 0px 40px 40px 0px;
  width: 60%;
  padding: 8rem;
  position: relative;
}
.p-community__content-left-head {
  position: relative;
  z-index: 2;
}
.p-community__content-left-head h2 {
  font-size: 3.2rem;
}
@media (max-width: 576px) {
  .p-community__content-left-head h2 {
    text-align: start !important;
  }
}
@media (max-width: 992px) {
  .p-community__content-left {
    width: 90%;
    padding: 8rem 4rem 8rem 4rem;
    margin-bottom: 80px;
  }
}
@media (max-width: 576px) {
  .p-community__content-left {
    padding: 4rem 1.6rem;
  }
}
.p-community__content-left-inner {
  position: relative;
  z-index: 2;
}
.p-community__content-left-inner a {
  margin-top: 2.4rem;
  display: flex;
  align-items: center;
  color: #fff;
}
.p-community__content-left-inner a img {
  width: 100%;
  margin-left: 8px;
  max-width: 64px;
}
.p-community__content-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px 40px 40px 0px;
  background-color: rgba(134, 118, 74, 0.8);
  z-index: 1;
}
.p-community__content-left h2 {
  color: #fff;
}
.p-community__content-left p {
  margin-bottom: 1.6rem;
  color: #fff;
  line-height: 1.8;
}
@media (max-width: 576px) {
  .p-community__content-left p {
    font-size: 1.3rem;
  }
}
.p-community__content-right {
  position: relative;
  z-index: 2;
  width: 50%;
  margin-top: 8rem;
  margin-left: -4rem;
}
@media (max-width: 992px) {
  .p-community__content-right {
    text-align: end;
    margin: 0 auto;
    padding-left: 30px;
    width: 100%;
  }
}
.p-community__content-right img {
  width: 100%;
}
.p-community__dcr-01 {
  display: inline-block;
  top: -40px;
  left: 24px;
  z-index: 2;
  position: absolute;
  transform: rotate(-15deg);
}
@media (max-width: 992px) {
  .p-community__dcr-01 {
    top: -80px;
  }
}
@media (max-width: 576px) {
  .p-community__dcr-01 {
    top: -40px;
  }
}
.p-community__dcr-01 img {
  width: 100%;
  min-width: 140px;
  max-width: 140px;
}
@media (max-width: 576px) {
  .p-community__dcr-01 img {
    min-width: 100px;
    max-width: 100px;
  }
}
.p-community__dcr-02 {
  display: inline-block;
  bottom: -170px;
  right: -64px;
  position: absolute;
  z-index: 4;
}
@media (max-width: 992px) {
  .p-community__dcr-02 {
    right: 24px;
  }
}
@media (max-width: 576px) {
  .p-community__dcr-02 {
    bottom: -100px;
  }
}
.p-community__dcr-02 img {
  width: 100%;
  min-width: 360px;
  max-width: 360px;
}
@media (max-width: 576px) {
  .p-community__dcr-02 img {
    min-width: 200px;
    max-width: 200px;
  }
}

.p-project {
  margin-top: 8rem;
}
.p-project__head {
  position: relative;
  text-align: center;
}
@media (max-width: 576px) {
  .p-project__head h2 {
    font-size: 3.2rem !important;
  }
}
.p-project__head span {
  padding-bottom: 24px;
  display: inline-block;
}
.p-project__content {
  display: flex;
}
@media (max-width: 576px) {
  .p-project__content {
    display: block;
  }
}
.p-project__dcrarea1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 16%;
}
@media (max-width: 576px) {
  .p-project__dcrarea1 {
    flex-direction: row-reverse;
    width: 100%;
    margin-bottom: -3.2rem;
  }
}
.p-project__dcrarea2 {
  width: 16%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .p-project__dcrarea2 {
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 0.8rem;
  }
}
.p-project__dcr1 {
  transform: rotate(-15deg);
  max-width: 160px;
}
@media (max-width: 576px) {
  .p-project__dcr1 {
    width: 30%;
  }
}
.p-project__dcr1 img {
  width: 100%;
}
.p-project__dcr2 {
  max-width: 180px;
}
@media (max-width: 576px) {
  .p-project__dcr2 {
    width: 30%;
  }
}
.p-project__dcr2 img {
  width: 100%;
}
.p-project__dcr3 {
  max-width: 180px;
}
@media (max-width: 576px) {
  .p-project__dcr3 {
    width: 30%;
  }
}
.p-project__dcr3 img {
  width: 100%;
}
.p-project__dcr4 {
  max-width: 180px;
  margin-bottom: 2rem;
  margin-left: 1rem;
}
@media (max-width: 576px) {
  .p-project__dcr4 {
    width: 30%;
    margin-left: 0rem;
    margin-bottom: 0rem;
    max-width: 120px;
  }
}
@media (max-width: 768px) {
  .p-project__dcr4 {
    margin-left: 1rem;
  }
}
.p-project__dcr4 img {
  width: 100%;
}
.p-project__textarea {
  width: 64%;
  position: relative;
  text-align: center;
  margin: 0 2rem;
}
@media (max-width: 768px) {
  .p-project__textarea {
    margin: 0 0.8rem;
  }
}
@media (max-width: 576px) {
  .p-project__textarea {
    width: 100%;
    margin: auto;
  }
}
.p-project__top {
  margin-bottom: 4rem;
}
.p-project__top h3 {
  font-weight: 700;
}
@media (max-width: 768px) {
  .p-project__top h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 576px) {
  .p-project__top {
    margin-bottom: 2rem;
  }
}
.p-project__middle {
  margin-bottom: 4rem;
}
@media (max-width: 576px) {
  .p-project__middle {
    margin-bottom: 2rem;
  }
}
.p-project__middle p {
  line-height: 1.8;
  font-weight: 500;
}
@media (max-width: 576px) {
  .p-project__middle p {
    font-size: 1.3rem;
  }
}
.p-project__bottom p {
  font-weight: 700;
}
@media (max-width: 768px) {
  .p-project__bottom p {
    font-size: 2rem;
  }
}
.p-project__btn {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
}
.p-project__btn a {
  display: flex;
  align-items: end;
  transition: opacity 0.3s ease;
}
.p-project__btn a:hover {
  opacity: 0.7;
}
.p-project__btn p {
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 0.8rem;
  margin-right: 8px;
}
.p-project__btn img {
  margin-bottom: 0.8rem;
  width: 100%;
  max-width: 60px;
}

.dod-dcr {
  background: #fff;
  border-top: 1px solid #BA1C22;
  border-bottom: 1px solid #BA1C22;
}

.p-info {
  background-color: #fff;
}
@media (max-width: 576px) {
  .p-info__head h2 {
    text-align: center;
    font-size: 3.2rem;
  }
}
.p-info__content {
  display: flex;
}
@media (max-width: 992px) {
  .p-info__content {
    display: block;
  }
}
.p-info__content-left {
  width: 50%;
  margin-right: 80px;
}
@media (max-width: 992px) {
  .p-info__content-left {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 4rem;
  }
}
.p-info__content-right {
  width: 50%;
}
.p-info__content-right iframe {
  width: 100%;
}
@media (max-width: 992px) {
  .p-info__content-right {
    width: 100%;
  }
}
.p-info__item {
  display: flex;
}
.p-info__item-title {
  font-weight: 500;
  margin-right: 24px;
  min-width: 100px;
  max-width: 100px;
}
@media (max-width: 576px) {
  .p-info__item-title {
    min-width: 60px;
    max-width: 60px;
  }
}
.slick-track {
  display: flex;
}

/* ページネーション */
.pagination {
  display: flex;
  justify-content: center; /* 中央揃え */
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}
.pagination__list {
  display: flex;
  gap: 0.5rem; /* ボタン間の余白 */
}
.pagination__item a {
  display: block;
  width: 40px; /* 丸い形にするための幅 */
  height: 40px; /* 丸い形にするための高さ */
  line-height: 40px; /* テキストを中央揃え */
  text-align: center; /* テキストを中央揃え */
  text-decoration: none;
  border: 1px solid #BA1C22; /* 通常時のボーダー */
  border-radius: 50%; /* 丸い形状 */
  color: #BA1C22; /* 通常時の文字色 */
  background-color: #fff; /* 通常時の背景色 */
  transition: all 0.3s ease; /* スムーズなアニメーション */
}
.pagination__item a:hover {
  background-color: #f0f0f0; /* ホバー時の背景色（任意） */
}
.pagination__item a.current {
  background-color: #BA1C22; /* アクティブ時の背景色 */
  color: #fff; /* アクティブ時の文字色 */
  border-color: #BA1C22; /* アクティブ時のボーダー色 */
}
.pagination__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; /* 丸い形にするための幅 */
  height: 40px; /* 丸い形にするための高さ */
  border-radius: 50%; /* 丸い形状 */
  color: #BA1C22; /* 省略記号の文字色 */
}
.pagination__dots img {
  width: 24px; /* 画像のサイズ */
  height: auto; /* 高さは自動調整 */
}

.p-news__ctg-inner {
  display: flex;
  flex-wrap: wrap;
}
.p-news__ctg-list {
  border-radius: 20px;
  border: 1px solid #000000;
  background-color: #fff;
  margin-bottom: 2.4rem;
  display: flex;
}
.p-news__ctg-item a {
  display: block;
  border: 1px solid #000000;
  background-color: #fff;
  font-weight: 500;
  padding: 0 16px;
  background-color: #47FCFC;
  display: inline-block;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .p-news__ctg-item a {
    margin-right: 4px;
  }
}
.p-news__ctg-item.active a {
  background-color: #000000;
  color: #ffffff;
}
.p-news__ctg-title {
  padding-right: 4em;
  border-right: 1px solid #000000;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .p-news__ctg-title {
    padding-right: 1.6em;
  }
}
.p-news__btn {
  display: flex;
  justify-content: center;
}
.c-column__flex {
  display: flex;
}
@media (max-width: 992px) {
  .c-column__flex {
    display: block;
  }
}

.c-column__content-left {
  width: 70%;
  margin-right: 24px;
}
@media (max-width: 992px) {
  .c-column__content-left {
    width: 100%;
  }
}

.c-news__sub {
  width: 30%;
}
.c-news__sub-dcr {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 100%;
  max-width: 28px;
}
.c-news__sub h2 {
  margin-bottom: 1.6rem;
}
@media (max-width: 992px) {
  .c-news__sub {
    width: 100%;
    margin-top: 4rem;
  }
}
.c-news__sub-keyword {
  padding: 2rem;
  border-radius: 20px;
  border: 1px solid #000000;
  background-color: #fff;
}
.c-news__sub-keyword ul {
  display: flex;
  flex-wrap: wrap;
}
.c-news__sub-keyword ul li a {
  display: block;
  border: 1px solid #000000;
  background-color: #fff;
  font-weight: 500;
  padding: 0 16px;
  background-color: #47FCFC;
  display: inline-block;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-news__sub-keyword ul li a {
    margin-right: 4px;
  }
}
.c-news__sub-recent {
  padding: 2rem;
  border-radius: 20px;
  border: 1px solid #000000;
  background-color: #fff;
}
.c-news__sub-recent-list a {
  padding: 16px 0;
  border-bottom: 1px solid #000000;
  position: relative;
  display: flex;
  align-items: start;
}
.c-news__sub-recent-list li:last-of-type a {
  border-bottom: 0px;
}
.c-news__sub-img {
  width: 80px;
  min-width: 80px;
  height: 80px;
  display: block;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  border: 1px solid #000000;
  margin-right: 8px;
}
.c-news__sub-text-area h3 {
  font-weight: 700;
}
.c-news__sub-ctg-area {
  display: flex;
  flex-wrap: wrap;
}
.c-news__sub-ctg {
  display: block;
  border: 1px solid #000000;
  background-color: #fff;
  font-weight: 500;
  padding: 0 16px;
  background-color: #47FCFC;
  display: inline-block;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-news__sub-ctg {
    margin-right: 4px;
  }
}
.c-news__list {
  display: flex;
  flex-wrap: wrap;
}
.c-news__item {
  margin-right: 24px;
  width: calc((100% - 24px) / 2);
}
.c-news__item:nth-child(2n) {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .c-news__item {
    width: 100%;
    margin-right: 0px;
  }
}
.c-news__item-content {
  display: flex;
}
.c-news__item-content-btn {
  position: absolute;
  bottom: 4px;
  right: 0px;
}
.c-news__item-content-btn img {
  display: inline-block;
  width: 100%;
  max-width: 30px;
}
@media (max-width: 576px) {
  .c-news__item-content-btn img {
    max-width: 24px;
  }
}
@media (max-width: 768px) {
  .c-news__item-content-btn {
    bottom: 3px;
  }
}
@media (max-width: 576px) {
  .c-news__item-content-btn {
    bottom: 1px;
  }
}
.c-news__item-img {
  width: 100%;
  margin-right: 16px;
  min-width: 160px;
  max-width: 160px;
  height: 160px;
  background-position: center;
  background-size: cover;
  border: 1px solid #000000;
  border-radius: 10px;
}
@media (max-width: 576px) {
  .c-news__item-img {
    min-width: 120px;
    max-width: 120px;
    height: 120px;
  }
}
.c-news__item-img img {
  width: 100%;
}
.c-news__item a {
  display: block;
  color: #000000;
  position: relative;
}
.c-news__item-text-area {
  padding-bottom: 32px;
  border-bottom: 1px solid #000000;
}
.c-news__item-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-news__item-title {
  font-weight: 700;
}
.c-news__item-ctg {
  font-weight: 500;
  padding: 0 1em;
  background-color: #47FCFC;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 20px;
}
.c-news__item-ctg-area {
  display: flex;
  justify-content: space-between;
}
.c-blog__btn-area {
  background-color: #fff;
  margin-bottom: 2.4rem;
  border: 1px solid #BA1C22;
  border-radius: 8px;
}
.c-blog__ctg-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #BA1C22;
}
.c-blog__ctg-list li {
  margin-right: 8px;
}
.c-blog__ctg-list li a {
  border: 1px solid #BA1C22;
  background-color: #fff;
  font-weight: 500;
  margin: 0 0.4rem 0.4rem 0;
  padding: 0 16px;
  display: inline-block;
  border-radius: 20px;
  font-weight: 500;
}
.c-blog__ctg-list li.active a {
  background-color: #BA1C22;
  color: #ffffff;
}
.c-blog__tag-list {
  display: flex;
  align-items: center;
  padding-top: 2.4rem;
  margin-right: 8px;
}
.c-blog__tag-list li {
  margin-right: 8px;
}
.c-blog__tag-list li a {
  font-weight: 500;
}
.c-blog__tag-list li a span {
  color: #BA1C22;
}
.c-blog__tag-list li.active a {
  font-weight: 900;
}
.c-blog__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .c-blog__list {
    display: block;
  }
}
.c-blog__item {
  width: calc((100% - 6rem) / 4);
  margin-right: 2rem;
}
.c-blog__item-pick {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  max-width: 60px;
  display: inline-block;
}
@media (max-width: 576px) {
  .c-blog__item-pick {
    max-width: 60px;
  }
}
@media (max-width: 992px) {
  .c-blog__item {
    width: calc((100% - 2rem) / 2);
    margin-right: 2rem;
  }
}
@media (max-width: 576px) {
  .c-blog__item {
    width: 100%;
    margin-right: 0em;
  }
}
.c-blog__item:nth-child(4n) {
  margin-right: 0px;
}
@media (max-width: 992px) {
  .c-blog__item:nth-child(4n) {
    margin-right: auto;
  }
}
@media (max-width: 992px) {
  .c-blog__item:nth-child(2n) {
    margin-right: 0rem;
  }
}
.c-blog__item a {
  padding: 1.6rem;
  background-color: #fff;
  position: relative;
  color: #000000;
  display: block;
}
.c-blog__item a img {
  width: 100%;
}
.c-blog__item-image {
  display: block;
  width: 100%;
  height: 220px;
  margin: 0 auto;
  background-position: center;
  background-size: cover;
  margin-bottom: 1.6rem;
}
.c-blog__item-title {
  font-weight: 700;
}
.c-blog__item-ctg {
  font-weight: 500;
  padding: 0 16px;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #BA1C22;
  border-radius: 20px;
}
.c-blog__item-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-blog__item-tag-list {
  display: flex;
  align-items: center;
}
.c-blog__item-tag-list li {
  margin-right: 8px;
}
.c-blog__item-tag-list li span {
  color: #BA1C22;
}
.c-blog__sub {
  width: 30%;
}
.c-blog__sub-dcr {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 100%;
  max-width: 28px;
}
.c-blog__sub h2 {
  margin-bottom: 1.6rem;
}
@media (max-width: 992px) {
  .c-blog__sub {
    width: 100%;
    margin-top: 4rem;
  }
}
.c-blog__sub-keyword-tag {
  border: 1px solid #BA1C22;
  border-radius: 8px;
  padding: 2rem;
  background-color: #fff;
}
.c-blog__sub-keyword-tag ul {
  display: flex;
  flex-wrap: wrap;
}
.c-blog__sub-keyword {
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #BA1C22;
}
.c-blog__sub-keyword ul li a {
  display: block;
  border: 1px solid #BA1C22;
  background-color: #fff;
  font-weight: 500;
  padding: 0 16px;
  display: inline-block;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-blog__sub-keyword ul li a {
    margin-right: 4px;
  }
}
.c-blog__sub-tag {
  padding-top: 2.4rem;
}
.c-blog__sub-tag ul li a {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-blog__sub-tag ul li a {
    margin-right: 4px;
  }
}
.c-blog__sub-tag ul li a span {
  color: #BA1C22;
}
.c-blog__sub-tag-list {
  display: flex;
}
.c-blog__sub-tag-list li {
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-blog__sub-tag-list li {
    margin-right: 4px;
  }
}
.c-blog__sub-tag-list li span {
  color: #BA1C22;
}
.c-blog__sub-ranking {
  border: 1px solid #BA1C22;
  border-radius: 8px;
  padding: 2rem;
  background-color: #fff;
}
.c-blog__sub-ranking-item {
  position: relative;
  margin-bottom: 1.5rem;
}
.c-blog__sub-ranking-item:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 8px;
  left: -10px;
  width: 24px;
  height: 24px;
  background-image: url("../images/common/gold-medal.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-blog__sub-ranking-item:nth-child(2)::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 8px;
  left: -10px;
  width: 24px;
  height: 24px;
  background-image: url("../images/common/silver-medal.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-blog__sub-ranking-item:nth-child(3)::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 8px;
  left: -10px;
  width: 24px;
  height: 24px;
  background-image: url("../images/common/bronze-medal.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-blog__sub-ranking-item:nth-child(4)::before, .c-blog__sub-ranking-item:nth-child(5)::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 8px;
  left: -10px;
  width: 24px;
  height: 24px;
  background-image: url("../images/icons/standard-crown.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.c-blog__sub-ranking-list a {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid #BA1C22;
}
.c-blog__sub-ranking-list li:last-of-type a {
  border-bottom: 0px;
}
.c-blog__sub-ranking-img {
  display: flex;
}
.c-blog__sub-img {
  width: 96px;
  min-width: 96px;
  height: 50px;
  display: block;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
  margin-right: 8px;
}
.c-blog__sub-text-area h3 {
  font-weight: 700;
}
.c-blog__sub-ctg {
  display: block;
  border: 1px solid #BA1C22;
  background-color: #fff;
  font-weight: 500;
  padding: 0 16px;
  display: inline-block;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .c-blog__sub-ctg {
    margin-right: 4px;
  }
}
.blog-cover {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
}

.c-policy-list li h2 {
  font-weight: 900;
}
.c-policy-list li p {
  font-weight: 500;
}
.c-policy__end p {
  text-align: end;
}

.p-about-us__head-title {
  display: flex;
}
@media (max-width: 768px) {
  .p-about-us__head-title {
    display: block;
  }
}
.p-about-us__head-title-left {
  width: 50%;
  margin-right: 40px;
}
@media (max-width: 768px) {
  .p-about-us__head-title-left {
    width: 100%;
  }
}
.p-about-us__head-title-right {
  width: 50%;
}
@media (max-width: 768px) {
  .p-about-us__head-title-right {
    width: 100%;
  }
}
.p-about-us__head-img img {
  display: block;
  width: 100%;
}
.p-about-us-concept__content {
  display: flex;
  background-position: center;
  background-size: cover;
}
@media (max-width: 768px) {
  .p-about-us-concept__content {
    display: block;
  }
}
.p-about-us-concept__content-left {
  width: 50%;
  margin-right: 80px;
}
@media (max-width: 768px) {
  .p-about-us-concept__content-left {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
  }
}
.p-about-us-concept__content-left h2 {
  font-weight: 900;
}
.p-about-us-concept__content-left p {
  font-weight: 500;
}
.p-about-us-concept__content-left p:last-child {
  margin-bottom: 0px;
}
.p-about-us-concept__content-right {
  width: 50%;
}
@media (max-width: 768px) {
  .p-about-us-concept__content-right {
    width: 100%;
  }
}
.p-about-us-concept__content-right img {
  width: 100%;
}
.p-about-us-company__content {
  display: flex;
}
@media (max-width: 768px) {
  .p-about-us-company__content {
    display: block;
  }
}
.p-about-us-company__content-left {
  width: 100%;
  max-width: 556px;
  margin-right: 80px;
}
@media (max-width: 768px) {
  .p-about-us-company__content-left {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
    max-width: none;
  }
}
.p-about-us-company__content-left img {
  display: block;
  width: 100%;
}
.p-about-us-company__content-right {
  width: 100%;
}
.p-about-us-company__content-right-title {
  min-width: 160px;
  max-width: 160px;
  font-weight: 700;
  padding: 40px 0;
  padding-right: 1.6rem;
  border-bottom: 1px solid #BA1C22;
}
@media (max-width: 768px) {
  .p-about-us-company__content-right-title {
    min-width: 100px;
    max-width: 100px;
  }
}
.p-about-us-company__content-right-detail {
  width: 100%;
  padding: 40px 0;
  font-weight: 500;
  padding: 40px 0;
  border-bottom: 1px dashed #BA1C22;
}
.p-about-us-company__content-right-detail img {
  width: 100%;
  max-width: 160px;
}
.p-about-us-company__content-right ul li {
  display: flex;
}
.p-about-us-company__content-right ul li:first-child .p-about-us-company__content-right-title {
  border-top: 1px solid #BA1C22;
}
.p-about-us-company__content-right ul li:first-child .p-about-us-company__content-right-detail {
  border-top: 1px dashed #BA1C22;
}
.p-about-us-company__map iframe {
  width: 100%;
  height: 234px;
}

.p-seo__head-flex {
  display: flex;
}
@media (max-width: 992px) {
  .p-seo__head-flex {
    display: block;
  }
}
.p-seo__head img {
  width: 50%;
  display: block;
}
@media (max-width: 992px) {
  .p-seo__head img {
    width: 100%;
    padding: 4rem 8rem 0rem;
  }
}
@media (max-width: 576px) {
  .p-seo__head img {
    margin-top: 0;
    padding: 2rem 4rem 0rem;
  }
}
.p-seo__head-text {
  width: 50%;
  margin-right: 40px;
}
@media (max-width: 992px) {
  .p-seo__head-text {
    width: 100%;
  }
}
.p-seo__head-bottom {
  width: 100%;
  height: 100px;
  margin-top: -140px;
  background: #000000;
}
@media (max-width: 992px) {
  .p-seo__head-bottom {
    margin-top: -120px;
  }
}
@media (max-width: 576px) {
  .p-seo__head-bottom {
    margin-top: -80px;
    height: 40px;
  }
}

.p-seo-field-seo {
  width: 100%;
  background-position: center;
  background-size: cover;
}
.p-seo-field-seo__title {
  color: #fff;
}
.p-seo-field-seo__title h2 {
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-seo-field-seo__title h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 768px) {
  .p-seo-field-seo__title h2 {
    font-size: 2.8rem;
  }
}
.p-seo-field-seo__title p {
  font-weight: 500;
}
.p-seo-field-seo__main-content {
  padding: 4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  border-radius: 24px;
}
@media (max-width: 768px) {
  .p-seo-field-seo__main-content {
    padding: 2rem;
  }
}
.p-seo-field-seo__main-content img {
  display: block;
  width: 100%;
}
.p-seo-field-seo__main-content-title h3 {
  text-align: center;
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-seo-field-seo__main-content-title h3 {
    font-size: 2rem;
  }
}
.p-seo-field-seo__main-content-title p {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 768px) {
  .p-seo-field-seo__main-content-title p {
    text-align: start;
  }
}
.p-seo-field-seo__sub-contents {
  display: flex;
}
.p-seo-field-seo__sub-contents-tool {
  margin-right: 2.4rem;
  padding: 4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  border-radius: 24px;
}
@media (max-width: 768px) {
  .p-seo-field-seo__sub-contents-tool {
    margin-right: 0rem;
    margin-bottom: 1.2rem;
    padding: 2rem;
  }
}
.p-seo-field-seo__sub-contents-stelmah {
  padding: 4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  border-radius: 24px;
}
@media (max-width: 768px) {
  .p-seo-field-seo__sub-contents-stelmah {
    padding: 2rem;
  }
}
.p-seo-field-seo__sub-contents-stelmah img {
  margin: 24px auto;
  max-width: 400px;
}
@media (max-width: 768px) {
  .p-seo-field-seo__sub-contents {
    display: block;
  }
}
.p-seo-field-seo__sub-contents h4 {
  font-weight: 900;
  text-align: center;
}
@media (max-width: 768px) {
  .p-seo-field-seo__sub-contents h4 {
    font-size: 2rem;
  }
}
.p-seo-field-seo__sub-contents img {
  width: 100%;
  display: block;
}
.p-seo-field-seo__sub-contents p {
  font-weight: 500;
}

.p-seo-support__list {
  display: flex;
  flex-wrap: wrap;
}
.p-seo-support__item {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000000;
  position: relative;
  margin-right: 4rem;
  width: calc((100% - 8rem) / 3);
}
.p-seo-support__item-dcr {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .p-seo-support__item-dcr {
    width: 24px;
  }
}
@media (max-width: 768px) {
  .p-seo-support__item {
    width: calc((100% - 4rem) / 2);
  }
}
@media (max-width: 576px) {
  .p-seo-support__item {
    margin-right: 2rem;
    width: calc((100% - 2rem) / 2);
  }
}
.p-seo-support__item:nth-child(3n) {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .p-seo-support__item:nth-child(3n) {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .p-seo-support__item:nth-child(2n) {
    margin-right: 0rem;
  }
}
.p-seo-support__item h3 {
  padding: 2.4rem 1.6rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .p-seo-support__item h3 {
    font-size: 18px;
    padding: 1.6rem 0.8rem;
  }
}
@media (max-width: 576px) {
  .p-seo-support__item h3 {
    font-size: 1.8rem;
  }
}
.p-seo-support__item h3 span {
  background: linear-gradient(transparent 70%, #FCFC47 20%);
}
.p-seo-support__item-list li {
  display: flex;
}
.p-seo-support__item-list-title {
  margin-right: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.64rem;
}
@media (max-width: 768px) {
  .p-seo-support__item-list-title {
    margin-right: 1.2rem;
  }
}
.p-seo-support__item-list-text {
  font-weight: 500;
}

.p-seo-marketing__head {
  text-align: center;
}
.p-seo-marketing__head h2 {
  font-weight: 900;
}
@media (max-width: 576px) {
  .p-seo-marketing__head h2 {
    font-size: 2.6rem;
  }
}
.p-seo-marketing__head p {
  font-weight: 500;
}
.p-seo-marketing__list {
  padding: 0rem 8rem;
}
@media (max-width: 992px) {
  .p-seo-marketing__list {
    padding: 0rem;
  }
}
.p-seo-marketing__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .p-seo-marketing__item {
    display: block;
  }
}
.p-seo-marketing__item:last-child {
  margin-bottom: 0rem;
}
.p-seo-marketing__item:nth-child(2n) {
  flex-direction: row-reverse;
}
.p-seo-marketing__item:nth-child(2n) img {
  margin-right: 0px;
  margin-left: -80px;
}
@media (max-width: 992px) {
  .p-seo-marketing__item:nth-child(2n) img {
    margin-left: -40px;
  }
}
@media (max-width: 768px) {
  .p-seo-marketing__item:nth-child(2n) img {
    margin-left: 0px;
  }
}
.p-seo-marketing__item img {
  width: 50%;
  display: block;
  margin-right: -80px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .p-seo-marketing__item img {
    margin-right: -40px;
  }
}
@media (max-width: 768px) {
  .p-seo-marketing__item img {
    margin-right: 0px;
    width: 100%;
  }
}
.p-seo-marketing__item-text {
  width: 50%;
  padding: 6.4rem 4rem;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #000000;
}
@media (max-width: 992px) {
  .p-seo-marketing__item-text {
    padding: 4rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .p-seo-marketing__item-text {
    width: 100%;
  }
}
.p-seo-marketing__item-text h3 {
  font-weight: 700;
}
.p-seo-skill__inner {
  padding: 8em 0em 8em 8em;
}
@media (max-width: 1200px) {
  .p-seo-skill__inner {
    padding: 6.4em 0em 6.4em 6.4em; /* 64px → 2.5rem */
  }
}
@media (max-width: 992px) {
  .p-seo-skill__inner {
    padding: 5.6em 0em 5.6em 5.6em; /* 64px → 2.5rem */
  }
}
@media (max-width: 768px) {
  .p-seo-skill__inner {
    padding: 4em 0em 4em 4em; /* 40px → 2.5rem */
  }
}
@media (max-width: 576px) {
  .p-seo-skill__inner {
    padding: 4em 0em 1.6em 1.6em; /* 20px → 1.25rem */
  }
}
.p-seo-skill__title {
  padding: 0 5em 0em 0em;
}
.p-seo-skill__list {
  display: flex;
  overflow-y: hidden;
  margin-top: 2.5rem;
}
.p-seo-skill__list li {
  background-color: #fff;
  color: #000000;
  padding: 1em;
  margin-right: 16px;
  width: calc((100% - 4rem) / 5); /* 5列のグリッド */
  min-width: 240px;
  margin-bottom: 16px; /* 各リストアイテムの間隔 */
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  align-items: stretch;
  height: 100%;
  border: 1px solid #000000;
  box-shadow: 5px 5px 0px #000000;
  transition: opacity 0.3s ease;
}
.p-seo-skill__list li:hover {
  opacity: 0.7;
}
.p-seo-skill__list li h3 {
  font-weight: 700;
  margin-bottom: auto; /* 下部にスペースを確保 */
}
.p-seo-skill__company-list {
  margin-bottom: 2.4rem;
  display: flex;
}
.p-seo-skill__company-list img {
  width: 100%;
  max-width: 400px;
  min-width: 200px;
}
.p-seo-skill__company-list li {
  margin: 0 16px;
}

.p-seo-stelmah {
  border-bottom: 1px solid #000000;
}
.p-seo-stelmah__inner {
  padding: 0 8rem;
}
@media (max-width: 992px) {
  .p-seo-stelmah__inner {
    padding: 0rem;
  }
}
.p-seo-stelmah__head h2 {
  text-align: center;
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-seo-stelmah__head h2 {
    font-size: 2.4rem;
  }
}
.p-seo-stelmah__main-content {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .p-seo-stelmah__main-content {
    display: block;
  }
}
.p-seo-stelmah__main-content img {
  display: block;
  width: 50%;
  margin-right: 8rem;
}
@media (max-width: 992px) {
  .p-seo-stelmah__main-content img {
    margin-right: 4rem;
  }
}
@media (max-width: 768px) {
  .p-seo-stelmah__main-content img {
    width: 100%;
    margin-right: 0rem;
    padding: 0 4rem;
  }
}
.p-seo-stelmah__text-area {
  padding: 5.6rem 0;
  width: 50%;
}
@media (max-width: 992px) {
  .p-seo-stelmah__text-area {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .p-seo-stelmah__text-area {
    width: 100%;
    padding: 2.8rem 0;
  }
}
.p-seo-stelmah__text-area h3 {
  font-weight: 900;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .p-seo-stelmah__text-area h3 {
    text-align: center;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .p-seo-stelmah__text-area h3 {
    font-size: 2rem;
  }
}
.p-seo-stelmah__text {
  font-weight: 500;
  margin-bottom: 4px;
}
.p-seo-stelmah__note {
  font-weight: 500;
  color: #878787;
}
.p-seo-stelmah__contact {
  padding: 4rem;
  border-radius: 20px;
  text-align: center;
  background-position: center;
  background-size: cover;
}
@media (max-width: 768px) {
  .p-seo-stelmah__contact {
    padding: 2rem;
  }
}
.p-seo-stelmah__contact-head h3 {
  text-align: center;
  font-weight: 900;
  color: #fff;
}
@media (max-width: 576px) {
  .p-seo-stelmah__contact-head h3 {
    font-size: 2rem;
  }
}
.p-seo-stelmah__contact-head h3 span {
  display: block;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.p-seo-stelmah__contact-list-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-seo-stelmah__contact-btn {
  display: inline-block;
}
.p-seo-stelmah__contact-btn-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  padding: 1.6rem 2.4rem;
  background: linear-gradient(to right, #82B0E7, #E781A9);
  border: 1px solid #000000;
  border-radius: 100px;
  transition: 0.7s;
}
.p-seo-stelmah__contact-btn-inner span {
  margin-right: 8px;
}
@media (max-width: 768px) {
  .p-seo-stelmah__contact-btn-inner {
    padding: 1.2rem 2.4rem;
  }
}
@media (max-width: 576px) {
  .p-seo-stelmah__contact-btn-inner {
    font-size: 1.4rem;
    padding: 0.8rem 2.4rem;
  }
}
.p-seo-stelmah__contact-btn-inner:hover {
  opacity: 0.7;
}

.p-contact__form {
  background-color: #FAFAFA;
  border-radius: 16px;
}
.p-contact__text {
  width: 50%;
  margin-right: 8rem;
}
@media (max-width: 768px) {
  .p-contact__text {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 4rem;
  }
}
.p-contact__main-contents {
  display: flex;
}
@media (max-width: 768px) {
  .p-contact__main-contents {
    display: block;
  }
}

.p-contact__form {
  width: 50%;
  padding: 6.4rem 2.4rem;
}
@media (max-width: 768px) {
  .p-contact__form {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .p-contact__form {
    padding: 4rem 1.6rem;
  }
}
.p-contact__form .form-group label {
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 500;
}
.p-contact__form .form-group input, .p-contact__form .form-group select, .p-contact__form .form-group textarea {
  width: 100%;
  padding: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.p-contact__form .form-group input:focus, .p-contact__form .form-group select:focus, .p-contact__form .form-group textarea:focus {
  border-color: #47C0FC;
  outline: none;
  box-shadow: 0 0 3px rgb(71, 192, 252);
}
.p-contact__form .form-group input ::-moz-placeholder, .p-contact__form .form-group select ::-moz-placeholder, .p-contact__form .form-group textarea ::-moz-placeholder {
  color: #CCCCCC;
}
.p-contact__form .form-group input ::placeholder, .p-contact__form .form-group select ::placeholder, .p-contact__form .form-group textarea ::placeholder {
  color: #CCCCCC;
}
.p-contact__form .form-group textarea {
  resize: vertical;
}
.p-contact__form .form-group .required {
  font-weight: 500;
  padding: 2px 4px;
  background-color: #FC4747;
  color: #fff;
  border-radius: 4px;
}
.p-contact__form .submit-button {
  display: inline-block;
  background: #000000;
  font-weight: 700;
  color: #fff;
  padding: 0.8rem 4rem 0.8rem 0.8rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.7s ease;
}
.p-contact__form .submit-button__inner {
  text-align: center;
}
.p-contact__form .submit-button__note {
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.p-contact__form .submit-button img {
  margin-right: 2.4rem;
}
.p-contact__form .submit-button:hover {
  background: linear-gradient(to right, #47C0FC, #47FCC0);
}

.p-town__head-flex {
  display: flex;
}
@media (max-width: 768px) {
  .p-town__head-flex {
    display: block;
  }
}

.p-fb-success-stories {
  background-color: #fff;
}

.p-fb-collection {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.p-fb-collection__img {
  margin-top: -120px;
}
.p-fb-collection__img img {
  width: 100%;
}
@media (max-width: 992px) {
  .p-fb-collection__img {
    margin-top: -100px;
  }
}
@media (max-width: 768px) {
  .p-fb-collection__img {
    margin-top: -80px;
  }
}
@media (max-width: 576px) {
  .p-fb-collection__img {
    margin-top: -20px;
  }
}

.tab-container .tab-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
.tab-container .tab-buttons .tab-button {
  padding: 1.6rem;
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 24px;
  text-align: center;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s;
}
@media (max-width: 768px) {
  .tab-container .tab-buttons .tab-button {
    padding: 0.8rem;
  }
}
.tab-container .tab-buttons .tab-button p {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #000000;
  padding: 1.6rem;
  border-radius: 20px;
  height: 100%;
  font-weight: 700;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .tab-container .tab-buttons .tab-button p {
    padding: 0.8rem;
    font-size: 1.6rem;
  }
}
.tab-container .tab-buttons .tab-button:hover p {
  background-color: #F5F5F5;
}
.tab-container .tab-buttons .tab-button.active {
  border-color: #212121;
}
.tab-container .tab-buttons .tab-button.active p {
  background-color: #F5F5F5;
}
.tab-container .tab-contents {
  border-radius: 20px;
  background-color: #F5F5F5;
  padding: 4rem;
}
@media (max-width: 992px) {
  .tab-container .tab-contents {
    padding: 2rem;
  }
}
.tab-container .tab-contents .tab-content {
  display: none;
}
.tab-container .tab-contents .tab-content.active {
  display: block;
}
.tab-container .tab-contents .tab-content__inner {
  display: flex;
}
@media (max-width: 992px) {
  .tab-container .tab-contents .tab-content__inner {
    display: block;
  }
}
.tab-container .tab-contents .tab-content__image {
  width: 100%;
  max-width: 316px;
  margin-right: 4rem;
}
.tab-container .tab-contents .tab-content__image img {
  width: 100%;
}
@media (max-width: 992px) {
  .tab-container .tab-contents .tab-content__image {
    max-width: none;
    margin-right: 0px;
    margin-bottom: 2.4rem;
  }
}
.tab-container .tab-contents .tab-content__text-area {
  width: 100%;
}
.tab-container .tab-contents .tab-content__text-area h2 {
  font-weight: 900;
}
.tab-container .tab-contents .tab-content__text-area h3 {
  font-weight: 900;
}
.tab-container .tab-contents .tab-content__text-area ol li {
  font-weight: 500;
}
.tab-container .tab-contents .tab-content__text-area ol li strong {
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
}
.tab-container .tab-contents .tab-content__text-area ul {
  padding-left: 10px;
}
.tab-container .tab-contents .tab-content__text-area ul li {
  font-weight: 500;
  padding-left: 10px;
  position: relative;
}
.tab-container .tab-contents .tab-content__text-area ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #000000;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}
.tab-container .tab-contents .tab-content__text-area table {
  width: 100%; /* テーブル全体の幅 */
  border-collapse: collapse; /* ボーダーの重複を解消 */
  text-align: left;
  table-layout: fixed;
}
.tab-container .tab-contents .tab-content__text-area table th, .tab-container .tab-contents .tab-content__text-area table td {
  padding: 10px; /* セルの余白 */
  border: 1px solid #212121; /* セルのボーダー */
}
.tab-container .tab-contents .tab-content__text-area table td a {
  text-decoration: underline;
}
.tab-container .tab-contents .tab-content__text-area table thead th {
  background-color: #D9D9D9; /* 1行目（ヘッダー）の背景色 */
  font-weight: bold;
  font-weight: 700;
}
.tab-container .tab-contents .tab-content__text-area table tbody td:first-child {
  font-weight: 700;
  background-color: #D9D9D9; /* 1列目の背景色 */
}
.tab-container .tab-contents .tab-content__text-area table__inner {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.tab-container .tab-contents .tab-content__text-area table__inner p {
  font-weight: 500;
}
.p-marketing-field {
  width: 100%;
  background-position: center;
  background-size: cover;
}
.p-marketing-field__title {
  color: #fff;
}
.p-marketing-field__title h2 {
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-marketing-field__title h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 576px) {
  .p-marketing-field__title h2 {
    font-size: 2.8rem;
  }
}
.p-marketing-field__title p {
  font-weight: 500;
}
.p-marketing-field__main-content {
  padding: 4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  border-radius: 24px;
}
@media (max-width: 768px) {
  .p-marketing-field__main-content {
    padding: 2rem;
  }
}
.p-marketing-field__main-content img {
  display: block;
  width: 100%;
}
.p-marketing-field__main-content-title h3 {
  text-align: center;
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-marketing-field__main-content-title h3 {
    font-size: 2rem;
  }
}
.p-marketing-field__main-content-title p {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 768px) {
  .p-marketing-field__main-content-title p {
    text-align: start;
  }
}
.p-marketing-field__item {
  width: calc((100% - 4.8rem) / 3);
  margin-right: 2.4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  padding: 4rem;
  border-radius: 24px;
}
.p-marketing-field__item:last-child {
  margin-right: 0rem;
}
@media (max-width: 992px) {
  .p-marketing-field__item {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .p-marketing-field__item {
    padding: 2rem;
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 2.4rem;
  }
}
.p-marketing-field__item-image {
  width: 100%;
  display: block;
}
.p-marketing-field__sub-contents {
  display: flex;
}
.p-marketing-field__sub-contents h4 {
  font-weight: 900;
  text-align: center;
}
@media (max-width: 992px) {
  .p-marketing-field__sub-contents h4 {
    font-size: 2rem;
  }
}
.p-marketing-field__sub-contents p {
  font-weight: 500;
}
@media (max-width: 992px) {
  .p-marketing-field__sub-contents p {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .p-marketing-field__sub-contents {
    display: block;
  }
}
.p-marketing-field__sub-contents-stelmah img {
  margin: 24px auto;
  max-width: 300px;
}
.p-marketing-field__sub-contents-line__btn {
  margin-top: 2.4rem;
  display: flex;
  justify-content: center;
}

/* スポット */
.p-spot {
  border-top: 1px solid #000000;
}
.p-spot__inner {
  padding: 8em 0em 8em 8em;
}
@media (max-width: 1200px) {
  .p-spot__inner {
    padding: 6.4em 0em 6.4em 6.4em; /* 64px → 2.5rem */
  }
}
@media (max-width: 992px) {
  .p-spot__inner {
    padding: 5.6em 0em 5.6em 5.6em; /* 64px → 2.5rem */
  }
}
@media (max-width: 768px) {
  .p-spot__inner {
    padding: 4em 0em 4em 4em; /* 40px → 2.5rem */
  }
}
@media (max-width: 576px) {
  .p-spot__inner {
    padding: 4em 0em 6.4em 1.6em; /* 20px → 1.25rem */
  }
}
.p-spot__title {
  padding: 0 5em 0em 0em;
}
@media (max-width: 576px) {
  .p-spot__title {
    padding: 0 1.6em 0em 0em;
  }
}
.p-spot-slider {
  position: relative;
}
.p-spot-slider__arrows {
  position: absolute;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 1.5rem;
  bottom: -48px;
  right: 4%;
}
@media (max-width: 576px) {
  .p-spot-slider__arrows {
    bottom: -64px;
  }
}
.p-spot-slider__arrows button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.p-spot-slider__arrows button img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 2px 4px 0px rgb(0, 0, 0);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.p-spot-slider__arrows button img:hover {
  transform: translateY(-2px);
}
.p-spot-slider__arrows button img:active {
  box-shadow: none;
  transform: translateY(2px);
}
.p-spot-slider__arrows button.p-spot-slider__arrow-left {
  margin-right: 0.4rem;
}
.p-spot__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  background-color: #fff;
  color: #000000;
  padding: 1.6em;
  margin-right: 16px;
  height: auto;
  border-radius: 20px;
  border: 1px solid #000000;
  box-shadow: 5px 5px 0px #000000;
  transition: opacity 0.3s ease;
  width: calc((100% - 4rem) / 5); /* 5列のグリッド */
}
@media (max-width: 576px) {
  .p-spot__item {
    max-width: 240px;
  }
}
.p-spot__item h3 {
  font-weight: 700;
}
.p-spot__item p {
  font-weight: 500;
}
.p-spot__company-list {
  margin-bottom: 2.4rem;
  display: flex;
}
.p-spot__company-list img {
  width: 100%;
  max-width: 400px;
  min-width: 200px;
}
.p-spot__company-list li {
  margin: 0 16px;
}

.p-discrimination__image {
  width: 100%;
  margin-bottom: -4px;
}
.p-discrimination__image img {
  width: 100%;
}

.c-discrimination {
  display: flex;
}
@media (max-width: 768px) {
  .c-discrimination {
    display: block;
  }
}
.c-discrimination__head {
  width: 33.3333333333%;
  padding: 8rem 0rem 4rem 8rem;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
@media (max-width: 1200px) {
  .c-discrimination__head {
    padding: 8rem 0rem 4rem 6.4rem;
  }
}
@media (max-width: 992px) {
  .c-discrimination__head {
    padding: 4rem 0rem 4rem 5.6rem;
    width: 33.3333333333%;
  }
}
@media (max-width: 768px) {
  .c-discrimination__head {
    border-right: 0px;
    padding: 4rem;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .c-discrimination__head {
    padding: 4rem 1.6rem 1.6rem 1.6rem;
  }
}
.c-discrimination__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.c-discrimination__item {
  width: 33.3333333333%;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 6.4rem 4rem 4rem 4rem;
}
.c-discrimination__item:nth-child(3n) {
  border-right: 0px;
}
@media (max-width: 992px) {
  .c-discrimination__item:nth-child(3n) {
    border-right: 1px solid #000000;
  }
}
@media (max-width: 992px) {
  .c-discrimination__item:nth-child(2n) {
    border-right: 0px;
  }
}
@media (max-width: 992px) {
  .c-discrimination__item {
    padding: 2rem;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .c-discrimination__item {
    padding: 1.6rem;
  }
}
.c-discrimination__item h2 {
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-discrimination__item h2 {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.c-discrimination__item h2 span {
  font-weight: 500;
  display: block;
}
.c-skill {
  display: flex;
}
@media (max-width: 768px) {
  .c-skill {
    display: block;
  }
}
.c-skill__head {
  width: 33.3333333333%;
  padding: 8rem 0rem 4rem 8rem;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
@media (max-width: 1200px) {
  .c-skill__head {
    padding: 8rem 0rem 4rem 6.4rem;
  }
}
@media (max-width: 992px) {
  .c-skill__head {
    padding: 4rem 0rem 4rem 5.6rem;
    width: 33.3333333333%;
  }
}
@media (max-width: 768px) {
  .c-skill__head {
    padding: 4rem;
    width: 100%;
    border-right: 0px;
  }
}
@media (max-width: 576px) {
  .c-skill__head {
    padding: 4rem 2rem 2rem;
  }
}
.c-skill__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.c-skill__item {
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
  width: 100%;
  border-bottom: 1px solid #000000;
  padding: 6.4rem 4rem 4rem 4rem;
}
.c-skill__item img {
  width: 100%;
  max-width: 320px;
  margin-left: 2.4rem;
}
@media (max-width: 576px) {
  .c-skill__item img {
    max-width: none;
    margin-left: 0rem;
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 576px) {
  .c-skill__item {
    display: block;
    padding: 2rem;
  }
}
.c-skill__item h2 {
  font-weight: 700;
}
@media (max-width: 576px) {
  .c-skill__item h2 {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
}
.c-skill__item h2 span {
  font-weight: 500;
  display: block;
}
.p-tendering__content:last-child {
  margin-bottom: 0rem;
}
.p-tendering__list {
  display: flex;
  flex-wrap: wrap;
}
.p-tendering__item {
  width: calc((100% - 4rem) / 2);
  margin-right: 4rem;
}
@media (max-width: 768px) {
  .p-tendering__item {
    width: calc((100% - 4rem) / 2);
  }
}
@media (max-width: 576px) {
  .p-tendering__item {
    margin-right: 0rem;
    width: 100%;
  }
}
.p-tendering__item:nth-child(2n) {
  margin-right: 0rem;
}
@media (max-width: 768px) {
  .p-tendering__item:nth-child(2n) {
    margin-right: auto;
  }
}
.p-tendering__item a {
  display: block;
  transition: opacity 0.3s ease;
}
.p-tendering__item a img {
  width: 100%;
  max-width: 30px;
  margin-right: 8px;
}
@media (max-width: 768px) {
  .p-tendering__item a img {
    max-width: 24px;
  }
}
.p-tendering__item a h3 {
  display: flex;
  font-weight: 700;
}
@media (max-width: 576px) {
  .p-tendering__item a h3 {
    font-size: 1.8rem;
  }
}
.p-tendering__item a:hover {
  opacity: 0.7;
}

.p-skill {
  border-top: 1px solid #000000;
}

.p-collection__slider {
  display: flex;
  overflow: hidden;
  align-items: end;
}
.p-collection__slider-item {
  min-width: 400px;
  margin-right: 1.6rem;
  width: 100%;
  margin-bottom: 16px;
}
.p-collection__slider-item img {
  width: 100%;
}
@media (max-width: 768px) {
  .p-collection__slider-item {
    min-width: 300px;
  }
}
@media (max-width: 576px) {
  .p-collection__slider-item {
    min-width: 240px;
  }
}

.p-design__list {
  display: flex;
  padding: 0 4rem;
}
@media (max-width: 992px) {
  .p-design__list {
    padding: 0rem;
  }
}
@media (max-width: 768px) {
  .p-design__list {
    display: block;
  }
}
.p-design__btn {
  display: flex;
  justify-content: center;
}
.p-design__btn img {
  width: 100%;
  max-width: 30px;
  min-width: 30px;
}
.p-design__btn a {
  display: flex;
  justify-content: center;
  padding: 0.8rem 1.6rem;
  white-space: nowrap;
  border-radius: 100px;
  border: 1px solid #000000;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
.p-design__btn a:hover {
  opacity: 0.7;
}
@media (max-width: 992px) {
  .p-design__btn a {
    padding: 0.4rem 0.8rem;
  }
}
@media (max-width: 992px) {
  .p-design__btn a {
    white-space: wrap;
  }
}
.p-design__item {
  width: calc((100% - 8rem) / 2);
  margin-right: 8rem;
}
.p-design__item:nth-child(2n) {
  margin-top: 8rem;
}
@media (max-width: 768px) {
  .p-design__item:nth-child(2n) {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
}
@media (max-width: 768px) {
  .p-design__item {
    width: 100%;
    padding-right: 4rem;
    margin-bottom: 4rem;
  }
}
.p-design__item-img {
  width: 100%;
  margin-bottom: -4rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .p-design__item-img {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .p-design__item-img {
    width: 100%;
    min-width: auto;
  }
}
.p-design__item-text-area {
  margin-left: 5.2rem;
  margin-right: -5.2rem;
  position: relative;
  z-index: 2;
  border-radius: 20px;
  background-color: #fff;
  padding: 2.4rem 4rem;
  border: 1px solid #000000;
}
@media (max-width: 992px) {
  .p-design__item-text-area {
    margin-left: 3.2rem;
    margin-right: -3.2rem;
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .p-design__item-text-area {
    margin-left: 4rem;
    margin-right: -4rem;
    padding: 2.4rem;
  }
}
@media (max-width: 768px) {
  .p-design__item-text-area {
    padding: 1.6rem;
  }
}
.p-design__item-text-area h3 {
  text-align: center;
  font-weight: 700;
}
.p-design__item-text-area h3 span {
  display: block;
}
.p-srilanka-marketing__head {
  margin-bottom: 4rem;
}
.p-srilanka-marketing__head h2 {
  font-weight: 900;
  text-align: center;
}
@media (max-width: 576px) {
  .p-srilanka-marketing__head h2 {
    font-size: 2.2rem;
  }
}
.p-srilanka-marketing__head p {
  font-weight: 500;
}
.p-srilanka-marketing__list {
  display: flex;
}
@media (max-width: 992px) {
  .p-srilanka-marketing__list {
    padding: 0rem;
  }
}
@media (max-width: 768px) {
  .p-srilanka-marketing__list {
    display: block;
  }
}
.p-srilanka-marketing__item {
  width: calc((100% - 2.4rem) / 3);
  margin-right: 2.4rem;
}
.p-srilanka-marketing__item:nth-child(3n) {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .p-srilanka-marketing__item:nth-child(3n) {
    margin-right: auto;
    margin-bottom: 0rem;
  }
}
@media (max-width: 768px) {
  .p-srilanka-marketing__item {
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 3.2rem;
  }
}
.p-srilanka-marketing__item-number {
  font-weight: 500;
  text-align: center;
}
.p-srilanka-marketing__item h3 {
  text-align: center;
  font-weight: 700;
}
.p-srilanka-marketing__item-text {
  font-weight: 500;
}
.p-srilanka-marketing__image {
  text-align: center;
}
.p-srilanka-marketing__image img {
  width: 100%;
  max-width: 680px;
  padding: 0 1.6rem;
}
@media (max-width: 576px) {
  .p-srilanka-marketing__image img {
    padding: 0rem 4rem 0;
  }
}
.p-srilanka-marketing__image-bottom {
  margin-top: -4rem;
  width: 100%;
  height: 100px;
  background-color: #000000;
}
@media (max-width: 576px) {
  .p-srilanka-marketing__image-bottom {
    height: 40px;
    margin-top: -2rem;
  }
}

.p-other-media__head {
  text-align: center;
}
.p-other-media__head h2 {
  font-weight: 900;
}
@media (max-width: 576px) {
  .p-other-media__head h2 {
    font-size: 2.4rem;
  }
}
.p-other-media__head h2 span {
  font-size: 5.6rem;
}
@media (max-width: 576px) {
  .p-other-media__head h2 span {
    font-size: 3.6rem;
  }
}
.p-other-media__head p {
  font-weight: 500;
}
.p-other-media__list {
  padding: 0 8rem;
  display: flex;
}
@media (max-width: 992px) {
  .p-other-media__list {
    padding: 0rem;
  }
}
.p-other-media__list li {
  text-align: center;
  width: calc((100% - 4rem) / 3);
  margin-right: 4rem;
}
.p-other-media__list li:nth-child(3n) {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .p-other-media__list li:nth-child(3n) {
    margin-bottom: 0rem;
  }
}
@media (max-width: 768px) {
  .p-other-media__list li {
    width: calc((100% - 0.8rem) / 3);
    margin-right: 0.8rem;
  }
}
@media (max-width: 576px) {
  .p-other-media__list li h3 {
    font-size: 1.4rem;
  }
}
.p-other-media__list li img {
  width: 100%;
}
.p-other-media__bottom {
  margin-top: -16rem;
  width: 100%;
  padding: 2.4rem 1.6rem 8rem;
  background-color: #000000;
}
.p-other-media__bottom-inner {
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 992px) {
  .p-other-media__bottom {
    margin-top: -10rem;
  }
}
@media (max-width: 768px) {
  .p-other-media__bottom {
    margin-top: -8rem;
    padding: 2.4rem 2.4rem 4rem;
  }
}
@media (max-width: 576px) {
  .p-other-media__bottom {
    padding: 2.4rem 1.6rem 4rem;
  }
}
.p-other-media__contact {
  margin-top: 8rem;
  max-width: 700px;
  position: relative;
  background-color: #fff;
  padding: 1em;
  border-radius: 24px;
  border: 1px solid #212121;
}
@media (max-width: 992px) {
  .p-other-media__contact {
    margin-top: 8rem;
  }
}
@media (max-width: 768px) {
  .p-other-media__contact {
    margin-top: 4rem;
  }
}
.p-other-media__contact-dcr {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 80px;
  left: -40px;
  z-index: 100;
}
@media (max-width: 768px) {
  .p-other-media__contact-dcr {
    left: -8px;
    top: 120px;
  }
}
@media (max-width: 768px) {
  .p-other-media__contact-dcr {
    left: -8px;
    top: 140px;
  }
}
.p-other-media__contact-dcr-inner {
  position: relative;
}
.p-other-media__contact-dcr-inner p {
  position: absolute;
  top: -13px;
  left: 8px;
  font-size: 62px;
  transform: rotate(-11deg);
  margin-bottom: 8px;
}
.p-other-media__contact-section-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1em;
  border-radius: 20px;
  border: 1px dashed #212121;
}
.p-other-media__contact-section-inner h3 {
  text-align: center;
}
.p-other-media__contact-section-btn {
  text-align: center;
}
.p-other-media__contact-section-btn a {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #212121;
  border-radius: 20px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 768px) {
  .p-srilanka-features__head h2 {
    font-size: 2.2rem !important;
  }
}
.p-srilanka-features__head p {
  font-size: 1.4rem !important;
}

.p-line-field {
  width: 100%;
  background-position: center;
  background-size: cover;
}
.p-line-field__title {
  color: #fff;
}
.p-line-field__title h2 {
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-line-field__title h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 576px) {
  .p-line-field__title h2 {
    font-size: 2.8rem;
  }
}
.p-line-field__title p {
  font-weight: 500;
}
.p-line-field__contents {
  display: flex;
}
.p-line-field__main-content {
  padding: 4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  border-radius: 24px;
}
@media (max-width: 768px) {
  .p-line-field__main-content {
    padding: 2rem;
  }
}
.p-line-field__main-content img {
  display: block;
  width: 100%;
}
.p-line-field__main-content-title h3 {
  text-align: center;
  font-weight: 900;
}
@media (max-width: 768px) {
  .p-line-field__main-content-title h3 {
    font-size: 2rem;
  }
}
.p-line-field__main-content-title p {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 768px) {
  .p-line-field__main-content-title p {
    text-align: start;
  }
}
.p-line-field__item {
  width: calc((100% - 4.8rem) / 2);
  margin-right: 2.4rem;
  margin-bottom: 2.4rem;
  background-color: rgba(255, 255, 255, 0.6666666667);
  padding: 4rem;
  border-radius: 24px;
}
.p-line-field__item:last-child {
  margin-right: 0rem;
}
@media (max-width: 992px) {
  .p-line-field__item {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .p-line-field__item {
    padding: 2rem;
    width: 100%;
    margin-right: 0rem;
    margin-bottom: 2.4rem;
  }
}
.p-line-field__item-image {
  width: 100%;
  display: block;
}
.p-line-field__sub-contents {
  display: flex;
  flex-wrap: wrap;
}
.p-line-field__sub-contents h4 {
  font-weight: 900;
  text-align: center;
}
@media (max-width: 992px) {
  .p-line-field__sub-contents h4 {
    font-size: 2rem;
  }
}
.p-line-field__sub-contents p {
  font-weight: 500;
}
@media (max-width: 992px) {
  .p-line-field__sub-contents p {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .p-line-field__sub-contents {
    display: block;
  }
}
.p-line-field__sub-contents-stelmah img {
  margin: 24px auto;
  max-width: 300px;
}
.p-line-field__sub-contents-line__btn {
  margin-top: 2.4rem;
  display: flex;
  justify-content: center;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #212121;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}/*# sourceMappingURL=style.css.map */