@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
* {
  box-sizing: border-box;
}

html body,
html a {
  color: #4b1e00;
  font-size: 3.7333333333vw;
  letter-spacing: normal;
}
html body, html div, html p, html dl, html dt, html dd, html ul, html ol, html li, html h1, html h2, html h3, html h4, html h5, html h6 {
  margin: 0;
  padding: 0;
}
html body {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
html h1, html h2, html h3, html h4, html h5, html h6 {
  font-weight: normal;
}
html ol, html ul {
  list-style: none;
}
html img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 0;
}
html a {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html a::-moz-focus-inner {
  border: 0;
}

@media screen and (min-width: 768px) {
  html body,
  html a {
    font-size: min(1.25vw, 16px);
  }
}
/* ============================
// iPhone Hack
============================ */
@media screen and (max-width: 767px) {
  body.is-iphone .ruby .rt {
    transform: translateY(1.6vw);
  }
  .about .unit .voice .voice-item:nth-child(2) {
    padding-bottom: 12vw;
  }  
}
/* ============================
// Base
============================ */
.contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 0;
}

/* 改行切り替え */
.pc {
  display: none;
}

.sp {
  display: inherit;
}

@media screen and (min-width: 768px) {
  .pc {
    display: inherit;
  }
  .sp {
    display: none;
  }
}
/* ============================
// header
============================ */
header {
  width: 100%;
  height: min(17.0666666667vw, 64px);
  margin: 0;
  background-color: #fff;
  border-bottom: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}

header #headerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 min(3.7333333333vw, 14px) 0 min(3.2vw, 12px);
}

header .sp_none {
  display: none;
}

header h1 {
  width: min(41.8666666667vw, 157px);
  margin: 0;
}

header h1 a {
  display: block;
  line-height: 1;
}

header h1 img {
  width: 100%;
}

header #coopLogo {
  width: min(32.8vw, 123px);
  margin: 0;
}

@media (min-width: 768px) {
  header {
    height: min(17.0666666667vw, 64px);
  }
  header #headerTop {
    padding: 0 min(10.6666666667vw, 40px) 0 min(10.6666666667vw, 40px);
  }
  header h1 {
    width: min(64vw, 240px);
  }
  header #coopLogo {
    width: min(37.3333333333vw, 140px);
  }
}
/* ============================
footer
============================ */
.footer {
  padding: min(2.6666666667vw, 10px) 0;
  color: #fff;
  font-size: min(2.6666666667vw, 10px);
  text-align: center;
  background-color: #666;
  position: relative;
  z-index: 1;
}

.footer a {
  display: inline;
  color: #fff;
  font-size: min(2.6666666667vw, 10px);
}

/* ============================
motion
============================ */
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes motion-02 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.js-view-01,
.js-view-02 {
  opacity: 0;
}
.js-view-01.in-view,
.js-view-02.in-view {
  transform: translateY(20px);
  animation: fadeIn 1s ease-out forwards;
}
.js-view-01.in-view.js-view-02:before,
.js-view-02.in-view.js-view-02:before {
  animation: motion-02 1.8s ease-in-out 0.6s forwards;
}

/* ============================
visual
============================ */
.visual {
  position: fixed;
  top: min(17.0666666667vw, 64px);
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .visual {
    width: min(100vw, 1280px);
    margin: auto;
    position: fixed;
    top: min(5vw, 64px);
    left: 0;
    right: 0;
  }
}
/* ============================
base
============================ */
.container {
  padding: calc(171.4666666667vw + min(17.0666666667vw, 64px) - 14.9333333333vw) 0 0;
  position: relative;
  z-index: 1;
}
.container .link_btn {
  width: 78.6666666667vw;
  margin: 0 auto 0;
}
.container .link_btn a {
  display: block;
  padding: 5.3333333333vw 0;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lato", "メイリオ", Meiryo, sans-serif;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  background-color: #cd3200;
  border-radius: 2666.4vw;
  position: relative;
}
.container .link_btn a:before, .container .link_btn a:after {
  content: "";
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
}
.container .link_btn a:before {
  width: 5.3333333333vw;
  height: 9.0666666667vw;
  background-image: url("../images/link-pict_01.png");
  left: 16vw;
}
.container .link_btn a:after {
  width: 5.8666666667vw;
  height: 9.6vw;
  background-image: url("../images/link-pict_02.png");
  right: 16vw;
}

