@charset "UTF-8";
:root {
  --white-color: #fff;
  --black-color: #000;
  --gray-color-80: #757575;
  --gray-color-60: #ACACAC;
  --gray-color-20: #F4F4F4;
  --yellow-color-100: #FFE75A;
  --yellow-color-10: #FFFBD7;
  --main-color-100: #3164BD;
  --main-color-10: #EBF7FF;
  --sub-01-color-10: #EBF1FC;
  --sub-02-color-100: #3A77E2;
  --sub-02-color-10: #E9F4FE;
  --sub-03-color-100: #1F8DF2;
  --sub-03-color-10: #EAF7FF;
  --sub-04-color-100: #28AAFF;
  --sub-05-color-100: #08CDE8;
  --sub-05-color-10: #E6FAFC;
  --font-size: 10;
  --font-family-zen-new:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-family-zen-antique:"Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-family-jost:"Jost", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-family-josefin:"Josefin Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-family-noto:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* ==========================================================================
  ELEMENT RESET
========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: serif;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--black-color);
  font-weight: 500;
  font-family: "Lato", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
}

dd {
  margin-left: 0;
}

ol,
ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a {
  outline: 0;
}

a:focus,
button:focus {
  outline: 0;
}

em {
  font-style: normal;
}

figure {
  margin: 0;
}

