@charset "UTF-8";
/* r-eos LP 微調整用CSS  2026-09-09 にページ内<style>から外部ファイル化 */
/* ============================================================================
   r-eos LP　微調整用CSS　【このファイルだけを編集してください】
   ============================================================================

   * 使い方（実行するものはありません）
     1) このファイルを編集して保存する
     2) ブラウザで reos_プレビュー.html を開き、Ctrl + F5 で再読み込み
     -> それだけで反映されます。

   * 守っていただきたいこと
     ・調整は必ず「このファイル」の中だけで行ってください
     ・reos-lp_貼り付け用.html と reos-fv_貼り付け用.html は編集しないでください
       （並行してコーディングを進めているため、編集すると上書きされて消えます）


   * 数値の書き方
     すべて calc(数値 * var(--rlp-s)) の形式です。
     「数値」の部分＝デザインカンプ上のpx（1280px幅で作られたデザインの実寸）。
     例）40px にしたい -> calc(40 * var(--rlp-s))

     PC（768px以上）とスマホ（767px以下）で別々に指定できます。
     スマホ側は @media screen and (max-width:767px){ } の中に書いてください。

   ============================================================================ */


/* ============================================================================
   １．追従の「お問合せはこちら」ボタン（右下に出るもの）
   ============================================================================ */
.rlp-float {
  /* 文字の大きさ（現在 21px） */
  /* font-size:calc(21 * var(--rlp-s)); */

  /* ボタンの余白。上下 0.85em ／ 左右 3.2em（文字サイズ基準） */
  /* padding:.85em 3.2em; */

  /* 画面の端からの距離（現在 右24px・下24px） */
  /* right:calc(24 * var(--rlp-s)); */
  /* bottom:calc(24 * var(--rlp-s)); */
  border-radius: calc(10 * var(--rlp-s));
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
}
.rfv__cta {
  border-radius: 10px;
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
}

/* ============================================================================
   s02　こんなお悩みございませんか？
   ============================================================================ */
/* --- 見出し --- */
/* .rlp-s02__head {
  margin-bottom: calc(116 * var(--rlp-s));
} */
/* 見出し左右の斜線 */
.rlp-s02__slash {
  top: 58%;
}
.rlp-s02__slash--r {
    right: calc(190 * var(--rlp-s));
}
.rlp-s02__slash--l {
    left: calc(190 * var(--rlp-s));
}
.rlp-s02__ttl {
  color: #000
}
/* --- カード --- */
.rlp-s02__list {
  gap: calc(65 * var(--rlp-s)) calc(45 * var(--rlp-s));
}
.rlp-s02__list .rlp-s02__item:first-of-type .rlp-s02__cap {
    margin-top: calc(39.5 * var(--rlp-s));
    margin-bottom: 0;
}
.rlp-s02__cap {
  height: 2.9em;
  /* color: var(--rlp-sub); */
}
/* p.rlp-s02__cap {
  margin: 0 0 calc(16 * var(--rlp-s));
} */
/* --- 下向きの矢印 --- */
.rlp-s02__arrow {
  width: calc(146 * var(--rlp-s));
  height: calc(36 * var(--rlp-s));
  margin: calc(140 * var(--rlp-s)) auto calc(-80 * var(--rlp-s)); 
  background: var(--rlp-sub);
}
.rlp-dot {
  text-emphasis-color: #000;
}

/* ============================================================================
   s03　そのお悩み、逆浸透膜（RO）浄水器ならまとめて解決できます！
   ============================================================================ */
.rlp-s03__main {
    margin: calc(12 * var(--rlp-s)) 0 0;
}
.rlp-s03__lead {
  color: #000;
}
.rlp-s03__sub {
  color: #000;
}
/* .rlp-s03__msg {
  color: var(--rlp-sub);
} */
.rlp-s03__hr {
    width: calc(580 * var(--rlp-s));
    height: 2px;
    background: #19568D;
}


/* ============================================================================
   ２．s04「PFASについて詳しく見る」ボタン
   ============================================================================ */
.rlp-s04__btnWrap{
  /* 上のテキストとの間隔（現在 110px） */
  margin-top:calc(60 * var(--rlp-s));
}
.rlp-s04__logo {
  color: #0B4FA9;
}
/* .rlp-s04__mid {
  color: var(--rlp-sub);
}
.rlp-s04__worldTtl {
  color: var(--rlp-sub);
}
.rlp-btn {
  color: var(--rlp-sub);
} */
.rlp-s04__btnWrap .rlp-btn{
  /* 文字の大きさ（現在 20px） */
  /* font-size:calc(20 * var(--rlp-s)); */

  /* ボタンの余白（現在 上下20px・左右40px） */
  padding:calc(12 * var(--rlp-s)) calc(40 * var(--rlp-s));

  /* ボタンの最小幅（現在 500px） */
  /* min-width:calc(500 * var(--rlp-s)); */
}
/* p.rlp-s04__mid {
  margin: calc(40 * var(--rlp-s)) 0 calc(66 * var(--rlp-s));
}
p.rlp-s04__body {
  margin: calc(50 * var(--rlp-s)) 0 calc(60 * var(--rlp-s));
} */
.rlp-s04__toha {
  color: #000;
}
.rlp-s04__heroTxt {
  max-width: calc(527 * var(--rlp-s));
}

/* ============================================================================
   ３．s05「動画を視聴する」ボタン
   ============================================================================ */
/* p.rlp-s05__ratio {
  margin: 0 0 calc(46 * var(--rlp-s));
}
p.rlp-s05__divide {
  margin: 0 0 calc(34 * var(--rlp-s));
} */
.rlp-s05__ratio em {
  color: #DED47F;
}
.rlp-s05__homeBody{
  margin-bottom: calc(40 * var(--rlp-s));
}
.rlp-btn--movie{
  /* 文字の大きさ（現在 17px） */
  font-size:calc(26 * var(--rlp-s));

  /* ボタンの余白（現在 上下9px・左右24px） */
  padding:calc(9 * var(--rlp-s)) calc(40 * var(--rlp-s));
}
.rlp-btn--movie svg{
  /* 再生アイコンの大きさ（現在 23px） */
  width:calc(30 * var(--rlp-s));height:calc(30 * var(--rlp-s));
}


