@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap");
.pc {
  display: block;
}

.sp {
  display: none;
}

@media (max-width: 1024px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
@media (max-width: 734px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* ---------------------------------------------------------
  今回はスマホ基準のみ
--------------------------------------------------------- */
/* ---------------------------------------------------------
  fluid-root（SPのみで使用）
--------------------------------------------------------- */
/* ---------------------------------------------------------
  実行：スマホだけのfluid設定
--------------------------------------------------------- */
:root {
  font-size: clamp(8px, 10 * 100vw / 375, 10.6666666667px);
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
  background: #fff;
}
html body {
  font-family: "Noto Sans JP", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.6rem;
}
html body .siro {
  color: #fff;
}
html body .mizu {
  color: #55b7be;
}
html body .gray {
  color: #666666;
}
html body .btn {
  width: 32.86rem;
}
html body .pink {
  color: #e16e82;
}
html body .under {
  position: relative;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html body .under::after {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  height: 0.15rem;
  width: 2rem;
  bottom: -0.6rem;
  margin: 0 auto;
  background-color: #55b7be;
}
html body .tate {
  position: relative;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html body .tate::after {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  height: 1.5rem;
  width: 0.15rem;
  top: -2rem;
  margin: 0 auto;
  background-color: #666666;
}
html body .under {
  position: relative;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html body .under::after {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  height: 0.15rem;
  width: 2rem;
  bottom: -0.6rem;
  margin: 0 auto;
  background-color: #55b7be;
}
html body section {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
html body .contents {
  max-width: 33.5rem;
  width: 100%;
  margin: 0 auto;
}
html body img {
  width: 100%;
  height: auto;
}
html body h2 {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  font-size: 2.2rem;
  line-height: 3.8rem;
}
html body h3 {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  font-size: 2.2rem;
  line-height: 3.8rem;
}
html body h4 {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
}
html body h5 {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
}
html body p {
  font-family: "source-han-sans-japanese", sans-serif;
  font-size: 1.5rem;
  line-height: 2.6rem;
}
html body b {
  font-family: "source-han-sans-japanese", sans-serif;
}
html body a {
  color: black;
  text-decoration: none;
}
html body li {
  list-style: none;
  font-family: "source-han-sans-japanese", sans-serif;
}
html body footer {
  width: 100%;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* =========================================
   全消しリセットCSS（フォームUIは残す）
   ========================================= */
/* すべての要素の余白・枠線・フォントサイズをリセット */
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,
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要素のデフォルト表示をブロックに */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* ボディ初期化 */
body {
  line-height: 1;
}

/* リストマーカー削除 */
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;
}

/* ===== フォームUIは基本残すが最小限調整 ===== */
/* フォント継承（見た目の統一感を出す） */
input, select, textarea, button {
  font: inherit;
  color: inherit;
}

/* iOS Safariのズーム防止（必要な場合） */
input, textarea, select {
  font-size: 16px;
}

/* ボタンはポインター */
button {
  cursor: pointer;
}

/* Webkit系での余計なスタイル防止（外観は保持） */
input[type=search] {
  -webkit-appearance: textfield;
}

/* プレースホルダーの色だけ少し整える */
::-moz-placeholder {
  color: #999;
}
::placeholder {
  color: #999;
}

body {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  overflow-x: hidden;
  color: black;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: black;
}

.header {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
.header__img {
  position: absolute;
  width: 32.86rem;
  bottom: 3.4rem;
  right: 0;
  left: 0;
  margin: 0 auto;
}

footer {
  max-width: 37.5rem;
  background-color: #55b7be;
  color: #fff;
  height: 2.97386rem;
  margin: 0 auto;
}
footer small {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.97386rem;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  flex-direction: column;
  /* 画像 → テキストを縦に並べる */
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-button-next, .swiper-button-prev {
  top: 15rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1rem;
  color: #fff;
  background-color: #55b7be;
  width: 1.66266rem;
  height: 1.66266rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* チェックボックスは完全に非表示 */
.faq__check {
  display: none;
}

.faq__item {
  margin-bottom: 1.5rem;
}

.faq__label {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 1.2rem;
  cursor: pointer;
  position: relative;
  background-color: #f8f9fa;
  padding: 1rem 2rem;
  box-sizing: border-box;
}

.q {
  font-weight: bold;
  color: #57bcc5;
  flex-shrink: 0;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}

.faq__question {
  color: #57bcc5;
  line-height: 1.5;
  font-weight: 600;
}

.toggle-icon {
  position: absolute;
  right: 1rem;
  top: 2rem;
  font-size: 2rem;
  color: #57bcc5;
}

/* 初期は + */
.faq__check + .faq__label .toggle-icon::before {
  content: "+";
}

/* 開いたら – */
.faq__check:checked + .faq__label .toggle-icon::before {
  content: "-";
}

/* 回答表示 */
.answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq__check:checked ~ .answer {
  max-height: 1000px;
  padding: 1.6rem;
  border: solid #cccccc 1px;
  border-top: none;
  text-align: left;
}
.faq__check:checked ~ .answer p {
  font-size: 1.3rem;
}

.fz25 {
  font-size: 2.5rem;
}

.fz26 {
  font-size: 2.6rem;
}

.fz27 {
  font-size: 2.7rem;
}

.fz105 {
  font-size: 1.05rem;
}

.fz134 {
  font-size: 1.34rem;
}

.fz144 {
  font-size: 1.44rem;
}

.fz15 {
  font-size: 1.5rem;
}

.fz18 {
  font-size: 1.8rem;
}

.fz33 {
  font-size: 3.3rem;
}

.fz127 {
  font-size: 1.27rem;
}

.fz347 {
  font-size: 3.47rem;
}

.fz40 {
  font-size: 4rem;
}

.fz432 {
  font-size: 4.32rem;
}

.problem {
  padding: 2.5rem 0;
  background: url(../img/problem.webp) no-repeat;
  background-size: contain;
  height: 41.1rem;
  width: 37.5rem;
  text-align: center;
  position: relative;
}
.problem::after {
  position: absolute;
  content: "・・・・・";
  writing-mode: vertical-rl;
  color: #55b7be;
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: -1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  left: 0;
  bottom: 2rem;
}
.problem__ttl {
  line-height: 3.8rem;
}
.problem__box {
  text-align: left;
  margin: 5.5rem auto 0 auto;
  width: 31.5rem;
}
.problem__list--item {
  position: relative;
  padding: 1rem 0;
  padding-left: 2.4rem;
  line-height: 2rem;
  border-bottom: 0.5px solid #fff;
  letter-spacing: 0;
  width: 22.5rem;
}
.problem__list--item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 1.5rem;
  background: url(../img/check.webp) no-repeat;
  background-size: contain;
  width: 1.56rem;
  height: 1.27rem;
  display: inline-block;
}

.for {
  text-align: center;
  padding-bottom: 2.2rem;
}
.for__you {
  position: relative;
  margin-bottom: 3rem;
  display: inline-block;
  color: #55b7be;
}
.for__you::after {
  content: "";
  position: absolute;
  background: url(../img/for_you.webp) no-repeat;
  background-size: contain;
  width: 13rem;
  height: 38.2rem;
  top: -1.3rem;
  right: -2rem;
  margin: 0 auto;
}
.for__ttl {
  margin-bottom: 1.9rem;
  letter-spacing: 0;
}
.for__img {
  width: 27.96088rem;
}

.features {
  text-align: center;
  background: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 12%, #fff 12%, #fff 100%);
  padding: 4.5rem 0 3.9rem 0;
}
.features__ttl {
  margin-bottom: 3.7rem;
}
.features__subttl {
  display: inline-block;
  margin-bottom: 2.8rem;
}
.features__point {
  position: relative;
}
.features__point--ttlarea {
  background-color: #f2fdfd;
  height: 13.27878rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.features__point--txtarea {
  padding: 1.4rem 2rem 2rem 2rem;
}
.features__point--subttl {
  margin-top: 3rem;
}
.features__point--box {
  position: relative;
  border: solid 1px #55b7be;
  margin-bottom: 3.6rem;
}
.features__point--tag {
  position: absolute;
  width: 11.77rem;
  height: 2.45rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #55b7be;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
}
.features .hikki1::after,
.features .hikki2::after,
.features .hikki3::after,
.features .hikki4::after {
  position: absolute;
  content: "";
  height: 3.4379rem;
  left: 3rem;
  top: 3rem;
}
.features .hikki1::after {
  background: url(../img/point_txt1.svg) no-repeat;
  background-size: contain;
  width: 17.56336rem;
}
.features .hikki2::after {
  background: url(../img/point_txt2.svg) no-repeat;
  background-size: contain;
  width: 17.03948rem;
}
.features .hikki3::after {
  background: url(../img/point_txt3.svg) no-repeat;
  background-size: contain;
  width: 14.98055rem;
}
.features .hikki4::after {
  background: url(../img/point_txt4.svg) no-repeat;
  background-size: contain;
  width: 17.00603rem;
}
.features__txt {
  text-align: left;
  letter-spacing: 0.04rem;
  line-height: 2.6rem;
}
.features__imgarea {
  margin-top: 4rem;
}

.eye-b {
  text-align: center;
  padding: 4.5rem 0;
  background-color: #f2f2f2;
}
.eye-b__contents {
  background: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 5%, #fff 5%, #fff 100%);
  padding-bottom: 1.5rem;
}
.eye-b__subttl {
  display: block;
  margin-bottom: 1.9rem;
}
.eye-b__ttl {
  border-radius: 5rem;
  width: 28.13388rem;
  height: 4.45062rem;
  background-color: #55b7be;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem auto;
}
.eye-b__subtxt {
  margin-bottom: 0.7rem;
  display: block;
}
.eye-b__ttlsub {
  line-height: 3rem;
  margin-bottom: 0.7rem;
}
.eye-b__slide--box {
  position: relative;
}
.eye-b__slide--box .swiper-button-next,
.eye-b__slide--box .swiper-rtl .swiper-button-prev {
  right: -1.2rem;
  left: auto;
}
.eye-b__slide--box .swiper-button-prev,
.eye-b__slide--box .swiper-rtl .swiper-button-next {
  left: -1.2rem;
  right: auto;
}
.eye-b__img {
  width: 29.8138rem !important;
  margin-bottom: 1rem;
}
.eye-b__txt {
  line-height: 2.7rem;
  text-align: left;
  width: 28.57959rem;
  margin: 0 auto 2rem auto;
}
.eye-b__price {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  width: 30.22832rem;
  margin: 0 auto 1rem;
}
.eye-b__price--cap {
  width: 33.5rem;
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  position: relative;
}
.eye-b__price--cap::before {
  content: "";
  position: absolute;
  background: url(../img/simei.webp) no-repeat;
  background-size: contain;
  width: 7.80361rem;
  height: 2.78984rem;
  left: 1rem;
  top: -2rem;
}
.eye-b__price--ttl {
  background-color: #f2fdfd;
  height: 3.77707rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eye-b__price--ttl2 {
  background-color: #55b7be;
  height: 3.77707rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eye-b__price--box {
  border: solid 1px #cccccc;
  border-top: none;
  margin-bottom: 0.5rem;
}
.eye-b__price--box2 {
  border: solid 1px #55b7be;
  border-top: none;
  margin-bottom: 0.5rem;
}
.eye-b__price--first, .eye-b__price--second, .eye-b__price--first2, .eye-b__price--second2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 26.80266rem;
  margin: 0 auto;
  padding-right: 2.8rem;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  box-sizing: border-box;
}
.eye-b__price--first2, .eye-b__price--second2 {
  width: 29.70357rem;
  padding-right: 0;
  padding-top: 2rem;
  padding-bottom: 2.4rem;
  position: relative;
}
.eye-b__price--first, .eye-b__price--first2 {
  border-bottom: #cccccc 1px solid;
}
.eye-b__price--second, .eye-b__price--second2 {
  padding-top: 1.9rem;
}
.eye-b__price--simei {
  position: absolute;
  right: 0;
  bottom: 0.5rem;
  letter-spacing: normal;
  color: #000;
}
.eye-b__arro {
  width: 8.50164rem;
  margin-bottom: 1.5rem;
}
.eye-b__simei {
  display: block;
  text-align: right;
}
.eye-b__mae {
  width: 5rem;
}
.eye-b .kaisu,
.eye-b .kaisu2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #55b7be;
  height: 3.91568rem;
  width: 3.91568rem;
  color: #fff;
  font-family: "source-han-sans-japanese", sans-serif;
}
.eye-b .kaisu {
  transform: translateX(1.3rem);
}
.eye-b .kaisu2 {
  height: 4.33949rem;
  width: 4.33949rem;
}

.lip {
  padding: 1rem 0 1.5rem;
  text-align: center;
  background-color: #f2f2f2;
}
.lip__contents {
  background: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 7%, #fff 7%, #fff 100%);
  padding-bottom: 1.5rem;
}
.lip__subttl {
  display: block;
  margin-bottom: 1.9rem;
}
.lip__ttl {
  border-radius: 5rem;
  width: 28.13388rem;
  height: 4.45062rem;
  background-color: #55b7be;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2.9rem auto;
}
.lip__subtxt {
  margin-bottom: 0.7rem;
  display: block;
}
.lip__ttlsub {
  line-height: 3rem;
  margin-bottom: 0.7rem;
}
.lip__slide--box {
  position: relative;
}
.lip__slide--box .swiper-button-next,
.lip__slide--box .swiper-rtl .swiper-button-prev {
  right: -1.2rem;
  left: auto;
}
.lip__slide--box .swiper-button-prev,
.lip__slide--box .swiper-rtl .swiper-button-next {
  left: -1.2rem;
  right: auto;
}
.lip__img {
  width: 29.8138rem !important;
  margin-bottom: 1.3rem;
}
.lip__txt {
  line-height: 2.7rem;
  text-align: left;
  width: 28.57959rem;
  letter-spacing: 0.08rem;
  margin: 0 auto 2rem auto;
}
.lip__price {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  width: 30.22832rem;
  margin: 0 auto 1rem;
}
.lip__price--ttl {
  background-color: #f2fdfd;
  height: 3.77707rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lip__price--box {
  border: solid 1px #cccccc;
  border-top: none;
  margin-bottom: 0.5rem;
}
.lip__price--first, .lip__price--second {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 26.80266rem;
  margin: 0 auto;
  letter-spacing: 0.3rem;
  padding-right: 2.8rem;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  box-sizing: border-box;
}
.lip__price--first {
  border-bottom: #cccccc 1px solid;
}
.lip__price--second {
  padding-top: 1.9rem;
}
.lip__price--simei {
  position: absolute;
  right: 0;
  bottom: 0.5rem;
  letter-spacing: normal;
  color: #000;
}
.lip__simei {
  display: block;
  text-align: right;
}
.lip .kaisu {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #55b7be;
  height: 3.91568rem;
  width: 3.91568rem;
  color: #fff;
  font-family: "source-han-sans-japanese", sans-serif;
  transform: translateX(1.3rem);
}
.lip__btn {
  margin-top: 3.4rem;
}

.staff {
  text-align: center;
  padding: 6.5rem 0 0 0;
}
.staff__contents {
  max-width: 37.5rem !important;
}
.staff__subttl {
  display: inline-block;
  margin-bottom: 2.3rem;
}
.staff__ttl {
  margin-bottom: 2.2rem;
}
.staff__info {
  position: relative;
  height: 56.23972rem;
  background: linear-gradient(180deg, #fff 0%, #fff 20%, rgba(242, 253, 253, 0.5411764706) 7%, rgba(242, 253, 253, 0.5411764706) 100%);
}
.staff__img {
  margin-bottom: 1.3rem;
  width: 23.10727rem !important;
}
.staff__box {
  width: 29.00227rem;
}
.staff__ttlsub {
  font-size: 1.45rem;
  color: #55b7be;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.06614rem;
  margin-bottom: 0.5rem;
}
.staff__txt {
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  line-height: 2rem;
  margin-bottom: 1.6rem;
}

.flow {
  text-align: center;
  padding: 4.5rem 0 0 0;
}
.flow__contents {
  max-width: 37.5rem !important;
}
.flow__subttl {
  display: inline-block;
  margin-bottom: 2.3rem;
}
.flow__ttl {
  margin-bottom: 2.6rem;
}
.flow__subttlling {
  font-size: 2.4rem;
}
.flow__info {
  position: relative;
  background: #f2f2f2;
}
.flow .swiper {
  padding: 6.2rem 0 4.7rem;
}
.flow__img {
  margin-bottom: 1.3rem;
}
.flow__box {
  width: 33.5rem;
  background-color: #fff;
  padding: 4.8rem 0 0;
}
.flow__box--inner {
  position: relative;
  width: 27.25649rem;
  height: 37.2rem;
  margin: 0 auto;
  z-index: 1000000;
}
.flow__ttlsub {
  font-size: 1.7rem;
  color: #fff;
  background-color: #55b7be;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.39793rem;
  border-radius: 5rem;
  margin-bottom: 0.5rem;
  width: 14.26404rem;
  position: absolute;
  right: 0;
  left: 0;
  top: -6.2rem;
  z-index: 10000;
  margin: 0 auto;
}
.flow__subttlling {
  margin-bottom: 1.8rem;
}
.flow__txt {
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: -0.03rem;
  line-height: 2.5rem;
  margin-bottom: 1.6rem;
}
.flow .swiper-button-next,
.flow .swiper-button-prev {
  top: 24.5rem;
  right: 2rem;
}
.flow .swiper-button-prev {
  left: 2rem;
}

.faq {
  text-align: center;
  padding: 5.5rem 0 5.3rem 0;
}
.faq__subttl {
  display: inline-block;
  margin-bottom: 2.3rem;
}
.faq__ttl {
  margin-bottom: 3rem;
}

.clinic {
  background-color: #f2f2f2;
  text-align: center;
  padding: 4.6rem 0 5.3rem 0;
}
.clinic__subttl {
  display: inline-block;
  margin-bottom: 2.3rem;
}
.clinic__ttl {
  margin-bottom: 2.4rem;
}
.clinic__ttlsub {
  font-size: 1.7rem;
  border-radius: 5rem;
  width: 25.48969rem;
  height: 3.39793rem;
  background-color: #55b7be;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2.5rem auto;
  letter-spacing: -0.1rem;
}
.clinic__box {
  background: linear-gradient(180deg, #f2f2f2 0%, #f2f2f2 4%, #fff 4%, #fff 100%);
  margin-bottom: 2.5rem;
}
.clinic__box--inner {
  width: 28.5006rem;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.clinic__box--inner img {
  margin-bottom: 0.6rem;
}
.clinic__map {
  display: inline-block;
  margin-top: 0.2rem;
  color: #55b7be;
}
.clinic__info--list {
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding: 1.1rem 0;
  line-height: 2rem;
  border-bottom: solid #cccccc 1px;
}
.clinic__info--head {
  width: 6.5rem;
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
}
.clinic__info--guid {
  width: 20.4rem;
  font-size: 1.4rem;
}