@charset "UTF-8";
/* =====================
  リセット・共通系
 ======================= */
/** -------------------- 変数定義 -------------------- **/
:root {
  /*---------- カラー定義 ---------- */
  --c_text: #111111;
  --c_maroon: #5d1b30;
  --c_gold: #a68f5d;
  --c_border: #d9d9d9;
  --c_bg_gray: #f8f8f8;
  --c_bg_gray2: #f2f2f2;
  --c_bg_gray3: #ebebeb;
  --c_bg_gold: #fcf8ed;
  --c_bg_maroon: #faf5f6;
  --c_wht: #ffffff;
  --c_gray: #787878;
  --c_red: #b92727;
  /*---------- フォント定義 ---------- */
  --font_ja: "Noto Sans JP", sans-serif;
  --font_eng: "Lato", sans-serif;
  --font_mix: "Lato", "Noto Sans JP", sans-serif;
  /*---------- transition定義 ---------- */
  --anim: all 0.4s ease;
  /*---------- filter定義
   https://codepen.io/sosuke/pen/Pjoqqp ---------- */
  /* #000 → #A68F5D */
  --filter_gold: invert(66%) sepia(11%) saturate(1344%) hue-rotate(3deg) brightness(86%) contrast(86%);
  /* #000 → #5d1b30 */
  --filter_maroon: invert(15%) sepia(45%) saturate(1616%) hue-rotate(302deg) brightness(93%) contrast(98%);
  /* #000 → #787878 */
  --filter_gray: invert(49%) sepia(6%) saturate(0%) hue-rotate(165deg) brightness(93%) contrast(86%);
  /* #000 → #fff */
  --filter_wht: brightness(0) invert(1);
  /* #000 → #111111 */
  --filter_text: invert(0%) sepia(55%) saturate(4558%) hue-rotate(77deg) brightness(89%) contrast(87%);
}

/** -------------------- reset -------------------- **/
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
  line-height: normal;
}

figure {
  margin: 0;
}

a,
button {
  color: var(--c_text);
  font-family: var(--font_ja);
  transition: var(--anim);
}
a:hover,
button:hover {
  text-decoration: none;
  opacity: 0.7;
}

small {
  font-size: 100%;
}

dl,
dt,
dd {
  margin: 0;
}

p {
  margin: 0;
}

img {
  vertical-align: middle;
}

address {
  font-style: normal;
}

mark {
  font-style: normal;
}

body {
  font-family: var(--font_ja);
  font-size: 1.4rem;
  font-optical-sizing: auto;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  color: var(--c_text);
}

*::before,
*::after {
  box-sizing: border-box;
}

/** -------------------- ログイン状態 -------------------- **/
.fs-clientInfo--true .fs-clientInfo--falseOnly {
  display: none !important;
}

.fs-clientInfo--false .fs-clientInfo--trueOnly {
  display: none !important;
}

/** -------------------- レイアウト -------------------- **/
.l-inner {
  padding: 0 20px;
}

.l-section {
  padding: 60px 0;
}
.l-section:last-child {
  padding-bottom: 0;
}

.l-flex-col2 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 12px 0;
}
.l-flex-col2__left {
  flex: 0 1 100%;
}
.l-flex-col2__right {
  flex: 0 1 100%;
}
.l-flex-col2__full {
  flex: 0 1 100%;
}

/** -------------------- 見出し -------------------- **/
.c-ttl01 {
  position: relative;
  border-top: 1px solid var(--c_border);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 20px 0;
  padding: 15px 0 0;
}
.c-ttl01::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #000;
  position: absolute;
  top: -1px;
  left: 0;
}
.c-ttl01:first-child {
  margin-top: 0;
}
.c-ttl01:last-child {
  margin-bottom: 0;
}

.c-ttl02 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 20px 0;
}

.c-ttl03 {
  text-align: center;
  margin: 40px 0;
}
.c-ttl03:first-child {
  margin-top: 0;
}
.c-ttl03:last-child {
  margin-bottom: 0;
}
.c-ttl03__jp {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.c-ttl03__eng {
  font-family: var(--font_eng);
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: var(--c_gold);
  margin-top: 8px;
}

.c-ttl04 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 14px 16px;
  background: var(--c_bg_maroon);
  margin: 32px 0;
}
.c-ttl04:first-child {
  margin-top: 0;
}
.c-ttl04:last-child {
  margin-bottom: 0;
}
.c-ttl04_gray {
  background-color: var(--c_bg_gray);
}

