/* stylelint-disable custom-property-pattern */
/* stylelint-disable no-descending-specificity */
@charset "UTF-8";

.plain h1 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 20px;
}

.plain h1.center {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 15px 0 50px;
  text-align: center;
}

.plain h2 {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 2px solid #eee;
  line-height: 1.3;
  padding: 0 0 8px;
  margin: 35px 0 30px;
}

.plain h2.big {
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 2px solid #000;
  line-height: 1.3;
  padding: 0 0 8px;
  margin: 49px 0 20px;
}

.plain h3 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 25px 0 20px;
}

.plain h3.center {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 30px 0 20px;
}

.plain h4,
h5,
h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 20px 0 15px;
}

.plain h2 ~ img,
.plain h3 ~ img,
.plain h4 ~ img,
.plain h5 ~ img,
.plain h6 ~ img {
  margin: 0 0 20px;
}

/* テキスト */
.plain p {
  font-size: 1.3rem;
  color: #333;
  letter-spacing: 0.1px;
  line-height: 1.9;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

.plain p .text-red {
  color: #ff0030;
}

.plain .mini-text {
  font-size: 1.1rem;
  color: #999;
  line-height: 1.4;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

.plain p span.notes {
  display: block;
  font-size: 1.3rem;
  line-height: 1.4;
  background: #f5f5f5;
  padding: 2%;
  border-radius: 3px;
  margin: 4px 0;
}

/* 画像 */
.plain img {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 20px 0;
}

.plain img.no-margin {
  margin: 0;
}

.plain img.icon-top {
  width: 110px;
  height: auto;
  overflow: hidden;
  margin: 10px auto;
  display: block;
}

.plain img.w-40 {
  width: 40%;
}

.plain img.w-55 {
  width: 55%;
}

/* テキストリンク */
.plain a {
  text-decoration: none;
}

.plain a:hover {
  opacity: 0.7;
}

/* アンカーボタン */
.plain .anchor-button-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  align-items: center;
  margin: 20px 0 0;
}

.plain .anchor-button-box .anchor-button {
  flex-basis: 46%;
  display: block;
  padding: 17px 12px 15px 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 4px;
  border: 1px solid #eee;
  box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
  border-radius: 8px;
  background-image: url("../../../img/common/sp-icon-arrow-bottom.png");
  background-size: 12px 7px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  color: #000;
}

/* テーブル */
.sales-transfer table {
  width: 100%;
  margin: 0 0 15px;
}

.sales-transfer table .title-cell {
  background: #333;
  color: #fff;
  font-weight: bold;
  border: 1px solid #e5e5e5;
  padding: 15px 0 12px;
  vertical-align: middle;
  font-size: 1.5rem;
}

.sales-transfer table .subtilte-cell {
  color: #000;
  font-weight: bold;
  border: 1px solid #e5e5e5;
  padding: 13px 0 10px;
  vertical-align: middle;
  font-size: 1.3rem;
}

.sales-transfer table .day {
  background: #eee;
}

.sales-transfer table .sat {
  color: #00aeff;
}

.sales-transfer table .sun {
  color: #f06;
}

.sales-transfer table tr td {
  background: #fff;
  color: #000;
  border: 1px solid #e5e5e5;
  padding: 15px 0 12px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.4rem;
}

/* ランク */

.rank p + p {
  margin: 7px 0 0;
}

.rank .grey-block {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 15px 15px 12px;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}

.rank .notes {
  font-size: 1.1rem;
  margin-top: 5px;
}

.rank-detail.charge {
  margin: 10px 0 0;
}

.rank-detail table,
.rank-detail th,
.rank-detail td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
}

.rank-detail tr:nth-of-type(2) td:nth-of-type(1) {
  color: #02a4ba;
}

.rank-detail tr:nth-of-type(3) td:nth-of-type(1) {
  color: #723b12;
}

.rank-detail tr:nth-of-type(4) td:nth-of-type(1) {
  color: #686d73;
}

.rank-detail tr:nth-of-type(5) td:nth-of-type(1) {
  color: #d7b44c;
}

.rank-detail tr:nth-of-type(6) td:nth-of-type(1) {
  color: #282828;
}

.rank-detail table {
  width: 100%;
  margin: 12px 0 0;
}

