@charset "UTF-8";
/* *** variables model *** */
/* radius */
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* *** mixins *** */
/* break point */
/* hover */
/* -----------------------------------------------
  ① clamp関数
----------------------------------------------- */
/* --- 10px = 1rem --- */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
.bev-contents {
  /* 共通スタイル */
  /* メインビジュアル */
  /* MV下コンテンツラッパー */
  /* 目次 */
  /* 記事エリア */
}
.bev-contents p {
  /* 両端揃え */
  text-align: justify;
  text-justify: inter-ideograph;
  overflow-wrap: break-word;
}
.bev-contents .marker {
  padding-block: 0.2em;
  background: linear-gradient(#faebd7 100%);
}
.bev-contents .main-visual {
  position: relative;
}
.bev-contents .main-visual .logo-area {
  position: absolute;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo-area {
    width: 34.38%;
    top: 4.79%;
    right: 14.06%;
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo-area {
    width: calc(100% - 32px);
    top: 3.85%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.bev-contents .main-visual .logo {
  font-feature-settings: "palt";
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo {
    padding: 4.55%;
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo {
    padding: 4.48% 5.97%;
  }
}
.bev-contents .main-visual .logo .tags {
  margin-block-end: 3%;
  font-weight: var(--fwBold);
  text-align: center;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo .tags {
    font-size: clamp(1.6rem, 0.665rem + 1.22vw, 3rem);
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo .tags {
    font-size: clamp(1.6rem, 0.886rem + 2.23vw, 2.6rem);
  }
}
.bev-contents .main-visual .logo .tags .tag {
  padding: 0.5em 1em;
  color: var(--white);
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 0;
}
.bev-contents .main-visual .logo .tags .tag::after {
  content: "";
  background: linear-gradient(90deg, rgb(3, 77, 150) 0%, rgb(34, 40, 46) 100%);
  clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%);
  position: absolute;
  inset: 0;
  z-index: -1;
}
.bev-contents .main-visual .logo h1 {
  margin-block-end: 2%;
  font-weight: var(--fwBold);
  color: var(--keyColor);
  line-height: 1.34;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo h1 {
    font-size: clamp(1.8rem, 0.063rem + 2.26vw, 4.4rem);
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo h1 {
    font-size: clamp(2rem, 0.571rem + 4.46vw, 4rem);
  }
}
.bev-contents .main-visual .logo .sub {
  font-weight: var(--fwBold);
  text-align: center;
}
@media (min-width: 769px) {
  .bev-contents .main-visual .logo .sub {
    font-size: clamp(1.2rem, 0.666rem + 0.7vw, 2rem);
  }
}
@media (max-width: 768px) {
  .bev-contents .main-visual .logo .sub {
    font-size: clamp(1rem, 0.429rem + 1.79vw, 1.8rem);
  }
}
.bev-contents .contents-area {
  margin-top: var(--blockMg);
  line-height: 1.8;
}
@media (max-width: 768px) {
  .bev-contents .contents-area {
    font-size: 1.4rem;
  }
}
.bev-contents .toc details[open] summary::after {
  transform: rotate(90deg);
}
.bev-contents .toc summary {
  padding: 0.5em;
  line-height: 1;
  font-weight: var(--fwBold);
  color: var(--white);
  background-color: var(--keyColor);
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .bev-contents .toc summary {
    font-size: 2rem;
  }
  .bev-contents .toc summary:hover {
    opacity: 0.7;
  }
}
.bev-contents .toc summary::before, .bev-contents .toc summary::after {
  content: "";
  background-color: var(--white);
  position: absolute;
  z-index: 1;
}
.bev-contents .toc summary::before {
  width: 17px;
  height: 1px;
  right: 18px;
  left: auto;
  top: 50%;
}
.bev-contents .toc summary::after {
  width: 1px;
  height: 17px;
  right: 26px;
  top: calc(50% - 8px);
  transition: var(--transition);
  border: none;
  transform: translate(0);
}
.bev-contents .toc summary span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.bev-contents .toc summary span::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url(/bev/corporation/case01/images/icn_toc_menu.webp) center/contain no-repeat;
}
.bev-contents .toc .summary-content {
  border: solid 2px var(--keyColor);
}
@media (min-width: 769px) {
  .bev-contents .toc .summary-content {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .toc .summary-content {
    padding: 2rem 1.6rem;
  }
}
.bev-contents .toc .summary-content ul li {
  line-height: 1.6;
}
.bev-contents .toc .summary-content ul li:not(:last-of-type) {
  margin-block-end: 1rem;
}
.bev-contents .toc .summary-content ul li a {
  text-decoration: underline;
}
@media (min-width: 769px) {
  .bev-contents .toc .summary-content ul li a:hover {
    opacity: 0.7;
  }
}
.bev-contents .article-area {
  margin-top: var(--blockMg);
}
.bev-contents .article-area .ttl-h2 {
  font-weight: var(--fwBold);
  font-style: italic;
  color: var(--white);
  background: linear-gradient(90deg, rgb(3, 77, 150) 0%, rgba(34, 40, 46, 0.5) 100%);
}
@media (min-width: 769px) {
  .bev-contents .article-area .ttl-h2 {
    margin-block-end: 2.4rem;
    padding: 0.2rem 0.8rem;
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .bev-contents .article-area .ttl-h2 {
    margin-block-end: 1.6rem;
    padding: 0.4rem 0.8rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 769px) {
  .bev-contents .article-area p {
    line-height: 2.25;
  }
}
@media (max-width: 768px) {
  .bev-contents .article-area .txt-img-wrap.sp-order-ver3 {
    flex-direction: column-reverse;
  }
}/*# sourceMappingURL=style.css.map */