.c-ttl05 {
  margin: 8px 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.c-ttl05:first-child {
  margin-top: 0;
}
.c-ttl05:last-child {
  margin-bottom: 0;
}

/** -------------------- フォント -------------------- **/
.c-font-eng {
  font-family: var(--font_eng) !important;
}

.c-font-mix {
  font-family: var(--font_mix) !important;
}

.c-font-jp {
  font-family: var(--font_ja) !important;
}

.c-font-bold {
  font-weight: 700 !important;
}

.c-font-normal {
  font-weight: 400 !important;
}

.c-align-center {
  text-align: center !important;
}

.c-align-right {
  text-align: right !important;
}

.c-align-left {
  text-align: left !important;
}

.c-color-gold {
  color: var(--c_gold) !important;
}

.c-color-maroon {
  color: var(--c_maroon) !important;
}

.c-color-red {
  color: var(--c_red) !important;
}

.c-color-wht {
  color: var(--c_wht) !important;
}

.c-color-gray {
  color: var(--c_gray) !important;
}

.c-color-blk {
  color: var(--c_text) !important;
}

.c-color-blue {
  color: #0066AF !important;
}

/** -------------------- リスト -------------------- **/
/* 1文字分インデント */
.c-list > li {
  padding-left: 1em;
  text-indent: -1em;
}

/* 1. 2. 3. */
.c-list-num > li {
  counter-increment: cnt;
  display: flex;
  align-items: baseline;
}
.c-list-num > li::before {
  content: counter(cnt) ".";
  padding-right: 0.5em;
  flex-shrink: 0;
}

/* （1）（2）（３） */
.c-list-bracket > li {
  counter-increment: cnt;
  display: flex;
  align-items: baseline;
}
.c-list-bracket > li::before {
  content: "（" counter(cnt) "）";
  flex-shrink: 0;
}

/* 1. 2. 3.の中にある（1）（2）（３） */
.c-list-brackets {
  padding-left: 2em;
}
.c-list-brackets > li {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

/* ※ */
.c-list-notice > li {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-notice > li::before {
  content: "※";
}

/* ①②③ */
.c-list-circled > li {
  padding-left: 30px;
  counter-increment: cnt;
  position: relative;
  font-size: 1.3rem;
}
.c-list-circled > li::before {
  content: counter(cnt);
  width: 17px;
  height: 17px;
  background: var(--c_gold);
  color: var(--c_wht);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font_eng);
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 4px;
}
.c-list-circled > li + li {
  margin-top: 8px;
}

/** -------------------- リンク・ボタン -------------------- **/
.c-link-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.c-link-arrow i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--c_border);
  background: var(--c_wht);
  position: relative;
  transition: var(--anim);
}
.c-link-arrow i:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/common/arrow.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--anim);
}

.c-link-underline {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  color: var(--c_gold);
}
.c-link-underline:visited, .c-link-underline:active {
  color: var(--c_gold);
}
.c-link-underline:hover {
  color: var(--c_gold);
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
}
.c-link-underline[target=_blank]::after {
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/common/icon_link.svg) no-repeat center/contain;
  display: inline-block;
  margin-left: 0.25em;
  vertical-align: middle;
  filter: var(--filter_gold);
}

.c-btn01 {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 7px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  border: 1px solid var(--c_text);
  padding: 16px;
  position: relative;
  z-index: 1;
}
.c-btn01::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--c_text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: var(--anim);
  transform: scale(0, 1);
  transform-origin: left;
}
.c-btn01::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/global/icon_arrow.png) no-repeat center/contain;
  transition: var(--anim);
}
.c-btn01:hover {
  opacity: 1;
  color: var(--c_wht);
}
.c-btn01:hover::before {
  transform: scale(1, 1);
}
.c-btn01:hover::after {
  filter: brightness(0) invert(1);
}
.c-btn01--wht {
  color: var(--c_wht);
  border-color: var(--c_wht);
}
.c-btn01--wht::before {
  background: var(--c_wht);
}
.c-btn01--wht::after {
  filter: brightness(0) invert(1);
}
.c-btn01--wht:hover {
  color: var(--c_text);
}
.c-btn01--wht:hover::after {
  filter: none;
}

.c-btn02 {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  width: fit-content;
  background: var(--c_text);
  color: var(--c_wht);
  border-radius: 100px;
  border: 1px solid var(--c_border);
  padding: 20px 30px;
  text-decoration: none;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.c-btn02[target=_blank]::after {
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/common/icon_link.svg) no-repeat center/contain;
  flex-shrink: 0;
  filter: var(--filter_wht);
}
.c-btn02:hover, .c-btn02:visited, .c-btn02:active {
  color: var(--c_wht);
}