/* ============================================================================
   ４．s05「逆浸透膜（RO）とは？」ボタン（2行のもの）
   ============================================================================ */
.rlp-s05__linkWrap{
  /* 上の枠との間隔（現在 84px） */
  /* margin-top:calc(84 * var(--rlp-s)); */
}
.rlp-btn--2line{
  /* ボタンの最小幅（現在 350px） */
  min-width:calc(430 * var(--rlp-s));

  /* ボタンの余白（現在 上下11px・左右24px） */
  padding:calc(9 * var(--rlp-s)) calc(24 * var(--rlp-s));

  /* テキストと＞の余白（現在　12） */
  gap: calc(22 * var(--rlp-s));  
}
.rlp-btn--2line .t{
  /* 1行目の文字の大きさ（現在 14px） */
  font-size:calc(18 * var(--rlp-s));
  text-align: center;
}
.rlp-btn--2line .s{
  /* 2行目の文字の大きさ（現在 10px） */
  font-size:calc(14 * var(--rlp-s));
}
.rlp-s04__note {
    font-size: calc(19.5 * var(--rlp-s));
}
.rlp-s05__homeTtl {
  font-size: calc(39 * var(--rlp-s));
}
/* ============================================================================
   s06　浄水器は、何を基準に選びますか？
   ============================================================================ */
/* align-items: flex-startを解除したい   */
.rlp-s06__cols {
  align-items: unset;
}
.rlp-s06__sub {
  font-size: calc(22 * var(--rlp-s));
}
.rlp-s06__col--std .rlp-s06__figCap {
  margin: 0 auto calc(42 * var(--rlp-s));
}
.rlp-s06__col--ro .rlp-s06__checks li {
  color: #0746D9;
}
.rlp-s06__col--ro .rlp-s06__chk {
  background: #0746D9;
}
.rlp-s06__col--std .rlp-s06__chk {
  box-shadow: inset 0 0 0 2px #b5b5b5;
}
.rlp-mark {
  color: var(--rlp-navy);
}
.rlp-s07__ttlRow {
  margin-left: calc(-30 * var(--rlp-s));
}

.rlp-s07__top {
  padding: calc(40 * var(--rlp-s)) calc(70 * var(--rlp-s)) calc(50 * var(--rlp-s));
}

.rlp-s07__lead {
  margin: calc(-40 * var(--rlp-s)) 0 calc(30 * var(--rlp-s));
  padding-left: calc(40 * var(--rlp-s));
  letter-spacing: 0.04em;
}
.rlp-s07__card {
    border-radius: calc(8 * var(--rlp-s));
}

.rlp-s07__cards {
  padding: 0 0 0 calc(42 * var(--rlp-s));
}
.rlp-s07__card.rlp-s07__card--ro {
  border: 1px solid var(--rlp-main);
}
.rlp-s07__card.rlp-s07__card--std {
  border: 1px solid #767676;
}
.rlp-s07__arrow {
  margin-top: calc(-6 * var(--rlp-s));
  margin-bottom: calc(-20 * var(--rlp-s));
}
.rlp-s07__reos {
    bottom: calc(75 * var(--rlp-s));
    width: calc(270 * var(--rlp-s));
}
.rlp-s07__because {
  margin: 0;
  color: var(--rlp-navy);
}
.rlp-s07__reos {
  bottom: calc(54 * var(--rlp-s));
}
.rlp-s07__point img {
    width: calc(64 * var(--rlp-s));
}
.rlp-s07__points {
  gap: calc(8 * var(--rlp-s));
}
.rlp-s07__point {
  width: calc(327 * var(--rlp-s));
  padding: calc(20 * var(--rlp-s)) calc(10 * var(--rlp-s));
  gap: calc(6 * var(--rlp-s));
}



/* ============================================================================
   s08　除去可能物質一覧 ／ 他方式との除去性能比較データ
   ============================================================================ */