@media (min-width: 768px) {
  .container {
    padding: calc(min(55.46875vw, 710px) + min(5vw, 64px) - min(8.203125vw, 105px)) 0 0;
  }
  .container .link_btn {
    width: min(23.90625vw, 306px);
  }
  .container .link_btn a {
    padding: min(1.5625vw, 20px) 0;
    font-size: min(1.171875vw, 15px);
    border-radius: min(781.171875vw, 9999px);
    transition-duration: 0.3s;
    transition-property: opacity;
  }
  .container .link_btn a:before {
    width: min(1.5625vw, 20px);
    height: min(2.65625vw, 34px);
    left: min(4.84375vw, 62px);
  }
  .container .link_btn a:after {
    width: min(1.71875vw, 22px);
    height: min(2.8125vw, 36px);
    right: min(4.84375vw, 62px);
  }
  .container .link_btn a:hover {
    opacity: 0.7;
  }
}
/* ============================
intro
============================ */
.intro {
  padding: 15.4666666667vw 0 30.4vw;
  background-image: url("../images/intro_bg-sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
}
.intro .unit .intro-ttl {
  width: 82.4vw;
  margin: 0 auto 0;
}
.intro .unit .step {
  display: flex;
  flex-direction: column;
  gap: 8vw;
  padding: 50.6666666667vw 10.6666666667vw 0;
  position: relative;
}
.intro .unit .step:before {
  content: "";
  width: 65.6vw;
  height: 36.8vw;
  margin: auto;
  background-image: url("../images/intro_pict-sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 6.4vw;
  left: 0.8vw;
  right: 0;
}
@media (min-width: 768px) {
  .intro {
    padding: min(6.875vw, 88px) 0 min(12.5vw, 160px);
    background-image: url("../images/intro_bg-pc.png");
  }
  .intro .unit .intro-ttl {
    width: min(35.9375vw, 460px);
    padding: 0 0 min(4.375vw, 56px);
    margin: 0 auto 0;
    position: relative;
  }
  .intro .unit .intro-ttl:before, .intro .unit .intro-ttl:after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 0;
  }
  .intro .unit .intro-ttl:before {
    width: min(11.484375vw, 147px);
    height: min(11.5625vw, 148px);
    background-image: url("../images/intro_pict_01-pc.png");
    right: calc(100% + min(4.53125vw, 58px));
  }
  .intro .unit .intro-ttl:after {
    width: min(11.875vw, 152px);
    height: min(11.796875vw, 151px);
    background-image: url("../images/intro_pict_02-pc.png");
    left: calc(100% + min(4.609375vw, 59px));
  }
  .intro .unit .step {
    flex-direction: row;
    gap: min(3.4375vw, 44px);
    width: min(78.125vw, 1000px);
    padding: 0;
    margin: 0 auto 0;
  }
  .intro .unit .step:before {
    display: none;
  }
}
/* ============================
point
============================ */
.point {
  padding: 14.9333333333vw 0 59.2vw;
  margin: -17.6vw auto 0;
  background-image: url("../images/point_bg-sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
}
.point .unit .point-ttl {
  width: 33.0666666667vw;
  margin: 0 auto 7.2vw;
}
.point .unit .box {
  display: flex;
  flex-direction: column;
  padding: 0 10.6666666667vw;
  margin: 0 auto 10.6666666667vw;
  gap: 8vw;
}
.point .unit .box .box-item {
  background-color: #fff;
  border-radius: 10.6666666667vw;
}
.point .unit .box .box-item:nth-child(1) {
  padding: 7.7333333333vw 8vw 6.9333333333vw;
}
.point .unit .box .box-item:nth-child(1) .item-ttl {
  width: 65.8666666667vw;
  position: relative;
  left: -2.6666666667vw;
}
.point .unit .box .box-item:nth-child(2) {
  padding: 5.8666666667vw 8vw 6.9333333333vw;
}
.point .unit .box .box-item .item-ttl {
  margin: 0 auto 5.8666666667vw;
}
.point .unit .box .box-item .txt-area .txt {
  font-size: 4.2666666667vw;
  line-height: 1.75;
  text-align: justify;
}
.point .unit .box .box-item .txt-area .txt .accent {
  color: #eb6118;
  font-weight: 900;
}
.point .unit .box .box-item .txt-area .txt .ruby {
  line-height: 1;
}
.point .unit .box .box-item .txt-area .txt .ruby .rt {
  color: #4b1e00;
  text-align: right;
  line-height: 1;
}
.point .unit .box .box-item .txt-area .txt .ls {
  /* letter-spacing: -0.3em; */
}
.point .unit .box .box-item .txt-area .aside {
  font-size: 3.2vw;
  line-height: 1.6666666667;
  text-align: justify;
  padding: 0.82em 0 0 1em;
  text-indent: -1em;
}
.point .unit .aside-block {
  width: 79.4666666667vw;
  margin: 0 auto 13.3333333333vw;
}

@media (min-width: 768px) {
  .point {
    padding: min(6.25vw, 80px) 0 min(26.09375vw, 334px);
    margin: max(-6.875vw, -88px) auto 0;
    background-image: url("../images/point_bg-pc.png");
  }
  .point .unit .point-ttl {
    width: min(14.375vw, 184px);
    margin: 0 auto min(2.65625vw, 34px);
  }
  .point .unit .box {
    flex-direction: row;
    width: min(78.125vw, 1000px);
    padding: 0;
    margin: 0 auto min(0.9375vw, 12px);
    gap: min(5.78125vw, 74px);
  }
  .point .unit .box .box-item {
    width: min(36.171875vw, 463px);
    border-radius: min(4.6875vw, 60px);
  }
  .point .unit .box .box-item:nth-child(1) {
    padding: min(3.359375vw, 43px) min(3.125vw, 40px) min(2.8125vw, 36px);
  }
  .point .unit .box .box-item:nth-child(1) .item-ttl {
    width: 100%;
    position: static;
  }
  .point .unit .box .box-item:nth-child(2) {
    padding: min(2.8125vw, 36px) min(3.125vw, 40px);
  }
  .point .unit .box .box-item .item-ttl {
    margin: 0 auto min(2.34375vw, 30px);
  }
  .point .unit .box .box-item .txt-area .txt {
    font-size: min(1.40625vw, 18px);
    line-height: 1.8888888889;
  }
  .point .unit .box .box-item .txt-area .aside {
    padding: 1.2em 0 0 1em;
    font-size: min(1.015625vw, 13px);
  }
  .point .unit .aside-block {
    width: min(66.40625vw, 850px);
    margin: 0 auto min(4.84375vw, 62px);
  }
}
/* ============================
lineup
============================ */
.lineup {
  padding: 44.8vw 0 41.0666666667vw;
  margin: -45.8666666667vw auto 0;
  background-image: url("../images/lineup_bg-sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
  position: relative;
  overflow: hidden;
}
.lineup:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f9fbff;
  position: absolute;
  top: 26.6666666667vw;
  left: 0;
  right: 0;
  z-index: -1;
}
.lineup .unit .lineup-head {
  padding: 11.2vw 0;
  margin: 0 auto 47.2vw;
  background-color: rgba(255, 255, 255, 0.85);
}
.lineup .unit .lineup-head .lineup-ttl {
  width: 89.6vw;
  margin: 0 auto 3.2vw;
}
.lineup .unit .lineup-head .lead {
  padding: 0 0 0 2.1333333333vw;
  font-size: 4.2666666667vw;
  text-align: center;
  line-height: 1.75;
}
.lineup .unit .box {
  display: flex;
  flex-direction: column;
  gap: 11.2vw;
  margin: 0 auto 12.2666666667vw;
}
.lineup .unit .box .block {
  position: relative;
}
.lineup .unit .box .block.slide-01 .swiper-button-prev {
  background-image: url("../images/slider_01_prev.png");
}
.lineup .unit .box .block.slide-01 .swiper-button-next {
  background-image: url("../images/slider_01_next.png");
}
.lineup .unit .box .block.slide-02 .swiper-button-prev {
  background-image: url("../images/slider_02_prev.png");
}
.lineup .unit .box .block.slide-02 .swiper-button-next {
  background-image: url("../images/slider_02_next.png");
}
.lineup .unit .box .block .block-ttl {
  margin: 0 auto 3.2vw;
  text-align: center;
  padding-right: 4.5333333333vw;
}
.lineup .unit .box .block .block-ttl img {
  width: auto;
  height: 8vw;
}
.lineup .unit .box .block .block-ttl .aside {
  display: block;
  padding: 1.8666666667vw 0 0 4.5333333333vw;
  font-size: 3.2vw;
  font-weight: 500;
}
.lineup .unit .box .block .lineup-slide.swiper .swiper-wrapper {
  padding: 2.6666666667vw 0;
}
.lineup .unit .box .block .lineup-slide.swiper .swiper-wrapper .swiper-slide img {
  filter: drop-shadow(0 0 2.1333333333vw rgba(107, 56, 21, 0.12));
}
.lineup .unit .box .block .lineup-slide.swiper .swiper-wrapper .swiper-slide .txt {
  padding: 0 5.8666666667vw;
  font-size: 4.2666666667vw;
  text-align: justify;
  line-height: 1.75;
  position: absolute;
  top: 51.2vw;
}
.lineup .unit .box .block .swiper-button-prev,
.lineup .unit .box .block .swiper-button-next {
  width: 8vw;
  height: 8vw;
  margin: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  top: calc(50% + 4vw);
}
.lineup .unit .box .block .swiper-button-prev:after,
.lineup .unit .box .block .swiper-button-next:after {
  display: none;
}
.lineup .unit .box .block .swiper-button-prev {
  left: 9.3333333333vw;
}
.lineup .unit .box .block .swiper-button-next {
  right: 9.3333333333vw;
}
.lineup .unit .aside-block {
  width: 78.6666666667vw;
  margin: 0 auto 10.1333333333vw;
}
.lineup .unit .set {
  margin: 0 auto 5.8666666667vw;
}
@media (min-width: 768px) {
  .lineup {
    padding: min(21.09375vw, 270px) 0 min(16.40625vw, 210px);
    margin: max(-20.78125vw, -266px) auto 0;
    background-image: url("../images/lineup_bg-pc.png");
  }
  .lineup:before {
    top: min(7.8125vw, 100px);
  }
  .lineup .unit .lineup-head {
    padding: min(3.125vw, 40px) 0 min(1.875vw, 24px);
    margin: 0 auto min(23.4375vw, 300px);
  }
  .lineup .unit .lineup-head .lineup-ttl {
    width: min(39.296875vw, 503px);
    margin: 0 auto min(1.25vw, 16px);
    position: relative;
    left: max(-0.9375vw, -12px);
  }
  .lineup .unit .lineup-head .lead {
    padding: 0 0 0 min(0.625vw, 8px);
    font-size: min(1.40625vw, 18px);
    line-height: 1.8888888889;
  }
  .lineup .unit .box {
    gap: min(5.15625vw, 66px);
    margin: 0 auto min(1.25vw, 16px);
  }
  .lineup .unit .box .block {
    display: flex;
    gap: min(0vw, 0px);
    padding: 0 0 0 min(9.6875vw, 124px);
  }
  .lineup .unit .box .block .block-ttl {
    padding: min(5.3125vw, 68px) min(5.15625vw, 76px) 0 0;
  }
  .lineup .unit .box .block .block-ttl img {
    height: min(11.09375vw, 142px);
  }
  .lineup .unit .box .block .block-ttl .aside {
    padding: min(1.25vw, 16px) 0 0;
    font-size: min(1.015625vw, 13px);
  }
  .lineup .unit .box .block .lineup-slide.swiper .swiper-wrapper {
    padding: min(0.78125vw, 10px) 0 min(0.78125vw, 10px) min(0.78125vw, 10px);
  }
  .lineup .unit .box .block .lineup-slide.swiper .swiper-wrapper .swiper-slide img {
    filter: drop-shadow(0 0 min(0.625vw, 8px) rgba(107, 56, 21, 0.12));
  }
  .lineup .unit .box .block .lineup-slide.swiper .swiper-wrapper .swiper-slide .txt {
    padding: 0 min(1.953125vw, 25px);
    font-size: min(1.40625vw, 18px);
    line-height: 1.6666666667;
    top: min(17.8125vw, 228px);
  }
  .lineup .unit .box .block .swiper-button-prev,
  .lineup .unit .box .block .swiper-button-next {
    width: min(2.03125vw, 26px);
    height: min(2.03125vw, 26px);
    top: auto;
    bottom: calc(100% + min(1.5625vw, 20px));
  }
  .lineup .unit .box .block .swiper-button-prev {
    left: min(27.03125vw, 346px);
  }
  .lineup .unit .box .block .swiper-button-next {
    left: min(30.625vw, 392px);
    right: auto;
  }
  .lineup .unit .aside-block {
    width: min(66.40625vw, 850px);
    margin: 0 auto min(4.375vw, 56px);
  }
  .lineup .unit .set {
    width: min(92.1875vw, 1180px);
    margin: 0 auto min(4.21875vw, 54px);
    position: relative;
    left: min(2.8125vw, 36px);
  }
}
/* ============================
about
============================ */
.about {
  padding: 14.6666666667vw 0 42.1333333333vw;
  margin: -27.4666666667vw auto 0;
  background-image: url("../images/about_bg-sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
}
.about .unit .about-ttl {
  width: 63.2vw;
  margin: 0 auto 8vw;
}
.about .unit .voice {
  display: flex;
  flex-direction: column;
  gap: 6.9333333333vw;
  padding: 0 10.6666666667vw;
}
.about .unit .voice .voice-item {
  padding: 5.3333333333vw 6.4vw;
  position: relative;
}
.about .unit .voice .voice-item:before {
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.about .unit .voice .voice-item:nth-child(1):before {
  width: calc(100% + 2.6666666667vw);
  background-image: url("../images/about_bnr_01-sp.png");
}
.about .unit .voice .voice-item:nth-child(2):before {
  background-image: url("../images/about_bnr_02-sp.png");
}
.about .unit .voice .voice-item:nth-child(3):before {
  width: calc(100% + 5.3333333333vw);
  background-image: url("../images/about_bnr_03-sp.png");
}
.about .unit .voice .voice-item:nth-child(4):before {
  background-image: url("../images/about_bnr_04-sp.png");
}
.about .unit .voice .voice-item .txt {
  width: 28.2666666667vw;
  font-size: 4.2666666667vw;
  line-height: 1.75;
  text-align: justify;
  word-break: break-all;
  position: relative;
  z-index: 1;
}
.about .unit .voice .voice-item .txt .accent {
  color: #eb6118;
  font-weight: 900;
}
.about .unit .voice .voice-item .txt .mark {
  letter-spacing: -0.2em;
}

@media (min-width: 768px) {
  .about {
    padding: min(7.5vw, 96px) 0 min(28.75vw, 368px);
    margin: max(-10.3125vw, -132px) auto 0;
    background-image: url("../images/about_bg-pc.png");
  }
  .about .unit .about-ttl {
    width: min(45.9375vw, 588px);
    margin: 0 auto min(3.4375vw, 44px);
    position: relative;
    left: min(0.546875vw, 7px);
  }
  .about .unit .voice {
    flex-direction: row;
    flex-wrap: wrap;
    gap: min(4.6875vw, 60px);
    width: min(78.125vw, 1000px);
    padding: 0;
    margin: 0 auto 0;
  }
  .about .unit .voice .voice-item {
    width: min(36.71875vw, 470px);
    height: min(16.5625vw, 212px);
    padding: min(1.71875vw, 22px) min(2.34375vw, 30px) 0;
  }
  .about .unit .voice .voice-item:nth-child(1):before {
    width: 100%;
    background-image: url("../images/about_bnr_01-pc.png");
  }
  .about .unit .voice .voice-item:nth-child(2):before {
    background-image: url("../images/about_bnr_02-pc.png");
  }
  .about .unit .voice .voice-item:nth-child(3):before {
    width: 100%;
    background-image: url("../images/about_bnr_03-pc.png");
  }
  .about .unit .voice .voice-item:nth-child(4):before {
    background-image: url("../images/about_bnr_04-pc.png");
  }
  .about .unit .voice .voice-item .txt {
    width: min(14.0625vw, 180px);
    font-size: min(1.40625vw, 18px);
    line-height: 1.8888888889;
  }
  .about .unit .voice .voice-item .txt .mark {
    letter-spacing: -0.2em;
  }
}
/* ============================
q_a
============================ */
.q_a {
  padding: 17.6vw 0 13.3333333333vw;
  margin: -28.8vw auto 0;
  background-image: url("../images/q_a_bg-sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
  position: relative;
  overflow: hidden;
}
.q_a:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fcfbfa;
  position: absolute;
  top: 26.6666666667vw;
  left: 0;
  right: 0;
  z-index: -1;
}
.q_a .unit .q_a-ttl {
  width: 61.8666666667vw;
  margin: 0 auto 9.8666666667vw;
}
.q_a .unit .list {
  padding: 0 10.6666666667vw;
  margin: 0 auto 13.3333333333vw;
}
.q_a .unit .list .list-item {
  padding: 4.8vw 0;
  border-bottom: 0.2666666667vw solid #ad9f97;
}
.q_a .unit .list .list-item:first-child {
  border-top: 0.2666666667vw solid #ad9f97;
}
.q_a .unit .list .list-item .head,
.q_a .unit .list .list-item .body {
  padding: 0 9.0666666667vw 0 0;
  position: relative;
}
.q_a .unit .list .list-item .head .mark,
.q_a .unit .list .list-item .body .mark {
  width: 5.8666666667vw;
  font-size: 4.2666666667vw;
  line-height: 1.625;
  font-weight: 700;
  position: absolute;
}
.q_a .unit .list .list-item .head .txt,
.q_a .unit .list .list-item .body .txt {
  display: block;
  padding-left: 5.8666666667vw;
  font-size: 4.2666666667vw;
  line-height: 1.75;
}
.q_a .unit .list .list-item .head:before {
  content: "";
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url("../images/q_a_ac_btn.png");
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 1.3333333333vw;
  right: 0;
}
.q_a .unit .list .list-item .head.on:before {
  transform: rotate(0deg);
}
.q_a .unit .list .list-item .head:hover {
  cursor: pointer;
}
.q_a .unit .list .list-item .head .mark {
  color: #c78600;
}
.q_a .unit .list .list-item .head .txt {
  font-weight: 700;
  line-height: 1.7142857143;
}
.q_a .unit .list .list-item .body {
  display: none;
  padding: 4.8vw 9.0666666667vw 0 0;
}
.q_a .unit .list .list-item .body .mark {
  color: #eb6118;
}
.q_a .unit .list .list-item .body .txt {
  font-weight: 400;
}
.q_a .unit .list .list-item .body .txt .aside {
  display: inline-block;
  font-size: 3.2vw;
  line-height: 1.6666666667;
}
.q_a .unit .list .list-item .body .txt .ruby {
  line-height: 1;
}
.q_a .unit .list .list-item .body .txt .ruby .rt {
  text-align: right;
  line-height: 1;
}
@media (min-width: 768px) {
  .q_a {
    padding: min(6.875vw, 88px) 0 min(6.25vw, 80px);
    margin: max(-23.28125vw, -298px) auto 0;
    background-image: url("../images/q_a_bg-pc.png");
  }
  .q_a:before {
    top: min(7.8125vw, 100px);
  }
  .q_a .unit .q_a-ttl {
    width: min(27.1875vw, 348px);
    margin: 0 auto min(4.375vw, 56px);
    position: relative;
    left: min(0.15625vw, 2px);
  }
  .q_a .unit .list {
    width: min(66.40625vw, 850px);
    padding: 0;
    margin: 0 auto min(4.6875vw, 60px);
  }
  .q_a .unit .list .list-item {
    padding: min(1.875vw, 24px) 0;
    border-bottom: min(0.078125vw, 1px) solid #ad9f97;
  }
  .q_a .unit .list .list-item:first-child {
    border-top: min(0.078125vw, 1px) solid #ad9f97;
  }
  .q_a .unit .list .list-item .head,
  .q_a .unit .list .list-item .body {
    padding: 0 min(4.6875vw, 60px) 0 0;
  }
  .q_a .unit .list .list-item .head .mark,
  .q_a .unit .list .list-item .body .mark {
    width: min(1.875vw, 24px);
    font-size: min(1.40625vw, 18px);
    line-height: 1.5555555556;
  }
  .q_a .unit .list .list-item .head .txt,
  .q_a .unit .list .list-item .body .txt {
    padding-left: min(1.875vw, 24px);
    font-size: min(1.40625vw, 18px);
    line-height: 1.8888888889;
  }
  .q_a .unit .list .list-item .head {
    transition-duration: 0.3s;
    transition-property: opacity;
  }
  .q_a .unit .list .list-item .head:before {
    width: min(2.03125vw, 26px);
    height: min(2.03125vw, 26px);
    top: min(0.15625vw, 2px);
  }
  .q_a .unit .list .list-item .head:hover {
    opacity: 0.7;
  }
  .q_a .unit .list .list-item .head .mark {
    padding-top: min(0.3125vw, 4px);
  }
  .q_a .unit .list .list-item .head .txt {
    line-height: 2;
  }
  .q_a .unit .list .list-item .body {
    padding: min(0.9375vw, 12px) min(6.71875vw, 86px) 0 0;
  }
  .q_a .unit .list .list-item .body .mark {
    padding-top: min(0.15625vw, 2px);
  }
  .q_a .unit .list .list-item .body .txt .aside {
    font-size: min(1.015625vw, 13px);
    line-height: 1.6923076923;
  }
}/*# sourceMappingURL=style.css.map */

.contents small{
  text-align: center;
  display: block;
  margin-top: 1.2em;
}