/** -------------------- 余白 -------------------- **/
.u-mt0 {
  margin-top: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-pt0 {
  padding-top: 0px !important;
}

.u-pb0 {
  padding-bottom: 0px !important;
}

.u-mt4 {
  margin-top: 4px !important;
}

.u-mb4 {
  margin-bottom: 4px !important;
}

.u-pt4 {
  padding-top: 4px !important;
}

.u-pb4 {
  padding-bottom: 4px !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-mt8 {
  margin-top: 8px !important;
}

.u-mb8 {
  margin-bottom: 8px !important;
}

.u-pt8 {
  padding-top: 8px !important;
}

.u-pb8 {
  padding-bottom: 8px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-mt12 {
  margin-top: 12px !important;
}

.u-mb12 {
  margin-bottom: 12px !important;
}

.u-pt12 {
  padding-top: 12px !important;
}

.u-pb12 {
  padding-bottom: 12px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-mt16 {
  margin-top: 16px !important;
}

.u-mb16 {
  margin-bottom: 16px !important;
}

.u-pt16 {
  padding-top: 16px !important;
}

.u-pb16 {
  padding-bottom: 16px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-mt24 {
  margin-top: 24px !important;
}

.u-mb24 {
  margin-bottom: 24px !important;
}

.u-pt24 {
  padding-top: 24px !important;
}

.u-pb24 {
  padding-bottom: 24px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-mt28 {
  margin-top: 28px !important;
}

.u-mb28 {
  margin-bottom: 28px !important;
}

.u-pt28 {
  padding-top: 28px !important;
}

.u-pb28 {
  padding-bottom: 28px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-mt32 {
  margin-top: 32px !important;
}

.u-mb32 {
  margin-bottom: 32px !important;
}

.u-pt32 {
  padding-top: 32px !important;
}

.u-pb32 {
  padding-bottom: 32px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-mt36 {
  margin-top: 36px !important;
}

.u-mb36 {
  margin-bottom: 36px !important;
}

.u-pt36 {
  padding-top: 36px !important;
}

.u-pb36 {
  padding-bottom: 36px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-mt55 {
  margin-top: 55px !important;
}

.u-mb55 {
  margin-bottom: 55px !important;
}

.u-pt55 {
  padding-top: 55px !important;
}

.u-pb55 {
  padding-bottom: 55px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-pt60 {
  padding-top: 60px !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

.u-mt70 {
  margin-top: 70px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-pt70 {
  padding-top: 70px !important;
}

.u-pb70 {
  padding-bottom: 70px !important;
}

.u-mt80 {
  margin-top: 80px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-pt80 {
  padding-top: 80px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-mt90 {
  margin-top: 90px !important;
}

.u-mb90 {
  margin-bottom: 90px !important;
}

.u-pt90 {
  padding-top: 90px !important;
}

.u-pb90 {
  padding-bottom: 90px !important;
}

.u-mt100 {
  margin-top: 100px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-pt100 {
  padding-top: 100px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-mt120 {
  margin-top: 120px !important;
}

.u-mb120 {
  margin-bottom: 120px !important;
}

.u-pt120 {
  padding-top: 120px !important;
}

.u-pb120 {
  padding-bottom: 120px !important;
}

.u-mt140 {
  margin-top: 140px !important;
}

.u-mb140 {
  margin-bottom: 140px !important;
}

.u-pt140 {
  padding-top: 140px !important;
}

.u-pb140 {
  padding-bottom: 140px !important;
}

.u-mt150 {
  margin-top: 150px !important;
}

.u-mb150 {
  margin-bottom: 150px !important;
}

.u-pt150 {
  padding-top: 150px !important;
}

.u-pb150 {
  padding-bottom: 150px !important;
}

.u-mt180 {
  margin-top: 180px !important;
}

.u-mb180 {
  margin-bottom: 180px !important;
}

.u-pt180 {
  padding-top: 180px !important;
}

.u-pb180 {
  padding-bottom: 180px !important;
}

.u-mt200 {
  margin-top: 200px !important;
}

.u-mb200 {
  margin-bottom: 200px !important;
}

.u-pt200 {
  padding-top: 200px !important;
}

.u-pb200 {
  padding-bottom: 200px !important;
}

/** -------------------- 背景色 -------------------- **/
.c-bg-gold {
  background: var(--c_bg_gold) !important;
}

/** -------------------- ボックス -------------------- **/
.c-box {
  padding: 10px;
}

/** -------------------- テーブル -------------------- **/
.u-table {
  border-collapse: collapse;
  max-width: 100%;
}
.u-table th {
  background: var(--c_bg_gold);
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  line-height: 1.5;
  padding: 20px 12px;
  border: 1px solid var(--c_border);
}
.u-table td {
  text-align: center;
  vertical-align: middle;
  padding: 20px 12px;
  border: 1px solid var(--c_border);
}

/** -------------------- future AI recommend -------------------- **/
.p-recommend {
  /* 閲覧履歴以外は4件表示 */
  /* ランキング */
}
.p-recommend .c-ttl02:last-child {
  display: none;
}
.p-recommend:not(.p-recommend--history) .flywheel-recommend__frame .fr3-item:nth-child(n+5) {
  display: none;
}
.p-recommend--ranking {
  padding: 20px 0;
  background: var(--c_bg_gold);
  position: relative;
}
.p-recommend--ranking::before {
  content: "";
  width: calc(100% + 40px);
  height: 100%;
  background: var(--c_bg_gold);
  position: absolute;
  top: 0;
  left: -20px;
  z-index: -1;
}

/** -------------------- バナー -------------------- **/
.p-bnr {
  margin: 30px 0;
}
.p-bnr:first-child {
  margin-top: 0;
}
.p-bnr__link {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

/** -------------------- アンカーリンク -------------------- **/
.p-anchor {
  margin: 40px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.p-anchor:first-child {
  margin-top: 0;
}
.p-anchor:last-child {
  margin-bottom: 0;
}
.p-anchor a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 12px;
  min-height: 55px;
  padding: 0 0 4px;
  border-bottom: 1px solid var(--c_border);
  font-size: 1.3rem;
}
.p-anchor a::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/common/icon_down.png) no-repeat center/contain;
  flex-shrink: 0;
}

/** -------------------- よくある質問 -------------------- **/
.p-faq {
  border: 1px solid var(--c_border);
}
.p-faq + .p-faq {
  margin-top: 14px;
}
.p-faq__q {
  padding: 16px 13px 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 5px;
  font-weight: 500;
  line-height: 1.5;
  background: var(--c_bg_gray);
  position: relative;
}
.p-faq__q::after {
  content: "";
  width: 26px;
  height: 26px;
  border: 1px solid var(--c_border);
  border-radius: 50%;
  background: var(--c_wht);
  flex-shrink: 0;
}
.p-faq__q > div::before, .p-faq__q > div::after {
  content: "";
  width: 8px;
  height: 1px;
  background: var(--c_text);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  margin: auto;
}
.p-faq__q > div::after {
  transform: rotate(90deg);
  transition: var(--anim);
}
.p-faq__q.is-open > div::after {
  transform: rotate(0deg);
}
.p-faq__a {
  padding: 20px;
  display: none;
}
.p-faq__a a:not([class^=c-btn]) {
  color: var(--c_gold);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.p-faq__a > * {
  margin: 16px 0;
}
.p-faq__a > *:first-child {
  margin-top: 0;
}
.p-faq__a > *:last-child {
  margin-bottom: 0;
}
.p-faq__a .fs-c-explainList {
  font-size: 1.3rem;
}
.p-faq__a .fs-c-explainList dt {
  padding: 7px;
}
.p-faq__a .fs-c-explainList dd {
  padding: 10px 20px;
}

/** -------------------- 掛け紙 -------------------- **/
.p-table-wrapping {
  margin: 16px -5px;
  width: calc(100% + 10px);
  border-collapse: collapse;
  font-size: 1.3rem;
}
.p-table-wrapping:first-child {
  margin-top: 0;
}
.p-table-wrapping:last-child {
  margin-bottom: 0;
}
.p-table-wrapping th, .p-table-wrapping td {
  border: 1px solid var(--c_border);
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
}
.p-table-wrapping thead th {
  background: var(--c_bg_gold);
}
.p-table-wrapping thead th:last-child {
  min-width: 86px;
}
.p-table-wrapping tbody th {
  background: var(--c_bg_gray);
}

/* スマホのみ
  ------------------------ */
@media (max-width: 767px) {
  .u-onlyPC {
    display: none !important;
  }
  .c-align-center--sp {
    text-align: center !important;
  }
  .c-align-right--sp {
    text-align: right !important;
  }
  .c-align-left--sp {
    text-align: left !important;
  }
  /** -------------------- リスト -------------------- **/
  .c-list-brackets {
    padding-left: 1em;
  }
  /** -------------------- 余白 -------------------- **/
  .u-mt0--sp {
    margin-top: 0px !important;
  }
  .u-mb0--sp {
    margin-bottom: 0px !important;
  }
  .u-pt0--sp {
    padding-top: 0px !important;
  }
  .u-pb0--sp {
    padding-bottom: 0px !important;
  }
  .u-mt4--sp {
    margin-top: 4px !important;
  }
  .u-mb4--sp {
    margin-bottom: 4px !important;
  }
  .u-pt4--sp {
    padding-top: 4px !important;
  }
  .u-pb4--sp {
    padding-bottom: 4px !important;
  }
  .u-mt5--sp {
    margin-top: 5px !important;
  }
  .u-mb5--sp {
    margin-bottom: 5px !important;
  }
  .u-pt5--sp {
    padding-top: 5px !important;
  }
  .u-pb5--sp {
    padding-bottom: 5px !important;
  }
  .u-mt8--sp {
    margin-top: 8px !important;
  }
  .u-mb8--sp {
    margin-bottom: 8px !important;
  }
  .u-pt8--sp {
    padding-top: 8px !important;
  }
  .u-pb8--sp {
    padding-bottom: 8px !important;
  }
  .u-mt10--sp {
    margin-top: 10px !important;
  }
  .u-mb10--sp {
    margin-bottom: 10px !important;
  }
  .u-pt10--sp {
    padding-top: 10px !important;
  }
  .u-pb10--sp {
    padding-bottom: 10px !important;
  }
  .u-mt12--sp {
    margin-top: 12px !important;
  }
  .u-mb12--sp {
    margin-bottom: 12px !important;
  }
  .u-pt12--sp {
    padding-top: 12px !important;
  }
  .u-pb12--sp {
    padding-bottom: 12px !important;
  }
  .u-mt15--sp {
    margin-top: 15px !important;
  }
  .u-mb15--sp {
    margin-bottom: 15px !important;
  }
  .u-pt15--sp {
    padding-top: 15px !important;
  }
  .u-pb15--sp {
    padding-bottom: 15px !important;
  }
  .u-mt16--sp {
    margin-top: 16px !important;
  }
  .u-mb16--sp {
    margin-bottom: 16px !important;
  }
  .u-pt16--sp {
    padding-top: 16px !important;
  }
  .u-pb16--sp {
    padding-bottom: 16px !important;
  }
  .u-mt20--sp {
    margin-top: 20px !important;
  }
  .u-mb20--sp {
    margin-bottom: 20px !important;
  }
  .u-pt20--sp {
    padding-top: 20px !important;
  }
  .u-pb20--sp {
    padding-bottom: 20px !important;
  }
  .u-mt24--sp {
    margin-top: 24px !important;
  }
  .u-mb24--sp {
    margin-bottom: 24px !important;
  }
  .u-pt24--sp {
    padding-top: 24px !important;
  }
  .u-pb24--sp {
    padding-bottom: 24px !important;
  }
  .u-mt25--sp {
    margin-top: 25px !important;
  }
  .u-mb25--sp {
    margin-bottom: 25px !important;
  }
  .u-pt25--sp {
    padding-top: 25px !important;
  }
  .u-pb25--sp {
    padding-bottom: 25px !important;
  }
  .u-mt28--sp {
    margin-top: 28px !important;
  }
  .u-mb28--sp {
    margin-bottom: 28px !important;
  }
  .u-pt28--sp {
    padding-top: 28px !important;
  }
  .u-pb28--sp {
    padding-bottom: 28px !important;
  }
  .u-mt30--sp {
    margin-top: 30px !important;
  }
  .u-mb30--sp {
    margin-bottom: 30px !important;
  }
  .u-pt30--sp {
    padding-top: 30px !important;
  }
  .u-pb30--sp {
    padding-bottom: 30px !important;
  }
  .u-mt32--sp {
    margin-top: 32px !important;
  }
  .u-mb32--sp {
    margin-bottom: 32px !important;
  }
  .u-pt32--sp {
    padding-top: 32px !important;
  }
  .u-pb32--sp {
    padding-bottom: 32px !important;
  }
  .u-mt35--sp {
    margin-top: 35px !important;
  }
  .u-mb35--sp {
    margin-bottom: 35px !important;
  }
  .u-pt35--sp {
    padding-top: 35px !important;
  }
  .u-pb35--sp {
    padding-bottom: 35px !important;
  }
  .u-mt36--sp {
    margin-top: 36px !important;
  }
  .u-mb36--sp {
    margin-bottom: 36px !important;
  }
  .u-pt36--sp {
    padding-top: 36px !important;
  }
  .u-pb36--sp {
    padding-bottom: 36px !important;
  }
  .u-mt40--sp {
    margin-top: 40px !important;
  }
  .u-mb40--sp {
    margin-bottom: 40px !important;
  }
  .u-pt40--sp {
    padding-top: 40px !important;
  }
  .u-pb40--sp {
    padding-bottom: 40px !important;
  }
  .u-mt45--sp {
    margin-top: 45px !important;
  }
  .u-mb45--sp {
    margin-bottom: 45px !important;
  }
  .u-pt45--sp {
    padding-top: 45px !important;
  }
  .u-pb45--sp {
    padding-bottom: 45px !important;
  }
  .u-mt50--sp {
    margin-top: 50px !important;
  }
  .u-mb50--sp {
    margin-bottom: 50px !important;
  }
  .u-pt50--sp {
    padding-top: 50px !important;
  }
  .u-pb50--sp {
    padding-bottom: 50px !important;
  }
  .u-mt55--sp {
    margin-top: 55px !important;
  }
  .u-mb55--sp {
    margin-bottom: 55px !important;
  }
  .u-pt55--sp {
    padding-top: 55px !important;
  }
  .u-pb55--sp {
    padding-bottom: 55px !important;
  }
  .u-mt60--sp {
    margin-top: 60px !important;
  }
  .u-mb60--sp {
    margin-bottom: 60px !important;
  }
  .u-pt60--sp {
    padding-top: 60px !important;
  }
  .u-pb60--sp {
    padding-bottom: 60px !important;
  }
  .u-mt70--sp {
    margin-top: 70px !important;
  }
  .u-mb70--sp {
    margin-bottom: 70px !important;
  }
  .u-pt70--sp {
    padding-top: 70px !important;
  }
  .u-pb70--sp {
    padding-bottom: 70px !important;
  }
  .u-mt80--sp {
    margin-top: 80px !important;
  }
  .u-mb80--sp {
    margin-bottom: 80px !important;
  }
  .u-pt80--sp {
    padding-top: 80px !important;
  }
  .u-pb80--sp {
    padding-bottom: 80px !important;
  }
  .u-mt90--sp {
    margin-top: 90px !important;
  }
  .u-mb90--sp {
    margin-bottom: 90px !important;
  }
  .u-pt90--sp {
    padding-top: 90px !important;
  }
  .u-pb90--sp {
    padding-bottom: 90px !important;
  }
  .u-mt100--sp {
    margin-top: 100px !important;
  }
  .u-mb100--sp {
    margin-bottom: 100px !important;
  }
  .u-pt100--sp {
    padding-top: 100px !important;
  }
  .u-pb100--sp {
    padding-bottom: 100px !important;
  }
  .u-mt120--sp {
    margin-top: 120px !important;
  }
  .u-mb120--sp {
    margin-bottom: 120px !important;
  }
  .u-pt120--sp {
    padding-top: 120px !important;
  }
  .u-pb120--sp {
    padding-bottom: 120px !important;
  }
  .u-mt140--sp {
    margin-top: 140px !important;
  }
  .u-mb140--sp {
    margin-bottom: 140px !important;
  }
  .u-pt140--sp {
    padding-top: 140px !important;
  }
  .u-pb140--sp {
    padding-bottom: 140px !important;
  }
  .u-mt150--sp {
    margin-top: 150px !important;
  }
  .u-mb150--sp {
    margin-bottom: 150px !important;
  }
  .u-pt150--sp {
    padding-top: 150px !important;
  }
  .u-pb150--sp {
    padding-bottom: 150px !important;
  }
  .u-mt180--sp {
    margin-top: 180px !important;
  }
  .u-mb180--sp {
    margin-bottom: 180px !important;
  }
  .u-pt180--sp {
    padding-top: 180px !important;
  }
  .u-pb180--sp {
    padding-bottom: 180px !important;
  }
  .u-mt200--sp {
    margin-top: 200px !important;
  }
  .u-mb200--sp {
    margin-bottom: 200px !important;
  }
  .u-pt200--sp {
    padding-top: 200px !important;
  }
  .u-pb200--sp {
    padding-bottom: 200px !important;
  }
  /** -------------------- future AI recommend -------------------- **/
  .p-recommend--history .flywheel-recommend__frame .fr3-item:nth-child(n+4) {
    display: none;
  }
}
/* タブレット・PC
  ------------------------ */
@media (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
  .u-onlySP {
    display: none !important;
  }
  /** -------------------- レイアウト -------------------- **/
  .l-inner {
    max-width: 1240px;
    margin: 0 auto;
  }
  .l-inner--wide {
    max-width: 1368px;
  }
  .l-section {
    padding: 120px 0;
  }
  .l-flex-col2 {
    justify-content: space-between;
  }
  .l-flex-col2__left {
    flex: 0 1 43%;
  }
  .l-flex-col2__right {
    flex: 0 1 55%;
  }
  /** -------------------- 見出し -------------------- **/
  .c-ttl01 {
    font-size: 1.8rem;
    padding-top: 30px;
    margin: 40px 0;
  }
  .c-ttl02 {
    font-size: 2.4rem;
    margin: 40px 0;
  }
  .c-ttl03 {
    margin: 60px 0;
  }
  .c-ttl03__jp {
    font-size: 3.2rem;
  }
  .c-ttl03__eng {
    font-size: 1.6rem;
    margin-top: 0;
  }
  .c-ttl04 {
    font-size: 2.2rem;
    padding: 26px 24px;
    margin: 40px 0;
  }
  .c-ttl05 {
    font-size: 1.8rem;
  }
  /** -------------------- フォント -------------------- **/
  .c-align-center--pc {
    text-align: center !important;
  }
  .c-align-right--pc {
    text-align: right !important;
  }
  .c-align-left--pc {
    text-align: left !important;
  }
  /** -------------------- リスト -------------------- **/
  /* ①②③ */
  .c-list-circled > li {
    font-size: 1.6rem;
  }
  .c-list-circled > li::before {
    top: 6px;
  }
  /** -------------------- リンク・ボタン -------------------- **/
  .c-link-arrow {
    font-size: 1.6rem;
    column-gap: 16px;
  }
  .c-link-arrow i {
    width: 45px;
    height: 45px;
  }
  .c-link-arrow:hover {
    opacity: 1;
  }
  .c-link-arrow:hover i {
    background: var(--c_text);
    border-color: var(--c_text);
  }
  .c-link-arrow:hover i::before {
    filter: brightness(0) invert(1);
  }
  .c-btn01 {
    max-width: 300px;
    margin: 0 auto;
    font-size: 1.6rem;
  }
  .c-btn02 {
    min-width: 300px;
  }
  /** -------------------- 余白 -------------------- **/
  .u-mt0--pc {
    margin-top: 0px !important;
  }
  .u-mb0--pc {
    margin-bottom: 0px !important;
  }
  .u-pt0--pc {
    padding-top: 0px !important;
  }
  .u-pb0--pc {
    padding-bottom: 0px !important;
  }
  .u-mt4--pc {
    margin-top: 4px !important;
  }
  .u-mb4--pc {
    margin-bottom: 4px !important;
  }
  .u-pt4--pc {
    padding-top: 4px !important;
  }
  .u-pb4--pc {
    padding-bottom: 4px !important;
  }
  .u-mt5--pc {
    margin-top: 5px !important;
  }
  .u-mb5--pc {
    margin-bottom: 5px !important;
  }
  .u-pt5--pc {
    padding-top: 5px !important;
  }
  .u-pb5--pc {
    padding-bottom: 5px !important;
  }
  .u-mt8--pc {
    margin-top: 8px !important;
  }
  .u-mb8--pc {
    margin-bottom: 8px !important;
  }
  .u-pt8--pc {
    padding-top: 8px !important;
  }
  .u-pb8--pc {
    padding-bottom: 8px !important;
  }
  .u-mt10--pc {
    margin-top: 10px !important;
  }
  .u-mb10--pc {
    margin-bottom: 10px !important;
  }
  .u-pt10--pc {
    padding-top: 10px !important;
  }
  .u-pb10--pc {
    padding-bottom: 10px !important;
  }
  .u-mt12--pc {
    margin-top: 12px !important;
  }
  .u-mb12--pc {
    margin-bottom: 12px !important;
  }
  .u-pt12--pc {
    padding-top: 12px !important;
  }
  .u-pb12--pc {
    padding-bottom: 12px !important;
  }
  .u-mt15--pc {
    margin-top: 15px !important;
  }
  .u-mb15--pc {
    margin-bottom: 15px !important;
  }
  .u-pt15--pc {
    padding-top: 15px !important;
  }
  .u-pb15--pc {
    padding-bottom: 15px !important;
  }
  .u-mt16--pc {
    margin-top: 16px !important;
  }
  .u-mb16--pc {
    margin-bottom: 16px !important;
  }
  .u-pt16--pc {
    padding-top: 16px !important;
  }
  .u-pb16--pc {
    padding-bottom: 16px !important;
  }
  .u-mt20--pc {
    margin-top: 20px !important;
  }
  .u-mb20--pc {
    margin-bottom: 20px !important;
  }
  .u-pt20--pc {
    padding-top: 20px !important;
  }
  .u-pb20--pc {
    padding-bottom: 20px !important;
  }
  .u-mt24--pc {
    margin-top: 24px !important;
  }
  .u-mb24--pc {
    margin-bottom: 24px !important;
  }
  .u-pt24--pc {
    padding-top: 24px !important;
  }
  .u-pb24--pc {
    padding-bottom: 24px !important;
  }
  .u-mt25--pc {
    margin-top: 25px !important;
  }
  .u-mb25--pc {
    margin-bottom: 25px !important;
  }
  .u-pt25--pc {
    padding-top: 25px !important;
  }
  .u-pb25--pc {
    padding-bottom: 25px !important;
  }
  .u-mt28--pc {
    margin-top: 28px !important;
  }
  .u-mb28--pc {
    margin-bottom: 28px !important;
  }
  .u-pt28--pc {
    padding-top: 28px !important;
  }
  .u-pb28--pc {
    padding-bottom: 28px !important;
  }
  .u-mt30--pc {
    margin-top: 30px !important;
  }
  .u-mb30--pc {
    margin-bottom: 30px !important;
  }
  .u-pt30--pc {
    padding-top: 30px !important;
  }
  .u-pb30--pc {
    padding-bottom: 30px !important;
  }
  .u-mt32--pc {
    margin-top: 32px !important;
  }
  .u-mb32--pc {
    margin-bottom: 32px !important;
  }
  .u-pt32--pc {
    padding-top: 32px !important;
  }
  .u-pb32--pc {
    padding-bottom: 32px !important;
  }
  .u-mt35--pc {
    margin-top: 35px !important;
  }
  .u-mb35--pc {
    margin-bottom: 35px !important;
  }
  .u-pt35--pc {
    padding-top: 35px !important;
  }
  .u-pb35--pc {
    padding-bottom: 35px !important;
  }
  .u-mt36--pc {
    margin-top: 36px !important;
  }
  .u-mb36--pc {
    margin-bottom: 36px !important;
  }
  .u-pt36--pc {
    padding-top: 36px !important;
  }
  .u-pb36--pc {
    padding-bottom: 36px !important;
  }
  .u-mt40--pc {
    margin-top: 40px !important;
  }
  .u-mb40--pc {
    margin-bottom: 40px !important;
  }
  .u-pt40--pc {
    padding-top: 40px !important;
  }
  .u-pb40--pc {
    padding-bottom: 40px !important;
  }
  .u-mt45--pc {
    margin-top: 45px !important;
  }
  .u-mb45--pc {
    margin-bottom: 45px !important;
  }
  .u-pt45--pc {
    padding-top: 45px !important;
  }
  .u-pb45--pc {
    padding-bottom: 45px !important;
  }
  .u-mt50--pc {
    margin-top: 50px !important;
  }
  .u-mb50--pc {
    margin-bottom: 50px !important;
  }
  .u-pt50--pc {
    padding-top: 50px !important;
  }
  .u-pb50--pc {
    padding-bottom: 50px !important;
  }
  .u-mt55--pc {
    margin-top: 55px !important;
  }
  .u-mb55--pc {
    margin-bottom: 55px !important;
  }
  .u-pt55--pc {
    padding-top: 55px !important;
  }
  .u-pb55--pc {
    padding-bottom: 55px !important;
  }
  .u-mt60--pc {
    margin-top: 60px !important;
  }
  .u-mb60--pc {
    margin-bottom: 60px !important;
  }
  .u-pt60--pc {
    padding-top: 60px !important;
  }
  .u-pb60--pc {
    padding-bottom: 60px !important;
  }
  .u-mt70--pc {
    margin-top: 70px !important;
  }
  .u-mb70--pc {
    margin-bottom: 70px !important;
  }
  .u-pt70--pc {
    padding-top: 70px !important;
  }
  .u-pb70--pc {
    padding-bottom: 70px !important;
  }
  .u-mt80--pc {
    margin-top: 80px !important;
  }
  .u-mb80--pc {
    margin-bottom: 80px !important;
  }
  .u-pt80--pc {
    padding-top: 80px !important;
  }
  .u-pb80--pc {
    padding-bottom: 80px !important;
  }
  .u-mt90--pc {
    margin-top: 90px !important;
  }
  .u-mb90--pc {
    margin-bottom: 90px !important;
  }
  .u-pt90--pc {
    padding-top: 90px !important;
  }
  .u-pb90--pc {
    padding-bottom: 90px !important;
  }
  .u-mt100--pc {
    margin-top: 100px !important;
  }
  .u-mb100--pc {
    margin-bottom: 100px !important;
  }
  .u-pt100--pc {
    padding-top: 100px !important;
  }
  .u-pb100--pc {
    padding-bottom: 100px !important;
  }
  .u-mt120--pc {
    margin-top: 120px !important;
  }
  .u-mb120--pc {
    margin-bottom: 120px !important;
  }
  .u-pt120--pc {
    padding-top: 120px !important;
  }
  .u-pb120--pc {
    padding-bottom: 120px !important;
  }
  .u-mt140--pc {
    margin-top: 140px !important;
  }
  .u-mb140--pc {
    margin-bottom: 140px !important;
  }
  .u-pt140--pc {
    padding-top: 140px !important;
  }
  .u-pb140--pc {
    padding-bottom: 140px !important;
  }
  .u-mt150--pc {
    margin-top: 150px !important;
  }
  .u-mb150--pc {
    margin-bottom: 150px !important;
  }
  .u-pt150--pc {
    padding-top: 150px !important;
  }
  .u-pb150--pc {
    padding-bottom: 150px !important;
  }
  .u-mt180--pc {
    margin-top: 180px !important;
  }
  .u-mb180--pc {
    margin-bottom: 180px !important;
  }
  .u-pt180--pc {
    padding-top: 180px !important;
  }
  .u-pb180--pc {
    padding-bottom: 180px !important;
  }
  .u-mt200--pc {
    margin-top: 200px !important;
  }
  .u-mb200--pc {
    margin-bottom: 200px !important;
  }
  .u-pt200--pc {
    padding-top: 200px !important;
  }
  .u-pb200--pc {
    padding-bottom: 200px !important;
  }
  /** -------------------- ボックス -------------------- **/
  .c-box {
    padding: 20px;
  }
  /** -------------------- テーブル -------------------- **/
  .u-table th {
    padding: 28px 16px;
  }
  .u-table td {
    padding: 24px 16px;
  }
  /** -------------------- future AI recommend -------------------- **/
  .p-recommend--history .flywheel-recommend__frame .fr3-item:nth-child(n+7) {
    display: none;
  }
  .p-recommend--ranking {
    padding: 20px 40px 60px;
  }
  .p-recommend--ranking::before {
    width: 100%;
    left: 0;
  }
  /** -------------------- アンカーリンク -------------------- **/
  .p-anchor {
    margin: 72px 0;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  .p-anchor a {
    font-size: 1.4rem;
    min-height: 76px;
  }
  /** -------------------- よくある質問 -------------------- **/
  .p-faq + .p-faq {
    margin-top: 20px;
  }
  .p-faq__q {
    padding: 25px 20px 25px 30px;
    cursor: pointer;
  }
  .p-faq__q::after {
    width: 40px;
    height: 40px;
  }
  .p-faq__q > div::before, .p-faq__q > div::after {
    width: 12px;
    right: 34px;
  }
  .p-faq__a {
    padding: 20px 30px;
  }
  .p-faq__a > * {
    margin: 20px 0;
  }
  .p-faq__a .fs-c-explainList {
    font-size: 1.6rem;
  }
  /** -------------------- 掛け紙 -------------------- **/
  .p-table-wrapping {
    margin: 20px 0;
    width: 100%;
    font-size: 1.6rem;
  }
  .p-table-wrapping th {
    font-weight: 500;
    padding: 27px 16px;
  }
  .p-table-wrapping td {
    padding: 24px 16px;
  }
  .p-table-wrapping tbody th {
    min-width: 200px;
  }
}
/* PCのみ
  ------------------------ */
@media (min-width: 1200px) {
  /** -------------------- 掛け紙 -------------------- **/
  .p-table-wrapping thead th:last-child {
    min-width: 290px;
  }
}