.rank-detail th {
  padding: 5px;
  font-size: 1.3rem;
  color: #000;
  text-align: left;
}

.rank-detail td {
  padding: 5px;
}

.rank-detail td span {
  font-size: 1.1rem;
  font-weight: 400;
}

.rank-detail th:nth-of-type(1) {
  width: 24%;
}

.rank-detail th:nth-of-type(2) {
  width: 38%;
}

.rank-detail th:nth-of-type(3) {
  width: 38%;
}

.rank .rank-block {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}

.rank .rank-block:first-child {
  padding: 0 0 20px;
}

.rank .rank-block:last-child {
  border-bottom: none;
  padding: 20px 0;
}

.rank .rank-name-en {
  font-size: 3rem;
  color: #000;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-text-stroke: 2px black;
  line-height: 1.3;
}

.rank .rank-name-jp {
  font-size: 1.5rem;
  color: #02a4ba;
  font-weight: bold;
  margin: 2px 0 10px;
  line-height: 1.3;
}

.rank span.strikeout {
  text-decoration: line-through;
  color: #999;
}

.rank .rank-name-jp.rank-1 {
  color: #02a4ba;
}

.rank .rank-name-jp.rank-2 {
  color: #723b12;
}

.rank .rank-name-jp.rank-3 {
  color: #686d73;
}

.rank .rank-name-jp.rank-4 {
  color: #d7b44c;
}

.rank .rank-name-jp.rank-5 {
  color: #282828;
}

@media screen and (width <=320px) {
  .rank-detail th:nth-of-type(1) {
    width: 28%;
  }

  .rank-detail th:nth-of-type(2) {
    width: 48%;
  }

  .rank-detail th:nth-of-type(3) {
    width: 24%;
  }
}

.rank-detail td:nth-of-type(1) {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.rank-detail td:nth-of-type(2) {
  padding-left: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  text-align: left;
  line-height: 1;
  vertical-align: middle;
}

.rank-detail td:nth-of-type(3) {
  font-size: 1.2rem;
  font-weight: 400;
  font-weight: bold;
  color: #333;
  text-align: left;
  vertical-align: middle;
}

.rank-detail td:nth-of-type(3) span {
  display: block;
  padding-left: 10px;
  margin-top: -2px;
}

.rank-detail__notes {
  width: 90%;
  margin: 24px auto 32px;
}

.rank-detail__notes-text {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 3px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #444;
}

.rank-detail__notes-text::before {
  position: absolute;
  left: -9px;
  content: "・";
  top: 0;
  font-size: 1.3rem;
}

/*
  renewal
  https://snkrdunk.com/guide/authentic/
*/

/* variable */
:root {
  --bg-color: #fff;
  --bg-color-gray: #f5f5f5;
  --bg-color-gray-more: #eee;
  --text-black: #000;
  --text-red: #ff0037;
  --section-title-size-S: 1.3rem;
  --section-title-size-M: 2.2rem;
  --section-title-size-L: 2.8rem;
  --process--sub-title: 2.2rem;
  --team-voice-title: 2.2rem;
  --line-height: 2;
  --title-letter-spacing: 3;
  --text-size-m: 1.5rem;
  --text-size-s: 1.5rem;
  --text-size-xs: 1.3rem;
  --line-height-normal-text: 2;
  --voice-title-size: 1.8rem;
  --modal-about-title-size: 2.7rem;
}

/* js-control */
.is-hidden {
  overflow: hidden;
}

.is-opacity {
  animation: is-opacity 0.3s ease-in-out 0s alternate;
}

@keyframes is-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* authentic */
.authentic {
  background-color: var(--bg-color);
  color: var(--text-black);
  position: relative;
  width: 100%;
  min-width: 980px;
}

@media screen and (width <=767px) {
  .authentic {
    min-width: 767px;
  }
}

.authentic a {
  cursor: pointer;
  transition: all 0.4s ease-in-out 0s;
}

.authentic a:hover {
  opacity: 0.7;
}

.authentic img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.authentic .youtube .youtube-inner iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.authentic .loop-movie video {
  width: 500px;
  height: auto;
  aspect-ratio: 16/9;
}

.authentic .m-title {
  text-align: center;
}

.authentic .m-title h3 {
  position: relative;
  font-size: var(--section-title-size-L);
  margin: 15px 0 90px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: var(--title-letter-spacing);
}

.authentic .process .m-title h3 {
  margin: 15px 0 60px;
}

.authentic .m-title h3::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: var(--text-black);
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
}

