<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* =======================================
 base style
======================================= */
html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  background: #fff;
  line-height: 1;
  margin: auto;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  body {
    font-size: 1.143vw;
  }
}
@media only screen and (min-width: 1400px) {
  body {
    font-size: 16px;
    min-width: 1400px;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 3.467vw;
    overflow-x: hidden;
  }
}

img {
  width: 100%;
  backface-visibility: hidden;
}

a {
  text-decoration: none;
  animation: all 1s ease-in-out;
}
a:hover {
  opacity: 0.9;
  animation: all 1s ease-in-out;
}

.main_ctx {
  position: relative;
}

.inner_ctx {
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .inner_ctx {
    width: 71.429vw;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 768px) {
  .inner_ctx {
    padding: 0 4%;
  }
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .top {
    background: url("../img/top_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 46.25em;
  }
}
@media only screen and (max-width: 768px) {
  .top {
    background: url("../img/top_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 106.667vw;
  }
}
.top .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .top .txt01 {
    width: 13.188em;
    top: 3.75em;
  }
}
@media only screen and (max-width: 768px) {
  .top .txt01 {
    width: 38.933vw;
    top: 11.2vw;
    left: 10vw;
  }
}
.top .txt02 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .top .txt02 {
    width: 27.688em;
    top: 34.375em;
  }
}
@media only screen and (max-width: 768px) {
  .top .txt02 {
    width: 56.133vw;
    top: 82.533vw;
    left: 10vw;
  }
}

@media only screen and (min-width: 769px) {
  .bn {
    padding: 5.5em 0 2.75em;
  }
}
@media only screen and (max-width: 768px) {
  .bn {
    padding: 7.733vw 0 9.333vw;
  }
}
.bn .list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .bn .list {
    gap: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .bn .list {
    gap: 4vw;
  }
}
@media only screen and (min-width: 769px) {
  .bn .list li {
    width: 60.625em;
  }
}
@media only screen and (max-width: 768px) {
  .bn .list li {
    width: 92vw;
  }
}

@media only screen and (min-width: 769px) {
  .video {
    max-width: 87.5em;
    background: url(https://www.kinujo.jp/wp-content/themes/kinujo-2022-reduce/assets/img/dryer/slash.png) 0 0/0.625em 0.625em repeat;
    padding: 1.75em 0 1.875em;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .video {
    background: url(https://www.kinujo.jp/wp-content/themes/kinujo-2022-reduce/assets/img/dryer/slash.png) 0 0/1.333vw 1.333vw repeat;
    background-size: 1.867vw 1.867vw;
    padding: 6.667vw 0;
  }
}
@media only screen and (max-width: 768px) {
  .video .inner_ctx {
    padding: 0;
  }
}
.video .text {
  width: 50%;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  align-items: center;
}
.video .text p {
  margin: 0 !important;
  font-weight: bold;
  line-height: 1.4;
  white-space: nowrap;
  color: #333;
}
@media only screen and (min-width: 769px) {
  .video .text p {
    font-size: 1em;
    padding: 0 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .video .text p {
    font-size: 2.4vw;
    padding: 0 1.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .video .text p.text-1 {
    padding-left: 3.438em;
    margin-right: 0.625em !important;
  }
}
.video .text p small {
  display: block;
  transform: translateX(0.6em);
}
@media only screen and (min-width: 769px) {
  .video .text p small {
    font-size: 0.8em;
  }
}
.video .img01 {
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .video .img01 {
    width: 50.625em;
  }
}
@media only screen and (max-width: 768px) {
  .video .img01 {
    width: 98.667%;
  }
}
.video .do .wrap {
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.2s ease 0.2s, transform 1.5s cubic-bezier(0.15, 0.83, 0.27, 1) 0.2s;
}

@media only screen and (min-width: 769px) {
  .tv {
    background: url("../img/tv_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 42.813em;
  }
}
@media only screen and (max-width: 768px) {
  .tv {
    background: url("../img/tv_bg_sp.jpg") no-repeat top center, #cab9a6;
    background-size: 100vw auto;
    padding-bottom: 6.667vw;
  }
}
.tv a {
  color: #221815;
}
.tv .txt01 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .tv .txt01 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25em;
    line-height: 1.667em;
    top: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .tv .txt01 {
    font-size: 6.933vw;
    line-height: 10.4vw;
    padding-top: 11.2vw;
  }
}
.tv .list01 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .tv .list01 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 14.625em;
    gap: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .tv .list01 {
    flex-direction: column;
    padding-top: 6.133vw;
    gap: 4vw;
  }
}
.tv .list01 li {
  background-color: #f6efe7;
}
@media only screen and (min-width: 769px) {
  .tv .list01 li {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .tv .list01 li {
    width: 85.333vw;
    padding: 4.933vw 2.667vw;
  }
}
.tv .list01 .caption {
  text-align: center;
  line-height: 1.6;
}
@media only screen and (min-width: 769px) {
  .tv .list01 .caption {
    font-size: 1.063em;
    margin-bottom: 0.941em;
  }
}
@media only screen and (max-width: 768px) {
  .tv .list01 .caption {
    font-size: 3.467vw;
    margin-bottom: 4vw;
  }
}
@media only screen and (min-width: 769px) {
  .tv .list01 .figure {
    width: 26.563em;
  }
}
@media only screen and (max-width: 768px) {
  .tv .list01 .figure {
    width: 78vw;
  }
}
.tv .list01 .caption-bottom {
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}
@media only screen and (min-width: 769px) {
  .tv .list01 .caption-bottom {
    font-size: 1.25em;
    margin-top: 0.8em;
  }
}
@media only screen and (max-width: 768px) {
  .tv .list01 .caption-bottom {
    font-size: 3.733vw;
    margin-top: 3.467vw;
  }
}

@media only screen and (min-width: 769px) {
  .cv--01 {
    background: url("../img/cv01_bg.jpg") no-repeat 50% 0%, #cab9a6;
    background-size: 87.5em 29.688em, auto;
    max-width: 87.5em;
    height: 36.25em;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .cv--01 {
    background: url("../img/cv01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 158.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .cv--02 {
    background: url("../img/cv02_bg.jpg") no-repeat 50% 0%, #eaedf0;
    background-size: 87.5em 29.688em, auto;
    max-width: 87.5em;
    height: 55.625em;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .cv--02 {
    background: url("../img/cv01_bg_sp.jpg") no-repeat 50% 0, #e6e6eb;
    background-size: 100vw 158.667vw;
    height: 229.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .cv--03 {
    background: url("../img/cv03_bg.jpg") no-repeat 50% 0%, #fff;
    background-size: 87.5em 29.688em, auto;
    max-width: 87.5em;
    height: 36.25em;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .cv--03 {
    background: url("../img/cv01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 158.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .cv--04 {
    background: url("../img/cv04_bg.jpg") no-repeat 50% 0%, #e6e6eb;
    background-size: 87.5em 29.688em, auto;
    max-width: 87.5em;
    height: 37.813em;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .cv--04 {
    background: url("../img/cv01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 158.667vw;
  }
}
.cv .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .cv .txt01 {
    width: 15.75em;
    top: 4.25em;
    left: 7.5em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .txt01 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 56.8vw;
    top: 13.2vw;
  }
}
.cv .ctx01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .cv .ctx01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 19.25em;
    left: 5.625em;
    top: 10.375em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .ctx01 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    top: 34.667vw;
  }
}
.cv .ctx01 .txt02 {
  width: 100%;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .cv .ctx01 .txt02 {
    font-size: 1.063em;
    padding-bottom: 0.882em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .ctx01 .txt02 {
    font-size: 4.8vw;
    padding-bottom: 62.667vw;
  }
}
.cv .ctx01 .txt03 {
  display: flex;
}
@media only screen and (min-width: 769px) {
  .cv .ctx01 .txt03 {
    gap: 0.222em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .ctx01 .txt03 {
    gap: 1.067vw;
  }
}
.cv .ctx01 .txt03 li {
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .cv .ctx01 .txt03 li {
    font-size: 1.125em;
    width: 8.444em;
    padding: 0.556em 0 0.667em;
    letter-spacing: 0.056em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .ctx01 .txt03 li {
    font-size: 3.12vw;
    width: 39.467vw;
    padding: 1.867vw 0 1.733vw;
    letter-spacing: 0.133vw;
  }
}
.cv .ctx01 .txt03 li:nth-child(1) {
  color: #333333;
  background-color: #f6efe7;
}
.cv .ctx01 .txt03 li:nth-child(2) {
  color: #ffffff;
  background-color: #b0a59f;
}
.cv .ctx01 .txt04 {
  text-align: center;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .cv .ctx01 .txt04 {
    font-size: 3.5em;
    padding-top: 0.357em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .ctx01 .txt04 {
    font-size: 12.8vw;
    padding-top: 3.333vw;
  }
}
.cv .ctx01 .txt04 span {
  font-size: 36%;
}
.cv .btn {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .cv .btn {
    width: 17.688em;
    left: 6.688em;
    top: 21.938em;
  }
}
@media only screen and (max-width: 768px) {
  .cv .btn {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 64vw;
    height: 13.467vw;
    top: 131.067vw;
  }
}

@media only screen and (min-width: 769px) {
  .needs {
    background: url("../img/needs_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 59.875em;
  }
}
@media only screen and (max-width: 768px) {
  .needs {
    background: url("../img/needs_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 136.267vw;
  }
}
.needs .txt01 {
  position: absolute;
  display: inline-block;
  color: #fff;
  text-align: center;
  background: linear-gradient(150deg, rgb(210, 190, 170) 0%, rgb(95, 120, 180) 45%, rgb(95, 120, 180) 100%);
}
@media only screen and (min-width: 769px) {
  .needs .txt01 {
    font-size: 1.375em;
    padding: 0.273em 0 0.364em;
    letter-spacing: 0.045em;
    top: 1.727em;
    left: 16.773em;
    width: 16.364em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .txt01 {
    font-size: 2.933vw;
    padding: 0.8vw 1.333vw 0.8vw 4vw;
    letter-spacing: 0.133vw;
    top: 14vw;
    left: 0vw;
  }
}
.needs .txt01 sup {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 60%;
}
.needs .txt02 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .needs .txt02 {
    display: flex;
    top: 6.75em;
    left: 23.063em;
    gap: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .txt02 {
    top: 23.467vw;
    left: 4vw;
  }
}
.needs .txt02 p {
  position: relative;
  color: #333333;
  font-weight: 500;
}
@media only screen and (min-width: 769px) {
  .needs .txt02 p {
    font-size: 2.875em;
    line-height: 1.478em;
    letter-spacing: 0.217em;
    top: -0.152em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .txt02 p {
    font-size: 6.133vw;
    line-height: 9.067vw;
    letter-spacing: 0.533vw;
  }
}
@media only screen and (min-width: 769px) {
  .needs .txt02:before {
    content: "";
    display: inline-block;
    background-image: url("../img/needs_q.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 2.5em;
    height: 3.375em;
  }
}
.needs .list01 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .needs .list01 {
    top: 23.5em;
    left: 25.813em;
    gap: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 {
    top: 62.933vw;
    left: 8.8vw;
    gap: 4vw;
  }
}
.needs .list01 li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .needs .list01 li {
    width: 33.75em;
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 li {
    width: 87.2vw;
    gap: 1.6vw;
  }
}
.needs .list01 li .tit {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .needs .list01 li .tit {
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 li .tit {
    gap: 1.733vw;
  }
}
.needs .list01 li .num {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .needs .list01 li .num {
    width: 2.25em;
    top: -0.5em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 li .num {
    width: 5.867vw;
    top: -1.6vw;
  }
}
.needs .list01 li .info {
  color: #333333;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .needs .list01 li .info {
    font-size: 1.875em;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 li .info {
    font-size: 4.8vw;
    letter-spacing: 0.533vw;
  }
}
.needs .list01 li .space {
  flex-grow: 1;
}
@media only screen and (min-width: 769px) {
  .needs .list01 li .space {
    border-top: 0.125em dotted #333333;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 li .space {
    border-top: 0.4vw dotted #333333;
  }
}
.needs .list01 li .per {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .needs .list01 li .per {
    font-size: 3.125em;
    top: -0.1em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .list01 li .per {
    font-size: 8vw;
    top: -0.667vw;
  }
}
.needs .list01 li .per span {
  font-size: 50%;
}
.needs .list01 li .per--01 {
  color: #c5944d;
}
.needs .list01 li .per--02 {
  color: #adadad;
}
.needs .list01 li .per--03 {
  color: #96573c;
}
.needs .txt03 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .needs .txt03 {
    font-size: 2.5em;
    line-height: 1.5em;
    top: 19.25em;
    letter-spacing: 0.025em;
  }
}
@media only screen and (max-width: 768px) {
  .needs .txt03 {
    font-size: 4.533vw;
    line-height: 8.4vw;
    top: 110.667vw;
    letter-spacing: 0.533vw;
  }
}

@media only screen and (min-width: 769px) {
  .daily {
    background: url("../img/daily_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 63.375em;
  }
}
@media only screen and (max-width: 768px) {
  .daily {
    background: url("../img/daily_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 165.467vw;
  }
}
.daily .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .daily .txt01 {
    width: 40.938em;
    top: 4.75em;
  }
}
@media only screen and (max-width: 768px) {
  .daily .txt01 {
    width: 96vw;
    top: 9.6vw;
    left: 0;
  }
}
.daily .txt02 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .daily .txt02 {
    font-size: 1.375em;
    line-height: 2.5em;
    top: 34.545em;
    letter-spacing: 0.045em;
  }
}
@media only screen and (max-width: 768px) {
  .daily .txt02 {
    font-size: 3.467vw;
    line-height: 8.133vw;
    top: 124vw;
  }
}
.daily .txt02 span {
  font-size: 120%;
}

.award {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .award {
    background: url("../img/award_bg.jpg") no-repeat 50% 0%;
    background-size: 137.5em auto;
    max-width: 87.5em;
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .award {
    background: url("../img/award_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
  }
}
.award:after {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  display: block;
  background: url(https://www.kinujo.jp/wp-content/themes/kinujo-2022-reduce/assets/img/dryer/shining-dots.webp) center center/auto 98% no-repeat;
}
.award .inner_ctx {
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .award .inner_ctx {
    padding: 10em 0 5em;
    width: 65em;
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .award .inner_ctx {
    padding: 5.625em 0 3.125em;
  }
}
.award .txt01 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://www.kinujo.jp/wp-content/themes/kinujo-2022-reduce/assets/img/dryer/arrow-bg.svg) center top/contain no-repeat;
}
@media only screen and (min-width: 769px) {
  .award .txt01 {
    max-width: 13.75em;
    height: 6.875em;
    padding-bottom: 4.25em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt01 {
    max-width: 30.133vw;
    height: 18.133vw;
    padding-bottom: 11.333vw;
  }
}
.award .txt01 span {
  white-space: nowrap;
  color: #ffffff;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 769px) {
  .award .txt01 span {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt01 span {
    font-size: 3.467vw;
  }
}
.award .txt02 {
  color: #333;
}
@media only screen and (min-width: 769px) {
  .award .txt02 {
    border-left: 0.313em solid #917433;
    padding-left: 2.125em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt02 {
    border-left: 0;
    text-align: center;
    padding: 0 2.667vw;
  }
}
.award .txt02 small {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
  .award .txt02 small {
    font-size: 1.75em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt02 small {
    font-size: 4.6vw;
    line-height: 1.6;
    margin-bottom: 0.4em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) {
  .award .txt02 small svg {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
    min-block-size: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt02 small svg {
    margin-bottom: 0.2em;
    width: 3.5em;
    height: 3.5em;
    margin-right: 0;
    min-block-size: 1.5em;
  }
}
.award .txt02 p {
  line-height: 1;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .award .txt02 p {
    font-size: 5.375em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt02 p {
    font-size: 10vw;
  }
}
.award .txt02 p em {
  color: #dd2200;
  font-weight: bold;
  font-style: normal;
}
.award .txt02 p em i {
  font-style: normal;
}
@media only screen and (min-width: 769px) {
  .award .txt02 p em i {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt02 p em i {
    font-size: 1.3em;
  }
}
.award .txt03 {
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .award .txt03 {
    padding: 1.875em;
    margin: 2.813em auto 3.438em;
  }
}
@media only screen and (max-width: 768px) {
  .award .txt03 {
    padding: 4vw 2vw;
    margin: 6vw auto;
  }
}
.award .bottom {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .award .bottom {
    padding: 0 4vw;
    flex-direction: column;
  }
}
@media only screen and (min-width: 769px) {
  .award .bottom img {
    width: 25.938em;
    margin-right: 3.75em;
  }
}
@media only screen and (max-width: 768px) {
  .award .bottom img {
    margin: 0 auto;
    transform: translateX(-5%);
    width: 50.667vw;
  }
}
.award .bottom .text {
  flex: 1 1 auto;
}
@media only screen and (min-width: 769px) {
  .award .bottom .text {
    padding-top: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .award .bottom .text {
    margin-top: -2.667vw;
    padding-top: 0;
  }
}
.award .bottom .text ul {
  list-style: disc;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .award .bottom .text ul {
    padding-left: 1.4em;
  }
}
@media only screen and (max-width: 768px) {
  .award .bottom .text ul {
    padding-left: 1.4em;
  }
}
.award .bottom .text ul li {
  text-align: left;
  list-style: disc;
  line-height: 1.6;
}
@media only screen and (min-width: 769px) {
  .award .bottom .text ul li {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .award .bottom .text ul li {
    font-size: 3.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .designAward {
    margin-bottom: 5em;
  }
}
@media only screen and (max-width: 768px) {
  .designAward {
    margin-bottom: 8.8vw;
  }
}
.designAward .part-4-2 {
  display: block;
  height: auto;
}
@media only screen and (min-width: 769px) {
  .designAward .part-4-2 {
    margin: 1.25em auto 0;
    max-width: 21.875em;
  }
}
@media only screen and (max-width: 768px) {
  .designAward .part-4-2 {
    max-width: 60.267vw;
    margin: auto;
  }
}
.designAward .part-4-3 {
  display: block;
  height: auto;
}
@media only screen and (min-width: 769px) {
  .designAward .part-4-3 {
    margin: 2.75em auto 2.75em;
    max-width: 40.625em;
  }
}
@media only screen and (max-width: 768px) {
  .designAward .part-4-3 {
    max-width: 91.2vw;
    margin: 5.067vw auto;
  }
}
.designAward p {
  color: #333;
  text-align: center;
  line-height: 1.8;
}
@media only screen and (min-width: 769px) {
  .designAward p {
    font-size: 1.063em;
  }
}
@media only screen and (max-width: 768px) {
  .designAward p {
    font-size: 2.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .ins {
    margin-bottom: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .ins {
    margin-bottom: 6.667%;
  }
}
.ins .inner_ctx {
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .ins .inner_ctx .inner_ctx {
    width: auto;
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .ins .inner_ctx .inner_ctx {
    width: auto;
    max-width: none;
  }
}

@media only screen and (min-width: 769px) {
  .star {
    background: url("../img/star_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 33.75em;
  }
}
@media only screen and (max-width: 768px) {
  .star {
    background: url("../img/star_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 111.867vw;
  }
}
.star .txt01 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .star .txt01 {
    font-size: 1.5em;
    top: 0.417em;
  }
}
@media only screen and (max-width: 768px) {
  .star .txt01 {
    font-size: 3.733vw;
    top: 3.333vw;
  }
}
.star .txt02 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 769px) {
  .star .txt02 {
    width: 44.5em;
    top: 8.438em;
  }
}
@media only screen and (max-width: 768px) {
  .star .txt02 {
    width: 78.667vw;
    top: 23.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .voice01 {
    background: url("../img/voice01_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 42.188em;
  }
}
@media only screen and (max-width: 768px) {
  .voice01 {
    background: url("../img/voice01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 109.333vw;
  }
}
.voice01 .txt01 {
  font-family: "Noto Serif JP", serif;
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice01 .txt01 {
    font-size: 2.188em;
    line-height: 1.714em;
    letter-spacing: 0.029em;
    top: 3.143em;
    left: 1.657em;
  }
}
@media only screen and (max-width: 768px) {
  .voice01 .txt01 {
    font-size: 5.067vw;
    line-height: 8.8vw;
    top: 13.867vw;
    left: 6.667vw;
  }
}
.voice01 .txt02 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice01 .txt02 {
    font-size: 1.063em;
    letter-spacing: 0.118em;
    top: 14.706em;
    left: 2.941em;
  }
}
@media only screen and (max-width: 768px) {
  .voice01 .txt02 {
    font-size: 3.067vw;
    line-height: 5.467vw;
    letter-spacing: 0.533vw;
    top: 42.933vw;
    left: 6.667vw;
  }
}
.voice01 .txt02 b {
  font-size: 140%;
}
@media only screen and (min-width: 769px) {
  .voice01 .txt02 b {
    letter-spacing: 0.176em;
  }
}
.voice01 .txt03 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .voice01 .txt03 {
    width: 10.438em;
    top: 18.438em;
    left: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .voice01 .txt03 {
    width: 37.6vw;
    top: 57.333vw;
    left: 4vw;
  }
}
.voice01 .txt04 {
  position: absolute;
  font-weight: 300;
}
@media only screen and (min-width: 769px) {
  .voice01 .txt04 {
    font-size: 1.063em;
    line-height: 1.882em;
    width: 29.765em;
    top: 20.353em;
    left: 2.941em;
  }
}
@media only screen and (max-width: 768px) {
  .voice01 .txt04 {
    font-feature-settings: "palt";
    font-size: 2.933vw;
    line-height: 6.133vw;
    width: 82.667vw;
    top: 68vw;
    left: 5.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .voice02 {
    background: url("../img/voice02_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 46.75em;
  }
}
@media only screen and (max-width: 768px) {
  .voice02 {
    background: url("../img/voice02_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 137.867vw;
  }
}
.voice02 .txt01 {
  font-family: "Noto Serif JP", serif;
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice02 .txt01 {
    font-size: 2.188em;
    line-height: 1.714em;
    letter-spacing: 0.029em;
    top: 2.971em;
    left: 10.971em;
  }
}
@media only screen and (max-width: 768px) {
  .voice02 .txt01 {
    font-size: 5.067vw;
    line-height: 8.8vw;
    top: 25.333vw;
    left: 40vw;
  }
}
.voice02 .txt02 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice02 .txt02 {
    font-size: 1.063em;
    letter-spacing: 0.118em;
    top: 17.824em;
    left: 26.471em;
  }
}
@media only screen and (max-width: 768px) {
  .voice02 .txt02 {
    font-size: 3.067vw;
    line-height: 5.467vw;
    letter-spacing: 0.533vw;
    top: 54.667vw;
    left: 53.333vw;
  }
}
.voice02 .txt02 b {
  font-size: 140%;
}
@media only screen and (min-width: 769px) {
  .voice02 .txt02 b {
    letter-spacing: 0.176em;
  }
}
.voice02 .txt03 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .voice02 .txt03 {
    width: 8em;
    top: 21.75em;
    left: 28.125em;
  }
}
@media only screen and (max-width: 768px) {
  .voice02 .txt03 {
    width: 28.8vw;
    top: 67.867vw;
    left: 53.333vw;
  }
}
.voice02 .txt04 {
  position: absolute;
  font-weight: 300;
}
@media only screen and (min-width: 769px) {
  .voice02 .txt04 {
    font-size: 1.063em;
    line-height: 1.882em;
    width: 28.353em;
    top: 23.529em;
    left: 26.471em;
  }
}
@media only screen and (max-width: 768px) {
  .voice02 .txt04 {
    font-feature-settings: "palt";
    font-size: 2.933vw;
    line-height: 6.133vw;
    width: 82.667vw;
    top: 77.333vw;
    left: 10.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .voice03 {
    background: url("../img/voice03_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 45.063em;
  }
}
@media only screen and (max-width: 768px) {
  .voice03 {
    background: url("../img/voice03_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 124vw;
  }
}
.voice03 .txt01 {
  font-family: "Noto Serif JP", serif;
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice03 .txt01 {
    font-size: 2.188em;
    line-height: 1.714em;
    letter-spacing: 0.029em;
    top: 3.029em;
    left: 1.657em;
  }
}
@media only screen and (max-width: 768px) {
  .voice03 .txt01 {
    font-size: 5.067vw;
    line-height: 8.8vw;
    top: 13.333vw;
    left: 6.667vw;
  }
}
.voice03 .txt02 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice03 .txt02 {
    font-size: 1.063em;
    letter-spacing: 0.118em;
    top: 17.647em;
    left: 2.941em;
  }
}
@media only screen and (max-width: 768px) {
  .voice03 .txt02 {
    font-size: 3.067vw;
    line-height: 5.467vw;
    letter-spacing: 0.533vw;
    top: 41.6vw;
    left: 6.667vw;
  }
}
.voice03 .txt02 b {
  font-size: 140%;
}
@media only screen and (min-width: 769px) {
  .voice03 .txt02 b {
    letter-spacing: 0.176em;
  }
}
.voice03 .txt03 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .voice03 .txt03 {
    width: 9.125em;
    top: 21.563em;
    left: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .voice03 .txt03 {
    width: 31.733vw;
    top: 56vw;
    left: 5.333vw;
  }
}
.voice03 .txt04 {
  position: absolute;
  font-weight: 300;
}
@media only screen and (min-width: 769px) {
  .voice03 .txt04 {
    font-size: 1.063em;
    line-height: 1.882em;
    width: 29.765em;
    top: 23.176em;
    left: 2.941em;
  }
}
@media only screen and (max-width: 768px) {
  .voice03 .txt04 {
    font-feature-settings: "palt";
    font-size: 2.933vw;
    line-height: 6.133vw;
    width: 82.667vw;
    top: 66.133vw;
    left: 5.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .voice04 {
    background: url("../img/voice04_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 75.813em;
  }
}
@media only screen and (max-width: 768px) {
  .voice04 {
    background: url("../img/voice04_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 267.2vw;
  }
}
.voice04 .txt01 {
  font-family: "Noto Serif JP", serif;
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt01 {
    font-size: 2.188em;
    line-height: 1.714em;
    letter-spacing: 0.029em;
    top: 2.743em;
    left: 11em;
  }
}
@media only screen and (max-width: 768px) {
  .voice04 .txt01 {
    font-size: 5.067vw;
    line-height: 8.8vw;
    top: 22.933vw;
    left: 53.333vw;
  }
}
.voice04 .txt02 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt02 {
    font-size: 1.063em;
    letter-spacing: 0.118em;
    top: 13.941em;
    left: 26.471em;
  }
}
@media only screen and (max-width: 768px) {
  .voice04 .txt02 {
    font-size: 3.067vw;
    line-height: 5.467vw;
    letter-spacing: 0.533vw;
    top: 51.467vw;
    left: 52.533vw;
  }
}
.voice04 .txt02 b {
  font-size: 140%;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt02 b {
    letter-spacing: 0.176em;
  }
}
.voice04 .txt03 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt03 {
    width: 6.25em;
    top: 17.625em;
    left: 28.125em;
  }
}
@media only screen and (max-width: 768px) {
  .voice04 .txt03 {
    width: 28.8vw;
    top: 66.667vw;
    left: 52vw;
  }
}
.voice04 .txt04 {
  position: absolute;
  font-weight: 300;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt04 {
    font-size: 1.063em;
    line-height: 1.882em;
    width: 28.353em;
    top: 19.176em;
    left: 26.471em;
  }
}
@media only screen and (max-width: 768px) {
  .voice04 .txt04 {
    font-size: 2.933vw;
    line-height: 6.133vw;
    width: 83.733vw;
    top: 76vw;
    left: 9.333vw;
  }
}
.voice04 .txt04-pc {
  position: absolute;
  font-weight: 300;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt04-pc {
    font-size: 1.063em;
    line-height: 1.882em;
    width: 29em;
    top: 38.941em;
    left: 6.765em;
  }
}
.voice04 .txt05 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 769px) {
  .voice04 .txt05 {
    font-size: 1.063em;
    line-height: 1.529em;
    width: 52.941em;
    top: 57.059em;
  }
}
@media only screen and (max-width: 768px) {
  .voice04 .txt05 {
    font-size: 2.4vw;
    line-height: 5.067vw;
    width: 89.867vw;
    top: 229.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .points {
    margin-top: -18.75em;
  }
}
@media only screen and (max-width: 768px) {
  .points {
    margin-top: -70.533vw;
  }
}
.points #wind path {
  fill: none;
  stroke: #c79e83;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media only screen and (min-width: 769px) {
  .points #wind path {
    stroke-width: 0.25em;
  }
}
@media only screen and (max-width: 768px) {
  .points #wind path {
    stroke-width: 0.533vw;
  }
}
.points #radar path {
  fill: none;
  stroke: #c79e83;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media only screen and (min-width: 769px) {
  .points #radar path {
    stroke-width: 0.25em;
  }
}
@media only screen and (max-width: 768px) {
  .points #radar path {
    stroke-width: 0.533vw;
  }
}
.points #balance_body path {
  fill: none;
  stroke: #c79e83;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
@media only screen and (min-width: 769px) {
  .points #balance_body path {
    stroke-width: 0.25em;
  }
}
@media only screen and (max-width: 768px) {
  .points #balance_body path {
    stroke-width: 0.533vw;
  }
}
.points #balance_arrow path {
  fill: none;
  stroke: #c79e83;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.points .wind,
.points .radar,
.points .balance {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .points .wind,
  .points .radar,
  .points .balance {
    width: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .points .wind,
  .points .radar,
  .points .balance {
    width: 13.333vw;
  }
}
.points .wind:after,
.points .radar:after,
.points .balance:after {
  content: "";
  display: block;
  width: 100px;
  position: relative;
  z-index: -1;
  padding-top: 100%;
}
.points .wind svg,
.points .radar svg,
.points .balance svg {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 1;
  left: 0;
  z-index: 1;
}
.points #balance_arrow {
  position: absolute;
  z-index: 2;
  width: 30%;
  height: 30%;
  top: 63%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-120deg);
}
.points .part-6-1 {
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .points .part-6-1 {
    max-width: 56.25em;
  }
}
@media only screen and (max-width: 768px) {
  .points .part-6-1 {
    max-width: 92vw;
  }
}
.points .part-6-1 span {
  text-align: center;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  color: #747474;
  letter-spacing: 0.3em;
}
@media only screen and (min-width: 769px) {
  .points .part-6-1 span {
    top: 21%;
    font-size: 2.25em;
  }
}
@media only screen and (max-width: 768px) {
  .points .part-6-1 span {
    top: 21%;
    font-size: 4.267vw;
  }
}
.points .part-6-2 {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .points .part-6-2 {
    width: 90%;
    max-width: 40.625em;
    margin: 3.125em auto;
  }
}
@media only screen and (max-width: 768px) {
  .points .part-6-2 {
    max-width: 92vw;
    margin: 6vw auto;
  }
}
.points .part-6-2 .wind,
.points .part-6-2 .radar,
.points .part-6-2 .balance {
  position: absolute;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .points .part-6-2 .wind,
  .points .part-6-2 .radar,
  .points .part-6-2 .balance {
    width: 6.875em;
  }
}
@media only screen and (max-width: 768px) {
  .points .part-6-2 .wind,
  .points .part-6-2 .radar,
  .points .part-6-2 .balance {
    width: 14.667vw;
  }
}
.points .part-6-2 .wind {
  top: 6%;
  left: 6%;
}
.points .part-6-2 .radar {
  top: 6%;
  left: 43%;
}
.points .part-6-2 .balance {
  top: 6%;
  left: 80%;
}

@media only screen and (min-width: 769px) {
  .point01 {
    background: url("../img/point01_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 61.625em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 {
    background: url("../img/point01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 184vw;
  }
}
.point01 .txt01 {
  position: absolute;
  color: #333333;
  font-weight: 700;
  white-space: nowrap;
}
@media only screen and (min-width: 769px) {
  .point01 .txt01 {
    font-size: 2.188em;
    line-height: 1.6em;
    top: 5.286em;
    left: 14.429em;
    letter-spacing: 0.114em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt01 {
    font-size: 4.667vw;
    line-height: 7.467vw;
    top: 18.533vw;
    left: 49.333vw;
    letter-spacing: 0.533vw;
  }
}
.point01 .txt02 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .point01 .txt02 {
    width: 20.625em;
    top: 26.5em;
    left: 39.375em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt02 {
    width: 44vw;
    top: 59.333vw;
    left: 50.533vw;
  }
}
.point01 .txt03 {
  position: absolute;
  color: #333333;
  font-weight: 900;
}
@media only screen and (min-width: 769px) {
  .point01 .txt03 {
    font-size: 1.875em;
    top: 21.667em;
    left: 0em;
    letter-spacing: 0.133em;
    line-height: 2.267em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt03 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 5.2vw;
    line-height: 12vw;
    top: 101.333vw;
    letter-spacing: 0.533vw;
  }
}
.point01 .txt03 sup {
  font-size: 50%;
}
@media only screen and (min-width: 769px) {
  .point01 .txt03 sup {
    letter-spacing: 0.033em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt03 sup {
    letter-spacing: 0.133vw;
  }
}
.point01 .txt03 span {
  font-size: 256%;
}
.point01 .txt04 {
  position: absolute;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .point01 .txt04 {
    top: 53.125em;
    left: 0em;
    gap: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt04 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    flex-direction: column;
    top: 137.333vw;
    gap: 6.667vw;
  }
}
.point01 .txt04 p:nth-child(1) {
  font-weight: 900;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01 .txt04 p:nth-child(1) {
    font-size: 4em;
    line-height: 0.609em;
    letter-spacing: 0.031em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt04 p:nth-child(1) {
    font-size: 11.067vw;
    line-height: 5.867vw;
    letter-spacing: 0.267vw;
  }
}
.point01 .txt04 p:nth-child(1) span:nth-child(1) {
  font-size: 70%;
}
.point01 .txt04 p:nth-child(1) span:nth-child(2) {
  font-size: 60%;
}
.point01 .txt04 p:nth-child(1) span:nth-child(3) {
  font-size: 50%;
}
.point01 .txt04 p:nth-child(2) {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01 .txt04 p:nth-child(2) {
    font-size: 1.125em;
    line-height: 1.944em;
    letter-spacing: 0.111em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 .txt04 p:nth-child(2) {
    font-size: 3.467vw;
    line-height: 6.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .fun01 {
    background: url("../img/fun01_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 26.5em;
  }
}
@media only screen and (max-width: 768px) {
  .fun01 {
    background: url("../img/fun01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 137.067vw;
  }
}
.fun01 .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun01 .txt01 {
    width: 9.125em;
    top: 1.188em;
    left: 2.313em;
  }
}
@media only screen and (max-width: 768px) {
  .fun01 .txt01 {
    width: 19.467vw;
    top: 2vw;
    left: 5.067vw;
  }
}
.fun01 .ctx01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun01 .ctx01 {
    top: 5.625em;
    left: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .fun01 .ctx01 {
    top: 13.733vw;
    left: 4vw;
  }
}
.fun01 .ctx01 .txt02 {
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .fun01 .ctx01 .txt02 {
    font-size: 2.188em;
    line-height: 1.429em;
    letter-spacing: 0.086em;
  }
}
@media only screen and (max-width: 768px) {
  .fun01 .ctx01 .txt02 {
    font-size: 5.333vw;
    letter-spacing: 0.133vw;
  }
}
.fun01 .ctx01 .txt03 {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .fun01 .ctx01 .txt03 {
    font-size: 1.125em;
    line-height: 2.167em;
    width: 26em;
    margin-top: 0.556em;
  }
}
@media only screen and (max-width: 768px) {
  .fun01 .ctx01 .txt03 {
    font-size: 3.467vw;
    line-height: 6.667vw;
    width: 92vw;
    margin-top: 4vw;
  }
}
.fun01 .txt04 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun01 .txt04 {
    width: 8.938em;
    top: 7.5em;
    left: 52.375em;
  }
}
@media only screen and (max-width: 768px) {
  .fun01 .txt04 {
    width: 32.267vw;
    top: 60vw;
    left: 58.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .fun02 {
    background: url("../img/fun02_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 28.688em;
  }
}
@media only screen and (max-width: 768px) {
  .fun02 {
    background: url("../img/fun02_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 109.333vw;
  }
}
.fun02 .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun02 .txt01 {
    width: 9.438em;
    top: 1.188em;
    left: 2.313em;
  }
}
@media only screen and (max-width: 768px) {
  .fun02 .txt01 {
    width: 20.133vw;
    top: 2vw;
    left: 5.067vw;
  }
}
.fun02 .ctx01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun02 .ctx01 {
    top: 5.625em;
    left: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .fun02 .ctx01 {
    top: 13.733vw;
    left: 4vw;
  }
}
.fun02 .ctx01 .txt02 {
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .fun02 .ctx01 .txt02 {
    font-size: 2.188em;
    line-height: 1.429em;
    letter-spacing: 0.086em;
  }
}
@media only screen and (max-width: 768px) {
  .fun02 .ctx01 .txt02 {
    font-size: 5.333vw;
    letter-spacing: 0.133vw;
  }
}
.fun02 .ctx01 .txt03 {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .fun02 .ctx01 .txt03 {
    font-size: 1.125em;
    line-height: 2.167em;
    width: 21.111em;
    letter-spacing: -0.056em;
    margin-top: 0.556em;
  }
}
@media only screen and (max-width: 768px) {
  .fun02 .ctx01 .txt03 {
    font-size: 3.467vw;
    line-height: 6.667vw;
    width: 92vw;
    margin-top: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .fun03 {
    background: url("../img/fun03_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 64.688em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 {
    background: url("../img/fun03_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 268.4vw;
  }
}
.fun03 .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun03 .txt01 {
    width: 9.438em;
    top: 1.188em;
    left: 2.313em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .txt01 {
    width: 20.133vw;
    top: 2vw;
    left: 5.067vw;
  }
}
.fun03 .txt02 {
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  color: #333333;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun03 .txt02 {
    font-size: 2.188em;
    letter-spacing: 0.057em;
    top: 2.857em;
    left: 1.429em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .txt02 {
    text-align: center;
    font-size: 5.333vw;
    letter-spacing: 0.133vw;
    top: 13.867vw;
  }
}
.fun03 .list {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .fun03 .list {
    top: 13em;
    left: 14.313em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list {
    top: 28vw;
    left: 32vw;
  }
}
.fun03 .list p {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .fun03 .list p {
    font-size: 1em;
    line-height: 1.688em;
    width: 22.5em;
    margin-top: 0.75em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list p {
    font-size: 2.933vw;
    line-height: 6.133vw;
    width: 64vw;
    margin-top: 2.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .fun03 .list .list01 {
    margin-bottom: 5.75em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list .list01 {
    margin-bottom: 13.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .fun03 .list .list01 img {
    width: 8.938em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list .list01 img {
    width: 22.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .fun03 .list .list02 {
    margin-bottom: 6.438em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list .list02 {
    margin-bottom: 14.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .fun03 .list .list02 img {
    width: 8.938em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list .list02 img {
    width: 22.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .fun03 .list .list03 img {
    width: 8.813em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .list .list03 img {
    width: 22.4vw;
  }
}
.fun03 .txt03 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #1a1a1a;
}
@media only screen and (min-width: 769px) {
  .fun03 .txt03 {
    font-size: 0.938em;
    line-height: 1.733em;
    width: 60em;
    top: 56em;
  }
}
@media only screen and (max-width: 768px) {
  .fun03 .txt03 {
    font-size: 2.267vw;
    line-height: 4vw;
    width: 92vw;
    top: 230vw;
  }
}

@media only screen and (min-width: 769px) {
  .point02 {
    background: url("../img/point02_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 75.5em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 {
    background: url("../img/point02_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 238.933vw;
  }
}
.point02 .txt01 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 769px) {
  .point02 .txt01 {
    width: 20.813em;
    top: 12.25em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 .txt01 {
    width: 41.733vw;
    top: 26.667vw;
  }
}
.point02 .txt02 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .point02 .txt02 {
    font-size: 1.25em;
    line-height: 2em;
    top: 23.25em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 .txt02 {
    font-size: 3.467vw;
    line-height: 6.667vw;
    top: 66.667vw;
  }
}
.point02 .txt03 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .point02 .txt03 {
    width: 39.5em;
    top: 42.25em;
    left: 11.813em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 .txt03 {
    width: 86.933vw;
    top: 108vw;
    left: 8vw;
  }
}
.point02 .txt04 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .point02 .txt04 {
    width: 29.25em;
    top: 52.5em;
    left: 29.75em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 .txt04 {
    width: 91.733vw;
    top: 128.933vw;
    left: 4vw;
  }
}
.point02 .txt05 {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .point02 .txt05 {
    position: absolute;
    font-size: 1.125em;
    line-height: 2.167em;
    width: 22.222em;
    top: 46.222em;
    left: 2.722em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 .txt05 {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.6vw;
    line-height: 6.933vw;
    width: 82.133vw;
    top: 178.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .dry {
    background: url("../img/dry_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 56.375em;
  }
}
@media only screen and (max-width: 768px) {
  .dry {
    background: url("../img/dry_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 129.867vw;
  }
}
.dry .txt01 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 769px) {
  .dry .txt01 {
    top: 4.5em;
  }
}
@media only screen and (max-width: 768px) {
  .dry .txt01 {
    top: 5.733vw;
  }
}
.dry .txt01 p {
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .dry .txt01 p:nth-child(1) {
    font-size: 2.125em;
    margin-bottom: 0.529em;
    letter-spacing: 0.059em;
  }
}
@media only screen and (max-width: 768px) {
  .dry .txt01 p:nth-child(1) {
    font-size: 4.533vw;
    margin-bottom: 2.667vw;
    letter-spacing: 0.267vw;
  }
}
@media only screen and (min-width: 769px) {
  .dry .txt01 p:nth-child(2) {
    font-size: 3.75em;
    letter-spacing: 0.033em;
  }
}
@media only screen and (max-width: 768px) {
  .dry .txt01 p:nth-child(2) {
    font-size: 8vw;
    letter-spacing: 0.267vw;
  }
}
.dry .txt02 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .dry .txt02 {
    width: 29.563em;
    top: 26.875em;
    left: 17.063em;
  }
}
@media only screen and (max-width: 768px) {
  .dry .txt02 {
    width: 64.667vw;
    top: 54.533vw;
    left: 19.2vw;
  }
}
.dry .txt03 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #4d4d4d;
}
@media only screen and (min-width: 769px) {
  .dry .txt03 {
    text-align: center;
    font-size: 1.25em;
    line-height: 2.1em;
    top: 26.5em;
  }
}
@media only screen and (max-width: 768px) {
  .dry .txt03 {
    font-size: 3.467vw;
    width: 86.933vw;
    line-height: 6.133vw;
    top: 71.2vw;
  }
}
.dry .txt03 sup {
  font-size: 60%;
}
.dry .txt03 span {
  display: block;
}
@media only screen and (min-width: 769px) {
  .dry .txt03 span {
    font-size: 80%;
    margin-top: 1.2em;
  }
}
@media only screen and (max-width: 768px) {
  .dry .txt03 span {
    font-size: 70%;
    margin-top: 5.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .point03 {
    background: url("../img/point03_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 55.313em;
  }
}
@media only screen and (max-width: 768px) {
  .point03 {
    background: url("../img/point03_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 120.267vw;
  }
}
.point03 .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .point03 .txt01 {
    width: 20.75em;
    top: 3.75em;
    left: 5.625em;
  }
}
@media only screen and (max-width: 768px) {
  .point03 .txt01 {
    width: 44.267vw;
    top: 8vw;
    left: 5.333vw;
  }
}
.point03 .txt02 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .point03 .txt02 {
    width: 19.625em;
    top: 22.938em;
    left: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .point03 .txt02 {
    width: 54.133vw;
    top: 51.867vw;
    left: 5.333vw;
  }
}
.point03 .txt03 {
  position: absolute;
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .point03 .txt03 {
    font-size: 1.125em;
    line-height: 2.167em;
    top: 29.444em;
    left: 2.778em;
    letter-spacing: -0.056em;
  }
}
@media only screen and (max-width: 768px) {
  .point03 .txt03 {
    font-size: 2.933vw;
    line-height: 5.867vw;
    top: 78.133vw;
    left: 5.333vw;
  }
}
.point03 .txt03 span {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  display: block;
  font-size: 90%;
}
@media only screen and (min-width: 769px) {
  .point03 .txt03 span {
    margin-top: 0.556em;
  }
}
@media only screen and (max-width: 768px) {
  .point03 .txt03 span {
    margin-top: 4.8vw;
  }
}

@media only screen and (min-width: 769px) {
  .design {
    background: url("../img/design_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 49.188em;
  }
}
@media only screen and (max-width: 768px) {
  .design {
    background: url("../img/design_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 132.667vw;
  }
}
.design .txt01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .design .txt01 {
    width: 28.313em;
    top: 6.25em;
    left: 2.188em;
  }
}
@media only screen and (max-width: 768px) {
  .design .txt01 {
    width: 60.4vw;
    top: 38.133vw;
    left: 4.8vw;
  }
}
.design .txt02 {
  position: absolute;
  font-weight: bold;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .design .txt02 {
    font-size: 1.938em;
    top: 16.516em;
    left: 1.613em;
  }
}
@media only screen and (max-width: 768px) {
  .design .txt02 {
    font-size: 4.8vw;
    top: 71.867vw;
    left: 4vw;
  }
}
.design .txt03 {
  position: absolute;
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .design .txt03 {
    font-size: 0.938em;
    line-height: 2.133em;
    width: 60em;
    top: 37.333em;
    left: 3.333em;
  }
}
@media only screen and (max-width: 768px) {
  .design .txt03 {
    font-size: 3.467vw;
    line-height: 6.4vw;
    width: 92vw;
    top: 81.333vw;
    left: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .way {
    background: url("../img/way_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 95.313em;
    padding-top: 36.75em;
  }
}
@media only screen and (max-width: 768px) {
  .way {
    background: url("../img/way_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 385.333vw;
    padding-top: 64.533vw;
  }
}
.way .txt01 {
  color: #2c2c2c;
  position: absolute;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .way .txt01 {
    font-size: 1.625em;
    left: 1.923em;
  }
}
@media only screen and (max-width: 768px) {
  .way .txt01 {
    font-size: 5.067vw;
    left: 4vw;
  }
}
.way .txt02 {
  font-family: "Noto Serif JP", serif;
  color: #c79e83;
  font-weight: 500;
}
@media only screen and (min-width: 769px) {
  .way .txt02 {
    font-size: 1.5em;
    line-height: 1.667em;
    letter-spacing: 0.042em;
  }
}
@media only screen and (max-width: 768px) {
  .way .txt02 {
    font-size: 4.8vw;
    line-height: 7.2vw;
  }
}
.way .ctx {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .way .ctx {
    left: 18.125em;
  }
}
@media only screen and (max-width: 768px) {
  .way .ctx {
    left: 39.467vw;
  }
}
@media only screen and (min-width: 769px) {
  .way .ctx--01 {
    top: 3.375em;
  }
}
@media only screen and (max-width: 768px) {
  .way .ctx--01 {
    top: 10.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .way .ctx--02 {
    top: 22.625em;
  }
}
@media only screen and (max-width: 768px) {
  .way .ctx--02 {
    top: 78.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .way .ctx--03 {
    top: 39.125em;
  }
}
@media only screen and (max-width: 768px) {
  .way .ctx--03 {
    top: 137.333vw;
  }
}
.way .ctx p {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .way .ctx p {
    font-size: 0.938em;
    line-height: 1.867em;
    width: 23em;
    margin-top: 0.8em;
  }
}
@media only screen and (max-width: 768px) {
  .way .ctx p {
    font-size: 3.467vw;
    line-height: 5.867vw;
    width: 56.4vw;
    margin-top: 2.4vw;
  }
}

.award02 .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .award02 .part-11-2 {
    width: 25em;
    margin-top: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .award02 .part-11-2 {
    width: 73.333vw;
    margin-top: 13.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .award02 .part-11-3 {
    width: 50em;
    margin: 3.125em auto 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .award02 .part-11-3 {
    width: 90.667vw;
    margin: 9.333vw auto;
  }
}
.award02 .text {
  text-align: center;
  line-height: 1.8;
}
@media only screen and (min-width: 769px) {
  .award02 .text {
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .award02 .text {
    font-size: 3.067vw;
  }
}
@media only screen and (min-width: 769px) {
  .award02 .part-11-4 {
    width: 56.25em;
    margin: 2.5em auto 5.5em;
  }
}
@media only screen and (max-width: 768px) {
  .award02 .part-11-4 {
    width: 92vw;
    margin: 8.267vw auto 13.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .faq {
    background: url("../img/faq_bg.jpg") no-repeat 50% 0%;
    background-size: 87.5em auto;
    height: 115em;
  }
}
@media only screen and (max-width: 768px) {
  .faq {
    background: url("../img/faq_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 344vw;
  }
}
.faq .txt01 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 769px) {
  .faq .txt01 {
    width: 6.313em;
    top: 6em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .txt01 {
    width: 18.8vw;
    top: 9.2vw;
  }
}
.faq .list {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list {
    left: 11em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list {
    left: 22.4vw;
  }
}
.faq .list p {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .faq .list p {
    font-size: 1.125em;
    line-height: 2em;
    width: 41.667em;
    margin-top: 0.833em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list p {
    font-size: 3.2vw;
    line-height: 5.333vw;
    width: 72.4vw;
    margin-top: 2.133vw;
  }
}
.faq .list h2 {
  color: #2c2c2c;
}
@media only screen and (min-width: 769px) {
  .faq .list h2 {
    font-size: 1.625em;
    line-height: 1.462em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list h2 {
    font-size: 4.267vw;
    line-height: 6.133vw;
  }
}
.faq .list .list01 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list01 {
    top: 12.313em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list01 {
    top: 24.267vw;
  }
}
.faq .list .list02 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list02 {
    top: 22.75em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list02 {
    top: 48.267vw;
  }
}
.faq .list .list03 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list03 {
    top: 34.625em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list03 {
    top: 84.133vw;
  }
}
.faq .list .list04 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list04 {
    top: 45.25em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list04 {
    top: 113.333vw;
  }
}
.faq .list .list05 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list05 {
    top: 55.688em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list05 {
    top: 142.667vw;
  }
}
.faq .list .list06 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list06 {
    top: 67.563em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list06 {
    top: 185.067vw;
  }
}
.faq .list .list07 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list07 {
    top: 83.375em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list07 {
    top: 244.267vw;
  }
}
.faq .list .list08 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .faq .list .list08 {
    top: 102.375em;
  }
}
@media only screen and (max-width: 768px) {
  .faq .list .list08 {
    top: 300.533vw;
  }
}

@media only screen and (min-width: 769px) {
  .spec {
    padding: 5em 0 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .spec {
    padding: 4vw 0 14.133vw;
  }
}
.spec table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 auto;
  color: #333;
}
@media only screen and (min-width: 769px) {
  .spec table {
    max-width: 56.25em;
    font-size: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .spec table {
    max-width: 92vw;
    font-size: 3.2vw;
  }
}
.spec table {
  font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 769px) {
  .spec table {
    border: 0.063em solid #ccc;
  }
}
@media only screen and (max-width: 768px) {
  .spec table {
    border: 0.267vw solid #ccc;
  }
}
@media only screen and (min-width: 769px) {
  .spec table th,
  .spec table td {
    padding: 0.813em 0.938em;
  }
}
@media only screen and (max-width: 768px) {
  .spec table th,
  .spec table td {
    padding: 2.8vw 3.333vw;
  }
}
.spec table th {
  background-color: #f3f3f3;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}
@media only screen and (min-width: 769px) {
  .spec table tr {
    border-bottom: 0.063em solid #ccc;
  }
}
@media only screen and (max-width: 768px) {
  .spec table tr {
    border-bottom: 0.267vw solid #ccc;
  }
}
@media only screen and (min-width: 769px) {
  .spec table tr:nth-child(1) {
    border-top: 0.063em solid #ccc;
  }
}
@media only screen and (max-width: 768px) {
  .spec table tr:nth-child(1) {
    border-top: 0.267vw solid #ccc;
  }
}

.manual .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.manual a {
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .manual a {
    margin: 0 auto 3.125em;
    width: 34.375em;
  }
}
@media only screen and (max-width: 768px) {
  .manual a {
    margin: 0 auto 18.667vw;
    width: 66.667vw;
  }
}/*# sourceMappingURL=style.css.map */


@media only screen and (max-width: 600px) {
  .fixed-tag-sp-bottom .text {
    padding: 17px;
	  font-size: 16px;
  }
}</pre></body></html>