.rlp-s08__name {
    font-size: calc(24 * var(--rlp-s));
}
.rlp-s08__desc {
  margin-bottom: auto;
}
.rlp-s08__cell {
  min-height: calc(273 * var(--rlp-s));
  border: 1px solid #5B7EEF;
}
.rlp-s08__cell:last-of-type {
  padding: 0 calc(40 * var(--rlp-s));
}
.rlp-s08__grid {
  gap: calc(14 * var(--rlp-s)) calc(8 * var(--rlp-s));
}
.rlp-s08__scroll {
  border: 1px solid var(--rlp-main);
  border-radius: calc(10 * var(--rlp-s));
  width: 96%;
  margin: auto;
}
.rlp-s08__table {
  border: none;
}
.rlp-s08__table thead th.rlp-s08__corner {
  position: relative;
  min-width: calc(100 * var(--rlp-s));
  text-align: left;
  overflow: hidden;
  background: linear-gradient(to bottom left, #fff calc(50% - 1px), /* 右上の色（元のth背景色） */ #cddff0 calc(50% - 1px), /* 斜め線の色 */ #cddff0 calc(50% + 1px), /* 斜め線の色 */ #d5e7f5 calc(50% + 1px) /* 左下の色（ご希望の色） */);
}

/* ============================================================================
   s09　第三者試験でも、PFAS除去性能が確認されています
   ============================================================================ */

.rlp-s09__panel {
  padding: calc(34 * var(--rlp-s)) calc(150 * var(--rlp-s)) calc(40 * var(--rlp-s)) calc(40 * var(--rlp-s));
}
.rlp-s09__badge {
  width: calc(180 * var(--rlp-s));
}
.rlp-s09__baTtl {
  border-top: 1px solid #9dbcd8;
  padding-top: calc(7 * var(--rlp-s));
  padding-bottom: calc(12 * var(--rlp-s));
  font-family: 'Zen Kaku Gothic New';
  line-height: 1.2;
  color: #0259B2;
  border-color: #0259B2;
}
.rlp-s09__ba {
  margin: calc(56 * var(--rlp-s)) calc(100 * var(--rlp-s)) 0;
}
.rlp-s09__sub {
  font-size: calc(58 * var(--rlp-s));
}
.rlp-s09__pill {
  padding: calc(2 * var(--rlp-s)) calc(40 * var(--rlp-s));
  width: 11em;
}
.rlp-s09__side--after .rlp-s09__pill {
  background: #0259B2;
}
.rlp-s09__side--after .rlp-s09__big {
  color: #0259B2;
}
.rlp-s09__sub {
  color: #0259B2;
}

/* ============================================================================
   s10　世界中の重要な現場で選ばれています
   ============================================================================ */

.rlp-s10__body {
    padding: calc(46 * var(--rlp-s)) calc(2 * var(--rlp-s)) calc(17 * var(--rlp-s)) calc(5 * var(--rlp-s));
}
.rlp-s10__tips {
  padding: calc(16 * var(--rlp-s)) calc(54 * var(--rlp-s)) calc(26 * var(--rlp-s));
  border: 1px solid #0746D9;
}
.rlp-s10__ico img {
  width: 100%;
}
.rlp-s10__tipsBadge {
  gap: unset;
  margin-top: calc(17 * var(--rlp-s));
}
.rlp-s10__tipsBadge img {
  margin-right: calc(-24 * var(--rlp-s));
  position: relative;
}
.rlp-s10__tipsBadge span {
  padding: calc(9 * var(--rlp-s)) calc(33 * var(--rlp-s));
  color: #0746D9;
  border: 1px solid #0746D9;
}
.rlp-s10__tipsTxt {
  line-height: 1.5;
  color: #0746D9;
}
.rlp-s10__card {
  padding: calc(5 * var(--rlp-s));
}

/* ============================================================================
   s11　r-eos（アールイオス）卓上浄水器とは？
   ============================================================================ */
.rlp-s11 {
  padding: calc(50 * var(--rlp-s)) 0 calc(166 * var(--rlp-s));
}
.rlp-s11::before {
  background-position: center bottom;
}
.rlp-s11__item .b {
  color: #0746D9;
}

/* ============================================================================
   s12　マンガでわかる！ウォーターサーバーとの違い
   * ふきだしは画像側が空になっているため、文字をHTMLで重ねています。
      位置は画像に対する％指定なので、画面幅が変わってもズレません。
   ============================================================================ */
.rlp-s12__head {
  padding: calc(160 * var(--rlp-s)) 0 calc(24 * var(--rlp-s));
}
.rlp-s12__ttl2 {
  margin-top: 0;
  border-bottom: calc(8 * var(--rlp-s)) solid #FBEE7C;
  margin-bottom: calc(32 * var(--rlp-s));
}
.rlp-s12__manga .b3 {
    left: 64%;
}
.rlp-s12__manga .b4 {
    left: 87.8%;
}
.rlp-s12__panelNote {
  padding: calc(8 * var(--rlp-s)) calc(10 * var(--rlp-s)) calc(14 * var(--rlp-s));
  text-align: center;
}
.rlp-s12__panel--r .rlp-s12__panelNote {
  background: #fff;
  margin-left: calc(-34 * var(--rlp-s));
  border: calc(2 * var(--rlp-s)) solid var(--rlp-main);
  margin-right: calc(-15 * var(--rlp-s));
  border-radius: calc(10 * var(--rlp-s));
}
.rlp-s12__think {
  text-align: left;
}
.rlp-s12__think--l {
  left: 10%;
  top: 25.3%;
  line-height: 1.15;
}
.rlp-s12__think--r {
  left: 93.3%;
  top: 23%;
}
.rlp-s12__circle span {
  font-size: calc(23 * var(--rlp-s));
  line-height: 1.2;
}
.rlp-s12__scene {
    margin-top: calc(45 * var(--rlp-s));
}
.rlp-s12__sceneList {
    display: flex;
    gap: calc(8 * var(--rlp-s));
    /* padding-bottom: 19%; */
}
.rlp-s12__sceneItem {
  background: #fff;
  border-radius: calc(22 * var(--rlp-s));
  padding: calc(10 * var(--rlp-s)) calc(10 * var(--rlp-s)) calc(20 * var(--rlp-s));
  box-shadow: 0 calc(6 * var(--rlp-s)) calc(20 * var(--rlp-s)) rgba(30, 80, 130, .10);
}
.rlp-s12 .rlp-sec__bg {
  /* background-image: url(/img/usr/freepage/reos/lp/s12_bg_09.jpg)  */
}
.rlp-s12__roro {
  width: calc(255 * var(--rlp-s));
}
.rlp-s12 {
  padding: calc(60 * var(--rlp-s)) 0 calc(20 * var(--rlp-s));
}
.rlp-s12__sceneTtl {
  margin: 0 0 calc(10 * var(--rlp-s));
  color: #000;
}

/* ============================================================================
   s13
   ============================================================================ */

.rlp-s13 {
  background-image: 
  url(/img/usr/freepage/reos/lp/s13_bg.jpg),
  linear-gradient(180deg, #EFFAFD 0%, #EFF7FA 55%, #F7FBFD 100%);
  background-position: center top, center center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, cover;
}
.rlp-s13__roro {
    width: calc(382 * var(--rlp-s));
    bottom: calc(20 * var(--rlp-s));
}
.rlp-s13__head {
    padding: calc(200 * var(--rlp-s)) 0 calc(40 * var(--rlp-s));
}
.rlp-s13__ttl {
  border-bottom: calc(10 * var(--rlp-s)) solid #F0DE7E;
  margin-bottom: calc(40 * var(--rlp-s));
}
/* ============================================================================
   s13 User Voice ／ 選ばれるには、理由があります
   ============================================================================ */

/* --- レビューカード --- */
.rlp-s13__list {
  align-items: stretch; /* 変更：高さを一括で揃える */
}

.rlp-s13__item {
  /* flex: 1;
  min-width: 0; */
  display: flex; /* 追記 */
  flex-direction: column; /* 追記 */
  position: relative; /* 追記：タブ位置の基準点 */
  padding-top: calc(18 * var(--rlp-s)); /* 追記：はみ出るタブの空きスペース */
}

.rlp-s13__tab {
  position: absolute; /* 追記 */
  top: calc(-10 * var(--rlp-s));  /* 追記 */
  z-index: 2; /* 追記：白枠の上に配置 */
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: calc(18 * var(--rlp-s)); /* 調整 */
  letter-spacing: .02em;
  padding: calc(6 * var(--rlp-s)) calc(18 * var(--rlp-s)); /* 調整 */
  border-radius: calc(6 * var(--rlp-s)); /* 変更 */
  width: calc(260 * var(--rlp-s));
}

.rlp-s13__card {
  flex: 1; /* 追記：下まで伸ばす */
  display: flex; /* 追記 */
  flex-direction: column; /* 追記 */
  border-radius: calc(16 * var(--rlp-s)); /* 変更 */
  padding: calc(35 * var(--rlp-s)) calc(22 * var(--rlp-s)) calc(30 * var(--rlp-s)); /* 調整 */
}

.rlp-s13__pic img {
  display: block; /* 追記 */
}
.rlp-s13__vTtl {
  font-size: calc(22 * var(--rlp-s)); /* 調整 */
}
.rlp-s13__vTxt {
  font-size: calc(16 * var(--rlp-s)); /* 調整 */
}



/* ============================================================================
   s14 s15 s16
   ============================================================================ */
.rlp-s14 {
    padding:calc(130 * var(--rlp-s)) 0 calc(200 * var(--rlp-s));
}
.rlp-s14__mark {
  color: #64767C;
}
.rlp-s14__aInner .rlp-s14__mark {
  color: #64767C;  
}
.rlp-s14__item {
  border: 1px solid #103B96;
}
.rlp-btn--column {
  border: 1px solid #2280C9;
}
.rlp-s14__aTxt {
  font-weight: 500; 
}
.rlp-s14__aInner {
  padding: 0 calc(90 * var(--rlp-s)) calc(26 * var(--rlp-s)) calc(30 * var(--rlp-s));
}
.rlp-s15 {
  padding: calc(20 * var(--rlp-s)) 0 calc(70 * var(--rlp-s));
  background: #F6FBFF;
}
.rlp-s15__card {
  border: 1px solid #063391;
}
.rlp-s15__card:first-of-type {
  background: #F5F9FF;
}
.rlp-s15__dash {
  border-top: calc(2 * var(--rlp-s)) dashed #567bab;
}
.rlp-s16__info {
   font-size: calc(24 * var(--rlp-s));
}
.rlp-s16__row img {
    width: calc(72 * var(--rlp-s));
}
.rlp-s16__card {
    padding: calc(50 * var(--rlp-s)) calc(40 * var(--rlp-s));
}
.rlp-s16__card.rlp-s16__card--buy {
    border-color: #113C96;
}
.rlp-s16__card--repair {
   border-color: #11961A;
}
.rlp-s16__photo {
    right: calc(16 * var(--rlp-s));
    top: calc(7 * var(--rlp-s));
    width: calc(455 * var(--rlp-s));
}
.rlp-s16__body {
    gap: calc(20 * var(--rlp-s));
}
.rlp-s16__val {
    background: #ffffff70;
    padding: 0 calc(10 * var(--rlp-s)) calc(5 * var(--rlp-s)) 0;
}
.rlp-s16__lineTxt {
  text-align: left;
}



/* ============================================================================
   ５．セクション全体の上下の余白
       （セクションとセクションの間隔を詰めたい／空けたいとき）
   ============================================================================ */
/* .rlp-s02{padding:calc(90 * var(--rlp-s)) 0 calc(60 * var(--rlp-s));} */
/* .rlp-s03{padding:calc(70 * var(--rlp-s)) 0 calc(80 * var(--rlp-s));} */
/* .rlp-s06{padding:calc(80 * var(--rlp-s)) 0 calc(90 * var(--rlp-s));} */
/* .rlp-s08{padding:calc(80 * var(--rlp-s)) 0 calc(80 * var(--rlp-s));} */
/* .rlp-s09{padding:calc(70 * var(--rlp-s)) 0 calc(80 * var(--rlp-s));} */


/* ============================================================================
   ６．スマホ（767px以下）だけの調整はこの中に書いてください
   ============================================================================ */
@media screen and (max-width:767px){

  .rlp-float{
  /* 文字の大きさ（現在 15px） */
  /* font-size:calc(15 * var(--rlp-s)); */
  /* ボタンの余白（現在 上下0.9em・左右2em） */
  /* padding:.9em 2em; */
  }
  .rlp-s02 {
    padding: calc(30 * var(--rlp-s)) 0 calc(30 * var(--rlp-s));
  }
  .rlp-s02__slash--l {
    left: calc(18 * var(--rlp-s));
  }
  .rlp-s02__slash--r {
    right: calc(18 * var(--rlp-s));
  }
  .rlp-s02__cap {
    height: auto;
    letter-spacing: -0.04em;
  }
  .rlp-s02__list .rlp-s02__item:first-of-type .rlp-s02__cap {
    margin: auto;
  }
  .rlp-s02__list {
    gap: calc(15 * var(--rlp-s)) calc(45 * var(--rlp-s));
  }
  .rlp-s02__item, .rlp-s02__item--wide {
    padding: calc(13 * var(--rlp-s)) calc(7 * var(--rlp-s)) calc(13 * var(--rlp-s)) calc(10 * var(--rlp-s));
  }
  .rlp-s02__photo {
    height: 100%;
  }
  .rlp-s02__photo .rlp-s02__sp {
    width: 100%;
    height: 100%;
    object-fit: cover;  
  }
  .rlp-s02__arrow {
    width: calc(70 * var(--rlp-s));
    height: calc(24 * var(--rlp-s));
    margin: calc(50 * var(--rlp-s)) auto calc(-40 * var(--rlp-s));
  }
  .rlp-s03__roro--tr {
    top: calc(-54 * var(--rlp-s));
    left: calc(-6 * var(--rlp-s));
  }
  .rlp-s03__sub {
    font-size: calc(21 * var(--rlp-s));
  }
  .rlp-s03__hr {
    width: calc(280 * var(--rlp-s));
    margin: calc(10 * var(--rlp-s)) auto calc(10 * var(--rlp-s));
  }
  .rlp-s03__roro--bl {
    bottom: calc(28 * var(--rlp-s));
    right: calc(-19 * var(--rlp-s));
    left: auto;
  }
  .rlp-s04__hero {
    padding: calc(0 * var(--rlp-s)) 0 calc(26 * var(--rlp-s));
  }
  .rlp-s04__heroImg {
    top: calc(94 * var(--rlp-s));
  }
  .rlp-s04__note {
    font-size: calc(12 * var(--rlp-s));
  }
  .rlp-s04__world .rlp-s04__body {
    max-width: 100%;
  }
  .rlp-s04__world .rlp-s04__body br {
    display: none;
  }
  .rlp-s04__btnWrap .rlp-btn {
    padding: calc(3 * var(--rlp-s)) calc(37 * var(--rlp-s));
    text-align: center;
    line-height: 1.2;
  }
  .rlp-s04__btnWrap{
  /* 上のテキストとの間隔（現在 44px） */
    margin-top: calc(30 * var(--rlp-s));
  }
  .rlp-s04__world::before {
    background-position: center bottom;
  }
  .rlp-s04__closing p {
    font-size: calc(17.5 * var(--rlp-s));
    margin-inline: calc(-10 * var(--rlp-s));
  }
  .rlp-btn--2line {
    gap: calc(12 * var(--rlp-s));
    text-align: center;
    min-width: 100% !important;
    padding: calc(9 * var(--rlp-s)) calc(27 * var(--rlp-s));
  }
  .rlp-btn--2line .s {
    font-size: calc(13.5 * var(--rlp-s));
    letter-spacing: -0.05em;
    line-height: 1.2;
  }
  .rlp-s05__lead {
    font-size: calc(15 * var(--rlp-s));
  }
  .rlp-s05__subName {
    font-size: calc(15 * var(--rlp-s));
  }
  .rlp-s05__subSize {
    font-size: calc(15 * var(--rlp-s));
  }
  .rlp-s05__box {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s05__box b {
    font-size: calc(16 * var(--rlp-s));
  }
  .rlp-s05__note1 {
    font-size: calc(14 * var(--rlp-s));
    margin-top: calc(25 * var(--rlp-s));
    line-height: 1.2;
  }
  .rlp-s05__deep {
    padding: calc(30 * var(--rlp-s)) 0 calc(40 * var(--rlp-s));
  }
  .rlp-s05__home {
    background-size: contain;
  }
  .rlp-s05__homeBody br {
    display: none;
  }
  .rlp-s05__sub:nth-of-type(4) .rlp-s05__subImg img {
  top: 42%;
  }
  .rlp-btn--movie {
    font-size: calc(16 * var(--rlp-s));
  }
  .rlp-s06__ttl {
    font-size: calc(24 * var(--rlp-s));
    margin-bottom: calc(22 * var(--rlp-s));
  }
  .rlp-s06__boxSub {
    font-size: calc(16 * var(--rlp-s));
  }
  .rlp-s06__graph {
    margin: 0 calc(8 * var(--rlp-s)) calc(24 * var(--rlp-s)) 0;
  }
  .rlp-s06__sub {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s06__txt {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s06__band {
    padding: calc(4 * var(--rlp-s)) calc(16 * var(--rlp-s));
    margin-top: calc(20 * var(--rlp-s));
  }
  .rlp-s07 .rlp-inner {
    padding-inline: 0;
  }
  .rlp-s07__top {
    padding: calc(30 * var(--rlp-s)) calc(20 * var(--rlp-s)) calc(50 * var(--rlp-s));
  }
  .rlp-s07__cardHead {
    font-size: calc(16 * var(--rlp-s));
    padding: calc(5 * var(--rlp-s));
  }
  .rlp-s07__ttl {
    font-size: calc(18 * var(--rlp-s));
  }
  .rlp-s07__lead {
    padding: 0 calc(14 * var(--rlp-s));
    margin: calc(0 * var(--rlp-s)) 0 calc(20 * var(--rlp-s));
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s07__point {
    padding: calc(10 * var(--rlp-s)) calc(12 * var(--rlp-s));
  }
  .rlp-s07__point img {
    width: calc(47 * var(--rlp-s));
  }
  .rlp-s07__cards {
    padding: 0;
  }
  
  .rlp-s07__cardFig {
    padding: 0 calc(20 * var(--rlp-s)) calc(5 * var(--rlp-s));
  }
  .rlp-s07__body {
      font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s07__reos {
    bottom: calc(7 * var(--rlp-s));
    width: calc(124 * var(--rlp-s));
    z-index: 5;
  }
  .rlp-s07__catch {
    font-size: calc(28 * var(--rlp-s));
  }
  .rlp-s07__top {
    border-radius: 0;
  }
  .rlp-s07__body,
  .rlp-s07__points {
    padding: 0 calc(15 * var(--rlp-s));
  }
  .rlp-s07__point {
    width: 100%;
  }
  .rlp-s07__point p {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s07__ttlRow {
    margin-left: 0;
  }
  .rlp-s05__homeTtl {
    font-size: calc(23 * var(--rlp-s));
    margin-inline: auto;
  }
  .rlp-mark {
    display: block;
    width: 10em;
    margin: auto;
  }
  .rlp-s05__homeBody {
    font-size: calc(15 * var(--rlp-s));
  }
  .rlp-s06__box {
    padding: calc(14 * var(--rlp-s)) calc(24 * var(--rlp-s));
    margin-inline: calc(10 * var(--rlp-s));
  }
  .rlp-s06__col--std .rlp-s06__figCap {
    margin: 0 auto calc(10 * var(--rlp-s));
  }
  .rlp-s07__top {
    padding: calc(30 * var(--rlp-s)) calc(20 * var(--rlp-s)) calc(40 * var(--rlp-s));
  }
  .rlp-s07__because {
   font-size: calc(16 * var(--rlp-s));
  }
  .rlp-s08__lead {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s08__name {
    font-size: calc(13.5 * var(--rlp-s));
    letter-spacing: -0.04em;
  }
  .rlp-s08__desc {
    font-size: calc(11 * var(--rlp-s));
  }
  .rlp-s08__cell {
    min-height: auto;
    width: calc((100% - (10 * var(--rlp-s))) / 3);
  }
  .rlp-s08__grid {
    gap: calc(10 * var(--rlp-s)) calc(4 * var(--rlp-s));
    justify-content: space-between;
  }
  .rlp-s08__cell:last-of-type {
    padding: 0;
  }
  .rlp-s08__cell:last-of-type .rlp-s08__ico {
    width: 60%;
    margin-inline: auto;
  }
  .rlp-s08__ico {
    height: calc(70 * var(--rlp-s));
    margin-bottom: calc(14 * var(--rlp-s));
  }
  .rlp-s08__table {
    padding: 0;
  }
  .rlp-s08__table thead th.rlp-s08__corner {
    padding-block: calc(5 * var(--rlp-s));
  }
  .rlp-s08__corner .d {
    margin-top: 0;
    margin-right: calc(-5 * var(--rlp-s));
  }
  .rlp-s08__corner .u {
    margin-top: calc(30 * var(--rlp-s));
  }
  .rlp-s08__corner span {
    font-size: calc(10.5 * var(--rlp-s));
  }
  .rlp-s08__table thead th {
    padding: 0 calc(4 * var(--rlp-s));
    font-size: calc(11.5 * var(--rlp-s));
  }
  .rlp-s08__table tbody td {
    padding: calc(7 * var(--rlp-s)) 0;
  }
  .rlp-s08__note {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s08__tnote {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s08__legend {
    font-size: calc(12.5 * var(--rlp-s));
    background: #ffffffa3;
    padding-left: 3px;
  }
  .rlp-s08 .rlp-sec__bg {
    background-image: url(/img/usr/freepage/reos/lp/s08_bg_top_sp.jpg), url(/img/usr/freepage/reos/lp/s08_bg_bottom_sp.jpg);
    background-size: 100%, 100%;
    background-position: right top, left bottom;
  }

  .rlp-s09 {
    padding: calc(40 * var(--rlp-s)) 0 calc(30 * var(--rlp-s));
  }
  .rlp-s09__panel {
    padding: calc(18 * var(--rlp-s)) calc(14 * var(--rlp-s)) calc(22 * var(--rlp-s));
  }
  .rlp-s09__cap {
    font-size: calc(15 * var(--rlp-s));
  }
  .rlp-s09__pill {
    min-width: calc(180 * var(--rlp-s));
  }
  .rlp-s09__badge {
    position: absolute;
    width: calc(100 * var(--rlp-s));
    margin: 0;
    top: 60%;
    right: calc(-17 * var(--rlp-s));
  }
  .rlp-s09__big {
    margin-left: calc(-50 * var(--rlp-s));
  }
  .rlp-s09__sub {
    margin-left: calc(-50 * var(--rlp-s));
    font-size: calc(30 * var(--rlp-s));
  }
  .rlp-s09 .rlp-sec__bg {
    background-size: contain;
  }
  .rlp-s09__lead {
    font-size: calc(15 * var(--rlp-s));
    margin-bottom: calc(25 * var(--rlp-s));
  }
  .rlp-s09__tabs {
    margin: calc(56 * var(--rlp-s)) 0 calc(16 * var(--rlp-s));
    gap: calc(2 * var(--rlp-s));
  }
  .rlp-s09__tab {
    border: none;
    padding: 0;
    color: #ABCCE6;
    border-bottom: solid 2px #ABCCE6;
    border-radius: 0;
    font-family: 'Zen Kaku Gothic New';
  }
  .rlp-s09__tab.is-active {
    border-bottom: 2px solid var(--rlp-main);
    color: var(--rlp-main);
    background: none;
  }
  .rlp-s09__doc {
    width: 70%;
    margin: auto;
  }
  .rlp-s09__ba {
    margin: calc(10 * var(--rlp-s)) calc(20 * var(--rlp-s)) 0;
  }
  .rlp-s09__zoom {
    height: calc(26 * var(--rlp-s));
  }
  .rlp-s09__baNote {
     font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s10__ttl {
    font-size: calc(22 * var(--rlp-s));
    margin-inline: calc(41 * var(--rlp-s));
  }
  .rlp-s10__lead {
    font-size: calc(13.9 * var(--rlp-s));
  }
  .rlp-s10__name {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s10__pic {
    width: calc(147 * var(--rlp-s));
  }
  .rlp-s10__pic img {
    border-radius: calc(6 * var(--rlp-s)) 0 0 calc(6 * var(--rlp-s));
  }
  .rlp-s10__body {
    padding: calc(12 * var(--rlp-s)) calc(7 * var(--rlp-s)) calc(10 * var(--rlp-s)) calc(15 * var(--rlp-s));
  }
  .rlp-s10__ico {
    right: calc(-12 * var(--rlp-s));
  }
  .rlp-s10__txt {
    font-size: calc(13 * var(--rlp-s));
  }
  .rlp-s10__tips {
    padding: calc(16 * var(--rlp-s)) calc(14 * var(--rlp-s));
  }
  .rlp-s10__tipsBadge {
    margin-top: calc(10 * var(--rlp-s));
  }
  .rlp-s10__tipsBadge span {
    padding: calc(3 * var(--rlp-s)) calc(40 * var(--rlp-s));
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s10__tipsTxt {
    font-size: calc(18 * var(--rlp-s));
  }
  .rlp-s10__tipsTxt em {
    font-size: calc(36 * var(--rlp-s));
  }
  .rlp-s10__tipsTxt i {
    font-size: calc(22 * var(--rlp-s));
  }
  .rlp-s10__closing {
    font-size: calc(20 * var(--rlp-s));
  }
  .rlp-s10__tipsBadge img {
    width: calc(33 * var(--rlp-s));
  }
  .rlp-s10__tipsTxt b {
    font-weight: 500;
    color: var(--rlp-text);
    margin-top: calc(16 * var(--rlp-s));
    display: block;
  }
  .rlp-s10 .rlp-sec__bg {
    background-size: 100% 100%;
  }
  .rlp-s10__card {
    box-shadow: 0 calc(3 * var(--rlp-s)) calc(6 * var(--rlp-s)) rgba(30, 80, 130, .10);
  }

  .rlp-s11::before {
    background-position: right top 21%;
  }
  .rlp-s11__ttl {
    font-size: calc(24 * var(--rlp-s));
    margin-bottom: calc(60 * var(--rlp-s));
    margin-inline: calc(30 * var(--rlp-s));
  }
  .rlp-s11__lead {
    font-size: calc(17 * var(--rlp-s));
    max-width: calc(180 * var(--rlp-s));
  }
  .rlp-s11__list {
    margin: calc(80 * var(--rlp-s)) 0 0;
    gap: calc(15 * var(--rlp-s));
  }
  .rlp-s11__item {
    gap: calc(10 * var(--rlp-s));
    padding: calc(9 * var(--rlp-s)) calc(14 * var(--rlp-s)) calc(9 * var(--rlp-s)) calc(12 * var(--rlp-s));
  }
  .rlp-s11__item > img {
    width: calc(45 * var(--rlp-s));
    height: calc(45 * var(--rlp-s));
  }
  .rlp-s11__item .b {
   font-size: calc(17 * var(--rlp-s));
  } 
  .rlp-s11__item .k {
   font-size: calc(17 * var(--rlp-s));
  } 
  .rlp-s11 {
    padding: calc(50 * var(--rlp-s)) 0 calc(40 * var(--rlp-s));
  }

  .rlp-s12 .rlp-s12__head {
    padding-top: calc(50 * var(--rlp-s));
  }
  .rlp-s12 .rlp-inner {
    padding-inline: 0;
  }

  .rlp-s12__lead {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s12__scene {
    margin-top: 0;
    padding: calc(10 * var(--rlp-s));
  }
  .rlp-s12__sceneItem {
    border-radius: calc(6 * var(--rlp-s));
    padding: calc(5 * var(--rlp-s)) ;
    box-shadow: 0 calc(2 * var(--rlp-s)) calc(4 * var(--rlp-s)) rgb(30 80 130 / .15);
  }
  .rlp-s12__sceneItem p {
    font-size: calc(13 * var(--rlp-s));
    letter-spacing: -0.03em;
    margin-inline: calc(-3.5 * var(--rlp-s));
  }
  .rlp-s12__sceneItem:nth-child(n+4) {
    width: calc((90% - (20 * var(--rlp-s))) / 2);
  }
  .rlp-s12__sceneItem:nth-child(n+4) p {
    margin-bottom: calc(7 * var(--rlp-s));
  }
  .rlp-s12 .rlp-s12__think {
    font-size: calc(12.5 * var(--rlp-s));
  }
  .rlp-s12 .rlp-s12__panel--l {
    height: 30.2%;
    width: 60%;
    left: 34.4%;
  }
  .rlp-s12 .rlp-s12__panel--r {
    width: 59.5%;
    left: 34.8%;
  }
  .rlp-s12 .rlp-s12__think--l {
    top: 11.1%;
  }
  .rlp-s12__mangaSpPic p {
    font-size: calc(14 * var(--rlp-s));
  }
  .rlp-s12__spHead {
    font-size: calc(17 * var(--rlp-s));
  }
  .rlp-s12__spHead.ro {
    margin-top: calc(4 * var(--rlp-s));
  }
  .rlp-s12__rows dl {
   font-size: calc(16 * var(--rlp-s));  
  }
  .rlp-s12__rows {
    padding: calc(8 * var(--rlp-s)) calc(14 * var(--rlp-s)) 0;
  }
  .rlp-s12__total {
    align-items: baseline;
    justify-content: center;
    gap: unset;
    margin: 0;
    border-top: 1px solid #c9d5e0;
    padding: 0;        
  }
  .rlp-s12__total .v {
    font-size: calc(24 * var(--rlp-s));
    margin: calc(4 * var(--rlp-s)) calc(10 * var(--rlp-s)) 0
  }
  .rlp-s12__total .t {
    font-size: calc(17 * var(--rlp-s));
  }
  .rlp-s12 .rlp-s12__panelNote {
      font-size: calc(13.5 * var(--rlp-s));
      padding: calc(17 * var(--rlp-s)) calc(4 * var(--rlp-s));
      text-align: center;
  }
  .rlp-s12 .rlp-s12__panel--r .rlp-s12__panelNote {
      background: #fff;
      margin-left: calc(-34 * var(--rlp-s));
      border: calc(2 * var(--rlp-s)) solid var(--rlp-main);
      margin-right: calc(-19 * var(--rlp-s));
      border-radius: calc(10 * var(--rlp-s));
      padding: calc(10 * var(--rlp-s)) calc(3 * var(--rlp-s));
  }
  .rlp-s12__circle {
    display: block;
    border: none;
    top: -1.5%;
    background: none;
    border-radius: unset;
    width: 100%;
    height: auto;
  }
  .rlp-s12__circle br {
    display: none;
  }
  .rlp-s12__cost {
    margin-top: calc(46 * var(--rlp-s));
  }
  .rlp-s12__panelHead {
    font-size: calc(13 * var(--rlp-s));
  }
  .rlp-sec.rlp-s12 {
    padding-bottom: 0;
  }
  .rlp-s12__sceneItem img {
    border-radius: 0;
  }
  .rlp-s13 {
    background-image: url(/img/usr/freepage/reos/lp/s13_bg.jpg), linear-gradient(180deg, #E7F2F7 0%, #EFF7FA 55%, #F7FBFD 100%);
    background-position: right top, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: 130% auto, cover;
    margin-top: calc(-40 * var(--rlp-s));
  }
  .rlp-s13__head {
    padding: calc(80 * var(--rlp-s)) 0 calc(10 * var(--rlp-s));
  }
  .rlp-s13__en {
    font-size: calc(18 * var(--rlp-s));
    letter-spacing: 0;
  }
  .rlp-s13__ttl {
    font-size: calc(22 * var(--rlp-s));
    margin-inline: calc(-10 * var(--rlp-s));
    border-bottom: calc(2 * var(--rlp-s)) solid #F0DE7E;
    margin-bottom: calc(10 * var(--rlp-s));
  }
  .rlp-s13__tab {
    top: 0;
    font-size: calc(14 * var(--rlp-s));
    width: calc(160 * var(--rlp-s));
    padding: calc(4 * var(--rlp-s)) calc(18 * var(--rlp-s));
  }
  .rlp-s13__vTtl {
    font-size: calc(16 * var(--rlp-s));
  }
  .rlp-s13__vTxt {
    font-size: calc(14 * var(--rlp-s));
  }

  .rlp-s14 {
    padding: calc(70 * var(--rlp-s)) 0 calc(120 * var(--rlp-s));
  }
  .rlp-s14 .rlp-sec__bg {
    background-image: url(/img/usr/freepage/reos/lp/s14_bg_top_sp.jpg),url(/img/usr/freepage/reos/lp/s14_bg_bottom_sp.jpg);
    background-position: center top,center bottom;
    background-size: 100%;
  }
  .rlp-s14__en {
    font-size: calc(18 * var(--rlp-s));
    letter-spacing: 0;
  }
  .rlp-s14__ttl {
    font-size: calc(26 * var(--rlp-s));
  }
  .rlp-s14__item {
    margin-bottom: calc(15 * var(--rlp-s));
  }
  .rlp-s14__mark {
    font-size: calc(24 * var(--rlp-s));
  }
  .rlp-s14__aInner .rlp-s14__mark {
    font-size: calc(26 * var(--rlp-s));
  }
  .rlp-s14__qTxt {
    font-size: calc(18 * var(--rlp-s));
    margin-right: calc(26 * var(--rlp-s));
  }
  .rlp-s14__aTxt {
    font-size: calc(17 * var(--rlp-s));
    line-height: 1.7;
  }
  .rlp-s14__item.is-open .rlp-s14__a {
    padding-top: calc(10 * var(--rlp-s));
  }
  .rlp-s14__aInner {
    padding: 0 calc(14 * var(--rlp-s)) calc(14 * var(--rlp-s));
  }
  .rlp-s14__more {
    margin-top: calc(25 * var(--rlp-s));
  }
  .rlp-btn--faq {
    font-size: calc(18 * var(--rlp-s));
    line-height: 1.4;
    border-width: 2px;
  }
  .rlp-s14__q {
    gap: calc(12 * var(--rlp-s));
  }

  .rlp-s15__en {
    font-size: calc(18 * var(--rlp-s));
    letter-spacing: 0;
  }
  .rlp-s15__ttl {
    font-size: calc(26 * var(--rlp-s));
    margin-bottom: calc(20 * var(--rlp-s));
  }
  .rlp-s15__lead {
    font-size: calc(16 * var(--rlp-s));
  }
  .rlp-s15 {
    margin-top: calc(-60 * var(--rlp-s));
    padding-bottom: calc(40 * var(--rlp-s));
  }
  .rlp-s15__card {
    padding: calc(20 * var(--rlp-s)) calc(30 * var(--rlp-s)) calc(30 * var(--rlp-s));
    border-radius: calc(20 * var(--rlp-s));
  }
  .rlp-s15__cardTtl {
    font-size: calc(20 * var(--rlp-s));
  }
  .rlp-s15__cardHead img {
    width: calc(48 * var(--rlp-s));
  }
  .rlp-s15__txt {
    font-size: calc(15 * var(--rlp-s));
  }
  .rlp-btn--column {
    font-size: calc(16 * var(--rlp-s));
    padding: calc(7 * var(--rlp-s)) calc(16 * var(--rlp-s));
  }

  .rlp-s16 .rlp-sec__bg {
    background-position: center top 9%;
  }
  .rlp-s16__en {
    font-size: calc(18 * var(--rlp-s));
    letter-spacing: 0;
  }
  .rlp-s16__ttl {
    font-size: calc(26 * var(--rlp-s));
    margin-bottom: calc(20 * var(--rlp-s));
  }
  .rlp-s16__lead {
    font-size: calc(16 * var(--rlp-s));
  }
  img.rlp-s16__photo {
    display: none;
  }
  .rlp-s16__card {
    padding: calc(25 * var(--rlp-s)) calc(10 * var(--rlp-s)) calc(25 * var(--rlp-s)) calc(15 * var(--rlp-s));
  }
  .rlp-s16__cardHead {
    justify-content: center;
    margin-right: calc(5 * var(--rlp-s));
  }
  .rlp-s16__cardTtl {
    font-size: calc(17.3 * var(--rlp-s));
  }
  .rlp-s16__cardHead img {
    width: calc(40 * var(--rlp-s));
  }
  .rlp-s16__info {
    font-size: calc(15.8 * var(--rlp-s));
  }
  .rlp-s16__row {
    justify-content: center;
  }
  .rlp-s16__row img {
    width: calc(40 * var(--rlp-s));
  }
  .rlp-s16__label {
    font-size: calc(17 * var(--rlp-s));
  }
  .rlp-s16__val {
    font-size: calc(25 * var(--rlp-s));
  }
  .rlp-s16__card--repair .rlp-s16__val {
    font-size: calc(15.8 * var(--rlp-s));
    margin-right: calc(-10 * var(--rlp-s));
    margin-left: calc(-5 * var(--rlp-s));
  }
  .rlp-s16__line {
    border: none;
    background: #F3F9F3;
    padding: calc(18 * var(--rlp-s)) calc(15 * var(--rlp-s));
  }
  .rlp-s16__lineTxt {
    font-size: calc(15.5 * var(--rlp-s));
    margin-bottom: calc(10 * var(--rlp-s));
  }

  





  .rlp-s05__homeBody{
    /* 本文とボタンの間隔（現在 34px） */
    margin-bottom:calc(30 * var(--rlp-s));
  }

  .rlp-s05__linkWrap{
    /* 上の枠との間隔（現在 34px） */
    /* margin-top:calc(34 * var(--rlp-s)); */
  }

  .rlp-btn--movie{
    /* 文字の大きさ（現在 15px） */
    /* font-size:calc(15 * var(--rlp-s)); */
  }

}


/* ============================================================================
   ７．上記以外の調整はここに追記してください
       （どこを直したいか分からない場合は、直したい箇所の
         スクリーンショットを撮って共有してください）
   ============================================================================ */