.authentic .m-title span {
  position: relative;
  color: var(--text-black);
  font-size: var(--section-title-size-S);
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.authentic .flex-wrap {
  display: flex;
  justify-content: center;
  gap: 60px;
}

/* hero */
.authentic .hero .hero-inner {
  position: relative;
}

.authentic .hero .hero-inner .hero-video {
  width: 100%;
  height: auto;
}

.authentic .hero .hero-inner .hero-movie {
  position: relative;
}

/* authenticity */
.authentic .authenticity {
  position: relative;
  z-index: 2;
  background: var(--bg-color-gray);
}

.authentic .authenticity-inner {
  padding: 60px 40px;
  width: 840px;
  margin: 0 auto;
}

.authentic .authenticity-inner .youtube {
  width: 390px;
}

.authentic .authenticity-inner .authenticity-text {
  line-height: var(--line-height-normal-text);
  font-size: var(--text-size-m);
  text-align: justify;
}

.authentic .authenticity-inner .authenticity-text > p {
  margin-bottom: 40px;
}

/* trust */
.authentic .trust {
  background: #fff;
}

.authentic .trust .m-title h3 {
  margin: 15px 0 60px;
}

.authentic .trust .trust-inner {
  padding: 60px 40px;
  width: 840px;
  margin: 0 auto;
}
.authentic .trust .trust-inner .trust-text {
  margin: 0 auto 30px;
  width: 390px;
  line-height: 2;
  text-align: justify;
  font-size: var(--text-size-s);
}

/* process */
.authentic .process {
  background: var(--bg-color-gray);
}

.authentic .process .process-inner {
  padding: 60px 0;
  margin: 0 auto;
}

.authentic .process .process-inner .process-img {
  width: auto;
  height: 480px;
}

.authentic .process .process-inner .process-img > img {
  width: auto;
  height: 100%;
}

.authentic .process .process-inner .process-text {
  margin: 0 auto 60px;
  width: 390px;
  line-height: 2;
  text-align: justify;
  font-size: var(--text-size-s);
}

.authentic .process .process-inner .process-category .process-category-list {
  display: flex;
  flex-wrap: wrap;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item {
  position: relative;
  width: 370px;
  height: 130px;
  margin-bottom: 10px;
  background: var(--bg-color);
  border-radius: 8px;
  font-size: var(--text-size-s);
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item:last-child {
  margin-bottom: 0;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a {
  color: var(--text-black);
  display: flex;
  gap: 15px;
  width: 100%;
  height: 100%;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a
  .process-category-item-img {
  min-width: 130px;
  height: 130px;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a
  .process-category-item-img
  img {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a
  .process-category-item-txt {
  padding: 22px 20px 20px 0;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a
  .process-category-item-txt
  .txt-head {
  display: flex;
  align-items: center;
  gap: 9px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: var(--text-size-m);
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a
  .process-category-item-txt
  .txt-main {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

  /* font-weight: 500; */
  font-size: var(--text-size-xs);
  line-height: 1.5;
  text-align: justify;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  a
  .process-category-item-txt
  i.link-arrow {
  content: "";
  display: block;
  position: relative;
  bottom: 1px;
  width: 16px;
  height: 16px;
  background: url("../../../img/common/authentic/open_in_new.png") no-repeat;
  background-size: 100%;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 80%;
  font-weight: 500;
  line-height: 1.3;
  padding: 0 0 5px 5px;
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  span::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 2px;
  background-color: var(--text-black);
  top: 19px;
  right: -16px;
  transform: rotate(-45deg);
}

.authentic
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item
  span::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 2px;
  background-color: var(--text-black);
  top: 14px;
  right: -16px;
  transform: rotate(45deg);
}

@media screen and (width >=540px) {
  .authentic
    .process
    .process-inner
    .process-category
    .process-category-list
    .process-category-item {
    font-size: 2rem;
  }
}

/* qualitty */
.authentic .qualitty {
  position: relative;
  z-index: 2;
}

.authentic .qualitty .flex-wrap {
  align-items: center;
}

.authentic .qualitty .qualitty-inner {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
}

.authentic .qualitty .qualitty-inner .inner-l {
  width: 390px;
}

.authentic .qualitty-inner .qualitty-accuracy-inner .qualitty-accuracy-title {
  margin-bottom: 40px;
  text-align: center;
}

.authentic
  .qualitty-inner
  .qualitty-accuracy-inner
  .qualitty-accuracy-title
  h4 {
  font-size: var(--text-size-s);
  margin-bottom: 10px;
}

.authentic
  .qualitty-inner
  .qualitty-accuracy-inner
  .qualitty-accuracy-title
  span.num {
  font-size: 5rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.authentic
  .qualitty-inner
  .qualitty-accuracy-inner
  .qualitty-accuracy-title
  span.percent {
  font-size: 3rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.authentic .qualitty-inner .qualitty-accuracy-inner .qualitty-accuracy-text {
  font-size: var(--text-size-s);
  line-height: 2;
  text-align: justify;
}

.authentic
  .qualitty-inner
  .qualitty-accuracy-inner
  .qualitty-accuracy-annotation {
  font-size: 1.3rem;
  color: #888;
  margin: 0 0 30px;
}

/* @media screen and (max-width: 1024px) {
  .authentic .qualitty .qualitty-inner .qualitty-detail {
    padding: 0;
  }
} */

@media screen and (width <=768px) {
  .authentic .qualitty .qualitty-inner {
    display: flex;
    margin-bottom: 0;
    align-items: center;
  }

  .authentic .qualitty .qualitty-inner .qualitty-title h3 {
    font-size: 2rem;
    margin: 36px 0 24px;
  }

  .authentic .qualitty .qualitty-inner .qualitty-detail {
    padding: 24px 16px;
    flex-basis: 50%;
    transform: scale(0.7);
  }

  .authentic .qualitty-inner .qualitty-title span::before {
    top: 32px;
  }
}

/* technology */
.authentic .technology {
  background: var(--bg-color-gray);
}

.authentic .technology .technology-inner {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
}

.authentic .technology .technology-inner .flex-wrap {
  align-items: center;
}

.authentic .technology .technology-inner .inner-r {
  width: 390px;
}

.authentic .technology .technology-inner .technology-text {
  font-size: var(--text-size-s);
  line-height: 2;
  text-align: justify;
}

/* compensation */
.authentic .compensation .compensation-inner {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
}

.authentic .compensation .flex-wrap {
  align-items: center;
}

.authentic .compensation .compensation-inner .inner-l {
  width: 390px;
}

.authentic .compensation .compensation-inner .compensation-text {
  font-size: var(--text-size-s);
  line-height: 2;
  text-align: justify;
}

.authentic .compensation .compensation-inner .detail-btn-m {
  margin: 30px 0 0;
  display: inline-block;
}

.authentic .compensation .compensation-inner .detail-btn-m a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 50px;
  border: solid 1px var(--text-black);
  color: var(--text-black);
  font-weight: 600;
  font-size: var(--text-size-m);
  line-height: 50px;
}

/* logistics */
.authentic .logistics {
  background: var(--bg-color-gray);
}

.authentic .logistics .logistics-inner {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
}

.authentic .logistics .flex-wrap {
  align-items: center;
}

.authentic .logistics .logistics-inner .inner-r {
  width: 390px;
}

.authentic .logistics .logistics-inner .logistics-text {
  font-size: var(--text-size-s);
  line-height: 2;
  text-align: justify;
}

.authentic .logistics .logistics-inner .detail-btn-m {
  margin: 30px 0 0;
  display: inline-block;
}

.authentic .logistics .logistics-inner .detail-btn-m a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 330px;
  height: 50px;
  border: solid 1px var(--text-black);
  color: var(--text-black);
  font-weight: 600;
  font-size: var(--text-size-m);
  line-height: 50px;
}

/* voice */
.authentic .voice {
  background: var(--bg-color-gray-more);
}

.authentic .voice .voice-inner {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
}

.authentic .voice-inner .voice-detail .voice-detail-list {
  display: flex;
  flex-wrap: wrap;
  width: 760px;
  gap: 20px;
  margin: 0 auto;
}

.authentic .voice-inner .voice-detail .voice-detail-list .voice-detail-item {
  width: 370px;
}

.authentic .voice-inner .voice-detail .voice-detail-list .voice-detail-item a {
  display: block;
}

.authentic
  .voice-inner
  .voice-detail
  .voice-detail-list
  .voice-detail-item
  a
  img {
  border-radius: 8px;
}

/* faq */
.authentic .faq .faq-inner {
  width: 100%;
  min-width: 980px;
  margin: 0 auto;
  padding: 60px 0;
}

.authentic .faq-list {
  width: 760px;
  margin: 0 auto;
}

.authentic .faq-list .faq-item {
  margin-bottom: 4px;
}

.authentic .faq-list .faq-item a {
  display: flex;
  align-items: center;
  position: relative;
  width: 760px;
  height: 60px;
  padding-left: 30px;
  box-sizing: border-box;
  background: var(--bg-color-gray);
  color: var(--text-black);
  font-weight: 600;
  font-size: var(--text-size-m);
  line-height: 60px;
}

.authentic .faq-list .faq-item a::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--text-black);
  top: 52%;
  right: 16px;
  transform: rotate(-45deg);
}

.authentic .faq-list .faq-item a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--text-black);
  top: 40%;
  right: 16px;
  transform: rotate(45deg);
}

.authentic .authentic-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 600px;
  height: 90vh;
  margin: 0;
  background: #fff;
  box-sizing: border-box;
  color: #000;
  text-align: center;
  overflow-y: scroll;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.authentic-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  background-color: rgb(0 0 0 / 80%);
  z-index: 999;
}

.authentic .authentic-modal-close-btn {
  width: 36px;
  height: 36px;
  background-color: var(--text-black);
  position: sticky;
  margin-left: auto;
  top: -1px;
  right: 0;
  cursor: pointer;
  z-index: 100;
}

.authentic .authentic-modal-close-btn::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: var(--bg-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.authentic .authentic-modal-close-btn::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: var(--bg-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.authentic .authentic-modal .authentic-modal-wrap {
  margin-top: -48px;
}

.authentic .authentic-modal .authentic-modal-inner {
  padding: 60px 100px;
}

.authentic .authentic-modal .authentic-modal-inner .authentic-modal-about {
  padding: 80px 40px;
}

.authentic .authentic-modal .authentic-modal-inner .authentic-modal-title h4 {
  font-size: 2rem;
  margin: 0 0 24px;
  line-height: 1;
  font-weight: 600;
  color: var(--text-black);
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-bottom: solid 2px #231815;
  padding: 0 0 12px;
  max-width: 100%;
  text-align: center;
}

.authentic
  .authentic-modal
  .authentic-modal-inner
  .authentic-modal-title
  h4::before,
.authentic
  .authentic-modal
  .authentic-modal-inner
  .authentic-modal-title
  h4::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.authentic
  .authentic-modal
  .authentic-modal-inner
  .authentic-modal-title
  h4::before {
  border: solid 7px transparent;
  border-top: solid 12px #231815;
}

.authentic
  .authentic-modal
  .authentic-modal-inner
  .authentic-modal-title
  h4::after {
  border: solid 9px transparent;
  border-top: solid 17px #fff;
  margin-top: -8px;
}

.authentic .authentic-modal-inner .authentic-modal-content {
  margin: 0 80px;
}

.authentic .authentic-modal-inner .authentic-modal-text {
  font-size: var(--text-size-s);
  line-height: 2;
  text-align: left;
}

.authentic .authentic-modal-inner .authentic-modal-text blockquote {
  margin: 20px 0 60px;
}

.authentic .authentic-modal-inner .authentic-modal-text blockquote::before {
  content: "";
  display: block;
  position: relative;
  top: -12px;
  width: 28px;
  height: 24px;
  background: url("../../../img/common/authentic/icon-blockquote-top.png")
    no-repeat;
  background-size: 100%;
}

.authentic .authentic-modal-inner .authentic-modal-text blockquote::after {
  content: "";
  display: block;
  position: relative;
  left: calc(100% - 30px);
  bottom: -10px;
  width: 28px;
  height: 24px;
  background: url("../../../img/common/authentic/icon-blockquote-bottom.png")
    no-repeat;
  background-size: 100%;
}

.authentic .authentic-modal-inner .authentic-modal-img {
  margin-bottom: 30px;
}

.authentic .authentic-modal-inner .authentic-modal-img img {
  border-radius: 8px;
}

.authentic .authentic-modal-inner .detail-btn-s a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 290px;
  height: 50px;
  margin: 30px auto 0;
  border: solid 1px var(--text-black);
  color: var(--text-black);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 50px;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about
  .authentic-modal-about-section {
  padding-bottom: 110px;
  display: flex;
  align-items: center;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about
  .authentic-modal-about-section:nth-child(even) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about
  .authentic-modal-about-section:nth-child(odd)
  .authentic-modal-about-description {
  margin: 24px 0 0 50px;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about
  .authentic-modal-about-section:nth-child(even)
  .authentic-modal-about-description {
  margin-right: 50px;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about
  .authentic-modal-about-section:nth-last-child(1) {
  flex-direction: initial;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about
  .authentic-modal-about-section:nth-last-child(1)
  .authentic-modal-about-description {
  margin: 0 0 0 50px;
}

.authentic .authentic-modal-inner .authentic-modal-about-text {
  line-height: 1.7;
  text-align: left;
}

.authentic .authentic-modal-inner .authentic-modal-about-text h4 {
  font-size: var(--modal-about-title-size);
  margin-bottom: 20px;
  font-weight: 600;
}

.authentic .authentic-modal-inner .authentic-modal-about-text p {
  margin-bottom: 30px;
  font-size: var(--text-size-m);
}

.authentic .authentic-modal-inner .authentic-modal-about-img {
  flex: 1;
}

.authentic .authentic-modal-inner .authentic-modal-about-img img {
  min-height: 520px;
  object-fit: cover;
}

.authentic .authentic-modal-inner .authentic-modal-about-description {
  flex: 1;
}

.authentic
  .authentic-modal-inner
  .authentic-modal-about-description.margin-init {
  margin: 0 !important;
}

.authentic .authentic-modal-inner .authentic-modal-next .detail-btn-s {
  display: inline-block;
}

.authentic .authentic-modal-inner .authentic-modal-next .detail-btn-s a {
  color: var(--text-black);
  border: solid 1px var(--text-black);
  padding: 20px 90px 18px;
  font-size: 1.6rem;
  display: block;
}

.authentic .authentic-modal-inner .authentic-modal-next .detail-btn-s a:hover,
.authentic .authentic-modal-inner .authentic-modal-prev .detail-btn-s a:hover {
  background-color: rgb(0 0 0 / 30%);
  opacity: 0.3;
}

.authentic .authentic-modal-inner .authentic-modal-prev .detail-btn-s a {
  color: var(--text-black);
  border: solid 1px var(--text-black);
  padding: 15px 85px;
  font-size: 1.6rem;
}

/* at-process */

.at-process {
  margin: 60px 0;
}

.at-process .mt-80 {
  margin-top: 80px;
}

.at-process .at-process-inner {
  width: 740px;
  margin: 0 auto;
}

.at-process .process-section {
  margin-bottom: 80px;
}

.at-process .process-section.flex-wrap {
  gap: 40px;
}

.at-process .process-section.once {
  width: 440px;
  margin: 0 auto 80px;
}

.at-process .process-text {
  font-size: var(--text-size-s);
  line-height: 2;
  text-align: justify;
}

.at-process .process-head-img {
  position: relative;
}

.at-process .process-head-img img {
  position: relative;
  z-index: 2;
}

.at-process .process-head-img::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 200px;
  left: 100px;
  width: 740px;
  height: 400px;
  background: var(--bg-color-gray);
}

.at-process .process-section h4.sub-title {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: var(--process--sub-title);
  line-height: 1.5;
}

.at-process .process-text.head-text {
  margin: 30px 0 0 175px;
  z-index: 3;
  position: relative;
  width: 480px;
  text-align: justify;
}

.at-process .process-section .process-img {
  width: 370px;
  height: 420px;
}

.at-process .process-section .process-img img {
  border-radius: 8px;
}

.authentic.at-process .process .process-inner {
  width: 840px;
}

.authentic.at-process
  .process
  .process-inner
  .process-category
  .process-category-list {
  gap: 20px;
}

.authentic.at-process
  .process
  .process-inner
  .process-category
  .process-category-list
  .process-category-item {
  margin: 0;
}

.at-process .process-category-item.active {
  opacity: 0.6;
}

.authentic.at-process
  .process
  .process-inner
  .process-category
  h3.process-category-title {
  margin: 30px 0;
  line-height: 1;
  font-size: var(--section-title-size-M);
  font-family: Lato, sans-serif;
  font-weight: 700;
  text-align: center;
}

.authentic.at-process .voice {
  background: var(--bg-color);
}

.authentic.at-process
  .voice-inner
  .voice-detail
  .voice-detail-list
  .voice-detail-item {
  margin: 0 auto;
}

.at-process .block-swiper .swiper-container {
  height: 455px;
}

.at-process .swiper-pagination-bullet-active {
  background: #fff;
}

.process-video {
  overflow: hidden;
  width: 370px;
  border-radius: 8px;
}

.process-video video {
  width: 100%;
  height: auto;
  aspect-ratio: 22/25;
  vertical-align: bottom;
}

.process-category-list-tile {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  width: 480px;
}

.at-process .process .process-category-list-tile {
  width: auto;
}

.process-category-list-tile .process-category-item > a {
  box-sizing: border-box;
  display: flex;
  place-content: center center;
  flex-flow: column wrap;
  width: 150px;
  height: 150px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background: #fff;
}

.process-category-list-tile .process-category-item > a > img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.process-category-list-tile .process-category-item > a > span {
  position: relative;
  color: var(--primary-black, #000);
  text-align: center;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "Hiragino Kaku Gothic Std";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  margin: 0 auto;
}

.process-category-list-tile .process-category-item a span.link-arrow::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  left: 35px;
  width: 16px;
  height: 16px;
  background: url("../../../img/common/authentic/open_in_new.png") no-repeat;
  background-size: 100%;
}

/* 1280px以下の画面幅のときに適用されるスタイル */
@media (width <= 1280px) {
  .authentic .process .process-inner .process-img {
    width: auto;
    height: 360px;
  }

  .authentic .process .process-inner .process-img > img {
    width: auto;
    height: 100%;
  }

  .process-category-list-tile.setMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    width: 360px;
  }

  .process-category-list-tile.setMain .process-category-item > a {
    box-sizing: border-box;
    display: flex;
    place-content: center center;
    flex-flow: column wrap;
    width: 110px;
    height: 110px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background: #fff;
  }

  .process-category-list-tile.setMain .process-category-item > a > img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }

  .process-category-list-tile.setMain .process-category-item > a > span {
    position: relative;
    color: var(--primary-black, #000);
    text-align: center;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 16.8px */
    margin: 0 auto;
  }

  .process-category-list-tile.setMain
    .process-category-item
    a
    span.link-arrow::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 27px;
    width: 12px;
    height: 12px;
    background: url("../../../img/common/authentic/open_in_new.png") no-repeat;
    background-size: 100%;
  }
}

/* ダイレクトメッセージ */

.direct-info {
  max-width: 570px;
  padding: 50px 26px;
  margin: 0 auto;
}

.direct-info-title {
  font-size: 2.2rem;
  text-align: center;
  font-weight: 600;
}

.direct-info-text {
  font-size: 1.3rem;
  color: #333;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.3px;
}

.direct-info-text.bold {
  font-weight: 600;
}

.direct-info-text a {
  display: inline-block;
  font-size: 1.3rem;
  text-decoration: underline;
}

.direct-info-text .link {
  color: #0827c6;
}

.page-outline {
  border: 1px solid #999;
  padding: 12px 12px 9px;
  margin: 15px 0 0;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.3;
}

.page-outline span a {
  font-size: 1.3rem;
  color: #666;
}

/* cookie-policy */
.policy .contents-lead {
  margin-top: 20px;
}

.policy .contents-lead a {
  word-wrap: break-word;
}

.policy .contents-lead ul {
  margin: 0 0 20px;
  padding-left: 20px;
  list-style-type: disc;
}

.policy .contents-lead li {
  font-size: 1.3rem;
  color: #333;
  letter-spacing: 0.1px;
  line-height: 1.9;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  list-style: inherit;
}

.policy .contents-lead ul ul {
  list-style-type: circle;
}

.policy .contents-lead ul ul ul {
  list-style-type: square;
}

.policy .contents-lead ul ul ul ul {
  list-style-type: disc;
}