table {
  border-collapse: collapse;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

button:focus {
  outline: none;
}

input,
button,
select,
textarea {
  line-height: inherit;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  line-height: inherit;
}

hr {
  margin: 0;
}

hr {
  margin: 5rem 0;
  border: 1px #ccc solid;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* --------------------------------------------------------------------------
  非表示
-------------------------------------------------------------------------- */
/* PCで非表示 */
@media all and (min-width: 1025px), print {
  .u-hide-pc {
    display: none;
  }
}
/* PC、タブレットで非表示 */
@media all and (min-width: 768px), print {
  .u-hide-tab-pc {
    display: none;
  }
}
/* タブレットのみ非表示 */
@media all and (min-width: 768px) and (max-width: 1024px) {
  .u-hide-tab {
    display: none;
  }
}
/* SPで非表示 */
@media all and (max-width: 767px) {
  .u-hide-sp {
    display: none;
  }
}
/* --------------------------------------------------------------------------
  行揃え
-------------------------------------------------------------------------- */
.u-center {
  text-align: center;
}

/* TAB,PCのみテキストセンター */
@media all and (min-width: 768px), print {
  .u-center-tab-pc {
    text-align: center;
  }
}
/* SPのみテキストセンター */
@media all and (max-width: 767px) {
  .u-center-sp {
    text-align: center;
  }
}
.u-left {
  text-align: left;
}

/* TAB,PCのみテキストセンター */
@media all and (min-width: 768px), print {
  .u-left-tab-pc {
    text-align: left;
  }
}
/* SPのみテキストセンター */
@media all and (max-width: 767px) {
  .u-left-sp {
    text-align: left;
  }
}
.u-right {
  text-align: right;
}

/* TAB,PCのみテキストセンター */
@media all and (min-width: 768px), print {
  .u-right-tab-pc {
    text-align: right;
  }
}
/* SPのみテキストセンター */
@media all and (max-width: 767px) {
  .u-right-sp {
    text-align: right;
  }
}
.u-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

.u-combine {
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
}

/* --------------------------------------------------------------------------
  強調
-------------------------------------------------------------------------- */
.u-strong {
  font-weight: 700;
}

.u-bold {
  font-weight: 700;
}

/* color */
.u-color-white {
  color: var(--white-color);
}

.u-color-main-100 {
  color: var(--main-color-100);
}

.u-color-main-10 {
  color: var(--main-color-10);
}

.u-color-yellow-100 {
  color: var(--yellow-color-100);
}

.u-color-yellow-10 {
  color: var(--yellow-color-10);
}

.u-color-red-100 {
  color: var(--red-color-100);
}

.u-color-red-10 {
  color: var(--red-color-10);
}

.u-zen-new {
  font-family: var(--font-family-zen-new);
}

/* bg */
.u-bg-white {
  background: var(--white-color);
}

.u-bg-main-100 {
  background: var(--main-color-100);
}

.u-bg-main-10 {
  background: var(--main-color-10);
}

.u-bg-yellow-100 {
  background: var(--yellow-color-100);
}

.u-bg-yellow-10 {
  background: var(--yellow-color-10);
}

.u-bg-red-100 {
  background: var(--red-color-100);
}

.u-bg-red-10 {
  background: var(--red-color-10);
}

/* --------------------------------------------------------------------------
  フォント
-------------------------------------------------------------------------- */
body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Lato", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Lato", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* --------------------------------------------------------------------------
  ROOT FONT SIZE
-------------------------------------------------------------------------- */
/* 16px */
html {
  font-size: 10px;
}

body {
  font-size: 1rem;
}

@media all and (min-width: 768px) and (max-width: 1365px) {
  /* 14px */
  html {
    font-size: 10px;
  }
}
.l-content {
  padding: 0;
  max-width: 100%;
  margin-bottom: 0;
  margin-top: 0;
}

#contents {
  padding-top: 70px;
}

/* ==========================================================================
  HEADER COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
  見出し
-------------------------------------------------------------------------- */
/* LV2 */
@media all and (min-width: 768px), print {
  .c-header-lv2 {
    --header-size: 32;
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .c-header-lv2__in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--yellow-color-100);
    border-radius: calc(16 / var(--font-size) * 1rem);
    min-height: calc(91 / var(--font-size) * 1rem);
    padding: calc(12 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .c-header-lv2__txt--num {
    width: calc(61 / var(--font-size) * 1rem);
    margin-right: calc(29 / var(--font-size) * 1rem);
  }
  .c-header-lv2--s {
    --header-size: 28;
  }
}
@media all and (max-width: 767px) {
  .c-header-lv2 {
    --header-size: 32;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .c-header-lv2__txt--num {
    display: block;
    width: calc(52 / var(--font-size) * 1rem);
    margin: 0 auto calc(13 / var(--font-size) * 1rem);
  }
  .c-header-lv2-txt {
    background: var(--yellow-color-100);
    border-radius: calc(12 / var(--font-size) * 1rem);
    min-height: calc(63 / var(--font-size) * 1rem);
    padding: calc(13.5 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-header-lv2--s {
    --header-size: 28;
  }
}
/* LV3 */
@media all and (min-width: 768px), print {
  .c-header-lv3 {
    text-align: center;
  }
  .c-header-lv3__txt {
    color: var(--white-color);
    font-size: calc(28 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    letter-spacing: 0.02em;
    line-height: 1.1428571429;
  }
  .c-header-lv3__txt--strong {
    font-size: 1.2857142857em;
  }
}
@media all and (max-width: 767px) {
  .c-header-lv3 {
    text-align: center;
  }
  .c-header-lv3__txt {
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    letter-spacing: 0.02em;
    line-height: 1.6;
  }
  .c-header-lv3__txt--strong {
    font-size: 1.5em;
  }
}
/* タイトル */
@media all and (min-width: 768px), print {
  .c-header-title {
    --header-size: 32;
  }
  .c-header-title__in {
    position: relative;
    display: block;
    text-align: center;
    font-size: calc(var(--header-size) / var(--font-size) * 1rem);
  }
  .c-header-title__sub-txt {
    font-weight: 600;
    font-size: 0.625em;
    font-family: var(--font-family-jost);
    line-height: 1.7;
    display: block;
    padding-top: calc(50 / var(--font-size) * 1rem);
    padding-bottom: calc(3 / var(--font-size) * 1rem);
    margin-bottom: calc(3 / var(--font-size) * 1rem);
    letter-spacing: 0.2em;
    position: relative;
  }
  .c-header-title__txt {
    position: relative;
    margin: 0 auto;
    max-width: calc(425 / var(--font-size) * 1rem);
    display: block;
    padding-top: calc(96 / var(--font-size) * 1rem);
  }
  .c-header-title__txt::before {
    content: "";
    display: block;
    width: calc(58 / var(--font-size) * 1rem);
    height: calc(58 / var(--font-size) * 1rem);
    -webkit-mask-image: url("../img/section-ttl_deco.svg");
    mask-image: url("../img/section-ttl_deco.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--white-color);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media all and (max-width: 767px) {
  .c-header-title {
    --header-size: 32;
  }
  .c-header-title__in {
    position: relative;
    display: block;
    text-align: center;
    font-size: calc(var(--header-size) / var(--font-size) * 1rem);
  }
  .c-header-title__sub-txt {
    font-weight: 600;
    font-size: 0.625em;
    font-family: var(--font-family-jost);
    line-height: 1.7;
    display: block;
    padding-top: calc(50 / var(--font-size) * 1rem);
    padding-bottom: calc(3 / var(--font-size) * 1rem);
    margin-bottom: calc(3 / var(--font-size) * 1rem);
    letter-spacing: 0.2em;
    position: relative;
  }
  .c-header-title__txt {
    position: relative;
    margin: 0 auto;
    display: block;
    padding-top: calc(49 / var(--font-size) * 1rem);
  }
  .c-header-title__txt::before {
    content: "";
    display: block;
    width: calc(33 / var(--font-size) * 1rem);
    height: calc(33 / var(--font-size) * 1rem);
    -webkit-mask-image: url("../img/section-ttl_deco.svg");
    mask-image: url("../img/section-ttl_deco.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--white-color);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* bar */
@media all and (min-width: 768px), print {
  .c-header-bar-title {
    --header-font-size: 24;
    --header-txt-color: var(--white-color);
    --header-bg-color: var(--main-color-100);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(24 / var(--font-size) * 1rem);
    background-color: var(--header-bg-color);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .c-header-bar-title__label {
    color: var(--header-txt-color);
    font-size: calc(var(--header-font-size) / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.5;
  }
  .c-header-bar-title__ico {
    flex-shrink: 0;
  }
  .c-header-bar-title__ico + .c-header-bar-title__label {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  /* size */
  .c-header-bar-title--s {
    --header-font-size: 24;
  }
}
@media all and (max-width: 767px) {
  .c-header-bar-title {
    --header-font-size: 24;
    --header-txt-color: var(--white-color);
    --header-bg-color: var(--main-color-100);
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(16 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    background-color: var(--header-bg-color);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .c-header-bar-title__ico {
    flex-shrink: 0;
  }
  .c-header-bar-title__label {
    color: var(--header-txt-color);
    font-size: calc(var(--header-font-size) / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.5;
  }
  .c-header-bar-title__ico + .c-header-bar-title__label {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  /* size */
  .c-header-bar-title--s {
    --header-font-size: 18;
  }
}
/* ==========================================================================
  TEXT COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
  テキスト
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-txt {
    --txt-font-size: 16;
    --txt-line-height: 1.6;
    font-size: calc(var(--txt-font-size) / var(--font-size) * 1rem);
    line-height: var(--txt-line-height);
  }
  .c-txt sub,
  .c-txt sub {
    font-size: 0.5em;
  }
  .c-txt sub {
    top: -0.5em;
  }
  .c-txt sub {
    bottom: -0.1em;
  }
  /* L */
  .c-txt--xxxxl {
    --txt-font-size: 28;
  }
  .c-txt--xxxl {
    --txt-font-size: 24;
  }
  .c-txt--xxl {
    --txt-font-size: 22;
  }
  .c-txt--xl {
    --txt-font-size: 20;
  }
  .c-txt--l {
    --txt-font-size: 18;
  }
  /* M */
  .c-txt--m {
    --txt-font-size: 16;
  }
  /* S */
  .c-txt--s {
    --txt-font-size: 14;
  }
  .c-txt--xs {
    --txt-font-size: 12;
  }
  .c-txt--xxs {
    --txt-font-size: 11;
  }
  .c-txt--xxxs {
    --txt-font-size: 10;
  }
  .c-txt--underline {
    text-decoration-color: var(--main-color-100);
    text-decoration-line: underline;
    text-decoration-thickness: calc(4 / var(--font-size) * 1rem);
    text-underline-offset: calc(8 / var(--font-size) * 1rem);
  }
  .u-text-link {
    color: var(--main-color-100);
    text-decoration: underline;
  }
  .u-text-link:hover {
    text-decoration: none;
  }
}
@media all and (max-width: 767px) {
  .c-txt {
    --txt-font-size: 16;
    --txt-line-height: 1.8;
    font-size: calc(var(--txt-font-size) / var(--font-size) * 1rem);
    line-height: var(--txt-line-height);
  }
  .c-txt sub,
  .c-txt sub {
    font-size: 0.5em;
  }
  .c-txt sub {
    top: -0.5em;
  }
  .c-txt sub {
    bottom: -0.1em;
  }
  /* L */
  .c-txt--xxxxl {
    --txt-font-size: 18;
  }
  .c-txt--xxxl {
    --txt-font-size: 24;
  }
  .c-txt--xxl {
    --txt-font-size: 22;
  }
  .c-txt--xl {
    --txt-font-size: 20;
  }
  .c-txt--l {
    --txt-font-size: 18;
  }
  /* M */
  .c-txt--m {
    --txt-font-size: 16;
  }
  .c-txt--m-sp {
    --txt-font-size: 16;
  }
  .c-txt--s-sp {
    --txt-font-size: 14;
  }
  /* S */
  .c-txt--s {
    --txt-font-size: 14;
  }
  .c-txt--xs {
    --txt-font-size: 12;
  }
  .c-txt--xxs {
    --txt-font-size: 11;
  }
  .c-txt--xxxs {
    --txt-font-size: 10;
  }
  .c-txt--underline {
    text-decoration-color: var(--main-color-100);
    text-decoration-line: underline;
    text-decoration-thickness: calc(3 / var(--font-size) * 1rem);
    text-underline-offset: calc(5 / var(--font-size) * 1rem);
  }
  .u-text-link {
    color: var(--main-color-100);
    text-decoration: underline;
  }
}
/* --------------------------------------------------------------------------
  リスト テキスト
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-list {
    --list-font-size: 16;
    --list-line-height: 1.5;
    --list-rate: var(--list-font-size) / 16;
    --list-desc-color: var(--main-color-100);
    --gap-y: 6;
    --gap-x: 0;
  }
  .c-list-item {
    position: relative;
    display: flex;
    font-size: calc(var(--list-font-size) / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    line-height: var(--list-line-height);
  }
  .c-list-item + .c-list-item {
    margin-top: calc(var(--gap-y) / var(--font-size) * 1rem);
  }
  .c-list-item::before {
    content: "・";
  }
  .c-list--desc .c-list-item::before {
    content: "";
    display: block;
    width: calc(var(--list-font-size) / var(--font-size) * 1rem);
    height: calc(var(--list-font-size) / var(--font-size) * 1rem);
    border-radius: 9999px;
    background-color: var(--list-desc-color);
    margin-top: calc((var(--list-font-size) * var(--list-line-height) - var(--list-font-size)) / 2 / var(--font-size) * 1rem);
    margin-right: calc(6 * var(--list-font-size) / var(--font-size) / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-list-item-head {
    flex-shrink: 0;
  }
  /* L */
  .c-list--l {
    --list-font-size: 18;
  }
  /* m */
  .c-list--m {
    --list-font-size: 16;
  }
  /* s */
  .c-list--s {
    --list-font-size: 14;
  }
  /* xs */
  .c-list--xs {
    --list-font-size: 12;
  }
}
@media all and (max-width: 767px) {
  .c-list {
    --list-font-size: 16;
    --list-line-height: 1.6;
    --list-rate: var(--list-font-size) / 16;
    --list-desc-color: var(--main-color-100);
    --gap-y: 6;
    --gap-x: 0;
  }
  .c-list-item {
    position: relative;
    display: flex;
    font-size: calc(var(--list-font-size) / var(--font-size) * 1rem);
    line-height: var(--list-line-height);
  }
  .c-list-item + .c-list-item {
    margin-top: calc(var(--gap-y) / var(--font-size) * 1rem);
  }
  .c-list-item::before {
    content: "・";
  }
  .c-list--desc .c-list-item::before {
    content: "";
    display: block;
    width: calc(var(--list-font-size) / var(--font-size) * 1rem);
    height: calc(var(--list-font-size) / var(--font-size) * 1rem);
    border-radius: 9999px;
    background-color: var(--list-desc-color);
    margin-top: calc((var(--list-font-size) * var(--list-line-height) - var(--list-font-size)) / 2 / var(--font-size) * 1rem);
    margin-right: calc(6 * var(--list-font-size) / var(--font-size) / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-list-item-head {
    flex-shrink: 0;
  }
  /* L */
  .c-list--l {
    --list-font-size: 16;
  }
  /* m */
  .c-list--m {
    --list-font-size: 15;
  }
  /* s */
  .c-list--s,
  .c-list--s-sp {
    --list-font-size: 14;
  }
  /* xs */
  .c-list--xs {
    --list-font-size: 10;
  }
  /* SP時のみ */
  /* L */
  .c-list-sp--l {
    --list-font-size: 16;
  }
  /* m */
  .c-list-sp--m {
    --list-font-size: 14;
  }
  /* s */
  .c-list-sp--s {
    --list-font-size: 12;
  }
  /* xs */
  .c-list-sp--xs {
    --list-font-size: 10;
  }
}
/* --------------------------------------------------------------------------
  番号付きリスト
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-num-list {
    --num-list-font-size: 16;
    --num-list-color: var(--main-color-100);
  }
  .c-num-list__dl {
    position: relative;
    padding-left: 2rem;
  }
  .c-num-list__dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.95em;
    color: var(--white-color);
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.95;
    text-align: center;
    background-color: var(--num-list-color);
    border-radius: 9999px;
  }
  .c-num-list__dd {
    line-height: 1.5;
    font-size: calc(var(--num-list-font-size) / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .c-num-list {
    --num-list-font-size: 16;
    --num-list-color: var(--main-color-100);
  }
  .c-num-list__dl {
    position: relative;
    padding-left: 2rem;
  }
  .c-num-list__dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.95em;
    color: var(--white-color);
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.95;
    text-align: center;
    background-color: var(--num-list-color);
    border-radius: 9999px;
  }
  .c-num-list__dd {
    line-height: 1.5;
    font-size: calc(var(--num-list-font-size) / var(--font-size) * 1rem);
  }
}
/* --------------------------------------------------------------------------
  注釈 テキスト
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-note {
    --note-txt-font-size: 16;
    --note-position: start;
  }
  .c-note-txt {
    font-size: calc(var(--note-txt-font-size) / var(--font-size) * 1rem);
    line-height: 1.6;
    display: flex;
    justify-content: var(--note-position);
  }
  .c-note-txt::before {
    content: "※";
  }
  /* CENTER */
  .c-note--center {
    --note-position: center;
  }
  /* M */
  .c-note--m {
    --note-txt-font-size: 16;
  }
  /* S */
  .c-note--s {
    --note-txt-font-size: 14;
  }
  /* XS */
  .c-note--xs {
    --note-txt-font-size: 12;
  }
  /* XXS */
  .c-note--xxs {
    --note-txt-font-size: 11;
  }
  /* XXXS */
  .c-note--xxxs {
    --note-txt-font-size: 10;
  }
}
@media all and (max-width: 767px) {
  .c-note {
    --note-txt-font-size: 16;
    --note-position: start;
  }
  .c-note-txt {
    font-size: calc(var(--note-txt-font-size) / var(--font-size) * 1rem);
    line-height: 1.6;
    display: flex;
    justify-content: var(--note-position);
  }
  .c-note-txt::before {
    content: "※";
  }
  /* CENTER */
  .c-note--center {
    --note-position: center;
  }
  .c-note-txt--center {
    text-align: center;
  }
  /* M */
  .c-note--m {
    --note-txt-font-size: 16;
  }
  /* S */
  .c-note--s {
    --note-txt-font-size: 14;
  }
  /* XS */
  .c-note--xs {
    --note-txt-font-size: 12;
  }
  /* XXS */
  .c-note--xxs {
    --note-txt-font-size: 11;
  }
  /* XXXS */
  .c-note--xxxs {
    --note-txt-font-size: 10;
  }
}
/* ==========================================================================
  BUTTON COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
  ボタン
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-btn {
    --btn-bg-color: var(--main-color-100);
    --btn-border-color: var(--main-color-100);
    --btn-txt-color: var(--white-color);
    --btn-arrow-color: var(--white-color);
    --btn-txt-font-size: 16;
    --btn-min-height: 62;
    --btn-radius: 9999;
    --btn-px: 56;
    display: block;
  }
  .c-btn__in {
    background: var(--btn-bg-color);
    border-radius: calc(var(--btn-radius) / var(--font-size) * 1rem);
    border: calc(1 / var(--font-size) * 1rem) solid var(--btn-border-color);
    height: 100%;
    transition: all 0.3s;
  }
  .c-btn__body {
    position: relative;
    min-height: calc(var(--btn-min-height) / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(8 / var(--font-size) * 1rem) calc(var(--btn-px) / var(--font-size) * 1rem);
  }
  .c-btn-txt {
    color: var(--btn-txt-color);
    text-align: center;
    width: 100%;
    transition: all 0.3s;
  }
  .c-btn-txt__label {
    font-size: calc(var(--btn-txt-font-size) / var(--font-size) * 1rem);
    font-family: var(--font-family-noto);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  .c-btn-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: calc(var(--btn-px) / var(--font-size) * 1rem);
    height: calc(var(--btn-min-height) / var(--font-size) * 1rem);
  }
  .c-btn-arrow__label {
    display: flex;
    align-items: center;
    margin-left: calc(14 / var(--font-size) * 1rem);
    height: 100%;
  }
  .c-btn-arrow__label .c-svg {
    width: calc(20 / var(--font-size) * 1rem);
    fill: var(--btn-arrow-color);
    transition: all 0.3s;
  }
  /* down */
  .c-btn-arrow--down .c-btn-arrow__label .c-svg {
    --btn-arrow-rotate: 90deg;
  }
  /* back */
  .c-btn-arrow--back .c-btn-arrow__label .c-svg {
    --btn-arrow-rotate: 180deg;
    transform: rotate(var(--btn-arrow-rotate));
  }
  .c-btn--pdf .c-btn-arrow {
    position: static;
    transform: translate(0);
    width: auto;
    height: auto;
  }
  .c-btn--pdf .c-btn-txt {
    width: auto;
  }
  .c-btn--pdf .c-btn-arrow__label {
    margin-left: 0;
    margin-right: calc(12 / var(--font-size) * 1rem);
  }
  .c-btn--pdf .c-btn__body {
    padding: calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .c-btn-arrow--back .c-btn-arrow,
  .c-btn--pdf .c-btn-arrow {
    left: 0;
  }
  /* square */
  .c-btn--square {
    --btn-radius: 8;
  }
  /* fontsize */
  .c-btn--xl {
    --btn-txt-font-size: 20;
  }
  .c-btn--l {
    --btn-txt-font-size: 18;
  }
  .c-btn--m {
    --btn-txt-font-size: 16;
  }
  .c-btn--s {
    --btn-txt-font-size: 13;
  }
  .c-btn--xs {
    --btn-txt-font-size: 12;
  }
  /* color */
  .c-btn--stroke {
    --btn-bg-color: var(--white-color);
    --btn-txt-color: var(--btn-border-color);
    --btn-arrow-color: var(--btn-border-color);
  }
  /* 色 */
  .c-btn--yellow {
    --btn-bg-color: var(--yellow-color-100);
    --btn-border-color: var(--yellow-color-100);
  }
  .c-btn--red {
    --btn-bg-color: var(--red-color-100);
    --btn-border-color: var(--red-color-100);
  }
}
@media all and (max-width: 767px) {
  .c-btn {
    --btn-bg-color: var(--main-color-100);
    --btn-border-color: var(--main-color-100);
    --btn-txt-color: var(--white-color);
    --btn-arrow-color: var(--white-color);
    --btn-txt-font-size: 16;
    --btn-min-height: 64;
    --btn-radius: 9999;
    --btn-px: 50;
    display: block;
  }
  .c-btn__in {
    background: var(--btn-bg-color);
    border-radius: calc(var(--btn-radius) / var(--font-size) * 1rem);
    border: calc(1 / var(--font-size) * 1rem) solid var(--btn-border-color);
    height: 100%;
    transition: all 0.3s;
  }
  .c-btn__body {
    position: relative;
    min-height: calc(var(--btn-min-height) / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(8 / var(--font-size) * 1rem) calc(var(--btn-px) / var(--font-size) * 1rem);
  }
  .c-btn-txt {
    color: var(--btn-txt-color);
    text-align: center;
    width: 100%;
    transition: all 0.3s;
  }
  .c-btn-txt__label {
    font-size: calc(var(--btn-txt-font-size) / var(--font-size) * 1rem);
    font-family: var(--font-family-noto);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.005em;
    font-feature-settings: "palt";
  }
  .c-btn-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: calc(var(--btn-px) / var(--font-size) * 1rem);
    height: calc(var(--btn-min-height) / var(--font-size) * 1rem);
  }
  .c-btn-arrow__label {
    display: flex;
    align-items: center;
    margin-left: calc(12 / var(--font-size) * 1rem);
    height: 100%;
  }
  .c-btn-arrow__label .c-svg {
    width: calc(20 / var(--font-size) * 1rem);
    fill: var(--btn-arrow-color);
    transition: all 0.3s;
  }
  /* down */
  .c-btn-arrow--down .c-btn-arrow__label .c-svg {
    --btn-arrow-rotate: 90deg;
  }
  /* back */
  .c-btn-arrow--back .c-btn-arrow__label .c-svg {
    --btn-arrow-rotate: 180deg;
    transform: rotate(var(--btn-arrow-rotate));
  }
  .c-btn-arrow--back .c-btn-arrow,
  .c-btn--pdf .c-btn-arrow {
    left: 0;
  }
  .c-btn--pdf .c-btn-arrow {
    position: static;
    transform: translate(0);
    width: auto;
    height: auto;
  }
  .c-btn--pdf .c-btn-txt {
    width: auto;
  }
  .c-btn--pdf .c-btn-arrow__label {
    margin-left: 0;
    margin-right: calc(14 / var(--font-size) * 1rem);
  }
  .c-btn--pdf .c-btn__body {
    padding: calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  /* square */
  .c-btn--square {
    --btn-radius: 8;
  }
  /* fontsize */
  .c-btn--xl {
    --btn-txt-font-size: 20;
  }
  .c-btn--l {
    --btn-txt-font-size: 18;
  }
  .c-btn--m {
    --btn-txt-font-size: 16;
  }
  .c-btn--s {
    --btn-txt-font-size: 14;
  }
  .c-btn--xs {
    --btn-txt-font-size: 12;
  }
  /* color */
  .c-btn--stroke {
    --btn-bg-color: var(--white-color);
    --btn-txt-color: var(--btn-border-color);
    --btn-arrow-color: var(--btn-border-color);
  }
  /* 色 */
  .c-btn--yellow {
    --btn-bg-color: var(--yellow-color-100);
    --btn-border-color: var(--yellow-color-100);
  }
  .c-btn--red {
    --btn-bg-color: var(--red-color-100);
    --btn-border-color: var(--red-color-100);
  }
}
/* --------------------------------------------------------------------------
  テキストボタン
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-link-btn {
    --link-arrow-color: var(--main-color-100);
    --link-font-size: 13;
    --link-txt-color: var(--black-color);
    --link-txt-position: flex-start;
  }
  a.c-link-btn:hover {
    --link-txt-color: var(--link-arrow-color);
  }
  .c-link-btn__in {
    display: flex;
    justify-content: var(--link-txt-position);
  }
  .c-link-btn__in--center {
    justify-content: center;
  }
  .c-link-btn-ico {
    width: calc(26 * var(--link-font-size) / 13 / var(--font-size) * 1rem);
    height: calc(26 * var(--link-font-size) / 13 / var(--font-size) * 1rem);
    border: calc(1.6 / var(--font-size) * 1rem) solid var(--link-arrow-color);
    border-radius: 50%;
    margin-right: calc(10 / var(--font-size) * 1rem);
    margin-top: calc(-1 * var(--link-font-size) / 13 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-link-btn-ico__label {
    display: flex;
    justify-content: center;
    align-self: center;
    height: 100%;
  }
  .c-link-btn-ico__label .c-svg {
    width: calc(12 / var(--font-size) * 1rem);
  }
  .c-link-btn-ico__label.c-link-btn-ico__label--down .c-svg {
    transform: rotate(90deg);
  }
  .c-link-btn--xs .c-link-btn-ico__label .c-svg {
    width: calc(9 / var(--font-size) * 1rem);
  }
  .c-link-btn-ico__label svg {
    fill: var(--link-arrow-color);
  }
  .c-link-btn-txt__label {
    font-size: calc(var(--link-font-size) / var(--font-size) * 1rem);
    line-height: 1.8;
    color: var(--link-txt-color);
    transition: all 0.3s ease;
  }
  /* size */
  .c-link-btn--l {
    --link-font-size: 20;
  }
  .c-link-btn--m {
    --link-font-size: 18;
  }
  .c-link-btn--s {
    --link-font-size: 16;
  }
  .c-link-btn--xs {
    --link-font-size: 14;
  }
  /* color */
  .c-link-btn--white {
    --link-arrow-color: var(--white-color);
    --link-txt-color: var(--white-color);
  }
  a.c-link-btn:hover .c-link-btn-txt__label {
    text-decoration: underline;
  }
}
@media all and (max-width: 767px) {
  .c-link-btn {
    --link-arrow-color: var(--main-color-100);
    --link-font-size: 13;
    --link-txt-color: var(--black-color);
    --link-txt-position: flex-start;
  }
  a.c-link-btn:hover {
    --link-txt-color: var(--link-arrow-color);
  }
  .c-link-btn__in {
    display: flex;
    justify-content: var(--link-txt-position);
  }
  .c-link-btn__in--center {
    justify-content: center;
  }
  .c-link-btn-ico {
    width: calc(26 * var(--link-font-size) / 13 / var(--font-size) * 1rem);
    height: calc(26 * var(--link-font-size) / 13 / var(--font-size) * 1rem);
    border: calc(1 / var(--font-size) * 1rem) solid var(--link-arrow-color);
    border-radius: 50%;
    margin-right: calc(8 / var(--font-size) * 1rem);
    margin-top: calc(-1 * var(--link-font-size) / 13 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-link-btn-ico__label {
    display: flex;
    justify-content: center;
    align-self: center;
    height: 100%;
  }
  .c-link-btn-ico__label.c-link-btn-ico__label--down .c-svg {
    transform: rotate(90deg);
  }
  .c-link-btn-ico__label .c-svg {
    width: calc(9 / var(--font-size) * 1rem);
  }
  .c-link-btn-ico__label svg {
    fill: var(--link-arrow-color);
  }
  .c-link-btn-txt__label {
    font-size: calc(var(--link-font-size) / var(--font-size) * 1rem);
    line-height: 1.8;
    color: var(--link-txt-color);
    transition: all 0.3s ease;
  }
  /* size */
  .c-link-btn--l {
    --link-font-size: 14;
  }
  .c-link-btn--m {
    --link-font-size: 13;
  }
  /* color */
  .c-link-btn--white {
    --link-arrow-color: var(--white-color);
    --link-txt-color: var(--white-color);
  }
  a.c-link-btn:hover .c-link-btn-txt__label {
    text-decoration: underline;
  }
}
/* ==========================================================================
  TABLE COMPONENT
========================================================================== */
@media all and (min-width: 768px), print {
  * + .c-table {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .c-table__header {
    margin-bottom: calc(10 / var(--font-size) * 1rem);
  }
  .c-table-chart {
    overflow: hidden;
    border: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
    border-collapse: separate;
    border-spacing: 0;
    background-color: var(--white-color);
    width: 100%;
  }
  .c-table-chart__thead + .c-table-chart__tbody {
    border-top: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
  }
  .c-table-chart__thead .c-table-chart__tr {
    text-align: left;
  }
  .c-table-chart__tr + .c-table-chart__tr .c-table-chart-cell {
    border-top: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
  }
  .c-table-chart-cell {
    padding: calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem);
  }
  td.c-table-chart-cell {
    padding: calc(16 / var(--font-size) * 1rem) calc(23 / var(--font-size) * 1rem);
  }
  .c-table-chart-cell + .c-table-chart-cell {
    border-left: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
  }
  .c-table__footer {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  * + .c-table {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .c-table__header {
    margin-bottom: calc(10 / var(--font-size) * 1rem);
  }
  .c-table-chart {
    overflow: hidden;
    border: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
    border-collapse: separate;
    border-spacing: 0;
    background-color: var(--white-color);
    width: 100%;
  }
  .c-table-chart__thead + .c-table-chart__tbody {
    border-top: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
  }
  .c-table-chart__thead .c-table-chart__tr {
    text-align: left;
  }
  .c-table-chart__tr + .c-table-chart__tr .c-table-chart-cell {
    border-top: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
  }
  .c-table-chart-cell {
    padding: calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem);
  }
  .c-table-chart-cell + .c-table-chart-cell {
    border-left: var(--gray-color-60) calc(1 / var(--font-size) * 1rem) solid;
  }
  .c-table__footer {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
}
/* ==========================================================================
  IMG SVG COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
  img
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .c-img__label {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .c-img__label {
    width: 100%;
  }
}
/* --------------------------------------------------------------------------
  svg
-------------------------------------------------------------------------- */
.c-svg {
  position: relative;
  display: block;
  width: 100%;
}

.c-svg::before {
  display: block;
  padding-top: 100%;
  content: "";
}

.c-svg > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
  COMMON COMPONENT
========================================================================== */
/* --------------------------------------------------------------------------
  SECTION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .l-sec__in {
    max-width: calc(1120 / var(--font-size) * 1rem);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    margin: auto;
  }
  .l-sec__body {
    padding: calc(98 / var(--font-size) * 1rem) 0 calc(160 / var(--font-size) * 1rem);
  }
  .contact-sec__body {
    padding: calc(48 / var(--font-size) * 1rem) 0 calc(53 / var(--font-size) * 1rem);
  }
  .l-sec-block + .l-sec-block {
    margin-top: calc(104 / var(--font-size) * 1rem);
  }
  .sec-bg__wavy {
    position: relative;
  }
  .sec-bg__wavy::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 5.4166666667vw;
    background-size: calc(2560 / var(--font-size) * 1rem);
    -webkit-mask: url("../img/section-mask.png") repeat-x center bottom;
    mask: url("../img/section-mask.png") repeat-x center bottom;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    margin-top: calc(-24 / var(--font-size) * 1rem);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media all and (max-width: 767px) {
  .l-sec__in {
    max-width: calc(1120 / var(--font-size) * 1rem);
    padding: 0 calc(15 / var(--font-size) * 1rem);
    margin: auto;
  }
  .l-sec__body {
    padding: calc(38 / var(--font-size) * 1rem) 0 calc(55 / var(--font-size) * 1rem);
  }
  .contact-sec__body {
    padding: calc(48 / var(--font-size) * 1rem) 0 calc(53 / var(--font-size) * 1rem);
  }
  .l-sec-block + .l-sec-block {
    margin-top: calc(52 / var(--font-size) * 1rem);
  }
  .sec-bg__wavy {
    position: relative;
  }
  .sec-bg__wavy::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(78 / var(--font-size) * 1rem);
    background-size: calc(1440 / var(--font-size) * 1rem);
    -webkit-mask: url("../img/section-mask.png") repeat-x center bottom;
    mask: url("../img/section-mask.png") repeat-x center bottom;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    margin-top: calc(-24 / var(--font-size) * 1rem);
    left: 50%;
    transform: translateX(-50%);
  }
}
/* --------------------------------------------------------------------------
  C-BOX
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .l-sec-block-heading + .c-box-list__container {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .c-box-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(20 / var(--font-size) * 1rem);
  }
  .c-box-list-item {
    width: 100%;
  }
  .c-box {
    height: 100%;
  }
  .c-box__in {
    background: var(--white-color);
    padding: 0 calc(28 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
    height: 100%;
  }
  .c-box__body {
    padding: calc(40 / var(--font-size) * 1rem) 0 calc(32 / var(--font-size) * 1rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .c-box-content-item--2col {
    display: flex;
    justify-content: center;
  }
  .c-box-heading {
    text-align: center;
  }
  .c-box-heading__label {
    display: inline-block;
    position: relative;
    color: var(--main-color-100);
    font-size: calc(24 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.3333333333;
    letter-spacing: 0.02em;
    padding-bottom: calc(10 / var(--font-size) * 1rem);
    margin-bottom: calc(22 / var(--font-size) * 1rem);
  }
  .c-box-heading__label::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--main-color-100);
    width: 100%;
    height: calc(3 / var(--font-size) * 1rem);
  }
  .c-box-content-txt {
    text-align: center;
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .c-box-content-txt__label {
    color: var(--main-color-100);
    font-size: calc(12 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .c-box-content-txt__label--small {
    font-size: calc(11 / var(--font-size) * 1rem);
  }
  .c-box-summary {
    margin: calc(24 / var(--font-size) * 1rem) auto 0;
  }
  .c-box-summary__in {
    background: var(--yellow-color-10);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(8 / var(--font-size) * 1rem);
  }
  .c-box-summary__body {
    padding: calc(8 / var(--font-size) * 1rem) 0;
    min-height: calc(75 / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-box-summary-txt {
    text-align: center;
  }
  .c-box-summary-txt__label {
    color: var(--main-color-100);
    font-size: calc(28 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.1428571429;
    letter-spacing: 0.02em;
  }
  .c-box-summary-txt__label--sub {
    font-size: calc(24 / var(--font-size) * 1rem);
    line-height: 1.4;
  }
}
@media all and (max-width: 767px) {
  .l-sec-block-heading + .c-box-list__container {
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .c-box-list-item {
    width: 100%;
  }
  .c-box-list-item + .c-box-list-item {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .c-box {
    height: 100%;
  }
  .c-box__in {
    background: var(--white-color);
    padding: 0 calc(13 / var(--font-size) * 1rem);
    border-radius: calc(12 / var(--font-size) * 1rem);
    height: 100%;
  }
  .c-box__body {
    padding: calc(24 / var(--font-size) * 1rem) 0 calc(16 / var(--font-size) * 1rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .c-box-heading {
    text-align: center;
  }
  .c-box-heading__label {
    display: inline-block;
    position: relative;
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
    padding-bottom: calc(5 / var(--font-size) * 1rem);
    margin-bottom: calc(22 / var(--font-size) * 1rem);
  }
  .c-box-heading__label::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--main-color-100);
    width: 100%;
    height: calc(2 / var(--font-size) * 1rem);
  }
  .c-box-content-txt {
    text-align: center;
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .c-box-content-txt__label {
    color: var(--main-color-100);
    font-size: calc(10 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .c-box-content-txt__label--small {
    font-size: calc(10 / var(--font-size) * 1rem);
  }
  .c-box-summary {
    margin: calc(12 / var(--font-size) * 1rem) auto 0;
  }
  .c-box-summary__in {
    background: var(--yellow-color-10);
    padding: 0 calc(5 / var(--font-size) * 1rem);
    border-radius: calc(8 / var(--font-size) * 1rem);
  }
  .c-box-summary__body {
    padding: calc(8 / var(--font-size) * 1rem) 0;
    min-height: calc(54 / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-box-summary-txt {
    text-align: center;
  }
  .c-box-summary-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .c-box-summary-txt__label--sub {
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: 1.6;
  }
}
/* --------------------------------------------------------------------------
  ANIMATION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  /* 上下から */
  @keyframes vertical_bar {
    0% {
      transform: scaleY(0);
    }
    100% {
      transform: scaleY(1);
    }
  }
  /* 左右から */
  @keyframes column_bar {
    0% {
      transform: scaleX(0);
    }
    100% {
      transform: scaleX(1);
    }
  }
  /* グラフ内フェードイン */
  @keyframes fade_in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes zoom_in {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  /* 円グラフ */
  @keyframes circle_bar {
    0% {
      stroke-dasharray: 0 565;
    }
    99.9%, to {
      /* stroke-dasharray: 338 565; */
      stroke-dasharray: var(--circle-size) 565;
    }
  }
  /* 縦グラフ */
  .animation-contents .vertical-bar-graph__in {
    transform: scaleX(0);
  }
  .animation-active .vertical-bar-graph__in {
    transform-origin: bottom;
    animation: vertical_bar 0.6s ease-out forwards;
    animation-delay: 0.2s;
  }
  .animation-contents .vertical-bar-graph__body {
    opacity: 0;
  }
  .animation-active .vertical-bar-graph__body {
    animation: fade_in 0.4s ease-in-out forwards;
    animation-delay: 0.7s;
  }
  /* /縦グラフ */
  /* 円グラフ */
  .animation-contents .circle-graph-content .circle-graph-item {
    stroke-dasharray: 0 565;
  }
  .animation-active .circle-graph-content .circle-graph-item {
    animation: circle_bar 1s forwards;
    -webkit-animation: circle_bar 1s forwards;
  }
  .circle-graph::before,
  .circle-graph::after {
    opacity: 0;
  }
  .animation-active .circle-graph::before,
  .animation-active .circle-graph::after {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.8s;
  }
  /* / 円グラフ */
  /* 円グラフ打ち消しフェードイン */
  .animation-active .learn-graph .circle-graph-item {
    animation: none;
    stroke-dasharray: var(--circle-size) 565;
  }
  .learn-graph.circle-graph::before,
  .learn-graph.circle-graph::after {
    opacity: 1;
    animation: none;
  }
  /* / 円グラフ打ち消しフェードイン */
  /* 縦グラフ打ち消しフェードイン */
  .interest-content-list-item--learned.animation-active .vertical-bar-graph__in {
    animation: none;
    transform: scaleX(1);
  }
  .interest-content-list-item--learned.animation-active .vertical-bar-graph__body {
    animation: none;
    opacity: 1;
  }
  /* /縦グラフ打ち消しフェードイン */
  /* 矢印 */
  .animation-contents .vertical-bar-graph-arrow {
    transform: scaleX(0);
  }
  .animation-active .vertical-bar-graph-arrow {
    transform-origin: left;
    animation: column_bar 0.6s ease-in-out forwards;
    animation-delay: 1.2s;
  }
  /* 横グラフ */
  .animation-contents .column-bar-graph__in {
    transform: scaleX(0);
  }
  .animation-active .column-bar-graph__in {
    transform-origin: left;
    animation: column_bar 0.6s ease-in-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents .column-bar-graph__body {
    opacity: 0;
  }
  .animation-active .column-bar-graph__body {
    animation: fade_in 0.4s ease-in-out forwards;
    animation-delay: 0.8s;
  }
  /* /横グラフ */
  /* dots */
  .animation-contents.result-content-list-item--leisure .column-bar-graph-list-item--05::before {
    opacity: 0;
  }
  .animation-active.result-content-list-item--leisure .column-bar-graph-list-item--05::before {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.8s;
  }
  .animation-active.result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__in {
    animation: column_bar 0.5s ease-in-out forwards;
    animation-delay: 1s;
  }
  .animation-active.result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__body {
    animation: fade_in 0.3s ease-in-out forwards;
    animation-delay: 1.5s;
  }
  /* /dots */
  .animation-active.learned-content__container {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.2s;
  }
  .animation-contents.learned-content__container {
    opacity: 0;
  }
  .animation-contents .bar-card {
    transform: scaleX(0);
  }
  .animation-active .bar-card {
    animation: column_bar 0.6s ease-in-out forwards;
    animation-delay: 0.2s;
  }
  .media-content-bar-list-item--have .bar-card {
    transform-origin: left;
  }
  .media-content-bar-list-item--havent .bar-card {
    transform-origin: right;
  }
  .animation-contents .bar-card__in {
    opacity: 0;
  }
  .animation-active .bar-card__in {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.8s;
  }
  .animation-contents .notAction-reason-list-item {
    opacity: 0;
  }
  .animation-active .notAction-reason-list-item {
    animation: fade_in 0.4s ease-out forwards;
  }
  .animation-active .notAction-reason-list-item--01 {
    animation-delay: 0.5s;
  }
  .animation-active .notAction-reason-list-item--02 {
    animation-delay: 0.9s;
  }
  .animation-active .notAction-reason-list-item--03 {
    animation-delay: 1.3s;
  }
  .animation-contents .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    transform: scale(0);
  }
  .animation-active .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation: zoom_in 0.6s ease-in-out forwards;
  }
  .animation-contents .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    opacity: 0;
  }
  .animation-active .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation: fade_in 0.2s ease-in forwards;
  }
  .learning-list-item--get .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation-delay: 0.5s;
  }
  .learning-list-item--like .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation-delay: 0.7s;
  }
  .learning-list-item--sns .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation-delay: 0.9s;
  }
  .learning-list-item--get .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation-delay: 1.1s;
  }
  .learning-list-item--like .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation-delay: 1.3s;
  }
  .learning-list-item--sns .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation-delay: 1.5s;
  }
  .animation-contents .senses-card-value-ico {
    opacity: 0;
  }
  .animation-active .senses-card-value-ico {
    animation: fade_in 0.25s ease-in forwards;
  }
  .senses-card-value-ico:nth-child(1) {
    animation-delay: 0.3s;
  }
  .senses-card-value-ico:nth-child(2) {
    animation-delay: 0.5s;
  }
  .senses-card-value-ico:nth-child(3) {
    animation-delay: 0.7s;
  }
  .senses-card-value-ico:nth-child(4) {
    animation-delay: 0.9s;
  }
  .senses-card-value-ico:nth-child(5) {
    animation-delay: 1.1s;
  }
  .animation-contents .image-img::before {
    opacity: 0;
  }
  .animation-active .image-img::before {
    animation: fade_in 0.8s ease-out forwards;
    animation-delay: 1.3s;
  }
  .animation-active .image-img .c-img {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.5s;
  }
  .animation-contents .image-img .c-img {
    opacity: 0;
  }
  .animation-contents .ranking-content-top {
    opacity: 0;
  }
  .animation-active .ranking-content-top {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents .ranking-content-lower-content {
    opacity: 0;
  }
  .animation-active .ranking-content-lower-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.7s;
  }
  .animation-contents .want-go-content,
  .animation-contents .want-to {
    opacity: 0;
  }
  .animation-active .want-go-content,
  .animation-active .want-to {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-active.interest-content-list-item--learned .c-box-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .interest-content-list-item--learned .c-box-content {
    opacity: 0;
  }
  .animation-contents.data-content-list-item--attachment .c-box-content {
    opacity: 0;
  }
  .animation-active.data-content-list-item--attachment .c-box-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .disparity-comment {
    opacity: 0;
  }
  .animation-active .disparity-comment {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.8s;
  }
  .interested-content {
    opacity: 0;
  }
  .animation-active .interested-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents.analysis-list-item {
    opacity: 0;
  }
  .animation-active.analysis-list-item {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents.future-list-item {
    opacity: 0;
  }
  .animation-active.future-list-item {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .applicable-list-item .vertical-bar-graph-list-item:nth-child(2)::before {
    opacity: 0;
  }
  .animation-active .applicable-list-item .vertical-bar-graph-list-item:nth-child(2)::before {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 1.1s;
  }
  .animation-contents.about-sec__content {
    opacity: 0;
  }
  .animation-active.about-sec__content {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 1.1s;
  }
}
@media all and (max-width: 767px) {
  /* 上下から */
  @keyframes vertical_bar {
    0% {
      transform: scaleY(0);
    }
    100% {
      transform: scaleY(1);
    }
  }
  /* 左右から */
  @keyframes column_bar {
    0% {
      transform: scaleX(0);
    }
    100% {
      transform: scaleX(1);
    }
  }
  /* グラフ内フェードイン */
  @keyframes fade_in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes zoom_in {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  /* 円グラフ */
  @keyframes circle_bar {
    0% {
      stroke-dasharray: 0 565;
    }
    99.9%, to {
      /* stroke-dasharray: 338 565; */
      stroke-dasharray: var(--circle-size) 565;
    }
  }
  /* 縦グラフ */
  .animation-contents .vertical-bar-graph__in {
    transform: scaleX(0);
  }
  .animation-active .vertical-bar-graph__in {
    transform-origin: bottom;
    animation: vertical_bar 0.6s ease-out forwards;
    animation-delay: 0.2s;
  }
  .animation-contents .vertical-bar-graph__body {
    opacity: 0;
  }
  .animation-active .vertical-bar-graph__body {
    animation: fade_in 0.4s ease-in-out forwards;
    animation-delay: 0.7s;
  }
  /* /縦グラフ */
  /* 円グラフ */
  .animation-contents .circle-graph-content .circle-graph-item {
    stroke-dasharray: 0 565;
  }
  .animation-active .circle-graph-content .circle-graph-item {
    animation: circle_bar 1s forwards;
    -webkit-animation: circle_bar 1s forwards;
  }
  .circle-graph::before,
  .circle-graph::after {
    opacity: 0;
  }
  .animation-active .circle-graph::before,
  .animation-active .circle-graph::after {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.8s;
  }
  /* / 円グラフ */
  /* 円グラフ打ち消しフェードイン */
  .animation-active .learn-graph .circle-graph-item {
    animation: none;
    stroke-dasharray: var(--circle-size) 565;
  }
  .learn-graph.circle-graph::before,
  .learn-graph.circle-graph::after {
    opacity: 1;
    animation: none;
  }
  /* / 円グラフ打ち消しフェードイン */
  /* 縦グラフ打ち消しフェードイン */
  .interest-content-list-item--learned.animation-active .vertical-bar-graph__in {
    animation: none;
    transform: scaleX(1);
  }
  .interest-content-list-item--learned.animation-active .vertical-bar-graph__body {
    animation: none;
    opacity: 1;
  }
  /* /縦グラフ打ち消しフェードイン */
  /* 矢印 */
  .animation-contents .vertical-bar-graph-arrow {
    transform: scaleX(0);
  }
  .animation-active .vertical-bar-graph-arrow {
    transform-origin: left;
    animation: column_bar 0.6s ease-in-out forwards;
    animation-delay: 1.2s;
  }
  /* 横グラフ */
  .animation-contents .column-bar-graph__in {
    transform: scaleX(0);
  }
  .animation-active .column-bar-graph__in {
    transform-origin: left;
    animation: column_bar 0.6s ease-in-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents .column-bar-graph__body {
    opacity: 0;
  }
  .animation-active .column-bar-graph__body {
    animation: fade_in 0.4s ease-in-out forwards;
    animation-delay: 0.8s;
  }
  /* /横グラフ */
  /* dots */
  .animation-contents.result-content-list-item--leisure .column-bar-graph-list-item--05::before {
    opacity: 0;
  }
  .animation-active.result-content-list-item--leisure .column-bar-graph-list-item--05::before {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.8s;
  }
  .animation-active.result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__in {
    animation: column_bar 0.5s ease-in-out forwards;
    animation-delay: 1s;
  }
  .animation-active.result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__body {
    animation: fade_in 0.3s ease-in-out forwards;
    animation-delay: 1.5s;
  }
  /* /dots */
  .animation-active.learned-content__container {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.2s;
  }
  .animation-contents.learned-content__container {
    opacity: 0;
  }
  .animation-contents .bar-card {
    transform: scaleX(0);
  }
  .animation-active .bar-card {
    animation: column_bar 0.6s ease-in-out forwards;
    animation-delay: 0.2s;
  }
  .media-content-bar-list-item--have .bar-card {
    transform-origin: left;
  }
  .media-content-bar-list-item--havent .bar-card {
    transform-origin: right;
  }
  .animation-contents .bar-card__in {
    opacity: 0;
  }
  .animation-active .bar-card__in {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.8s;
  }
  .animation-contents .notAction-reason-list-item {
    opacity: 0;
  }
  .animation-active .notAction-reason-list-item {
    animation: fade_in 0.4s ease-out forwards;
  }
  .animation-active .notAction-reason-list-item--01 {
    animation-delay: 0.5s;
  }
  .animation-active .notAction-reason-list-item--02 {
    animation-delay: 0.9s;
  }
  .animation-active .notAction-reason-list-item--03 {
    animation-delay: 1.3s;
  }
  .animation-contents .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    transform: scale(0);
  }
  .animation-active .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation: zoom_in 0.6s ease-in-out forwards;
  }
  .animation-contents .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    opacity: 0;
  }
  .animation-active .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation: fade_in 0.2s ease-in forwards;
  }
  .learning-list-item--get .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation-delay: 0.5s;
  }
  .learning-list-item--like .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation-delay: 0.7s;
  }
  .learning-list-item--sns .learning-card-content-list-item--young .learning-card-content-list-item-graph__in::before {
    animation-delay: 0.9s;
  }
  .learning-list-item--get .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation-delay: 1.1s;
  }
  .learning-list-item--like .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation-delay: 1.3s;
  }
  .learning-list-item--sns .learning-card-content-list-item--young .learning-card-content-list-item-graph-txt {
    animation-delay: 1.5s;
  }
  .animation-contents .senses-card-value-ico {
    opacity: 0;
  }
  .animation-active .senses-card-value-ico {
    animation: fade_in 0.25s ease-in forwards;
  }
  .senses-card-value-ico:nth-child(1) {
    animation-delay: 0.3s;
  }
  .senses-card-value-ico:nth-child(2) {
    animation-delay: 0.5s;
  }
  .senses-card-value-ico:nth-child(3) {
    animation-delay: 0.7s;
  }
  .senses-card-value-ico:nth-child(4) {
    animation-delay: 0.9s;
  }
  .senses-card-value-ico:nth-child(5) {
    animation-delay: 1.1s;
  }
  .animation-contents .image-img::before {
    opacity: 0;
  }
  .animation-active .image-img::before {
    animation: fade_in 0.8s ease-out forwards;
    animation-delay: 1.3s;
  }
  .animation-active .image-img .c-img {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 0.5s;
  }
  .animation-contents .image-img .c-img {
    opacity: 0;
  }
  .animation-contents .ranking-content-top {
    opacity: 0;
  }
  .animation-active .ranking-content-top {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents .ranking-content-lower-content {
    opacity: 0;
  }
  .animation-active .ranking-content-lower-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.7s;
  }
  .animation-contents .want-go-content,
  .animation-contents .want-to {
    opacity: 0;
  }
  .animation-active .want-go-content,
  .animation-active .want-to {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-active.interest-content-list-item--learned .c-box-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .interest-content-list-item--learned .c-box-content {
    opacity: 0;
  }
  .animation-contents.data-content-list-item--attachment .c-box-content {
    opacity: 0;
  }
  .animation-active.data-content-list-item--attachment .c-box-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .disparity-comment {
    opacity: 0;
  }
  .animation-active .disparity-comment {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.8s;
  }
  .interested-content {
    opacity: 0;
  }
  .animation-active .interested-content {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents.analysis-list-item {
    opacity: 0;
  }
  .animation-active.analysis-list-item {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .animation-contents.future-list-item {
    opacity: 0;
  }
  .animation-active.future-list-item {
    animation: fade_in 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }
  .applicable-list-item .vertical-bar-graph-list-item:nth-child(2)::before {
    opacity: 0;
  }
  .animation-active .applicable-list-item .vertical-bar-graph-list-item:nth-child(2)::before {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 1.1s;
  }
  .animation-contents.about-sec__content {
    opacity: 0;
  }
  .animation-active.about-sec__content {
    animation: fade_in 0.4s ease-out forwards;
    animation-delay: 1.1s;
  }
}
/* --------------------------------------------------------------------------
  COMPONENT
-------------------------------------------------------------------------- */
/* vertical-bar */
@media all and (min-width: 768px), print {
  .vertical-bar-graph-list__container {
    --gap-size: 38;
    --graph-height: 218;
    --graph-width: 88;
    --graph-arrow-w: 290;
    --graph-arrow-rotate: 14deg;
    --graph-arrow-top: 20;
    position: relative;
  }
  .vertical-bar-graph-arrow {
    width: calc(var(--graph-arrow-w) / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: calc(var(--graph-arrow-top) / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
    rotate: var(--graph-arrow-rotate);
  }
  .vertical-bar-graph-arrow::before {
    content: "";
    display: block;
    background: #F24822;
    width: calc(100% - 2px);
    padding-top: calc(3 / var(--font-size) * 1rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .vertical-bar-graph-arrow::after {
    content: "";
    display: block;
    background: url("../img/graph-arrow.svg") no-repeat center/contain;
    width: calc(13 / var(--font-size) * 1rem);
    padding-top: calc(24 / var(--font-size) * 1rem);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .vertical-bar-graph-list {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: calc(var(--gap-size) / var(--font-size) * 1rem);
  }
  .vertical-bar-graph-list-item {
    --graph-color: var(--main-color-100);
  }
  .vertical-bar-graph {
    max-width: calc(var(--graph-width) / var(--font-size) * 1rem);
    width: 100%;
    height: calc(var(--graph-height) / var(--font-size) * 1rem);
    margin: 0 auto;
    display: flex;
    align-items: end;
  }
  .vertical-bar-graph__in {
    height: 100%;
    padding: 0 20.4545454545%;
    background: var(--graph-color);
    border-radius: calc(4 / var(--font-size) * 1rem);
  }
  .vertical-bar-graph__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vertical-bar-graph-txt {
    text-align: center;
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .vertical-bar-graph-txt__label {
    width: calc(56 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .vertical-bar-graph-txt--txt {
    margin-top: calc(10 / var(--font-size) * 1rem);
    line-height: 0.8888888889em;
  }
  .vertical-bar-graph-txt--txt .vertical-bar-graph-txt__label {
    width: auto;
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .graph-list__container {
    max-width: calc(887 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .graph-list {
    display: flex;
    justify-content: center;
  }
  .graph-list-item {
    width: 33.3333333333%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
  }
  .graph-list-item-heading {
    text-align: center;
    margin-bottom: calc(23 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .graph-list-item-heading__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .graph-list__container--3col .graph-list-item + .graph-list-item .vertical-bar-graph-list__container::before {
    content: "";
    display: block;
    background: var(--sub-01-color-10);
    width: calc(4 / var(--font-size) * 1rem);
    height: calc(100% + 10 / var(--font-size) * 1rem);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .graph-list__container--3col .vertical-bar-graph-list__container {
    position: relative;
    padding: 0 calc(35 / var(--font-size) * 1rem);
  }
  .c-check-list-item + .c-check-list-item {
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .c-check-list-txt {
    display: flex;
    align-items: start;
  }
  .c-check-list-txt::before {
    content: "";
    display: block;
    width: calc(23 / var(--font-size) * 1rem);
    padding-top: calc(19 / var(--font-size) * 1rem);
    background: url("../img/list-deco-check.svg") no-repeat center/contain;
    margin-top: calc(4 / var(--font-size) * 1rem);
    margin-right: calc(18 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-check-list-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}
@media all and (min-width: 768px) and (max-width: 1120px) {
  .vertical-bar-graph-txt--txt .vertical-bar-graph-txt__label {
    font-size: 1.7857142857vw;
  }
}
@media all and (max-width: 767px) {
  .vertical-bar-graph-list__container {
    --gap-size: 17;
    --graph-height: 176;
    --graph-width: 71;
    --graph-arrow-w: 220;
    --graph-arrow-rotate: 14deg;
    --graph-arrow-top: 22;
    position: relative;
  }
  .vertical-bar-graph-arrow {
    width: calc(var(--graph-arrow-w) / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: calc(var(--graph-arrow-top) / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
    rotate: var(--graph-arrow-rotate);
  }
  .vertical-bar-graph-arrow::before {
    content: "";
    display: block;
    background: #F24822;
    width: calc(100% - 2px);
    padding-top: calc(3 / var(--font-size) * 1rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .vertical-bar-graph-arrow::after {
    content: "";
    display: block;
    background: url("../img/graph-arrow.svg") no-repeat center/contain;
    width: calc(13 / var(--font-size) * 1rem);
    padding-top: calc(24 / var(--font-size) * 1rem);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .vertical-bar-graph-list {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: calc(var(--gap-size) / var(--font-size) * 1rem);
  }
  .vertical-bar-graph-list-item {
    --graph-color: var(--main-color-100);
  }
  .vertical-bar-graph {
    max-width: calc(var(--graph-width) / var(--font-size) * 1rem);
    width: 100%;
    height: calc(var(--graph-height) / var(--font-size) * 1rem);
    margin: 0 auto;
    display: flex;
    align-items: end;
  }
  .vertical-bar-graph__in {
    height: 100%;
    padding: 0 calc(12 / var(--font-size) * 1rem);
    background: var(--graph-color);
    border-radius: calc(4 / var(--font-size) * 1rem);
  }
  .vertical-bar-graph__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .vertical-bar-graph-txt {
    text-align: center;
    margin-top: calc(11 / var(--font-size) * 1rem);
  }
  .vertical-bar-graph-txt__label {
    width: calc(45 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .vertical-bar-graph-txt--txt {
    margin-top: calc(8 / var(--font-size) * 1rem);
    line-height: 0.8888888889;
  }
  .vertical-bar-graph-txt--txt .vertical-bar-graph-txt__label {
    width: auto;
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .graph-list__container {
    max-width: calc(887 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .graph-list-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    position: relative;
  }
  .graph-list-item-heading {
    text-align: center;
    margin-bottom: calc(23 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .graph-list-item-heading__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 2;
    letter-spacing: 0.02em;
  }
  .graph-list__container--3col .graph-list-item + .graph-list-item {
    margin-top: calc(18 / var(--font-size) * 1rem);
    padding-top: calc(16 / var(--font-size) * 1rem);
  }
  .graph-list__container--3col .graph-list-item + .graph-list-item::before {
    content: "";
    display: block;
    background: var(--sub-01-color-10);
    width: calc(243 / var(--font-size) * 1rem);
    height: calc(3 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .graph-list__container--3col .vertical-bar-graph-list__container {
    position: relative;
  }
  .c-check-list-item + .c-check-list-item {
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .c-check-list-txt {
    display: flex;
    align-items: start;
  }
  .c-check-list-txt::before {
    content: "";
    display: block;
    width: calc(23 / var(--font-size) * 1rem);
    padding-top: calc(19 / var(--font-size) * 1rem);
    background: url("../img/list-deco-check.svg") no-repeat center/contain;
    margin-top: calc(4 / var(--font-size) * 1rem);
    margin-right: calc(13 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .c-check-list-txt__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}
@media all and (min-width: 768px), print {
  .circle-graph {
    display: flex;
    justify-content: center;
  }
  .circle-graph-content {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .circle-graph-content {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .circle-graph-content .circle-graph-item {
    fill: transparent;
    stroke-width: 48;
  }
  .circle-graph-content .circle-graph-item--01 {
    --circle-size: 338;
    stroke: var(--main-color-100);
  }
  .circle-graph-content .circle-graph-item--02 {
    --circle-size: 454;
    stroke: var(--sub-05-color-100);
  }
}
@media all and (max-width: 767px) {
  .circle-graph {
    display: flex;
    justify-content: center;
  }
  .circle-graph-content {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .circle-graph-content {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .circle-graph-content .circle-graph-item {
    fill: transparent;
    stroke-width: 48;
  }
  .circle-graph-content .circle-graph-item--01 {
    --circle-size: 338;
    stroke: var(--main-color-100);
  }
  .circle-graph-content .circle-graph-item--02 {
    --circle-size: 454;
    stroke: var(--sub-05-color-100);
  }
}
@media all and (min-width: 768px), print {
  .column-bar-graph-list__container {
    --gap-size: 16;
    --graph-height: 101;
    --graph-width: 441;
  }
  .column-bar-graph-list-item {
    --graph-color: var(--main-color-100);
  }
  .column-bar-graph-list-item + .column-bar-graph-list-item {
    margin-top: calc(var(--gap-size) / var(--font-size) * 1rem);
  }
  .column-bar-graph {
    max-width: calc(var(--graph-width) / var(--font-size) * 1rem);
    width: 100%;
    height: calc(var(--graph-height) / var(--font-size) * 1rem);
  }
  .column-bar-graph__in {
    height: 100%;
    padding: 0 calc(24 / var(--graph-width) * 100%) 0 calc(19 / var(--graph-width) * 100%);
    background: var(--graph-color);
    border-radius: calc(4 / var(--font-size) * 1rem);
  }
  .column-bar-graph__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .column-bar-graph-txt__label {
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .column-bar-graph-value {
    max-width: calc(50 / var(--font-size) * 1rem);
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .column-bar-graph-list__container {
    --gap-size: 16;
    --graph-height: 66;
    --graph-width: 311;
  }
  .column-bar-graph-list-item {
    --graph-color: var(--main-color-100);
  }
  .column-bar-graph-list-item + .column-bar-graph-list-item {
    margin-top: calc(var(--gap-size) / var(--font-size) * 1rem);
  }
  .column-bar-graph {
    max-width: calc(var(--graph-width) / var(--font-size) * 1rem);
    width: 100%;
    height: calc(var(--graph-height) / var(--font-size) * 1rem);
  }
  .column-bar-graph__in {
    height: 100%;
    padding: 0 calc(11 / var(--graph-width) * 100%) 0 calc(13 / var(--graph-width) * 100%);
    background: var(--graph-color);
    border-radius: calc(4 / var(--font-size) * 1rem);
  }
  .column-bar-graph__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .column-bar-graph-txt__label {
    color: var(--white-color);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .column-bar-graph-value {
    max-width: calc(38 / var(--font-size) * 1rem);
    margin-left: calc(14 / var(--font-size) * 1rem);
  }
}
/* learned-content */
@media all and (min-width: 768px), print {
  .learned-content {
    margin: calc(32 / var(--font-size) * 1rem) auto 0;
    max-width: calc(919 / var(--font-size) * 1rem);
    position: relative;
    padding-top: calc(48 / var(--font-size) * 1rem);
  }
  .learned-content::before {
    content: "";
    display: block;
    background: url("../img/learned-deco-arrow.svg") no-repeat center/contain;
    width: calc(128 / var(--font-size) * 1rem);
    padding-top: calc(30 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .learned-content__in {
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .learned-content-head {
    margin-bottom: calc(25 / var(--font-size) * 1rem);
  }
  .learned-content-head .c-header-lv3__in {
    display: flex;
    justify-content: center;
  }
  .learned-content-head .c-header-lv3__in::before {
    content: "";
    display: block;
    width: calc(40 / var(--font-size) * 1rem);
    padding-top: calc(40 / var(--font-size) * 1rem);
    background: url("../img/section-ttl_deco.svg") no-repeat center/contain;
    margin-right: calc(13 / var(--font-size) * 1rem);
  }
  .learned-content-head .c-header-lv3__txt {
    margin-top: calc(3 / var(--font-size) * 1rem);
  }
  .learned-card__in {
    background: var(--white-color);
    border: var(--yellow-color-100) solid calc(10 / var(--font-size) * 1rem);
    padding: 0 calc(39 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .learned-card__body {
    padding: calc(28 / var(--font-size) * 1rem) 0;
  }
}
@media all and (max-width: 767px) {
  .learned-content {
    margin: calc(26 / var(--font-size) * 1rem) auto 0;
    max-width: calc(919 / var(--font-size) * 1rem);
    position: relative;
    padding-top: calc(43 / var(--font-size) * 1rem);
  }
  .learned-content::before {
    content: "";
    display: block;
    background: url("../img/learned-deco-arrow.svg") no-repeat center/contain;
    width: calc(128 / var(--font-size) * 1rem);
    padding-top: calc(30 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .learned-content-head {
    margin-bottom: calc(29 / var(--font-size) * 1rem);
  }
  .learned-content-head .c-header-lv3__in {
    display: flex;
    justify-content: center;
  }
  .learned-content-head .c-header-lv3__in::before {
    content: "";
    display: block;
    width: calc(28 / var(--font-size) * 1rem);
    padding-top: calc(28 / var(--font-size) * 1rem);
    background: url("../img/section-ttl_deco.svg") no-repeat center/contain;
    margin-right: calc(12 / var(--font-size) * 1rem);
  }
  .learned-content-head .c-header-lv3__txt {
    margin-top: calc(3 / var(--font-size) * 1rem);
    font-size: calc(22 / var(--font-size) * 1rem);
  }
  .learned-card__in {
    background: var(--white-color);
    border: var(--yellow-color-100) solid calc(7 / var(--font-size) * 1rem);
    padding: 0 calc(13 / var(--font-size) * 1rem);
    border-radius: calc(12 / var(--font-size) * 1rem);
  }
  .learned-card__body {
    padding: calc(20 / var(--font-size) * 1rem) 0;
  }
}
/* --------------------------------------------------------------------------
  MV
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .mv-sec {
    background: url("../img/img_mv_bg.png") no-repeat center/cover;
  }
  .mv-sec__in {
    height: calc(407 / var(--font-size) * 1rem);
  }
  .mv-sec__body {
    padding: calc(103 / var(--font-size) * 1rem) 0 0;
  }
  .mv-title-main {
    margin: 0 auto;
    width: calc(640 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .mv-sec {
    background: url("../img/img_mv_bg.png") no-repeat center/cover;
  }
  .mv-sec__in {
    height: calc(280 / var(--font-size) * 1rem);
  }
  .mv-sec__body {
    padding: calc(83 / var(--font-size) * 1rem) 0 0;
  }
  .mv-title-main {
    margin: 0 auto;
    width: calc(314 / var(--font-size) * 1rem);
  }
}
/* --------------------------------------------------------------------------
  INTERVIEW
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .interview-sec {
    background: var(--main-color-100);
  }
  .interview-sec__body {
    padding-top: calc(70 / var(--font-size) * 1rem);
  }
  .interview-sec__header .c-header-title {
    margin-bottom: calc(30 / var(--font-size) * 1rem) !important;
  }
  .interview-sec__header .c-header-title__txt {
    max-width: calc(372 / var(--font-size) * 1rem);
    padding-top: calc(76 / var(--font-size) * 1rem);
  }
  .interview-read {
    margin-bottom: calc(88 / var(--font-size) * 1rem);
  }
  .interview-read-txt {
    margin-bottom: calc(41 / var(--font-size) * 1rem);
  }
  .interview-read-txt .c-txt {
    line-height: 2;
  }
  .interview-read-txt .c-txt + .c-txt {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .interview-sec .c-comment-read__in {
    background: var(--yellow-color-10);
  }
  .interview-sec .c-comment-ico-name__label {
    color: var(--white-color);
  }
  .intro-pdf-btn {
    width: calc(360 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  .interview-sec {
    background: var(--main-color-100);
  }
  .interview-sec__body {
    padding-top: calc(35 / var(--font-size) * 1rem);
    padding-bottom: calc(54 / var(--font-size) * 1rem);
  }
  .interview-sec__header .c-header-title {
    margin-bottom: calc(38 / var(--font-size) * 1rem) !important;
  }
  .interview-sec__header .c-header-title__txt {
    max-width: calc(317 / var(--font-size) * 1rem);
    padding-top: calc(55 / var(--font-size) * 1rem);
  }
  .interview-sec__header .c-header-title__txt::before {
    width: calc(36 / var(--font-size) * 1rem);
    height: calc(36 / var(--font-size) * 1rem);
  }
  .interview-read {
    margin-bottom: calc(52 / var(--font-size) * 1rem);
  }
  .interview-read-txt {
    margin-bottom: calc(41 / var(--font-size) * 1rem);
  }
  .interview-read-txt .c-txt {
    line-height: 2;
  }
  .interview-read-txt .c-txt + .c-txt {
    margin-top: calc(19 / var(--font-size) * 1rem);
  }
  .interview-sec .c-comment-read__in {
    background: var(--yellow-color-10);
  }
  .interview-sec .c-comment-ico-name__label {
    color: var(--white-color);
  }
  .intro-pdf-btn {
    width: calc(345 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
}
/* interview-block--01 */
@media all and (min-width: 768px), print {
  .interview-block--01 .c-header-lv2-txt {
    width: calc(552 / var(--font-size) * 1rem);
  }
  .result-content-list-item--important,
  .result-content-list-item--like {
    width: calc((100% - 20 / var(--font-size) * 1rem) / 2);
  }
  /* important */
  .result-content-list-item--important .vertical-bar-graph-list-item--2019 .vertical-bar-graph__in {
    height: calc(100% - 20 / var(--font-size) * 1rem);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2022 .vertical-bar-graph__in {
    height: calc(100% - 6 / var(--font-size) * 1rem);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: 100%;
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2019 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2022 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2024 {
    --graph-color: var(--sub-05-color-100);
  }
  /* like */
  .result-content-list-item--like .vertical-bar-graph-list-item--2019 .vertical-bar-graph__in {
    height: 100%;
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2022 .vertical-bar-graph__in {
    height: calc(100% - 19 / var(--font-size) * 1rem);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: calc(100% - 53 / var(--font-size) * 1rem);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2019 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2022 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2024 {
    --graph-color: var(--sub-05-color-100);
  }
  /* issues */
  .result-content-list-item--issues .vertical-bar-graph-list__container {
    --gap-size: 23;
    --graph-height: 198;
    --graph-arrow-w: 186;
    --graph-arrow-top: 13;
    --graph-arrow-rotate: 20deg;
  }
  .result-content-list-item--issues .graph-list-item-heading {
    min-height: calc(52 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2022 .vertical-bar-graph__in {
    height: 100%;
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: calc(100% - 24 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2022 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2024 {
    --graph-color: var(--sub-05-color-100);
  }
  .result-content-list-item--issues .c-box-content-txt {
    margin-top: calc(34 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box-summary {
    max-width: calc(634 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box__in {
    position: relative;
  }
  .result-content-list-item--issues .c-box__in::before,
  .result-content-list-item--issues .c-box__in::after {
    content: "";
    display: block;
    position: absolute;
  }
  .result-content-list-item--issues .c-box__body {
    position: relative;
    z-index: 1;
  }
  .result-content-list-item--issues .c-box__in::before {
    width: calc(141 / var(--font-size) * 1rem);
    padding-top: calc(113 / var(--font-size) * 1rem);
    background: url("../img/bg-deco-shell.svg") no-repeat center/contain;
    top: 0;
    left: 0;
    margin-top: calc(22 / var(--font-size) * 1rem);
    margin-left: calc(26 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box__in::after {
    width: calc(153 / var(--font-size) * 1rem);
    padding-top: calc(144 / var(--font-size) * 1rem);
    background: url("../img/bg-deco-turtle.svg") no-repeat center/contain;
    bottom: 0;
    right: 0;
    margin-bottom: calc(25 / var(--font-size) * 1rem);
    margin-right: calc(25 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box-heading__label {
    margin-bottom: calc(17 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .interview-block--01 .c-header-lv2-txt__in {
    width: calc(249 / var(--font-size) * 1rem);
  }
  /* important */
  .result-content-list-item--important .vertical-bar-graph-list-item--2019 .vertical-bar-graph__in {
    height: calc(100% - 17 / var(--font-size) * 1rem);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2022 .vertical-bar-graph__in {
    height: calc(100% - 4 / var(--font-size) * 1rem);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: 100%;
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2019 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2022 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--important .vertical-bar-graph-list-item--2024 {
    --graph-color: var(--sub-05-color-100);
  }
  /* like */
  .result-content-list-item--like .vertical-bar-graph-list-item--2019 .vertical-bar-graph__in {
    height: 100%;
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2022 .vertical-bar-graph__in {
    height: calc(100% - 15 / var(--font-size) * 1rem);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: calc(100% - 42 / var(--font-size) * 1rem);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2019 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2022 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--like .vertical-bar-graph-list-item--2024 {
    --graph-color: var(--sub-05-color-100);
  }
  /* issues */
  .result-content-list-item--issues .vertical-bar-graph-list__container {
    --gap-size: 23;
    --graph-height: 136;
    --graph-arrow-w: 166;
    --graph-width: 88;
    --graph-arrow-top: 6;
    --graph-arrow-rotate: 16deg;
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2022 .vertical-bar-graph__in {
    height: 100%;
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: calc(100% - 16 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .issues-list-item--climate .vertical-bar-graph-list-item--2024 .vertical-bar-graph__in {
    height: calc(100% - 22 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2022 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--issues .vertical-bar-graph-list-item--2024 {
    --graph-color: var(--sub-05-color-100);
  }
  .result-content-list-item--issues .c-box-content-txt {
    margin-top: calc(34 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box-summary {
    max-width: calc(634 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box__in {
    position: relative;
  }
  .result-content-list-item--issues .c-box__in::before,
  .result-content-list-item--issues .c-box__in::after {
    content: "";
    display: block;
    position: absolute;
  }
  .result-content-list-item--issues .c-box__body {
    position: relative;
    z-index: 1;
  }
  .result-content-list-item--issues .c-box__in::before {
    width: calc(104 / var(--font-size) * 1rem);
    padding-top: calc(83 / var(--font-size) * 1rem);
    background: url("../img/bg-deco-shell.svg") no-repeat center/contain;
    top: 0;
    left: 0;
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box__in::after {
    width: calc(81 / var(--font-size) * 1rem);
    padding-top: calc(76 / var(--font-size) * 1rem);
    background: url("../img/bg-deco-turtle.svg") no-repeat center/contain;
    bottom: 0;
    right: 0;
    margin-bottom: calc(128 / var(--font-size) * 1rem);
    margin-right: calc(3 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .c-box-heading__label {
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .result-content-list-item--issues .vertical-bar-graph__in {
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
}
/* interview-block--02 */
@media all and (min-width: 768px), print {
  .interview-block--02 .c-header-lv2-txt {
    width: calc(345 / var(--font-size) * 1rem);
  }
  /* normally */
  .interview-block--02 .c-box-list-item {
    width: calc((100% - 20 / var(--font-size) * 1rem) / 2);
  }
  .result-content-list-item--normally .c-box-content-txt {
    margin-top: calc(38 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .column-bar-graph-txt {
    display: flex;
    align-items: center;
  }
  .result-content-list-item--normally .column-bar-graph-txt::before {
    content: "";
    display: block;
    width: calc(37 / var(--font-size) * 1rem);
    padding-top: calc(37 / var(--font-size) * 1rem);
    margin-right: calc(13 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .c-box-heading__label {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .c-box-heading__label {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--01 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--02 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--03 {
    --graph-color: var(--sub-05-color-100);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--01 .column-bar-graph-txt::before {
    background: url("../img/ico-time.svg") no-repeat center/contain;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--02 .column-bar-graph-txt::before {
    background: url("../img/ico-star.svg") no-repeat center/contain;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--03 .column-bar-graph-txt::before {
    background: url("../img/ico-money.svg") no-repeat center/contain;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--01 .column-bar-graph__in {
    width: 100%;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--02 .column-bar-graph__in {
    width: calc(100% - 49 / var(--graph-width) * 100%);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--03 .column-bar-graph__in {
    width: calc(100% - 109 / var(--graph-width) * 100%);
  }
  /* leisure */
  .result-content-list-item--leisure .c-box__body {
    padding-bottom: calc(26 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .c-box-summary {
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .column-bar-graph-list__container {
    --gap-size: 10;
    --graph-height: 60;
    --graph-width: 392;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--01 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--02 {
    --graph-color: var(--sub-02-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--03 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--04 {
    --graph-color: var(--sub-04-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 {
    --graph-color: var(--sub-05-color-100);
    margin-top: calc(11 / var(--font-size) * 1rem);
    position: relative;
    padding-top: calc(29 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05::before {
    content: "";
    display: block;
    width: calc(8 / var(--font-size) * 1rem);
    padding-top: calc(24 / var(--font-size) * 1rem);
    background: url("../img/leisure-deco-dot.svg") no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(89 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--01 .column-bar-graph__in {
    width: 100%;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--02 .column-bar-graph__in {
    width: calc(100% - 9 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--03 .column-bar-graph__in {
    width: calc(100% - 109 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--04 .column-bar-graph__in {
    width: calc(100% - 132 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__in {
    width: calc(100% - 338 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph {
    position: relative;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__body {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: calc(60 / var(--font-size) * 1rem);
    width: auto;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph-txt {
    flex-shrink: 0;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph-txt__label {
    color: var(--sub-05-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph-value {
    margin-left: calc(8 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  /* wontGo */
  .result-content-list-item--wontGo .c-box__body,
  .result-content-list-item--went .c-box__body {
    position: relative;
  }
  .result-content-list-item--wontGo .c-box__body::before,
  .result-content-list-item--went .c-box__body::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    margin-top: calc(107 / var(--font-size) * 1rem);
  }
  .result-content-list-item--wontGo .c-box__body::before {
    background: url("../img/bg-deco-house.svg") no-repeat center/contain;
    width: calc(130 / var(--font-size) * 1rem);
    padding-top: calc(130 / var(--font-size) * 1rem);
    left: 0;
  }
  .result-content-list-item--went .c-box__body::before {
    background: url("../img/bg-deco-parasol.svg") no-repeat center/contain;
    width: calc(144 / var(--font-size) * 1rem);
    padding-top: calc(131 / var(--font-size) * 1rem);
    right: 0;
    margin-right: calc(-15 / var(--font-size) * 1rem);
  }
  .ranking-content-top__in {
    position: relative;
    z-index: 1;
  }
  .ranking-content-num__label {
    color: var(--main-color-100);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .ranking-reason-txt__label {
    color: var(--main-color-100);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .ranking-content-num__label--unit {
    font-size: 0.625em;
  }
  .ranking-content-top .ranking-reason {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .ranking-content-top .ranking-content-num {
    text-align: center;
  }
  .ranking-content-top .ranking-reason-txt {
    text-align: center;
  }
  .ranking-content-top .ranking-content-num__label {
    font-size: calc(32 / var(--font-size) * 1rem);
  }
  .ranking-content-top .ranking-reason-txt__label {
    font-size: calc(32 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .ranking-content-top .ranking-reason-num {
    width: calc(72 / var(--font-size) * 1rem);
    margin: calc(11 / var(--font-size) * 1rem) auto 0;
  }
  .ranking-content-lower-content .ranking-content-num {
    margin-right: calc(10 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .ranking-content-lower-content .ranking-content-num__label {
    font-size: calc(32 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .ranking-content-lower-content .ranking-reason-txt__label {
    font-size: calc(22 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .ranking-content-lower-content .ranking-reason-num {
    width: calc(48 / var(--font-size) * 1rem);
    margin-left: calc(20 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .ranking-content-lower-content {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .ranking-content-lower-content__in {
    background: var(--sub-03-color-10);
    padding: 0 5.6603773585%;
    border-radius: calc(10 / var(--font-size) * 1rem);
  }
  .ranking-content-lower-content__body {
    padding: calc(15 / var(--font-size) * 1rem) 0;
  }
  .ranking-content-lower-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ranking-content-lower-list-item + .ranking-content-lower-list-item {
    margin-top: calc(6 / var(--font-size) * 1rem);
  }
  .ranking-content-lower__container {
    display: flex;
    align-items: baseline;
  }
}
@media all and (min-width: 768px) and (max-width: 1120px) {
  .column-bar-graph-txt__label {
    font-size: 1.7857142857vw;
  }
}
@media all and (max-width: 767px) {
  .interview-block--02 .c-header-lv2-txt__in {
    width: calc(254 / var(--font-size) * 1rem);
  }
  /* normally */
  .result-content-list-item--normally .c-box-content-txt {
    margin-top: calc(9 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .c-box-summary {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .column-bar-graph-txt {
    display: flex;
    align-items: center;
  }
  .result-content-list-item--normally .column-bar-graph-txt::before {
    content: "";
    display: block;
    width: calc(26 / var(--font-size) * 1rem);
    padding-top: calc(24 / var(--font-size) * 1rem);
    margin-right: calc(12 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .c-box-heading__label {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .c-box-heading__label {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--01 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--02 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--03 {
    --graph-color: var(--sub-05-color-100);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--01 .column-bar-graph-txt::before {
    background: url("../img/ico-time.svg") no-repeat center/contain;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--02 .column-bar-graph-txt::before {
    background: url("../img/ico-star.svg") no-repeat center/contain;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--03 .column-bar-graph-txt::before {
    background: url("../img/ico-money.svg") no-repeat center/contain;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--01 .column-bar-graph__in {
    width: 100%;
  }
  .result-content-list-item--normally .column-bar-graph-list-item--02 .column-bar-graph__in {
    width: calc(100% - 34 / var(--graph-width) * 100%);
  }
  .result-content-list-item--normally .column-bar-graph-list-item--03 .column-bar-graph__in {
    width: calc(100% - 76 / var(--graph-width) * 100%);
  }
  /* leisure */
  .result-content-list-item--leisure .c-box__body {
    padding-bottom: calc(26 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .c-box-summary {
    margin-top: calc(9 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .column-bar-graph-list__container {
    --gap-size: 10;
    --graph-height: 43;
    --graph-width: 303;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--01 {
    --graph-color: var(--main-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--02 {
    --graph-color: var(--sub-02-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--03 {
    --graph-color: var(--sub-03-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--04 {
    --graph-color: var(--sub-04-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 {
    --graph-color: var(--sub-05-color-100);
    margin-top: calc(8 / var(--font-size) * 1rem);
    position: relative;
    padding-top: calc(20 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05::before {
    content: "";
    display: block;
    width: calc(3 / var(--font-size) * 1rem);
    padding-top: calc(17 / var(--font-size) * 1rem);
    background: url("../img/leisure-deco-dot.svg") no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(76 / var(--font-size) * 1rem);
  }
  .result-content-list-item--leisure .column-bar-graph__in {
    padding: 0 calc(23 / var(--graph-width) * 100%) 0 calc(21 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--01 .column-bar-graph__in {
    width: 100%;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--02 .column-bar-graph__in {
    width: calc(100% - 7 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--03 .column-bar-graph__in {
    width: calc(100% - 91 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--04 .column-bar-graph__in {
    width: calc(100% - 102 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__in {
    width: calc(100% - 261 / var(--graph-width) * 100%);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph {
    position: relative;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph__body {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: calc(60 / var(--font-size) * 1rem);
    width: auto;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph-txt {
    flex-shrink: 0;
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph-txt__label {
    color: var(--sub-05-color-100);
  }
  .result-content-list-item--leisure .column-bar-graph-list-item--05 .column-bar-graph-value {
    margin-left: calc(8 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  /* wontGo */
  .result-content-list-item--wontGo .c-box__body,
  .result-content-list-item--went .c-box__body {
    position: relative;
  }
  .result-content-list-item--wontGo .c-box__body::before,
  .result-content-list-item--went .c-box__body::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
  }
  .result-content-list-item--wontGo .c-box__body::before {
    background: url("../img/bg-deco-house.svg") no-repeat center/contain;
    width: calc(103 / var(--font-size) * 1rem);
    padding-top: calc(103 / var(--font-size) * 1rem);
    left: 0;
    margin-top: calc(78 / var(--font-size) * 1rem);
  }
  .result-content-list-item--went .c-box__body::before {
    background: url("../img/bg-deco-parasol.svg") no-repeat center/contain;
    width: calc(111 / var(--font-size) * 1rem);
    padding-top: calc(101 / var(--font-size) * 1rem);
    right: 0;
    margin-right: calc(4 / var(--font-size) * 1rem);
    margin-top: calc(83 / var(--font-size) * 1rem);
  }
  .ranking-content-top__in {
    position: relative;
    z-index: 1;
  }
  .ranking-content-num__label {
    color: var(--main-color-100);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .ranking-reason-txt__label {
    color: var(--main-color-100);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .ranking-content-num__label--unit {
    font-size: 0.5909090909em;
  }
  .ranking-content-top .ranking-reason {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .ranking-content-top .ranking-content-num {
    text-align: center;
  }
  .ranking-content-top .ranking-reason-txt {
    text-align: center;
  }
  .ranking-content-top .ranking-content-num__label {
    font-size: calc(25 / var(--font-size) * 1rem);
  }
  .ranking-content-top .ranking-reason-txt__label {
    font-size: calc(25 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .ranking-content-top .ranking-reason-num {
    width: calc(58 / var(--font-size) * 1rem);
    margin: calc(3 / var(--font-size) * 1rem) auto 0;
  }
  .ranking-content-lower-content .ranking-content-num {
    margin-right: calc(6 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .ranking-content-lower-content .ranking-content-num__label {
    font-size: calc(22 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .ranking-content-lower-content .ranking-reason-txt__label {
    font-size: calc(15 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .ranking-content-lower-content .ranking-reason-num {
    width: calc(32 / var(--font-size) * 1rem);
    margin-left: calc(20 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .ranking-content-lower-content {
    margin: calc(16 / var(--font-size) * 1rem) auto 0;
    width: calc(303 / var(--font-size) * 1rem);
  }
  .ranking-content-lower-content__in {
    background: var(--sub-03-color-10);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(6 / var(--font-size) * 1rem);
  }
  .ranking-content-lower-content__body {
    padding: calc(10 / var(--font-size) * 1rem) 0 calc(14 / var(--font-size) * 1rem);
  }
  .ranking-content-lower-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ranking-content-lower-list-item + .ranking-content-lower-list-item {
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .ranking-content-lower__container {
    display: flex;
    align-items: baseline;
  }
  .result-content-list-item--wontGo .c-box-content-txt {
    margin-top: calc(9 / var(--font-size) * 1rem);
  }
  .result-content-list-item--wontGo .c-box-summary {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
}
/* hint-content */
@media all and (min-width: 768px), print {
  .l-sec-block.hint-block {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .hint-content {
    background: var(--main-color-10);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .hint-content__in {
    padding: 0 calc(56 / var(--font-size) * 1rem);
  }
  .hint-content__body {
    padding: calc(57 / var(--font-size) * 1rem) 0 calc(32 / var(--font-size) * 1rem);
  }
  .hint-content-heading-txt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hint-content-heading-txt::before {
    content: "";
    display: block;
    background: url("../img/section-hint_ico.svg") no-repeat center/contain;
    width: calc(69 / var(--font-size) * 1rem);
    padding-top: calc(69 / var(--font-size) * 1rem);
    margin-right: calc(24 / var(--font-size) * 1rem);
  }
  .hint-content-heading-txt__label {
    width: calc(578 / var(--font-size) * 1rem);
  }
  .hint-content .c-box-list {
    gap: calc(32 / var(--font-size) * 1rem);
  }
  /* media */
  .hint-content--media .c-box-heading__label {
    margin-bottom: calc(42 / var(--font-size) * 1rem);
  }
  .hint-content--notAction .c-box-heading__label {
    margin-bottom: calc(64 / var(--font-size) * 1rem);
  }
  .hint-content--image .c-box-heading__label {
    margin-bottom: calc(37 / var(--font-size) * 1rem);
  }
  .hint-content--image .c-box-content-txt {
    margin-top: calc(29 / var(--font-size) * 1rem);
  }
  .media-content-bar {
    width: 100%;
    max-width: calc(625 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .media-content-bar-list {
    display: flex;
  }
  .media-content-bar-list-item {
    overflow: hidden;
  }
  .media-content-bar-list-item--have {
    --media-bg: var(--main-color-100);
    width: 52.16%;
    border-radius: calc(4 / var(--font-size) * 1rem) 0 0 calc(4 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--havent {
    --media-bg: var(--sub-05-color-100);
    width: 47.84%;
    border-radius: 0 calc(4 / var(--font-size) * 1rem) calc(4 / var(--font-size) * 1rem) 0;
  }
  .media-content-bar-list-item--havent .bar-card__body {
    flex-direction: row-reverse;
  }
  .bar-card {
    background: var(--media-bg);
  }
  .media-content-bar-list-item--have .bar-card__in {
    padding: 0 calc(24 / var(--font-size) * 1rem) 0 calc(28 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--havent .bar-card__in {
    padding: 0 calc(28 / var(--font-size) * 1rem) 0 calc(24 / var(--font-size) * 1rem);
  }
  .bar-card__body {
    padding: calc(13 / var(--font-size) * 1rem) 0 calc(15 / var(--font-size) * 1rem);
  }
  .bar-card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bar-card-txt__label {
    color: var(--white-color);
    font-size: calc(24 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .bar-card-num {
    width: calc(52 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--have .bar-card-num {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--havent .bar-card-num {
    margin-right: calc(20 / var(--font-size) * 1rem);
  }
  .media-visit-list__container {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .media-visit-list {
    display: flex;
    justify-content: center;
    gap: calc(60 / var(--font-size) * 1rem);
  }
  .media-visit-list-item {
    width: calc((100% - 60 / var(--font-size) * 1rem) / 2);
  }
  .media-visit-list-item--getting {
    --head-color: var(--main-color-100);
  }
  .media-visit-list-item--notGetting {
    --head-color: var(--sub-05-color-100);
  }
  .media-visit-card-heading {
    text-align: center;
    margin-bottom: calc(27 / var(--font-size) * 1rem);
  }
  .media-visit-card-heading__label {
    display: inline-block;
    position: relative;
    color: var(--head-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .media-visit-card-graph {
    display: flex;
    justify-content: center;
  }
  .media-visit-list-item--getting .media-visit-card-graph .circle-graph-content .circle-graph-item--01 {
    --circle-size: 288;
  }
  .media-visit-list-item--notGetting .media-visit-card-graph .circle-graph-content .circle-graph-item--01 {
    --circle-size: 140;
  }
  .media-visit-card-graph__in .circle-graph {
    position: relative;
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
  }
  .media-visit-card-graph__in .circle-graph::before,
  .media-visit-card-graph__in .circle-graph::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
  }
  .media-visit-list-item--getting .media-visit-card-graph__in .circle-graph::before {
    background: url("../img/hint-graph-num-getting-00.png") no-repeat center/contain;
    width: calc(57 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(-48 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--getting .media-visit-card-graph__in .circle-graph::after {
    background: url("../img/hint-graph-num-getting-01.png") no-repeat center/contain;
    width: calc(72 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(-70 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--notGetting .media-visit-card-graph__in .circle-graph::before {
    background: url("../img/hint-graph-num-notGetting-00.png") no-repeat center/contain;
    width: calc(57 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(-47 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--notGetting .media-visit-card-graph__in .circle-graph::after {
    background: url("../img/hint-graph-num-notGetting-01.png") no-repeat center/contain;
    width: calc(72 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(-70 / var(--font-size) * 1rem);
  }
  .hint-content--media .c-box-content-txt {
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
  /* not-action */
  .hint-content--notAction .c-box-content-txt {
    margin-top: calc(28 / var(--font-size) * 1rem);
  }
  .notAction-reason-list {
    display: flex;
    justify-content: center;
    gap: calc(64 / var(--font-size) * 1rem);
  }
  .notAction-reason-list-item {
    width: 20.1754385965%;
    margin: 0 auto;
  }
  .notAction-reason-list-item {
    margin: 0 calc(10 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .ranking-card-img {
    max-width: calc(146 / var(--font-size) * 1rem);
    margin: 0 auto 0;
  }
  .ranking-card-read {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .ranking-card-read-num {
    text-align: center;
  }
  .ranking-card-read-num__in {
    background: var(--sub-05-color-100);
    border-radius: calc(10 / var(--font-size) * 1rem);
    padding: calc(0 / var(--font-size) * 1rem) calc(26 / var(--font-size) * 1rem) calc(6 / var(--font-size) * 1rem) calc(19 / var(--font-size) * 1rem);
    display: inline-block;
  }
  .ranking-card-read-num-txt__label {
    color: var(--white-color);
    font-size: calc(32 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .ranking-card-read-num-txt__label--unit {
    font-size: 0.625em;
  }
  .ranking-card-read-reason {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .ranking-card-read-reason-txt {
    min-height: calc(78 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ranking-card-read-reason-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .ranking-card-read-ratio {
    margin: 0 auto 0;
    width: calc(50 / var(--font-size) * 1rem);
  }
  .image-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(24 / var(--font-size) * 1rem);
  }
  .image-list-item {
    width: calc((100% - 48 / var(--font-size) * 1rem) / 3);
  }
  .image-img {
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 1;
    border: solid calc(5 / var(--font-size) * 1rem) var(--sub-05-color-100);
    border-radius: calc(20 / var(--font-size) * 1rem);
  }
  .image-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .image-list-item--10 .image-img::before {
    background: url("../img/image-img-age-10.png") no-repeat center/contain;
  }
  .image-list-item--20 .image-img::before {
    background: url("../img/image-img-age-20.png") no-repeat center/contain;
  }
  .image-list-item--30 .image-img::before {
    background: url("../img/image-img-age-30.png") no-repeat center/contain;
  }
  .image-list-item--40 .image-img::before {
    background: url("../img/image-img-age-40.png") no-repeat center/contain;
  }
  .image-list-item--50 .image-img::before {
    background: url("../img/image-img-age-50.png") no-repeat center/contain;
  }
  .image-list-item--60 .image-img::before {
    background: url("../img/image-img-age-60.png") no-repeat center/contain;
  }
  .image-img-ico {
    position: relative;
  }
  .image-img-ico::before {
    content: "";
    display: block;
    width: 17.6258992806%;
    padding-top: 15.4676258993%;
    background: url("../img/image-ico.png") no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -3.9568345324%;
    margin-left: -20.5035971223%;
    transform: translateX(-50%);
  }
  .image-txt {
    margin-top: calc(10 / var(--font-size) * 1rem);
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .image-txt__label {
    width: 100%;
    width: 20.9558823529%;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) and (max-width: 912px), print {
  .media-visit-list {
    flex-direction: column;
    align-items: center;
  }
  .kids-interview-list {
    flex-direction: column;
  }
}
@media all and (max-width: 767px) {
  .l-sec-block.hint-block {
    margin-top: calc(27 / var(--font-size) * 1rem);
  }
  .hint-content {
    background: var(--main-color-10);
    border-radius: calc(16 / var(--font-size) * 1rem);
    margin: 0 -50vw;
    padding: 0 50vw;
  }
  .hint-content__body {
    padding: calc(32 / var(--font-size) * 1rem) 0 calc(32 / var(--font-size) * 1rem);
  }
  .hint-content-heading {
    text-align: center;
  }
  .hint-content-heading-txt {
    position: relative;
    padding-left: calc(61 / var(--font-size) * 1rem);
    display: inline-block;
  }
  .hint-content-heading-txt::before {
    content: "";
    display: block;
    background: url("../img/section-hint_ico.svg") no-repeat center/contain;
    width: calc(47 / var(--font-size) * 1rem);
    padding-top: calc(47 / var(--font-size) * 1rem);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .hint-content-heading-txt__label {
    width: calc(242 / var(--font-size) * 1rem);
  }
  .hint-content .l-sec-block-heading + .c-box-list__container {
    margin-top: calc(28 / var(--font-size) * 1rem);
  }
  .hint-content .c-box-list {
    gap: calc(32 / var(--font-size) * 1rem);
  }
  /* media */
  .hint-content--media .c-box-heading__label {
    margin-bottom: calc(42 / var(--font-size) * 1rem);
  }
  .hint-content--notAction .c-box-heading__label {
    margin-bottom: calc(33 / var(--font-size) * 1rem);
  }
  .hint-content--image .c-box-heading__label {
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .hint-content--image .c-box-content-txt {
    margin-top: calc(29 / var(--font-size) * 1rem);
  }
  .media-content-bar {
    width: 100%;
    max-width: calc(625 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .media-content-bar-list {
    display: flex;
  }
  .media-content-bar-list-item {
    overflow: hidden;
  }
  .media-content-bar-list-item--have {
    --media-bg: var(--main-color-100);
    width: 52.1604938272%;
    border-radius: calc(4 / var(--font-size) * 1rem) 0 0 calc(4 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--havent {
    --media-bg: var(--sub-05-color-100);
    width: 47.8395061728%;
    border-radius: 0 calc(4 / var(--font-size) * 1rem) calc(4 / var(--font-size) * 1rem) 0;
  }
  .media-content-bar-list-item--havent .bar-card__body {
    flex-direction: row-reverse;
  }
  .bar-card {
    background: var(--media-bg);
  }
  .media-content-bar-list-item--have .bar-card__in {
    padding: 0 calc(13 / var(--font-size) * 1rem) 0 calc(14 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--havent .bar-card__in {
    padding: 0 calc(9 / var(--font-size) * 1rem) 0 calc(13 / var(--font-size) * 1rem);
  }
  .bar-card__body {
    padding: calc(13 / var(--font-size) * 1rem) 0 calc(15 / var(--font-size) * 1rem);
  }
  .bar-card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bar-card-txt__label {
    color: var(--white-color);
    font-size: calc(15 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.1533333333;
  }
  .bar-card-num {
    width: calc(33 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--have .bar-card-num {
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .media-content-bar-list-item--havent .bar-card-num {
    margin-right: calc(8 / var(--font-size) * 1rem);
  }
  .media-visit-list__container {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .media-visit-list-item + .media-visit-list-item {
    margin-top: calc(36 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--getting {
    --head-color: var(--main-color-100);
  }
  .media-visit-list-item--notGetting {
    --head-color: var(--sub-05-color-100);
  }
  .media-visit-card-heading {
    text-align: center;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .media-visit-card-heading__label {
    display: inline-block;
    position: relative;
    color: var(--head-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .media-visit-card-graph {
    display: flex;
    justify-content: center;
  }
  .media-visit-list-item--getting .media-visit-card-graph .circle-graph-content .circle-graph-item--01 {
    --circle-size: 288;
  }
  .media-visit-list-item--notGetting .media-visit-card-graph .circle-graph-content .circle-graph-item--01 {
    --circle-size: 140;
  }
  .media-visit-card-graph__in .circle-graph {
    position: relative;
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
  }
  .media-visit-card-graph__in .circle-graph::before,
  .media-visit-card-graph__in .circle-graph::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
  }
  .media-visit-list-item--getting .media-visit-card-graph__in .circle-graph::before {
    background: url("../img/hint-graph-num-getting-00_sp.png") no-repeat center/contain;
    width: calc(59 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(-50 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--getting .media-visit-card-graph__in .circle-graph::after {
    background: url("../img/hint-graph-num-getting-01_sp.png") no-repeat center/contain;
    width: calc(62 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(-50 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--notGetting .media-visit-card-graph__in .circle-graph::before {
    background: url("../img/hint-graph-num-notGetting-00_sp.png") no-repeat center/contain;
    width: calc(57 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    left: 0;
    margin-top: calc(62 / var(--font-size) * 1rem);
    margin-left: calc(-50 / var(--font-size) * 1rem);
  }
  .media-visit-list-item--notGetting .media-visit-card-graph__in .circle-graph::after {
    background: url("../img/hint-graph-num-notGetting-01_sp.png") no-repeat center/contain;
    width: calc(60 / var(--font-size) * 1rem);
    padding-top: calc(108 / var(--font-size) * 1rem);
    right: 0;
    margin-top: calc(-6 / var(--font-size) * 1rem);
    margin-right: calc(-50 / var(--font-size) * 1rem);
  }
  /* not-action */
  .hint-content--notAction .c-box-content-txt {
    margin-top: calc(21 / var(--font-size) * 1rem);
  }
  .notAction-content {
    max-width: calc(350 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .notAction-reason-list-item {
    margin: 0 calc(10 / var(--font-size) * 1rem);
  }
  .notAction-reason-list-item + .notAction-reason-list-item {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .ranking-card__in {
    display: flex;
    align-items: center;
  }
  .ranking-card-img {
    max-width: calc(73 / var(--font-size) * 1rem);
  }
  .ranking-card-read {
    margin-left: calc(17 / var(--font-size) * 1rem);
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-grow: 1;
  }
  .ranking-card-read-num__in {
    background: var(--sub-05-color-100);
    border-radius: calc(6 / var(--font-size) * 1rem);
    padding: calc(0 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(2 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem);
    display: inline-block;
  }
  .ranking-card-read-num-txt__label {
    color: var(--white-color);
    font-size: calc(21 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
  }
  .ranking-card-read-num-txt__label--unit {
    font-size: 0.619047619em;
  }
  .ranking-card-read-reason {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .ranking-card-read-reason-txt__label {
    color: var(--main-color-100);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .ranking-card-read-ratio {
    width: calc(47 / var(--font-size) * 1rem);
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .image-content {
    width: calc(283 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .image-list-item + .image-list-item {
    margin-top: calc(13 / var(--font-size) * 1rem);
  }
  .image-img {
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 1;
    border: solid calc(5 / var(--font-size) * 1rem) var(--sub-05-color-100);
    border-radius: calc(20 / var(--font-size) * 1rem);
  }
  .image-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .image-list-item--10 .image-img::before {
    background: url("../img/image-img-age-10.png") no-repeat center/contain;
  }
  .image-list-item--20 .image-img::before {
    background: url("../img/image-img-age-20.png") no-repeat center/contain;
  }
  .image-list-item--30 .image-img::before {
    background: url("../img/image-img-age-30.png") no-repeat center/contain;
  }
  .image-list-item--40 .image-img::before {
    background: url("../img/image-img-age-40.png") no-repeat center/contain;
  }
  .image-list-item--50 .image-img::before {
    background: url("../img/image-img-age-50.png") no-repeat center/contain;
  }
  .image-list-item--60 .image-img::before {
    background: url("../img/image-img-age-60.png") no-repeat center/contain;
  }
  .image-img-ico {
    position: relative;
  }
  .image-img-ico::before {
    content: "";
    display: block;
    width: calc(49 / var(--font-size) * 1rem);
    padding-top: calc(43 / var(--font-size) * 1rem);
    background: url("../img/image-ico.png") no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: calc(-11 / var(--font-size) * 1rem);
    margin-left: calc(-64 / var(--font-size) * 1rem);
    transform: translateX(-50%);
  }
  .image-txt {
    margin-top: calc(10 / var(--font-size) * 1rem);
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .image-txt__label {
    width: 100%;
    width: calc(57 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
}
/* interview-block--03 */
@media all and (min-width: 768px), print {
  .interview-block--03 .c-header-lv2-txt {
    width: calc(456 / var(--font-size) * 1rem);
  }
  /* applicable */
  .interest-content-list-item--applicable .c-box__in {
    position: relative;
    z-index: 1;
  }
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::before,
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
  }
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::before {
    background: url("../img/bg-deco-sandals.svg") no-repeat center/contain;
    width: calc(100 / var(--font-size) * 1rem);
    padding-top: calc(129 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(26 / var(--font-size) * 1rem);
    margin-left: calc(34 / var(--font-size) * 1rem);
  }
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::after {
    background: url("../img/bg-deco-ball.svg") no-repeat center/contain;
    width: calc(141 / var(--font-size) * 1rem);
    padding-top: calc(173 / var(--font-size) * 1rem);
    bottom: 0;
    right: 0;
    margin-bottom: calc(62 / var(--font-size) * 1rem);
    margin-right: calc(8 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .c-box-heading__label {
    margin-bottom: calc(27 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .vertical-bar-graph-list__container {
    --gap-size: 24;
    --graph-height: 193;
    --graph-width: 88;
    --graph-arrow-w: 190;
    --graph-arrow-rotate: -14deg;
    --graph-arrow-top: 70;
  }
  .interest-content-list-item--applicable .vertical-bar-graph-list__container .vertical-bar-graph-arrow {
    left: calc(28 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .graph-list__container {
    max-width: 100%;
  }
  .interest-content-list-item--applicable .graph-list__container--3col .vertical-bar-graph-list__container {
    padding: 0 20.5278592375%;
  }
  .vertical-bar-graph-list-item--all {
    --graph-color: var(--main-color-100);
  }
  .vertical-bar-graph-list-item--young {
    --graph-color: var(--sub-05-color-100);
  }
  .applicable-list-item--like .vertical-bar-graph-list-item--all .vertical-bar-graph__in {
    height: calc(100% - 28 / var(--font-size) * 1rem);
  }
  .applicable-list-item--wantGo .vertical-bar-graph-list-item--all .vertical-bar-graph__in {
    height: calc(100% - 26 / var(--font-size) * 1rem);
  }
  .applicable-list-item--visit .vertical-bar-graph-list-item--all .vertical-bar-graph__in {
    height: calc(100% - 22 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .c-box-content-txt {
    margin-top: calc(47 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .c-box-summary {
    max-width: calc(800 / var(--font-size) * 1rem);
  }
  .applicable-list-item .vertical-bar-graph-list-item:nth-child(2) {
    position: relative;
  }
  .applicable-list-item .vertical-bar-graph-list-item:nth-child(2)::before {
    content: "";
    display: block;
    background: #000;
    width: 79.5454545455%;
    padding-top: 79.5454545455%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: -42.0454545455%;
    margin-right: -61.3636363636%;
  }
  .applicable-list-item--like .vertical-bar-graph-list-item:nth-child(2)::before {
    background: url("../img/applicable-like-point.png") no-repeat center/contain;
  }
  .applicable-list-item--wantGo .vertical-bar-graph-list-item:nth-child(2)::before {
    background: url("../img/applicable-wantGo-point.png") no-repeat center/contain;
  }
  .applicable-list-item--visit .vertical-bar-graph-list-item:nth-child(2)::before {
    background: url("../img/applicable-visit-point.png") no-repeat center/contain;
  }
  /* learning */
  .interest-content-list-item--learning .c-box-heading__label {
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .learning-list__container {
    max-width: calc(865 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .learning-list {
    display: flex;
    justify-content: center;
  }
  .learning-list-item {
    width: 33.3333333333%;
    padding: 0 calc(10 / var(--font-size) * 1rem);
  }
  .learning-card {
    height: 100%;
  }
  .learning-card__in {
    height: 100%;
  }
  .learning-card__bpdy {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
  }
  .learning-card-heading {
    margin-bottom: calc(3 / var(--font-size) * 1rem);
  }
  .learning-card-heading-txt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .learning-card-heading-txt::before {
    content: "";
    display: block;
    width: 21.6417910448%;
    padding-top: 20.8955223881%;
    margin-right: calc(11 / var(--font-size) * 1rem);
  }
  .learning-list-item--get .learning-card-heading-txt::before {
    background: url("../img/ico-movie.svg") no-repeat center/contain;
  }
  .learning-list-item--like .learning-card-heading-txt::before {
    background: url("../img/ico-memo.svg") no-repeat center/contain;
  }
  .learning-list-item--sns .learning-card-heading-txt::before {
    background: url("../img/ico-phone.svg") no-repeat center/contain;
  }
  .learning-card-heading-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .learning-card-content-list {
    display: flex;
    align-items: end;
    justify-content: center;
  }
  .learning-card-content-list-item {
    flex-shrink: 0;
    width: 100%;
    max-width: calc(var(--graph-size) / 268 * 100%);
  }
  .learning-list-item--get .learning-card-content-list-item--all {
    --graph-size: 110;
  }
  .learning-list-item--get .learning-card-content-list-item--young {
    --graph-size: 131;
  }
  .learning-list-item--like .learning-card-content-list-item--all {
    --graph-size: 110;
  }
  .learning-list-item--like .learning-card-content-list-item--young {
    --graph-size: 121;
  }
  .learning-list-item--sns .learning-card-content-list-item--all {
    --graph-size: 91;
  }
  .learning-list-item--sns .learning-card-content-list-item--young {
    --graph-size: 131;
  }
  .learning-card-content-list-item--all {
    --graph-color: var(--main-color-100);
  }
  .learning-card-content-list-item--young {
    --graph-color: var(--sub-05-color-100);
    margin-left: calc(-6 / var(--font-size) * 1rem);
  }
  .learning-card-content-list-item-graph__in {
    position: relative;
  }
  .learning-card-content-list-item-graph__in::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    background: var(--graph-color);
    border-radius: 50%;
  }
  .learning-card-content-list-item-graph-txt {
    width: 100%;
    width: calc(51 / var(--graph-size) * 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .learning-card-content-list-item-txt {
    text-align: center;
  }
  .learning-card-content-list-item-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .interest-content-list-item--learning .c-box-content-txt {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--learning .c-box-summary {
    max-width: calc(800 / var(--font-size) * 1rem);
  }
  /* environment */
  .interest-content-list-item--environment .c-box-content-txt {
    margin-top: calc(33 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--environment .c-box-heading__label {
    margin-bottom: calc(63 / var(--font-size) * 1rem);
  }
  .environment-content__body {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .environment-content-comment {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: calc(17 / var(--font-size) * 1rem);
    margin-right: calc(14 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .environment-content-comment::before {
    content: "";
    display: block;
    width: calc(33 / var(--font-size) * 1rem);
    padding-top: calc(33 / var(--font-size) * 1rem);
    background: var(--main-color-100);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
            clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
  }
  .environment-content-comment__in {
    background: var(--main-color-100);
    padding: 0 calc(24 / var(--font-size) * 1rem);
    border-radius: calc(30 / var(--font-size) * 1rem);
  }
  .environment-content-comment__body {
    padding: calc(22 / var(--font-size) * 1rem) 0 calc(19 / var(--font-size) * 1rem);
  }
  .environment-content-comment-txt {
    text-align: center;
    display: inline-block;
  }
  .environment-content-comment-txt__label {
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .senses-list-item + .senses-list-item {
    margin-top: calc(25 / var(--font-size) * 1rem);
  }
  .senses-list-item--all {
    --graph-color: var(--main-color-100);
  }
  .senses-list-item--young {
    --graph-color: var(--sub-05-color-100);
  }
  .senses-card__body {
    display: flex;
    align-items: center;
  }
  .senses-card-read {
    display: flex;
    align-items: center;
    margin-right: calc(19 / var(--font-size) * 1rem);
  }
  .senses-card-read-heading {
    width: calc(64 / var(--font-size) * 1rem);
    margin-top: calc(4 / var(--font-size) * 1rem);
    margin-right: calc(10 / var(--font-size) * 1rem);
    text-align: right;
  }
  .senses-card-read-heading__label {
    color: var(--graph-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0em;
  }
  .senses-card-read-num {
    width: calc(65 / var(--font-size) * 1rem);
  }
  .senses-card-value {
    display: flex;
    gap: calc(7 / var(--font-size) * 1rem);
  }
  .senses-card-value-ico::before {
    content: "";
    display: block;
    width: calc(49 / var(--font-size) * 1rem);
    padding-top: calc(45 / var(--font-size) * 1rem);
    -webkit-mask-image: url("../img/ico-leaves.svg");
    mask-image: url("../img/ico-leaves.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--graph-color);
  }
  .interest-content-list-item--environment .c-box-summary {
    max-width: calc(800 / var(--font-size) * 1rem);
  }
  .elementary-heading {
    margin-top: calc(72 / var(--font-size) * 1rem);
    margin-bottom: calc(42 / var(--font-size) * 1rem);
  }
  .kids-interview {
    max-width: calc(840 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .kids-interview-list {
    display: flex;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .kids-interview-list-item {
    width: 97.5%;
  }
  .kids-interview-graph-txt {
    text-align: center;
    margin-bottom: calc(42 / var(--font-size) * 1rem);
  }
  .kids-interview-graph-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .kids-interview-graph {
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
    margin: auto;
  }
  .kids-interview-graph__in {
    position: relative;
  }
  .kids-interview-graph__in .circle-graph::before,
  .kids-interview-graph__in .circle-graph::after {
    content: "";
    display: block;
    position: absolute;
  }
  .kids-interview-list-item--wantGo .circle-graph::before {
    background: url("../img/kids-wantGo-txt-false.png") no-repeat center/contain;
    width: calc(136 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(14 / var(--font-size) * 1rem);
    transform: translateX(-100%);
  }
  .kids-interview-list-item--wantGo .circle-graph::after {
    background: url("../img/kids-wantGo-txt-true.png") no-repeat center/contain;
    width: calc(80 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(3 / var(--font-size) * 1rem);
    transform: translateX(100%);
  }
  .kids-interview-list-item--went .circle-graph::before {
    background: url("../img/kids-went-txt-false.png") no-repeat center/contain;
    width: calc(57 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(14 / var(--font-size) * 1rem);
    transform: translateX(-100%);
  }
  .kids-interview-list-item--went .circle-graph::after {
    background: url("../img/kids-went-txt-true.png") no-repeat center/contain;
    width: calc(72 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(3 / var(--font-size) * 1rem);
    transform: translateX(100%);
  }
  .circle-graph {
    position: relative;
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
  }
  .circle-graph-content {
    width: 100%;
    height: 100%;
  }
  .kids-interview-list-item--went .circle-graph-item--01 {
    --circle-size: 268;
  }
  .kids-interview-list-item--wantGo .c-box-content-txt {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .kids-interview-list-item--went .c-box-content-txt {
    margin-top: calc(21 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--reason .c-box-content-txt {
    margin-top: calc(33 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--wantGo {
    max-width: calc(375 / var(--font-size) * 1rem);
    width: 100%;
  }
  .want-go-ranking-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(31 / var(--font-size) * 1rem) calc(26 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--01 {
    width: 100%;
  }
  .want-go-ranking-list-item--02,
  .want-go-ranking-list-item--03 {
    width: calc((100% - 31 / var(--font-size) * 1rem) / 2);
  }
  .want-go-ranking-card {
    position: relative;
  }
  .want-go-ranking-card::before {
    content: "";
    display: block;
    width: calc(62 / var(--font-size) * 1rem);
    padding-top: calc(48 / var(--font-size) * 1rem);
    margin: 0 auto calc(6 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--01 .want-go-ranking-card::before {
    background: url("../img/ico-ranking-01.svg") no-repeat center/contain;
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card::before {
    background: url("../img/ico-ranking-02.svg") no-repeat center/contain;
  }
  .want-go-ranking-list-item--03 .want-go-ranking-card::before {
    background: url("../img/ico-ranking-03.svg") no-repeat center/contain;
  }
  .want-go-ranking-card__in {
    background: var(--main-color-10);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(10 / var(--font-size) * 1rem);
  }
  .want-go-ranking-card__body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(7 / var(--font-size) * 1rem) 0 calc(17 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--01 .want-go-ranking-card__body {
    padding: calc(9 / var(--font-size) * 1rem) 0;
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card__body,
  .want-go-ranking-list-item--03 .want-go-ranking-card__body {
    flex-direction: column;
  }
  .want-go-ranking-list-item--01 .want-go-ranking-card-num {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .want-go-ranking-card-txt__label {
    color: var(--main-color-100);
    font-size: calc(26 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.2307692308;
    letter-spacing: 0em;
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card-txt__label,
  .want-go-ranking-list-item--03 .want-go-ranking-card-txt__label {
    font-size: calc(22 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card-num,
  .want-go-ranking-list-item--03 .want-go-ranking-card-num {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .want-go-ranking-card-num {
    width: calc(49 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--vacation {
    width: 100%;
    max-width: calc(427 / var(--font-size) * 1rem);
    margin-left: 7.683982684%;
  }
  .interest-content-list-item--reason .c-box-heading__label {
    margin-bottom: calc(30 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--learned .c-box-content-item--2col {
    gap: 7.8125%;
    align-items: end;
  }
  .want-to-list {
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .want-to-list-item {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    max-width: calc(var(--max-width) / 427 * 100%);
  }
  .want-to-list-item--trip {
    --thema-color: var(--sub-03-color-100);
    --heading-label: 15;
    --heading-label-s: 18;
    --ico-size: 42;
    --num-mt: 9;
    --max-width: 167;
    margin-right: -10.7728337237%;
    margin-bottom: -16.6276346604%;
  }
  .want-to-list-item--firework {
    --thema-color: var(--main-color-100);
    --heading-label: 14;
    --heading-label-s: 20;
    --ico-size: 65;
    --num-mt: 15;
    --max-width: 191;
  }
  .want-to-list-item--sea {
    --thema-color: var(--sub-05-color-100);
    --heading-label: 15;
    --heading-label-s: 18;
    --ico-size: 54;
    --num-mt: 11;
    --max-width: 149;
    margin-left: -14.5199063232%;
    margin-bottom: -22.7166276347%;
  }
  .want-to-card {
    height: 100%;
  }
  .want-to-card__in {
    background: var(--thema-color);
    border-radius: 50%;
    height: 100%;
  }
  .want-to-card__body {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .want-to-card-heading {
    text-align: center;
  }
  .want-to-card-heading__label {
    color: var(--white-color);
    font-size: calc(var(--heading-label) / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.2307692308;
    letter-spacing: 0em;
  }
  .want-to-card-heading__label--strong {
    font-size: calc(var(--heading-label-s) / var(--heading-label) * 1em);
  }
  .want-to-card-ico {
    width: calc(var(--ico-size) / var(--max-width) * 100%);
    margin: calc(7 / var(--max-width) * 100%) auto 0;
  }
  .want-to-card-num {
    width: calc(48 / var(--max-width) * 100%);
    margin: calc(var(--num-mt) / var(--max-width) * 100%) auto 0;
  }
  .c-box-content-item-top--comparison {
    width: 45.01953125%;
  }
  .sea-list {
    display: flex;
    align-items: end;
    gap: 8.8937093275%;
  }
  .sea-comment {
    position: relative;
    padding-bottom: calc(14 / var(--font-size) * 1rem);
    margin-bottom: calc(21 / var(--font-size) * 1rem);
  }
  .sea-comment::before {
    content: "";
    display: block;
    width: calc(38 / var(--font-size) * 1rem);
    padding-top: calc(33 / var(--font-size) * 1rem);
    background: var(--sub-03-color-100);
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
            clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .sea-comment__in {
    background: var(--sub-03-color-100);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
    position: relative;
    z-index: 1;
  }
  .sea-comment__body {
    padding: calc(18 / var(--font-size) * 1rem) 0;
  }
  .sea-comment-txt {
    text-align: center;
  }
  .sea-comment-txt__label {
    color: var(--white-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-list__container {
    --gap-size: 18;
    --graph-height: 194;
    --graph-width: 88;
  }
  .vertical-bar-graph-list-item--true {
    --graph-color: var(--main-color-100);
  }
  .vertical-bar-graph-list-item--false {
    --graph-color: var(--sub-05-color-100);
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-txt--txt {
    margin-top: calc(14 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-txt--txt .vertical-bar-graph-txt__label {
    color: var(--graph-color);
    font-size: calc(18 / var(--font-size) * 1rem);
  }
  .sea-list-item--want .vertical-bar-graph-list-item--true .vertical-bar-graph__in {
    height: 100%;
  }
  .sea-list-item--want .vertical-bar-graph-list-item--false .vertical-bar-graph__in {
    height: calc(100% - 31 / var(--font-size) * 1rem);
  }
  .sea-list-item--went .vertical-bar-graph-list-item--true .vertical-bar-graph__in {
    height: 100%;
  }
  .sea-list-item--went .vertical-bar-graph-list-item--false .vertical-bar-graph__in {
    height: calc(100% - 64 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--experience .c-box-heading__label {
    margin-bottom: calc(52 / var(--font-size) * 1rem);
  }
  .experience-content {
    margin: 0 auto;
    width: calc(244 / var(--font-size) * 1rem);
    height: calc(244 / var(--font-size) * 1rem);
    position: relative;
  }
  .experience-content::before {
    content: "";
    display: block;
    background: url("../img/experience-graph-arrow.svg") no-repeat center/contain;
    width: 11.0655737705%;
    padding-top: 20.0819672131%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: -29.5081967213%;
    transform: translateY(-50%);
  }
  .experience-content .circle-graph {
    width: 100%;
    height: 100%;
  }
  .experience-content__body {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-box-content-item-top--experience .circle-graph-content .circle-graph-item {
    stroke-width: 122;
  }
  .c-box-content-item-top--experience .circle-graph-content .circle-graph-item--01 {
    --circle-size: 230;
  }
  .c-box-content-item-top--experience .circle-graph-content .circle-graph-item--02 {
    --circle-size: 380;
  }
  .learn-graph {
    position: relative;
  }
  .learn-graph::before,
  .learn-graph::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .learn-graph::before {
    width: calc(82 / var(--font-size) * 1rem);
    padding-top: calc(91 / var(--font-size) * 1rem);
    background: url("../img/experience-graph-num-false.png") no-repeat center/contain;
    margin-top: calc(54 / var(--font-size) * 1rem);
    margin-left: calc(19 / var(--font-size) * 1rem);
  }
  .learn-graph::after {
    width: calc(82 / var(--font-size) * 1rem);
    padding-top: calc(68 / var(--font-size) * 1rem);
    background: url("../img/experience-graph-num-ture.png") no-repeat center/contain;
    margin-top: calc(98 / var(--font-size) * 1rem);
    margin-left: calc(137 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--learned .c-box-content-txt {
    margin-top: calc(42 / var(--font-size) * 1rem);
  }
}
@media all and (min-width: 768px) and (max-width: 969px) {
  .want-to-card-heading__label {
    font-size: calc(var(--heading-label) / 969 * 100vw);
  }
  .learning-card-heading-txt__label {
    font-size: 2.0639834881vw;
  }
  .interest-content-list-item--learned .c-box-content-item--2col {
    flex-direction: column;
    align-items: center;
    gap: calc(62 / var(--font-size) * 1rem);
  }
  .experience-content::before {
    left: 50%;
    right: auto;
    bottom: 0;
    top: auto;
    transform: translateX(-50%) rotate(90deg);
    margin-bottom: calc(-46 / var(--font-size) * 1rem);
    width: 6.5573770492%;
    padding-top: 11.4754098361%;
  }
}
@media all and (min-width: 768px) and (max-width: 1120px) {
  .sea-comment-txt__label {
    font-size: 1.7857142857vw;
  }
  .c-box-content-item-top--comparison {
    width: 100%;
  }
  .sea-list {
    justify-content: center;
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-txt--txt .vertical-bar-graph-txt__label {
    font-size: 1.6071428571vw;
  }
}
@media all and (max-width: 767px) {
  .interview-block--03 .c-header-lv2-txt__in {
    width: calc(198 / var(--font-size) * 1rem);
  }
  /* applicable */
  .interest-content-list-item--applicable .c-box__in {
    position: relative;
    z-index: 1;
  }
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::before,
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
  }
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::before {
    background: url("../img/bg-deco-sandals.svg") no-repeat center/contain;
    width: calc(73 / var(--font-size) * 1rem);
    padding-top: calc(95 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(49 / var(--font-size) * 1rem);
    margin-left: calc(13 / var(--font-size) * 1rem);
  }
  .interest-content-list__container--high .interest-content-list-item--applicable .c-box__in::after {
    background: url("../img/bg-deco-ball.svg") no-repeat center/contain;
    width: calc(92 / var(--font-size) * 1rem);
    padding-top: calc(125 / var(--font-size) * 1rem);
    bottom: 0;
    right: 0;
    margin-bottom: calc(116 / var(--font-size) * 1rem);
    margin-right: calc(3 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .c-box-heading__label {
    margin-bottom: calc(25 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .vertical-bar-graph-list__container {
    --gap-size: 24;
    --graph-height: 143;
    --graph-width: 88;
  }
  .interest-content-list-item--applicable .vertical-bar-graph-list__container .vertical-bar-graph-arrow {
    left: calc(28 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .graph-list__container {
    max-width: 100%;
  }
  .interest-content-list-item--applicable .graph-list-item-heading {
    margin-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .vertical-bar-graph-list-item--all {
    --graph-color: var(--main-color-100);
  }
  .vertical-bar-graph-list-item--young {
    --graph-color: var(--sub-05-color-100);
  }
  .applicable-list-item--like .vertical-bar-graph-list-item--all .vertical-bar-graph__in {
    height: calc(100% - 28 / var(--font-size) * 1rem);
  }
  .applicable-list-item--wantGo .vertical-bar-graph-list-item--all .vertical-bar-graph__in {
    height: calc(100% - 26 / var(--font-size) * 1rem);
  }
  .applicable-list-item--visit .vertical-bar-graph-list-item--all .vertical-bar-graph__in {
    height: calc(100% - 22 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .vertical-bar-graph__in {
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .c-box-content-txt {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--applicable .c-box-summary {
    max-width: calc(800 / var(--font-size) * 1rem);
  }
  .applicable-list-item .vertical-bar-graph-list-item:nth-child(2) {
    position: relative;
  }
  .applicable-list-item .vertical-bar-graph-list-item:nth-child(2)::before {
    content: "";
    display: block;
    background: #000;
    width: calc(60 / var(--font-size) * 1rem);
    padding-top: calc(60 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: calc(-37 / var(--font-size) * 1rem);
    margin-right: calc(-50 / var(--font-size) * 1rem);
  }
  .applicable-list-item--like .vertical-bar-graph-list-item:nth-child(2)::before {
    background: url("../img/applicable-like-point.png") no-repeat center/contain;
  }
  .applicable-list-item--wantGo .vertical-bar-graph-list-item:nth-child(2)::before {
    background: url("../img/applicable-wantGo-point.png") no-repeat center/contain;
  }
  .applicable-list-item--visit .vertical-bar-graph-list-item:nth-child(2)::before {
    background: url("../img/applicable-visit-point.png") no-repeat center/contain;
  }
  /* learning */
  .interest-content-list-item--learning .c-box-heading__label {
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .learning-list__container {
    max-width: calc(865 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .learning-list-item + .learning-list-item {
    margin-top: calc(34 / var(--font-size) * 1rem);
  }
  .learning-card {
    height: 100%;
  }
  .learning-card__in {
    height: 100%;
  }
  .learning-card__bpdy {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
  }
  .learning-card-heading {
    margin-bottom: calc(13 / var(--font-size) * 1rem);
  }
  .learning-card-heading-txt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .learning-card-heading-txt::before {
    content: "";
    display: block;
    width: calc(58 / var(--font-size) * 1rem);
    padding-top: calc(55 / var(--font-size) * 1rem);
    margin-right: calc(11 / var(--font-size) * 1rem);
  }
  .learning-list-item--get .learning-card-heading-txt::before {
    background: url("../img/ico-movie.svg") no-repeat center/contain;
  }
  .learning-list-item--like .learning-card-heading-txt::before {
    background: url("../img/ico-memo.svg") no-repeat center/contain;
  }
  .learning-list-item--sns .learning-card-heading-txt::before {
    background: url("../img/ico-phone.svg") no-repeat center/contain;
  }
  .learning-card-heading-txt__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .learning-card-content-list {
    display: flex;
    align-items: end;
    justify-content: center;
  }
  .learning-card-content-list-item {
    flex-shrink: 0;
    width: 100%;
    max-width: calc(var(--graph-size) / var(--font-size) * 1rem);
  }
  .learning-list-item--get .learning-card-content-list-item--all {
    --graph-size: 110;
  }
  .learning-list-item--get .learning-card-content-list-item--young {
    --graph-size: 131;
  }
  .learning-list-item--like .learning-card-content-list-item--all {
    --graph-size: 110;
  }
  .learning-list-item--like .learning-card-content-list-item--young {
    --graph-size: 121;
  }
  .learning-list-item--sns .learning-card-content-list-item--all {
    --graph-size: 91;
  }
  .learning-list-item--sns .learning-card-content-list-item--young {
    --graph-size: 131;
  }
  .learning-card-content-list-item--all {
    --graph-color: var(--main-color-100);
  }
  .learning-card-content-list-item--young {
    --graph-color: var(--sub-05-color-100);
    margin-left: calc(-6 / var(--font-size) * 1rem);
  }
  .learning-card-content-list-item-graph__in {
    position: relative;
  }
  .learning-card-content-list-item-graph__in::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    background: var(--graph-color);
    border-radius: 50%;
  }
  .learning-card-content-list-item-graph-txt {
    width: calc(51 / var(--font-size) * 1rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .learning-card-content-list-item-txt {
    text-align: center;
    margin-top: calc(5 / var(--font-size) * 1rem);
  }
  .learning-card-content-list-item-txt__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .interest-content-list-item--learning .c-box-content-txt {
    margin-top: calc(14 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--learning .c-box-summary {
    max-width: calc(800 / var(--font-size) * 1rem);
  }
  /* environment */
  .interest-content-list-item--environment .c-box-content-txt {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--environment .c-box-heading__label {
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .environment-content__body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .environment-content-comment {
    position: relative;
    z-index: 1;
    padding-bottom: calc(13 / var(--font-size) * 1rem);
    margin-bottom: calc(14 / var(--font-size) * 1rem);
  }
  .environment-content-comment::before {
    content: "";
    display: block;
    width: calc(20 / var(--font-size) * 1rem);
    padding-top: calc(20 / var(--font-size) * 1rem);
    background: var(--main-color-100);
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
            clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: -1;
  }
  .environment-content-comment__in {
    background: var(--main-color-100);
    padding: 0 calc(17 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .environment-content-comment__body {
    padding: calc(12 / var(--font-size) * 1rem) 0 calc(11 / var(--font-size) * 1rem);
  }
  .environment-content-comment-txt {
    text-align: center;
    display: inline-block;
  }
  .environment-content-comment-txt__label {
    color: var(--white-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .senses-list-item + .senses-list-item {
    margin-top: calc(14 / var(--font-size) * 1rem);
  }
  .senses-list-item--all {
    --graph-color: var(--main-color-100);
  }
  .senses-list-item--young {
    --graph-color: var(--sub-05-color-100);
  }
  .senses-card__body {
    display: flex;
    align-items: end;
  }
  .senses-card-read {
    margin-right: calc(16 / var(--font-size) * 1rem);
  }
  .senses-card-read-heading {
    width: calc(64 / var(--font-size) * 1rem);
  }
  .senses-card-read-heading__label {
    color: var(--graph-color);
    font-size: calc(17 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.5986394558;
    letter-spacing: 0em;
  }
  .senses-card-read-num {
    width: calc(57 / var(--font-size) * 1rem);
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .senses-card-value {
    display: flex;
    gap: calc(4 / var(--font-size) * 1rem);
  }
  .senses-card-value-ico::before {
    content: "";
    display: block;
    width: calc(43 / var(--font-size) * 1rem);
    padding-top: calc(39 / var(--font-size) * 1rem);
    -webkit-mask-image: url("../img/ico-leaves.svg");
    mask-image: url("../img/ico-leaves.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--graph-color);
  }
  .interest-content-list-item--environment .c-box-summary {
    max-width: calc(800 / var(--font-size) * 1rem);
  }
  .elementary-heading {
    margin-top: calc(35 / var(--font-size) * 1rem);
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .kids-interview {
    max-width: calc(840 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .kids-interview-list-item + .kids-interview-list-item {
    margin-top: calc(36 / var(--font-size) * 1rem);
  }
  .kids-interview-graph-txt {
    text-align: center;
    margin-bottom: calc(26 / var(--font-size) * 1rem);
  }
  .kids-interview-graph-txt__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .kids-interview-graph {
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
    margin: auto;
  }
  .kids-interview-graph__in {
    position: relative;
  }
  .kids-interview-graph__in .circle-graph::before,
  .kids-interview-graph__in .circle-graph::after {
    content: "";
    display: block;
    position: absolute;
  }
  .kids-interview-list-item--wantGo .circle-graph::before {
    background: url("../img/kids-wantGo-txt-false_sp.png") no-repeat center/contain;
    width: calc(65 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(-55 / var(--font-size) * 1rem);
  }
  .kids-interview-list-item--wantGo .circle-graph::after {
    background: url("../img/kids-wantGo-txt-true_sp.png") no-repeat center/contain;
    width: calc(69 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(-54 / var(--font-size) * 1rem);
  }
  .kids-interview-list-item--went .circle-graph::before {
    background: url("../img/kids-went-txt-false_sp.png") no-repeat center/contain;
    width: calc(65 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(-46 / var(--font-size) * 1rem);
  }
  .kids-interview-list-item--went .circle-graph::after {
    background: url("../img/kids-went-txt-true_sp.png") no-repeat center/contain;
    width: calc(69 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(-48 / var(--font-size) * 1rem);
  }
  .circle-graph {
    position: relative;
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
  }
  .circle-graph-content {
    width: 100%;
    height: 100%;
  }
  .kids-interview-list-item--went .circle-graph-item--01 {
    --circle-size: 268;
  }
  .kids-interview-list-item--wantGo .c-box-content-txt {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .kids-interview-list-item--went .c-box-content-txt {
    margin-top: calc(21 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--reason .c-box-content-txt {
    margin-top: calc(91 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--wantGo {
    max-width: calc(375 / var(--font-size) * 1rem);
    margin: 0 auto;
    width: 100%;
  }
  .want-go-ranking-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(21 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--01 {
    width: 100%;
  }
  .want-go-ranking-list-item--02,
  .want-go-ranking-list-item--03 {
    width: calc((100% - 31 / var(--font-size) * 1rem) / 2);
  }
  .want-go-ranking-card {
    position: relative;
  }
  .want-go-ranking-card::before {
    content: "";
    display: block;
    width: calc(51 / var(--font-size) * 1rem);
    padding-top: calc(39 / var(--font-size) * 1rem);
    margin: 0 auto calc(5 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--01 .want-go-ranking-card::before {
    background: url("../img/ico-ranking-01.svg") no-repeat center/contain;
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card::before {
    background: url("../img/ico-ranking-02.svg") no-repeat center/contain;
  }
  .want-go-ranking-list-item--03 .want-go-ranking-card::before {
    background: url("../img/ico-ranking-03.svg") no-repeat center/contain;
  }
  .want-go-ranking-card__in {
    background: var(--main-color-10);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(10 / var(--font-size) * 1rem);
  }
  .want-go-ranking-card__body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(7 / var(--font-size) * 1rem) 0 calc(17 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--01 .want-go-ranking-card__body {
    padding: calc(9 / var(--font-size) * 1rem) 0;
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card__body,
  .want-go-ranking-list-item--03 .want-go-ranking-card__body {
    flex-direction: column;
  }
  .want-go-ranking-list-item--01 .want-go-ranking-card-num {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .want-go-ranking-card-txt__label {
    color: var(--main-color-100);
    font-size: calc(21 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.2307692308;
    letter-spacing: 0em;
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card-txt__label,
  .want-go-ranking-list-item--03 .want-go-ranking-card-txt__label {
    font-size: calc(18 / var(--font-size) * 1rem);
  }
  .want-go-ranking-list-item--02 .want-go-ranking-card-num,
  .want-go-ranking-list-item--03 .want-go-ranking-card-num {
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .want-go-ranking-card-num {
    width: calc(40 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--vacation {
    width: 100%;
    max-width: calc(427 / var(--font-size) * 1rem);
    margin: calc(24 / var(--font-size) * 1rem) auto;
  }
  .interest-content-list-item--reason .c-box-heading__label {
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--learned .c-box-content-item--2col {
    gap: 7.8125%;
    align-items: end;
  }
  .want-to-list {
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .want-to-list-item {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    max-width: calc(var(--max-width) / var(--font-size) * 1rem);
  }
  .want-to-list-item--trip {
    --thema-color: var(--sub-03-color-100);
    --heading-label: 12;
    --heading-label-s: 14;
    --ico-size: 33;
    --num-mt: 9;
    --max-width: 133;
    margin-right: calc(-52 / var(--font-size) * 1rem);
    margin-bottom: calc(-66 / var(--font-size) * 1rem);
    position: relative;
    z-index: 1;
  }
  .want-to-list-item--firework {
    --thema-color: var(--main-color-100);
    --heading-label: 12;
    --heading-label-s: 16;
    --ico-size: 51;
    --num-mt: 15;
    --max-width: 152;
  }
  .want-to-list-item--sea {
    --thema-color: var(--sub-05-color-100);
    --heading-label: 12;
    --heading-label-s: 15;
    --ico-size: 43;
    --num-mt: 11;
    --max-width: 118;
    margin-left: calc(-42 / var(--font-size) * 1rem);
    margin-bottom: calc(-61 / var(--font-size) * 1rem);
  }
  .want-to-card {
    height: 100%;
  }
  .want-to-card__in {
    background: var(--thema-color);
    border-radius: 50%;
    height: 100%;
  }
  .want-to-card__body {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .want-to-card-heading {
    text-align: center;
  }
  .want-to-card-heading__label {
    color: var(--white-color);
    font-size: calc(var(--heading-label) / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.2307692308;
    letter-spacing: 0em;
  }
  .want-to-card-heading__label--strong {
    font-size: calc(var(--heading-label-s) / var(--heading-label) * 1em);
  }
  .want-to-card-ico {
    width: calc(var(--ico-size) / var(--font-size) * 1rem);
    margin: calc(4 / var(--font-size) * 1rem) auto 0;
  }
  .want-to-card-num {
    width: calc(40 / var(--font-size) * 1rem);
    margin: calc(var(--num-mt) / var(--font-size) * 1rem) auto 0;
  }
  .c-box-content-item-top--comparison {
    margin-top: calc(62 / var(--font-size) * 1rem);
  }
  .sea-list {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: calc(26 / var(--font-size) * 1rem);
  }
  .sea-comment {
    position: relative;
    padding-bottom: calc(9 / var(--font-size) * 1rem);
    margin-bottom: calc(11 / var(--font-size) * 1rem);
  }
  .sea-comment::before {
    content: "";
    display: block;
    width: calc(38 / var(--font-size) * 1rem);
    padding-top: calc(33 / var(--font-size) * 1rem);
    background: var(--sub-03-color-100);
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
            clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .sea-comment__in {
    background: var(--sub-03-color-100);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(10 / var(--font-size) * 1rem);
    position: relative;
    z-index: 1;
  }
  .sea-comment__body {
    padding: calc(10 / var(--font-size) * 1rem) 0 calc(13 / var(--font-size) * 1rem);
  }
  .sea-comment-txt {
    text-align: center;
  }
  .sea-comment-txt__label {
    color: var(--white-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: bold;
    font-family: var(--font-family-zen-new);
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-list__container {
    --gap-size: 13;
    --graph-height: 142;
    --graph-width: 64;
  }
  .vertical-bar-graph-list-item--true {
    --graph-color: var(--main-color-100);
  }
  .vertical-bar-graph-list-item--false {
    --graph-color: var(--sub-05-color-100);
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-txt--txt {
    margin-top: calc(14 / var(--font-size) * 1rem);
    height: calc(36 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
  }
  .c-box-content-item-top--comparison .vertical-bar-graph-txt--txt .vertical-bar-graph-txt__label {
    color: var(--graph-color);
    font-size: calc(14 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .sea-list-item--want .vertical-bar-graph-list-item--true .vertical-bar-graph__in {
    height: 100%;
  }
  .sea-list-item--want .vertical-bar-graph-list-item--false .vertical-bar-graph__in {
    height: calc(100% - 22 / var(--font-size) * 1rem);
  }
  .sea-list-item--went .vertical-bar-graph-list-item--true .vertical-bar-graph__in {
    height: 100%;
  }
  .sea-list-item--went .vertical-bar-graph-list-item--false .vertical-bar-graph__in {
    height: calc(100% - 47 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--comparison .vertical-bar-graph__in {
    padding: 0 calc(12 / var(--font-size) * 1rem);
  }
  .c-box-content-item-top--experience .c-box-heading__label {
    margin-bottom: calc(28 / var(--font-size) * 1rem);
  }
  .experience-content {
    margin: 0 auto;
    width: calc(193 / var(--font-size) * 1rem);
    height: calc(193 / var(--font-size) * 1rem);
    position: relative;
  }
  .experience-content::before {
    content: "";
    display: block;
    background: url("../img/experience-graph-arrow_sp.svg") no-repeat center/contain;
    width: calc(27 / var(--font-size) * 1rem);
    padding-top: calc(16 / var(--font-size) * 1rem);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: calc(-38 / var(--font-size) * 1rem);
  }
  .experience-content .circle-graph {
    width: 100%;
    height: 100%;
  }
  .experience-content__body {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-box-content-item-top--experience .circle-graph-content .circle-graph-item {
    stroke-width: 122;
  }
  .c-box-content-item-top--experience .circle-graph-content .circle-graph-item--01 {
    --circle-size: 230;
  }
  .c-box-content-item-top--experience .circle-graph-content .circle-graph-item--02 {
    --circle-size: 380;
  }
  .learn-graph {
    position: relative;
  }
  .learn-graph::before,
  .learn-graph::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .learn-graph::before {
    width: calc(64 / var(--font-size) * 1rem);
    padding-top: calc(72 / var(--font-size) * 1rem);
    background: url("../img/experience-graph-num-false.png") no-repeat center/contain;
    margin-top: calc(42 / var(--font-size) * 1rem);
    margin-left: calc(15 / var(--font-size) * 1rem);
  }
  .learn-graph::after {
    width: calc(64 / var(--font-size) * 1rem);
    padding-top: calc(53 / var(--font-size) * 1rem);
    background: url("../img/experience-graph-num-ture.png") no-repeat center/contain;
    margin-top: calc(77 / var(--font-size) * 1rem);
    margin-left: calc(108 / var(--font-size) * 1rem);
  }
  .interest-content-list-item--learned .c-box-content-txt {
    margin-top: calc(31 / var(--font-size) * 1rem);
  }
}
/* data-sec */
@media all and (min-width: 768px), print {
  .data-sec,
  .data-sec.sec-bg__wavy::before {
    background: var(--main-color-10);
  }
  .data-sec__body {
    padding-bottom: calc(206 / var(--font-size) * 1rem);
  }
  .data-sec__header .c-header-title {
    margin-bottom: calc(72 / var(--font-size) * 1rem) !important;
  }
  .data-sec__header .c-header-title__txt {
    max-width: calc(504 / var(--font-size) * 1rem);
  }
  .data-sec__header .c-header-title__txt::before {
    background: #2FACFF;
  }
  .data-sec .c-box__in {
    padding: 0 2.5925925926%;
  }
  .attachment-content__body {
    position: relative;
  }
  .attachment-content-img {
    max-width: 59.86328125%;
    margin-left: 29.58984375%;
    margin-top: -1.26953125%;
  }
  .attachment-score__container {
    width: 31.0546875%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 4.8828125%;
    margin-left: 0.29296875%;
  }
  .attachment-score-heading {
    background: var(--main-color-100);
    border-radius: calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) 0 0;
  }
  .attachment-score-heading__in {
    padding: 0 6.2893081761%;
  }
  .attachment-score-heading__body {
    text-align: center;
    padding: 5.0314465409% 0 3.4591194969%;
  }
  .attachment-score-heading__label {
    color: var(--white-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .attachment-score-content {
    background: var(--main-color-10);
    border-radius: 0 0 calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem);
    border: solid var(--main-color-100) calc(2 / var(--font-size) * 1rem);
  }
  .attachment-score-content__in {
    padding: 0 6.6878980892%;
  }
  .attachment-score-content__body {
    padding: 5.4140127389% 0 7.3248407643%;
  }
  .attachment-worst-ranking-list-item--45 {
    --worst-color: #3164BD;
  }
  .attachment-worst-ranking-list-item--46 {
    --worst-color: #295197;
  }
  .attachment-worst-ranking-list-item--47 {
    --worst-color: #2D4A7D;
  }
  .attachment-score-content-txt {
    display: flex;
    color: var(--main-color-100);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .attachment-score-content-list-item:nth-child(1) .attachment-score-content-txt::before {
    content: "1";
  }
  .attachment-score-content-list-item:nth-child(2) .attachment-score-content-txt::before {
    content: "2";
  }
  .attachment-score-content-list-item:nth-child(3) .attachment-score-content-txt::before {
    content: "3";
  }
  .attachment-score-content-list-item:nth-child(4) .attachment-score-content-txt::before {
    content: "4";
  }
  .attachment-score-content-list-item:nth-child(5) .attachment-score-content-txt::before {
    content: "5";
  }
  .attachment-worst {
    background: var(--gray-color-20);
    width: 15.13671875%;
    border-radius: calc(13 / var(--font-size) * 1rem);
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 2.9296875%;
    margin-top: calc(-13 / var(--font-size) * 1rem);
  }
  .attachment-worst__in {
    padding: 0 7.7419354839%;
  }
  .attachment-worst__body {
    padding: calc(13 / var(--font-size) * 1rem) 0 calc(19 / var(--font-size) * 1rem);
  }
  .attachment-worst-heading {
    display: flex;
    justify-content: center;
    position: relative;
    padding-bottom: calc(5 / var(--font-size) * 1rem);
    margin-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .attachment-worst-heading::before {
    content: "";
    display: block;
    width: 11.4503816794%;
    padding-top: 11.4503816794%;
    background: url("../img/data-attachment-arrow.svg") no-repeat center/contain;
    margin-right: calc(3 / var(--font-size) * 1rem);
  }
  .attachment-worst-heading::after {
    content: "";
    display: block;
    width: calc(56 / var(--font-size) * 1rem);
    padding-top: calc(3 / var(--font-size) * 1rem);
    background: var(--main-color-100);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .attachment-worst-heading_label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.6289038579;
    letter-spacing: 0;
  }
  .attachment-worst-ranking-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .attachment-worst-ranking-list-item + .attachment-worst-ranking-list-item {
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .attachment-worst-ranking-ico {
    background: var(--worst-color);
    width: 25.1908396947%;
    min-width: calc(24 / var(--font-size) * 1rem);
    height: 100%;
    border-radius: 50%;
    aspect-ratio: 1/1;
    margin-right: calc(4 / var(--font-size) * 1rem);
  }
  .attachment-worst-ranking-ico__in {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .attachment-worst-ranking-ico-txt__label {
    color: var(--white-color);
    font-size: calc(15 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.7733333333;
    letter-spacing: 0;
  }
  .attachment-worst-ranking-ico-txt__label--unit {
    font-size: 0.8em;
  }
  .attachment-worst-ranking-area-txt__label {
    color: var(--worst-color);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.04em;
  }
  .attachment-worst-ranking-area-num {
    margin-top: calc(5 / var(--font-size) * 1rem);
    max-width: calc(40 / var(--font-size) * 1rem);
  }
  .data-content-list-item--attachment .c-box-content-item-bottom {
    max-width: calc(826 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .data-content-list-item--attachment .c-box-content-txt {
    -moz-text-align-last: left;
         text-align-last: left;
    margin-top: calc(65 / var(--font-size) * 1rem);
  }
  .data-content-list-item--disparity .c-box-heading__label {
    margin-bottom: calc(51 / var(--font-size) * 1rem);
  }
  .disparity-sect-content__in {
    padding: 0 calc(209 / var(--font-size) * 1rem);
  }
  .disparity-list__container {
    max-width: 58.88671875%;
    margin: 0 auto;
    position: relative;
  }
  .disparity-list {
    display: flex;
    gap: 35.3233830846%;
  }
  .disparity-list-item {
    width: 50%;
  }
  .disparity-content-heading {
    text-align: center;
    margin-bottom: calc(27 / var(--font-size) * 1rem);
  }
  .disparity-content-heading__label {
    color: var(--main-color-100);
    font-size: calc(18 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .disparity-content-heading__label--strong {
    font-size: 1.1111111111em;
  }
  .disparity-graph {
    width: calc(193 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .disparity-list-item--lessons .circle-graph-item--01 {
    --circle-size: 280;
  }
  .disparity-list-item--noLessons .circle-graph-item--01 {
    --circle-size: 230;
  }
  .disparity-list-item--lessons .circle-graph,
  .disparity-list-item--noLessons .circle-graph {
    position: relative;
  }
  .disparity-list-item--lessons .circle-graph::before,
  .disparity-list-item--lessons .circle-graph::after,
  .disparity-list-item--noLessons .circle-graph::before,
  .disparity-list-item--noLessons .circle-graph::after {
    content: "";
    display: block;
    position: absolute;
  }
  .disparity-list-item--lessons .circle-graph::before {
    background: url("../img/disparity-lessons-true-graph-num-00.png") no-repeat center/contain;
    width: calc(57 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(64 / var(--font-size) * 1rem);
    margin-left: calc(-47 / var(--font-size) * 1rem);
  }
  .disparity-list-item--lessons .circle-graph::after {
    background: url("../img/disparity-lessons-true-graph-num-01.png") no-repeat center/contain;
    width: calc(72 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-3 / var(--font-size) * 1rem);
    margin-right: calc(-71 / var(--font-size) * 1rem);
  }
  .disparity-list-item--noLessons .circle-graph::before {
    background: url("../img/disparity-lessons-false-graph-num-00.png") no-repeat center/contain;
    width: calc(57 / var(--font-size) * 1rem);
    padding-top: calc(116 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(64 / var(--font-size) * 1rem);
    margin-left: calc(-47 / var(--font-size) * 1rem);
  }
  .disparity-list-item--noLessons .circle-graph::after {
    background: url("../img/disparity-lessons-false-graph-num-01.png") no-repeat center/contain;
    width: calc(72 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-3 / var(--font-size) * 1rem);
    margin-right: calc(-71 / var(--font-size) * 1rem);
  }
  .disparity-comment {
    width: 34.1625207297%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -19.4029850746%;
    margin-left: -34.6600331675%;
  }
  .disparity-comment::before {
    content: "";
    display: block;
    width: calc(34 / var(--font-size) * 1rem);
    padding-top: calc(34 / var(--font-size) * 1rem);
    background: var(--main-color-100);
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 5.6384742952%;
    margin-bottom: -1.3266998342%;
    transform: rotate(-38deg);
  }
  .disparity-comment__in {
    background: var(--main-color-100);
    border-radius: 50%;
    padding: 0 calc(11 / var(--font-size) * 1rem);
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
  }
  .disparity-comment__body {
    padding: calc(20 / var(--font-size) * 1rem) 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .disparity-comment-txt {
    text-align: center;
  }
  .disparity-comment-txt__label {
    color: var(--white-color);
    font-size: calc(18 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .data-content-list-item--disparity .c-box-content-txt {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .data-content-list-item--interested .c-box-heading__label {
    margin-bottom: calc(54 / var(--font-size) * 1rem);
  }
  .interested-content {
    max-width: calc(750 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .interested-content-list {
    display: flex;
    justify-content: center;
    gap: 10.6666666667%;
  }
  .interested-content-list-item {
    width: calc((100% - 160 / var(--font-size) * 1rem) / 3);
  }
  .interested-card-ico {
    max-width: calc(200 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .interested-card-read {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .interested-card-read-txt {
    text-align: center;
  }
  .interested-card-read-txt__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .interested-card-read-num {
    max-width: calc(50 / var(--font-size) * 1rem);
    margin: calc(12 / var(--font-size) * 1rem) auto 0;
  }
  .data-content-list-item--interested .c-box-content-txt {
    margin-top: calc(25 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .c-box-heading__label {
    margin-bottom: calc(32 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .c-box-content-txt {
    margin-top: calc(44 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .interested-content {
    max-width: calc(952 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .interested-content-list {
    gap: 4.2016806723%;
  }
}
@media all and (min-width: 768px) and (max-width: 912px), print {
  .disparity-list {
    flex-direction: column;
    align-items: center;
    gap: calc(72 / var(--font-size) * 1rem);
  }
  .disparity-comment {
    margin-top: -14.2620232172%;
    margin-left: -13.2669983416%;
  }
}
@media all and (min-width: 768px) and (max-width: 1120px), print {
  .attachment-worst-heading_label {
    font-size: 1.4285714286vw;
  }
  .attachment-worst-ranking-area-txt__label {
    font-size: 1.7857142857vw;
  }
  .attachment-worst-ranking-ico-txt__label {
    font-size: 1.3392857143vw;
  }
  .disparity-comment-txt__label {
    font-size: 1.6071428571vw;
  }
}
@media all and (max-width: 767px) {
  .data-sec,
  .data-sec.sec-bg__wavy::before {
    background: var(--main-color-10);
  }
  .data-sec__body {
    padding-top: calc(13 / var(--font-size) * 1rem);
    padding-bottom: calc(63 / var(--font-size) * 1rem);
  }
  .data-sec__header .c-header-title {
    margin-bottom: calc(20 / var(--font-size) * 1rem) !important;
  }
  .data-sec__header .c-header-title__txt {
    max-width: calc(244 / var(--font-size) * 1rem);
  }
  .data-sec__header .c-header-title__txt::before {
    background: #2FACFF;
  }
  .data-content-list-item--attachment .c-box-heading__label {
    margin-bottom: calc(38 / var(--font-size) * 1rem);
  }
  .attachment-content {
    max-width: calc(315 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .attachment-content__body {
    position: relative;
  }
  .attachment-score__container {
    width: 100%;
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .attachment-score-heading {
    background: var(--main-color-100);
    border-radius: calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) 0 0;
  }
  .attachment-score-heading__in {
    padding: 0 6.2893081761%;
  }
  .attachment-score-heading__body {
    text-align: center;
    padding: 5.0314465409% 0 3.4591194969%;
  }
  .attachment-score-heading__label {
    color: var(--white-color);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .attachment-score-content {
    background: var(--main-color-10);
    border-radius: 0 0 calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem);
    border: solid var(--main-color-100) calc(2 / var(--font-size) * 1rem);
  }
  .attachment-score-content__in {
    padding: 0 calc(21 / var(--font-size) * 1rem);
  }
  .attachment-score-content__body {
    padding: 5.4140127389% 0 7.3248407643%;
  }
  .attachment-worst-ranking-list-item--45 {
    --worst-color: #3164BD;
  }
  .attachment-worst-ranking-list-item--46 {
    --worst-color: #295197;
  }
  .attachment-worst-ranking-list-item--47 {
    --worst-color: #2D4A7D;
  }
  .attachment-score-content-txt {
    display: flex;
    color: var(--main-color-100);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .attachment-score-content-list-item:nth-child(1) .attachment-score-content-txt::before {
    content: "1";
  }
  .attachment-score-content-list-item:nth-child(2) .attachment-score-content-txt::before {
    content: "2";
  }
  .attachment-score-content-list-item:nth-child(3) .attachment-score-content-txt::before {
    content: "3";
  }
  .attachment-score-content-list-item:nth-child(4) .attachment-score-content-txt::before {
    content: "4";
  }
  .attachment-score-content-list-item:nth-child(5) .attachment-score-content-txt::before {
    content: "5";
  }
  .attachment-worst {
    background: var(--gray-color-20);
    width: 100%;
    border-radius: calc(12 / var(--font-size) * 1rem);
    margin-top: calc(28 / var(--font-size) * 1rem);
  }
  .attachment-worst__in {
    padding: 0 calc(16 / var(--font-size) * 1rem);
  }
  .attachment-worst__body {
    padding: calc(13 / var(--font-size) * 1rem) 0 calc(19 / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
  }
  .attachment-worst-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: calc(17 / var(--font-size) * 1rem);
  }
  .attachment-worst-heading::before {
    content: "";
    display: block;
    width: calc(33 / var(--font-size) * 1rem);
    padding-top: calc(26 / var(--font-size) * 1rem);
    background: url("../img/data-attachment-arrow_sp.svg") no-repeat center/contain;
    margin-bottom: calc(4 / var(--font-size) * 1rem);
  }
  .attachment-worst-heading_label {
    color: var(--main-color-100);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;
  }
  .attachment-worst-ranking-list {
    display: flex;
  }
  .attachment-worst-ranking-list-item {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .attachment-worst-ranking-list-item + .attachment-worst-ranking-list-item {
    margin-left: calc(14 / var(--font-size) * 1rem);
  }
  .attachment-worst-ranking-ico {
    background: var(--worst-color);
    width: calc(33 / var(--font-size) * 1rem);
    min-width: calc(24 / var(--font-size) * 1rem);
    border-radius: 50%;
    aspect-ratio: 1/1;
  }
  .attachment-worst-ranking-ico__in {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .attachment-worst-ranking-ico-txt__label {
    color: var(--white-color);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.7780748663;
    letter-spacing: 0;
  }
  .attachment-worst-ranking-ico-txt__label--unit {
    font-size: 0.6666666667em;
  }
  .attachment-worst-ranking-area-txt__label {
    color: var(--worst-color);
    font-size: calc(18 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.4777777778;
    letter-spacing: 0.04em;
  }
  .attachment-worst-ranking-area-num {
    margin: calc(5 / var(--font-size) * 1rem) auto 0;
    width: calc(35 / var(--font-size) * 1rem);
  }
  .data-content-list-item--attachment .c-box-content-item-bottom {
    max-width: calc(826 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .data-content-list-item--disparity .c-box-heading__label {
    margin-bottom: calc(30 / var(--font-size) * 1rem);
  }
  .disparity-sect-content__in {
    padding: 0 calc(209 / var(--font-size) * 1rem);
  }
  .disparity-list-item--noLessons {
    margin-top: calc(23 / var(--font-size) * 1rem);
  }
  .disparity-content-heading {
    text-align: center;
    margin-bottom: calc(27 / var(--font-size) * 1rem);
  }
  .disparity-content-heading__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .disparity-graph {
    width: calc(193 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .disparity-list-item--lessons .circle-graph-item--01 {
    --circle-size: 280;
  }
  .disparity-list-item--noLessons .circle-graph-item--01 {
    --circle-size: 230;
  }
  .disparity-list-item--lessons .circle-graph,
  .disparity-list-item--noLessons .circle-graph {
    position: relative;
  }
  .disparity-list-item--lessons .circle-graph::before,
  .disparity-list-item--lessons .circle-graph::after,
  .disparity-list-item--noLessons .circle-graph::before,
  .disparity-list-item--noLessons .circle-graph::after {
    content: "";
    display: block;
    position: absolute;
  }
  .disparity-list-item--lessons .circle-graph::before {
    background: url("../img/disparity-lessons-true-graph-num-00.png") no-repeat center/contain;
    width: calc(64 / var(--font-size) * 1rem);
    padding-top: calc(108 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(58 / var(--font-size) * 1rem);
    margin-left: calc(-48 / var(--font-size) * 1rem);
  }
  .disparity-list-item--lessons .circle-graph::after {
    background: url("../img/disparity-lessons-true-graph-num-01.png") no-repeat center/contain;
    width: calc(62 / var(--font-size) * 1rem);
    padding-top: calc(97 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(-9 / var(--font-size) * 1rem);
    margin-right: calc(-50 / var(--font-size) * 1rem);
  }
  .disparity-list-item--noLessons .circle-graph::before {
    background: url("../img/disparity-lessons-false-graph-num-00.png") no-repeat center/contain;
    width: calc(58 / var(--font-size) * 1rem);
    padding-top: calc(111 / var(--font-size) * 1rem);
    top: 0;
    left: 0;
    margin-top: calc(85 / var(--font-size) * 1rem);
    margin-left: calc(-46 / var(--font-size) * 1rem);
  }
  .disparity-list-item--noLessons .circle-graph::after {
    background: url("../img/disparity-lessons-false-graph-num-01.png") no-repeat center/contain;
    width: calc(62 / var(--font-size) * 1rem);
    padding-top: calc(102 / var(--font-size) * 1rem);
    top: 0;
    right: 0;
    margin-top: calc(13 / var(--font-size) * 1rem);
    margin-right: calc(-56 / var(--font-size) * 1rem);
  }
  .disparity-comment {
    width: calc(318 / var(--font-size) * 1rem);
    margin: calc(27 / var(--font-size) * 1rem) auto 0;
    padding-top: calc(18 / var(--font-size) * 1rem);
    position: relative;
  }
  .disparity-comment::before {
    content: "";
    display: block;
    width: calc(40 / var(--font-size) * 1rem);
    padding-top: calc(27 / var(--font-size) * 1rem);
    background: var(--main-color-100);
    -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .disparity-comment__in {
    background: var(--main-color-100);
    border-radius: calc(16 / var(--font-size) * 1rem);
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .disparity-comment__body {
    padding: calc(14 / var(--font-size) * 1rem) 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .disparity-comment-txt {
    text-align: center;
  }
  .disparity-comment-txt__label {
    color: var(--white-color);
    font-size: calc(18 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .data-content-list-item--interested .c-box-heading__label {
    margin-bottom: calc(23 / var(--font-size) * 1rem);
  }
  .interested-content {
    max-width: calc(298 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .interested-content-list-item + .interested-content-list-item {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .interested-card__body {
    display: flex;
    align-items: center;
  }
  .interested-card-ico {
    width: calc(80 / var(--font-size) * 1rem);
  }
  .interested-card-read {
    margin-left: calc(20 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
  }
  .interested-card-read-txt__label {
    color: var(--main-color-100);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .interested-card-read-num {
    width: calc(47 / var(--font-size) * 1rem);
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .data-content-list-item--interested .c-box-content-txt {
    margin-top: calc(25 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .c-box-heading__label {
    margin-bottom: calc(26 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .c-box-content-txt {
    margin-top: calc(44 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .interested-content {
    max-width: calc(298 / var(--font-size) * 1rem);
  }
  .data-content-list-item--project .interested-content-list {
    gap: 4.2016806723%;
  }
}
/* analysis-sec */
@media all and (min-width: 768px), print {
  .analysis-sec,
  .analysis-sec.sec-bg__wavy::before {
    background: url("../img/analysis-bg.png") var(--white-color) repeat bottom/calc(33 / var(--font-size) * 1rem);
  }
  .analysis-sec__body {
    padding-top: calc(64 / var(--font-size) * 1rem);
  }
  .analysis-sec__header .c-header-title {
    margin-bottom: calc(50 / var(--font-size) * 1rem) !important;
  }
  .analysis-sec__header .c-header-title__txt {
    max-width: calc(402 / var(--font-size) * 1rem);
  }
  .analysis-sec__header .c-header-title__txt::before {
    background: #2FACFF;
  }
  .analysis-list-item + .analysis-list-item {
    margin-top: calc(68 / var(--font-size) * 1rem);
  }
  .analysis-card-heading {
    margin-bottom: calc(56 / var(--font-size) * 1rem);
  }
  .analysis-card-heading__in {
    background: var(--main-color-100);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .analysis-card-heading__body {
    padding: calc(25 / var(--font-size) * 1rem) 0 calc(23 / var(--font-size) * 1rem);
    text-align: center;
  }
  .analysis-card-heaing__label {
    color: var(--white-color);
    font-size: calc(28 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.1428571429;
    letter-spacing: 0.02em;
  }
  .analysis-card-read__body {
    display: flex;
    justify-content: space-between;
  }
  .analysis-list-item--away .analysis-card-read-img {
    margin-left: 1.8518518519%;
  }
  .analysis-list-item--away .analysis-card-read-txt {
    width: 56.6666666667%;
  }
  .analysis-list-item--expectations .analysis-card-read-img {
    margin-left: 1.8518518519%;
  }
  .analysis-list-item--expectations .analysis-card-read-txt {
    width: 61.4814814815%;
  }
  .analysis-list-item:nth-child(odd) .analysis-card-read__body {
    flex-direction: row-reverse;
  }
  .analysis-sec .c-check-list-item + .c-check-list-item {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .analysis-card-read-img {
    max-width: calc(300 / var(--font-size) * 1rem);
    width: 100%;
    flex-shrink: 0;
  }
}
@media all and (max-width: 767px) {
  .analysis-sec,
  .analysis-sec.sec-bg__wavy::before {
    background: url("../img/analysis-bg.png") var(--white-color) repeat bottom/calc(33 / var(--font-size) * 1rem);
  }
  .analysis-sec__body {
    padding-top: calc(13 / var(--font-size) * 1rem);
  }
  .analysis-sec__header .c-header-title {
    margin-bottom: calc(32 / var(--font-size) * 1rem) !important;
  }
  .analysis-sec__header .c-header-title__txt {
    width: calc(190 / var(--font-size) * 1rem);
  }
  .analysis-sec__header .c-header-title__txt::before {
    background: #2FACFF;
  }
  .analysis-list-item + .analysis-list-item {
    margin-top: calc(37 / var(--font-size) * 1rem);
  }
  .analysis-card-heading {
    margin-bottom: calc(19 / var(--font-size) * 1rem);
  }
  .analysis-card-heading__in {
    background: var(--main-color-100);
    padding: 0 calc(20 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .analysis-card-heading__body {
    padding: calc(15 / var(--font-size) * 1rem) 0;
    text-align: center;
  }
  .analysis-card-heaing__label {
    color: var(--white-color);
    font-size: calc(24 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.3333333333;
    letter-spacing: 0.02em;
  }
  .analysis-card-read-img {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .analysis-sec .c-check-list-item + .c-check-list-item {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .analysis-card-read-img {
    width: calc(200 / var(--font-size) * 1rem);
    margin: 0 auto calc(18 / var(--font-size) * 1rem);
  }
}
/* future-sec */
@media all and (min-width: 768px), print {
  .future-sec,
  .future-sec.sec-bg__wavy::before {
    background: var(--main-color-100);
  }
  .future-sec__header .c-header-title__txt {
    max-width: calc(515 / var(--font-size) * 1rem);
    padding-top: 0;
  }
  .future-sec__header .c-header-title__txt::before {
    content: none;
  }
  .future-sec__header .c-header-title {
    margin-bottom: calc(38 / var(--font-size) * 1rem) !important;
  }
  .future-list-item + .future-list-item {
    margin-top: calc(38 / var(--font-size) * 1rem);
  }
  .future-list-item:nth-child(even) .future-card__container {
    flex-direction: row-reverse;
  }
  .future-card {
    background: var(--white-color);
    border: solid var(--yellow-color-100) calc(8 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .future-card__in {
    padding: 0 5.5555555556%;
  }
  .future-card__body {
    padding: calc(34 / var(--font-size) * 1rem) 0;
  }
  .future-card__container {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .future-card__container::after {
    content: "";
    display: block;
    width: 34.1151385928%;
    padding-top: 25.5863539446%;
    flex-shrink: 0;
  }
  .future-list-item--needs .future-card__container::after {
    margin-left: 7.257203842%;
  }
  .future-list-item--partner .future-card__container::after {
    margin-right: 10.1387406617%;
  }
  .future-list-item--suggestion .future-card__container::after {
    margin-left: 10.0320170758%;
  }
  .future-card-read {
    width: calc(552 / var(--font-size) * 1rem);
  }
  .future-card-read-heading {
    margin-bottom: calc(32 / var(--font-size) * 1rem);
  }
  .future-card-read-heading__label {
    color: var(--main-color-100);
    font-size: calc(32 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .future-card-img {
    width: 34.1151385928%;
    position: absolute;
    top: 0;
  }
  .future-list-item:nth-child(odd) .future-card-img {
    right: 0;
  }
  .future-list-item:nth-child(even) .future-card-img {
    left: 0;
  }
}
@media all and (max-width: 767px) {
  .future-sec,
  .future-sec.sec-bg__wavy::before {
    background: var(--main-color-100);
  }
  .future-sec__body {
    padding-bottom: calc(76 / var(--font-size) * 1rem);
  }
  .future-sec__header .c-header-title__txt {
    width: calc(254 / var(--font-size) * 1rem);
    padding-top: 0;
  }
  .future-sec__header .c-header-title__txt::before {
    content: none;
  }
  .future-sec__header .c-header-title {
    margin-bottom: calc(38 / var(--font-size) * 1rem) !important;
  }
  .future-list-item + .future-list-item {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .future-list-item:nth-child(even) .future-card__container {
    flex-direction: row-reverse;
  }
  .future-card {
    background: var(--white-color);
    border: solid var(--yellow-color-100) calc(4 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .future-card__in {
    padding: 0 calc(18 / var(--font-size) * 1rem);
  }
  .future-card__body {
    padding: calc(20 / var(--font-size) * 1rem) 0;
  }
  .future-list-item--needs .future-card__container::after {
    margin-left: 7.257203842%;
  }
  .future-list-item--partner .future-card__container::after {
    margin-right: 10.1387406617%;
  }
  .future-list-item--suggestion .future-card__container::after {
    margin-left: 10.0320170758%;
  }
  .future-card-read-heading {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .future-card-read-heading__in {
    text-align: center;
  }
  .future-card-read-heading__label {
    color: var(--main-color-100);
    font-size: calc(22 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .future-card-img {
    width: calc(220 / var(--font-size) * 1rem);
    margin: 0 auto calc(24 / var(--font-size) * 1rem);
  }
}
@media all and (min-width: 768px), print {
  .about-sec,
  .sec-bg__wavy::before {
    background: var(--white-color);
  }
  .about-sec__body {
    padding-top: calc(100 / var(--font-size) * 1rem);
    padding-bottom: calc(53 / var(--font-size) * 1rem);
  }
  .about-sec__header .c-header-title__txt {
    padding-top: 0;
  }
  .about-sec__header .c-header-title__txt::before {
    content: none;
  }
  .about-sec__header .c-header-title {
    margin-bottom: calc(56 / var(--font-size) * 1rem) !important;
  }
  .about-sub-ttl {
    max-width: 50.6481481481%;
    margin: calc(36 / var(--font-size) * 1rem) auto 0;
  }
  .about-sub-ttl__in {
    background: var(--main-color-10);
    padding: calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(9 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
  }
  .about-sub-ttl__label {
    color: var(--main-color-100);
    font-size: calc(26 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .about-sec-heading {
    text-align: center;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .about-sec-heading__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  .report-list {
    display: flex;
    gap: calc(18 / var(--font-size) * 1rem);
  }
  .report-list-item {
    width: calc((100% - 18 / var(--font-size) * 1rem) / 2);
  }
  .report-card-table th.c-table-chart-cell {
    width: 27.6836158192%;
    vertical-align: top;
  }
  .purpose-item {
    min-height: calc(80 / var(--font-size) * 1rem);
  }
  .c-table-chart-cell .c-txt {
    line-height: 1.3;
  }
  .expert-content__container {
    margin-top: calc(56 / var(--font-size) * 1rem);
  }
  .expert-card {
    max-width: calc(1000 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .expert-card__in {
    border: solid #4ABEFF calc(1 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
    padding: 0 calc(26 / var(--font-size) * 1rem);
  }
  .expert-card__body {
    padding: calc(20 / var(--font-size) * 1rem) 0;
  }
  .expert-card-read {
    max-width: calc(769 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .detail-content__container {
    margin-top: calc(56 / var(--font-size) * 1rem);
  }
  .detail-card-img {
    max-width: calc(305 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .detail-pdf-btn {
    width: calc(360 / var(--font-size) * 1rem);
    margin: calc(28 / var(--font-size) * 1rem) auto 0;
  }
  .data-content__container {
    margin-top: calc(56 / var(--font-size) * 1rem);
    max-width: calc(973 / var(--font-size) * 1rem);
    margin: calc(56 / var(--font-size) * 1rem) auto 0;
  }
  .data-list {
    display: flex;
    gap: 6.4748201439%;
  }
  .data-list-item {
    width: 29.0167865707%;
  }
  .data-card-read {
    margin-top: calc(30 / var(--font-size) * 1rem);
  }
  .data-card-read-txt {
    display: flex;
    color: var(--main-color-100);
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.5;
  }
  .data-card-read-txt__ttl {
    flex-shrink: 0;
  }
  .data-pdf-btn {
    max-width: calc(243 / var(--font-size) * 1rem);
    margin: calc(28 / var(--font-size) * 1rem) auto 0;
  }
  .back-btn__cntainer {
    max-width: calc(973 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .back-btn {
    color: #3164BD;
    margin: calc(65 / var(--font-size) * 1rem) auto 0;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 24px;
  }
  .back-btn a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #3164BC;
    border-right: solid 2px #3164BC;
    position: absolute;
    left: 10px;
    top: 8px;
    transform: rotate(-135deg);
  }
  .back-btn:hover {
    border-bottom: 1px solid #3164BC;
  }
}
@media all and (max-width: 767px) {
  .about-sec,
  .sec-bg__wavy::before {
    background: var(--white-color);
  }
  .about-sec__body {
    padding-top: calc(17 / var(--font-size) * 1rem);
    padding-bottom: calc(53 / var(--font-size) * 1rem);
  }
  .about-sec__header .c-header-title__txt {
    padding-top: 0;
    width: calc(226 / var(--font-size) * 1rem);
  }
  .about-sec__header .c-header-title__txt::before {
    content: none;
  }
  .about-sec__header .c-header-title {
    margin-bottom: calc(24 / var(--font-size) * 1rem) !important;
  }
  .about-sub-ttl {
    width: calc(286 / var(--font-size) * 1rem);
    margin: calc(24 / var(--font-size) * 1rem) auto 0;
  }
  .about-sub-ttl__in {
    background: var(--main-color-10);
    padding: calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(9 / var(--font-size) * 1rem);
    border-radius: calc(4 / var(--font-size) * 1rem);
  }
  .about-sub-ttl__label {
    color: var(--main-color-100);
    font-size: calc(20 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  .about-sec-heading {
    text-align: center;
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .about-sec-heading__label {
    color: var(--main-color-100);
    font-size: calc(16 / var(--font-size) * 1rem);
    font-family: var(--font-family-zen-new);
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  .c-table-chart-cell .c-txt {
    --txt-font-size: 13;
  }
  .report-list-item + .report-list-item {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .report-card-table th.c-table-chart-cell {
    width: calc(115 / var(--font-size) * 1rem);
  }
  .report-card-table .c-table-chart-cell {
    vertical-align: top;
  }
  .c-table-chart-cell .c-txt {
    line-height: 1.3;
  }
  .expert-content__container {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .expert-card {
    max-width: calc(1000 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .expert-card__in {
    border: solid #4ABEFF calc(1 / var(--font-size) * 1rem);
    border-radius: calc(16 / var(--font-size) * 1rem);
    padding: 0 calc(18 / var(--font-size) * 1rem);
  }
  .expert-card__body {
    padding: calc(16 / var(--font-size) * 1rem) 0;
  }
  .expert-card-read {
    max-width: calc(769 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .expert-card-read-txt .c-txt {
    --txt-font-size: 13;
    --txt-line-height: 1.5;
  }
  .expert-card-read-txt + .expert-card-read-txt {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .detail-content__container {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .detail-card-img {
    max-width: calc(305 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .detail-pdf-btn {
    width: calc(345 / var(--font-size) * 1rem);
    margin: calc(20 / var(--font-size) * 1rem) auto 0;
  }
  .data-content__container {
    margin: calc(20 / var(--font-size) * 1rem) auto 0;
  }
  .data-list-item + .data-list-item {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .data-card-img {
    width: calc(192 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .data-card-read {
    margin: calc(20 / var(--font-size) * 1rem) auto 0;
    width: calc(285 / var(--font-size) * 1rem);
  }
  .data-card-read-txt {
    display: flex;
    color: var(--main-color-100);
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.5;
  }
  .data-card-read-txt__ttl {
    flex-shrink: 0;
  }
  .data-card-read-txt__label {
    font-feature-settings: "palt";
    letter-spacing: 0;
  }
  .data-pdf-btn {
    max-width: calc(243 / var(--font-size) * 1rem);
    margin: calc(20 / var(--font-size) * 1rem) auto 0;
  }
  .back-btn__cntainer {
    max-width: calc(973 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .back-btn {
    color: #3164BD;
    margin: calc(65 / var(--font-size) * 1rem) auto 0;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 24px;
  }
  .back-btn a::before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #3164BC;
    border-right: solid 2px #3164BC;
    position: absolute;
    left: 10px;
    top: 8px;
    transform: rotate(-135deg);
  }
  .back-btn:hover {
    border-bottom: 1px solid #3164BC;
  }
}/*# sourceMappingURL=style.css.map */