/* -------------------------------------
 :: Custom property
------------------------------------- */ :root {
  /* base-width */
  --vw-base: 375;
}
@media screen and (min-width: 769px) {
  :root {
    --vw-base: 1200;
  }
}
:root {
  /* color */
  --color-base: #F5F5F4;
  --color-accent: #DA4264;
  --color-black: #151515;
  /* letter-spacing */
  --letter-spacing: 0;
  /* cubic-bezier */
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22); /* easeInQuart */
  --ease-out-quart: cubic-bezier(.165, .84, .44, 1); /* easeOutQuart */
  --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1); /* easeInOutQuart */
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06); /* easeInQuint */
  --ease-out-quint: cubic-bezier(.23, 1, .32, 1); /* easeOutQuint */
  --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1); /* easeInOutQuint */
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2lv0tKk7aw.woff2) format('woff2');
  unicode-range: U +0102 -0103, U +0110 -0111, U +0128 -0129, U +0168 -0169, U +01A0 -01A1, U +01AF -01B0, U +0300 -0301, U +0303 -0304, U +0308 -0309, U +0323, U +0329, U +1EA0 -1EF9, U +20AB;
}
/* -------------------------------------
 :: Reset
------------------------------------- */
body {
  margin: 0;
  padding: 0;
}
/* -------------------------------------
 :: Common
------------------------------------- */
.tot-inner {
  position: relative;
  width: calc(325 / var(--vw-base) * 100%);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .tot-inner {
    width: min(calc(1000 / var(--vw-base) * 100vw), 1000px);
  }
}
/* font
--------------------------  */
.tot-barlow {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  letter-spacing: 0.05em;
}
/* Button
--------------------------  */
.tot-btn, .tot-btn-toggle {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  max-width: 225px;
  aspect-ratio: 300/90;
  margin-inline: auto;
  color: #fff;
  background: var(--color-black);
}
@media screen and (min-width: 769px) {
  .tot-btn, .tot-btn-toggle {
    max-width: 450px;
    aspect-ratio: 380/80;
  }
}
.tot-btn::after {
  content: "";
  display: block;
  position: absolute;
  right: max(-20 / var(--vw-base) * 100vw, -20px);
  top: 50%;
  width: min(calc(40 / var(--vw-base) * 100vw), 40px);
  height: 1px;
  background: #fff;
  mix-blend-mode: difference;
  transform: scaleX(0);
  transform-origin: left;
  animation: lineLoop 2.4s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@media screen and (min-width: 769px) {
  .tot-btn::after {
    right: max(-20 / var(--vw-base) * 100vw, -20px);
    width: min(calc(60 / var(--vw-base) * 100vw), 60px);
  }
}
@keyframes lineLoop {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  45% {
    transform: scaleX(1);
    transform-origin: left;
  }
  70% {
    transform: scaleX(1);
    transform-origin: left;
  }
  71% {
    transform: scaleX(1);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
.tot-btn img, .tot-btn-toggle img {
  width: auto;
  height: min(calc(40 / var(--vw-base) * 100vw), 60px);
}
@media screen and (min-width: 769px) {
  .tot-btn img, .tot-btn-toggle img {
    height: min(calc(44 / var(--vw-base) * 100vw), 44px);
  }
}
@media (hover: hover) {
  .tot-btn, .tot-btn-toggle {
    transition: filter 0.5s var(--ease-out-quart);
  }
  .tot-btn img, .tot-btn-toggle img {
    transition: transform 0.5s var(--ease-out-quart);
  }
  .tot-btn:hover, .tot-btn-toggle:hover {
    filter: invert(100%);
  }
}
/* Text
--------------------------  */
.tot-em {
  color: var(--color-accent);
  font-style: normal;
  font-weight: 600;
}
/* Accordion
--------------------------  */
.tot-btn-toggle::before, .tot-btn-toggle::after {
  content: "";
  display: block;
  position: absolute;
  right: min(calc(16 / var(--vw-base) * 100vw), 24px);
  top: 50%;
  width: min(calc(9 / var(--vw-base) * 100vw), 13.5px);
  height: 1px;
  background: #fff;
  transition: transform 0.2s ease;
}
@media screen and (min-width: 769px) {
  .tot-btn-toggle::before, .tot-btn-toggle::after {
    right: min(calc(20 / var(--vw-base) * 100vw), 20px);
    width: min(calc(14 / var(--vw-base) * 100vw), 14px);
  }
}
.tot-btn-toggle::after {
  transform: rotate(90deg);
}
.tot-label-open {
  display: none;
}
.tot-btn-toggle.is-open .tot-label-close {
  display: none;
}
.tot-btn-toggle.is-open .tot-label-open {
  display: block;
}
.tot-btn-toggle.is-open::after {
  transform: rotate(0deg);
}
[data-js-accordion=content] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.tot-note {
  color: #888;
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .tot-note {
    font-size: 12px;
  }
}
/* video
--------------------------  */
.tot-video {
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .tot-video {
    max-width: 830px;
  }
}
.tot-video-caption {
  font-size: clamp(12px, calc(12 / var(--vw-base) * 100vw), 16px);
}
@media screen and (min-width: 769px) {
  .tot-video-caption {
    font-size: 1em;
  }
}
/* -------------------------------------
 :: Animation
------------------------------------- */
.tot-anim-fade-in {
  opacity: 0;
  transition: opacity 1s var(--ease-out-quart);
}
.tot-anim-fade-in.is-animated, .is-animated .tot-anim-fade-in {
  opacity: 1;
}
.tot-anim-fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s var(--ease-out-quart), transform 1s var(--ease-out-quart);
}
.tot-anim-fade-in-up.is-animated, .is-animated .tot-anim-fade-in-up {
  opacity: 1;
  transform: translateY(0%);
}
/*.tot-anim-reveal-right {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1s var(--ease-out-quart);
  transition: clip-path 1s var(--ease-out-quart);
  transition: clip-path 1s var(--ease-out-quart), -webkit-clip-path 1s var(--ease-out-quart);
}*/
/*.tot-anim-reveal-right.is-animated, .is-animated .tot-anim-reveal-right {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}*/
/*@keyframes revealRight {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}*/
/* -------------------------------------
 :: Movie
------------------------------------- */
.tot-movie {
  background-image: url(/client_info/UCC/view/userweb/brand/totonou/images/bg_mosaic.webp);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  margin: 0 -16px;
  padding: 25px 20px
}
@media screen and (min-width: 769px) {
  .tot-movie {
    margin: 0;
    padding: 60px 20px;
  }
}
.tot-movie .tot-video-caption {
  font-size: 12px;
  padding-bottom: 5px;
}
@media screen and (min-width: 769px) {
  .tot-movie .tot-video-caption {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
.tot-movie .tot-video-inner {
  max-width: 830px;
  aspect-ratio: 16 / 9;
}
@media screen and (min-width: 769px) {
  .tot-movie .tot-video-inner {}
}
.tot-movie iframe {
  width: 100% !important;
  height: 100% !important;
}
@media screen and (min-width: 769px) {
  .tot-movie iframe {}
}
/* -------------------------------------
 :: Feature
------------------------------------- */
.tot-feature {
  position: relative;
  background: #fff;
  margin: 0 0 20px;
  padding: 30px 0 0;
}
@media screen and (min-width: 769px) {
  .tot-feature {
    margin: 0 0 40px;
    padding: 50px 20px 0;
  }
}
.tot-feature__inner {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .tot-feature__inner {
    max-width: 1056px;
    width: 100%;
    padding: 0 20px;
  }
}
.tot-feature__ttl {
  width: 100%;
  margin: 0 -16px;
}
@media screen and (min-width: 769px) {
  .tot-feature__ttl {
    margin: 0 auto;
  }
}
.tot-feature__btn {
  border: none;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .tot-feature__btn {
    margin-top: 30px;
  }
}
.tot-feature__trig {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-widsth: 769px) {
  .tot-feature__trig {
    width: 100% !important;
  }
}
.tot-feature__box {
  background-color: #f5f5f4;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}
@media screen and (min-width: 769px) {
  .tot-feature__box {
    padding: 35px 120px;
  }
}
.tot-feature__box p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 !important;
}
@media screen and (min-width: 769px) {
  .tot-feature__box p {
    font-size: 18px !important;
  }
}
.tot-feature__point-wrap {
  width: calc(325 / var(--vw-base) * 100vw);
  margin: 40px auto 0;
}
@media screen and (min-width: 769px) {
  .tot-feature__point-wrap {
    width: unset;
    margin: 80px auto 0;
  }
}
.tot-feature__point {
  position: relative;
  padding: 40px 20px 20px;
  /* padding: calc(50 / var(--vw-base) * 100vw) calc(25 / var(--vw-base) * 100vw);*/
  background: var(--color-base);
  border: 0.5px solid var(--color-black);
}
@media screen and (min-width: 769px) {
  .tot-feature__point {
    padding: 40px 50px;
  }
}
.tot-feature__point-ttl {
  position: absolute;
  left: calc(-5 / var(--vw-base) * 100vw);
  top: calc(-15 / var(--vw-base) * 100vw);
  background: #fff;
  padding-inline: calc(15 / var(--vw-base) * 100vw);
  border: 0.5px solid var(--color-black);
  font-size: 26px;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .tot-feature__point-ttl {
    top: min(-30 / var(--vw-base) * 100vw, -30px);
    left: min(-10 / var(--vw-base) * 100vw, -10px);
    font-size: min(calc(60 / var(--vw-base) * 100vw), 60px);
  }
}
.tot-feature__point-main {
  line-height: 1.6;
  margin: 0 !important;
}
.tot-feature__point-main p {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .tot-feature__point-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: inherit;
  }
  .tot-feature__point-main p {
    font-size: 18px !important;
    width: 51.7647058824%;
  }
}
.tot-feature__point-fig {
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .tot-feature__point-fig {
    margin-top: 0;
    width: 41.1764705882%;
  }
}
.tot-feature__point-img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  .tot-feature__point-img {}
}
/* Mechanism / Energy
--------------------------  */
.tot-mechanism, .tot-energy {
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 20px 30px;
  margin: 20px auto 0;
}
@media screen and (min-width: 769px) {
  .tot-mechanism, .tot-energy {
    padding: 30px;
    margin: 20px auto 0;
  }
}
.tot-mechanism__header, .tot-energy__header {
  position: relative;
}
.tot-mechanism__ttl, .tot-energy__ttl {
  width: 100%;
  padding: 0 0 10px;
}
@media screen and (min-width: 769px) {
  .tot-mechanism__ttl, .tot-energy__ttl {
    padding: 0 0 10px;
    max-width: 730px;
    margin: 0 auto;
  }
}
.tot-mechanism__ttl img, .tot-energy__ttl img {
  display: inline-block;
}
.tot-mechanism__ttl-copy, .tot-mechanism__ttl-txt, .tot-energy__ttl-copy, .tot-energy__ttl-txt {
  display: block;
  position: relative;
}
.tot-mechanism__ttl-copy, .tot-energy__ttl-copy {
  transition-delay: 0.2s;
}
@media screen and (min-width: 769px) {
  .tot-mechanism__ttl-copy, .tot-energy__ttl-copy {}
}
/* Mechanism
--------------------------  */
.tot-mechanism__ttl::before {
  left: 0;
}
.tot-mechanism__ttl-copy, .tot-mechanism__ttl-txt {
  max-width: 240px;
}
@media screen and (min-width: 769px) {
  .tot-mechanism__ttl-copy, .tot-mechanism__ttl-txt {
    max-width: 100%;
  }
}
.tot-mechanism__ttl-copy img {
  width: calc(221 / var(--vw-base) * 100vw);
}
@media screen and (min-width: 769px) {
  .tot-mechanism__ttl-copy img {
    width: 100%;
    max-width: 390px;
  }
}
.tot-mechanism__ttl-txt img {
  width: calc(255 / var(--vw-base) * 100vw);
}
@media screen and (min-width: 769px) {
  .tot-mechanism__ttl-txt img {
    width: 100%;
    max-width: 650px;
  }
}
.tot-mechanism__body {}
@media screen and (min-width: 769px) {
  .tot-mechanism__body {
    max-width: 730px;
    margin: 0 auto;
  }
}
.tot-mechanism__fig {
  margin-bottom: 10px;
}
.tot-mechanism__img {
  width: 100%;
  height: auto;
}
.tot-mechanism__body p {
  font-size: 14px;
  line-height: 1.5;
}
/* -------------------------------------
 :: Utility
------------------------------------- */
.tot-list-disc {
  list-style-type: disc;
  padding-left: 1.5em;
}
.tot-list-disc li {
  list-style-type: disc;
}
@media screen and (max-width: 768px) {
  .tot-display-pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .tot-display-sp {
    display: none;
  }
}
/* -------------------------------------
 :: Faq
------------------------------------- */
.tot-faq {
  background: #F5F5F4;
  margin: 0 -16px;
  padding: 20px 0;
}
@media screen and (min-width: 769px) {
  .tot-faq {
    padding: 40px 0;
  }
}
.tot-faq__ttl {
  max-width: 170px;
  margin: 0 auto 10px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .tot-faq__ttl {
    max-width: 260px;
    margin: 0 auto 10px;
  }
}
.tot-faq__ttl-img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .tot-faq__ttl-img {}
}
.tot-faq__list {
  display: flex;
  flex-direction: column;
  gap: calc(20 / var(--vw-base) * 100vw);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .tot-faq__list {
    gap: min(calc(40 / var(--vw-base) * 100vw), 40px);
  }
}
.tot-faq__item {
  background: #fff;
}
.tot-faq__q {
  position: relative;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .tot-faq__q {
    font-size: clamp(16px, calc(22 / var(--vw-base) * 100vw), 22px);
  }
}
.tot-faq-trigger {
  background-color: #fff;
  border: none;
  color: #000000;
  position: relative;
  text-align: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  padding: 4.6153846154% 15.0769230769% 4.6153846154% 13.2307692308%;
}
@media screen and (min-width: 769px) {
  .tot-faq-trigger {
    font-size: 20px;
    padding: 3% 9% 3% 7.6%;
  }
}
.tot-faq-trigger::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(16 / var(--vw-base) * 100vw);
  top: min(calc(14 / var(--vw-base) * 100vw), 24px);
  width: min(calc(16 / var(--vw-base) * 100vw), 24px);
  aspect-ratio: 15/21;
  background: url("/client_info/UCC/view/userweb/brand/totonou/images/icn_q.svg") no-repeat center/contain;
}
@media screen and (min-width: 769px) {
  .tot-faq-trigger::before {
    top: min(calc(30 / var(--vw-base) * 100vw), 30px);
    left: min(calc(30 / var(--vw-base) * 100vw), 30px);
    width: min(calc(28 / var(--vw-base) * 100vw), 28px);
  }
}
.tot-faq-trigger__icon {
  display: grid;
  position: absolute;
  right: calc(15 / var(--vw-base) * 100vw);
  top: calc(50% - 12 / var(--vw-base) * 100vw);
  width: min(calc(24 / var(--vw-base) * 100vw), 40px);
  aspect-ratio: 1/1;
  border-radius: 9999px;
  background: var(--color-black);
}
@media screen and (min-width: 769px) {
  .tot-faq-trigger__icon {
    right: calc(30 / var(--vw-base) * 100vw);
    top: calc(50% - 20 / var(--vw-base) * 100vw);
    width: min(calc(40 / var(--vw-base) * 100vw), 40px);
  }
}
.tot-faq-trigger__icon::before, .tot-faq-trigger__icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 31.25%;
  top: 50%;
  width: 37.5%;
  height: 1px;
  background: #fff;
  transition: transform 0.2s ease;
}
@media screen and (min-width: 769px) {
  .tot-faq-trigger__icon::before, .tot-faq-trigger__icon::after {
    width: min(calc(18 / var(--vw-base) * 100vw), 18px);
    left: 27.5%;
  }
}
.tot-faq-trigger__icon::after {
  transform: rotate(90deg);
}
.tot-faq-trigger.is-open .tot-faq-trigger__icon::after {
  transform: rotate(0deg);
}
@media (hover: hover) {
  .tot-faq-trigger {
    transition: filter 0.5s var(--ease-out-quart);
  }
  .tot-faq-trigger:hover {
    filter: unset;
  }
}
.tot-faq__a {
  position: relative;
  display: block;
  margin: 0 !important;
}
@media screen and (min-width: 769px) {
  .tot-faq__a {}
}
.tot-faq__a::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(15 / var(--vw-base) * 100vw);
  right: calc(15 / var(--vw-base) * 100vw);
  height: 0.5px;
  background: var(--color-black);
}
@media screen and (min-width: 769px) {
  .tot-faq__a::before {
    left: calc(30 / var(--vw-base) * 100vw);
    right: calc(30 / var(--vw-base) * 100vw);
  }
}
.tot-faq__a-inner {
  position: relative;
  padding: 4.6153846154% 4.6153846154% 4.6153846154% 13.2307692308%;
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .tot-faq__a-inner {
    padding: 3% 9% 3% 7.6%;
    font-size: 18px;
  }
}
.tot-faq__a-inner::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(16 / var(--vw-base) * 100vw);
  top: min(calc(14 / var(--vw-base) * 100vw), 24px);
  width: min(calc(16 / var(--vw-base) * 100vw), 24px);
  aspect-ratio: 15/21;
  background: url("/client_info/UCC/view/userweb/brand/totonou/images/icn_a.svg") no-repeat center/contain;
}
@media screen and (min-width: 769px) {
  .tot-faq__a-inner::before {
    top: min(calc(30 / var(--vw-base) * 100vw), 30px);
    left: min(calc(30 / var(--vw-base) * 100vw), 30px);
    width: min(calc(28 / var(--vw-base) * 100vw), 28px);
  }
}
/*FAQここから*/
.block-item-detail-description-block .block-item-list-main-totonou-faq {
  /*background-image: url(/client_info/UCC/view/userweb/brand/andhealthy/images/categpry_faq_illust_1.png), url(/client_info/UCC/view/userweb/brand/andhealthy/images/categpry_faq_illust_2.png);
  background-size: 64px, 52px;
  background-position: left 9% top 1%, right 7.6% top 1%;
  background-repeat: no-repeat;*/
  background-color: #f7f7f5;
  padding: 20px 20px 10px;
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-totonou-faq {
    /*    background-image: url(/client_info/UCC/view/userweb/brand/andhealthy/images/categpry_faq_illust_1.png), url(/client_info/UCC/view/userweb/brand/andhealthy/images/categpry_faq_illust_2.png);
    background-size: 86px, 68px;
    background-position: left 25% top 2%, right 25% top 2.5%;
    background-repeat: no-repeat;*/
    padding: 25px 80px;
    margin: 0;
  }
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .block-item-list-main-totonou-faq__title {
  margin: 0 auto 20px;
  max-width: 120px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-totonou-faq .block-item-list-main-totonou-faq__title {
    margin: 0 auto 25px;
    max-width: 170px;
  }
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item {
  background: #fff;
  color: #222222;
  margin-bottom: 15px;
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-header {
  text-align: left;
  text-decoration: none;
  padding: 10px 40px 10px 12px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 68px;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-header {
    font-size: 16px;
    padding: 10px 50px 10px 15px;
    min-height: 68px;
  }
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-header .icon-plus {
  color: #be956a;
  margin: -0.5em 0 0;
  position: absolute;
  top: 50%;
  right: 20px;
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item.is_opened .faq-item-header .icon-plus::before {
  content: "";
  width: 16px;
  border-top: 2px solid #be956a;
  margin: 0.45em 0 0;
  display: block;
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-mark-question {
  margin-right: 20px;
  max-width: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .bblock-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-mark-question {
    max-width: 38px;
  }
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-body {
  height: 0;
  overflow: hidden;
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item.is_opened .faq-item-body {
  height: auto;
  padding: 12px;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 60px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item.is_opened .faq-item-body {
    padding: 15px;
    min-height: 60px;
  }
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-mark-answer {
  margin-right: 20px;
  width: 100%;
  max-width: 40px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-mark-answer {
    max-width: 38px;
  }
}
.block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-body-inner {
  font-size: 12px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-totonou-faq .faq-item-body-inner {
    font-size: 14px;
  }
}