@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
/* A Modern CSS Reset */


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

.sec-6 h1,
.sec-6 h2,
.sec-6 h3,
.sec-6 h4,
.sec-6 p,
.sec-6 figure,
.sec-6 blockquote,
.sec-6 dl,
.sec-6 dd {
  margin: 0;
}

.sec-6 img,
.sec-6 picture {
  display: block;
  max-width: 100%;
}

.sec-6 img {
  height: auto;
}
@media screen and (min-width: 961px) {
  .sec-6 .pc-none {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  .sec-6 .sp-none {
    display: none !important;
  }
}


.sec-6 {
  padding-top: calc(171px + var(--mcp-header-height) + var(--ecm-header-height) + 36px);
  margin-top: calc(-171px - var(--mcp-header-height) - var(--ecm-header-height));
}
@media screen and (max-width: 960px) {
  .sec-6 {
    padding-top: calc( 60px + var(--mcp-header-height) + var(--ecm-header-height) + 11.3333333333vw + 3.5vw );
    margin-top: calc( -60px - var(--mcp-header-height) - var(--ecm-header-height) - 11.3333333333vw );
  }
}
.sec-6-ttl {
  text-align: center;
  font-size: 30px !important;
  font-weight: 500;
  line-height: 1.5 !important;
}
@media screen and (max-width: 960px) {
  .sec-6-ttl {
    font-size: 4.3vw !important;
    line-height: 1.6666666667;
  }
}
.sec-6-ttl strong {
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .sec-6-ttl strong {
    font-size: 4.8vw;
  }
}
.sec-6-container {
  max-width: 1000px;
  padding: 0 20px;
  margin: 64px auto 0;
}
@media screen and (max-width: 960px) {
  .sec-6-container {
    padding: 0 2.6666666667vw;
    margin-top: 9.6vw;
  }
}
.sec-6-select {
  position: relative;
  border: 5px solid #2d2926;
  border-top: 0;
}
@media screen and (max-width: 960px) {
  .sec-6-select {
    border-width: 0.6666666667vw;
    border-top-width: 0;
  }
}
.sec-6-select:not(:first-child) {
  margin-top: 105px;
}
@media screen and (max-width: 960px) {
  .sec-6-select:not(:first-child) {
    margin-top: 14.6666666667vw;
  }
}
.sec-6-select:not(:first-child):before {
  position: absolute;
  left: calc(50% - 21px);
  top: -71px;
  width: 42px;
  height: 42px;
  background: url(../img/ico-plus.png) no-repeat;
  background-size: 100% 100%;
  content: "";
}
@media screen and (max-width: 960px) {
  .sec-6-select:not(:first-child):before {
    left: calc( 50% - 2.8vw );
    top: -9.6vw;
    width: 5.6vw;
    height: 5.6vw;
  }
}
.sec-6-select-ttl {
  padding: 1.18em 0;
  background-color: #2d2926;
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .sec-6-select-ttl {
    padding: 1.16em 0;
    font-size: 5.2vw !important;
	margin: 0 !important;
  }
}
.sec-6-select-in {
  padding: 32px 19px;
}
@media screen and (max-width: 960px) {
  .sec-6-select-in {
    padding: 4.8vw 0 7.4666666667vw;
  }
}
.sec-6-select-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.sec-6-select-list > li {
  list-style: none;
}
@media screen and (min-width: 961px) {
  .sec-6-select-list > li {
    width: 25%;
  }
  .sec-6-select-list > li:nth-child(n+5) {
    margin-top: 48px;
  }
}
@media screen and (max-width: 960px) {
  .sec-6-select-list > li {
    width: 49.7841726619%;
  }
  .sec-6-select-list > li:nth-child(n+3) {
    margin-top: 10.1333333333vw;
  }
}
.sec-6-select-list > li label {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.sec-6-select-list > li label.is-selected {
  cursor: default;
}
.sec-6-select-list > li label > figure {
  position: relative;
  display: block;
}
.sec-6-select-list > li label > figure > img {
  display: block;
  width: 100%;
}
.sec-6-select-list > li label > figure > figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4444444444;
}
@media screen and (max-width: 960px) {
  .sec-6-select-list > li label > figure > figcaption {
    bottom: 7.4666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.sec-6-select-list > li label > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 91.2280701754%;
  height: 46px;
  margin: 24px auto 0;
  border: 1px solid #2d2926;
  border-radius: 23px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
@media screen and (max-width: 960px) {
  .sec-6-select-list > li label > span {
    width: 89.5953757225%;
    height: 9.3333333333vw;
    margin-top: 4.2666666667vw;
    border-radius: 4.6666666667vw;
    font-size: 2.8vw;
  }
}
.sec-6-select-list > li label:hover > span {
  opacity: 0.75;
}
.sec-6-select-list > li label.is-selected > span {
  border-color: #ca001b;
  background-color: #ca001b;
  color: #ffffff;
}
.sec-6-select-list > li label.is-selected:hover > span {
  opacity: 1;
}
.sec-6-result {
  margin-top: 105px;
  border: 5px solid #ca001b;
  border-top: 0;
  display: none;
}
@media screen and (max-width: 960px) {
  .sec-6-result {
    margin-top: 6.9333333333vw;
  }
}
.sec-6-result-ttl {
  padding: 1.18em 0;
  background-color: #ca001b;
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .sec-6-result-ttl {
    padding: 1.16em 0;
    font-size: 5.6vw !important;
	 margin: 0 !important;
  }
}
.sec-6-result-items {
  padding: 48px 0 42px;
}
@media screen and (max-width: 960px) {
  .sec-6-result-items {
    padding: 8.5333333333vw 0 10.9333333333vw;
  }
}
.sec-6-result-item {
  width: 468px;
  margin: 0 auto;
  display: none;
}
@media screen and (max-width: 960px) {
  .sec-6-result-item {
    width: 100%;
  }
}
.sec-6-result-item-ttl {
  margin-left: -1em;
  margin-right: -1em;
  text-align: center;
  font-size: 27px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.3333333333;
}
@media screen and (max-width: 960px) {
  .sec-6-result-item-ttl {
    margin-left: 0;
    margin-right: 0;
    font-size: 4.8vw !important;
    font-weight: 600;
    line-height: 1.3157894737;
  }
}
.sec-6-result-item-pic {
  position: relative;
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  .sec-6-result-item-pic {
    margin-top: 3.4666666667vw;
  }
}
.sec-6-result-item-pic > figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12.4579124579%;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 960px) {
  .sec-6-result-item-pic > figcaption {
    bottom: 9.8666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.sec-6-result-item-btn {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}
@media screen and (max-width: 960px) {
  .sec-6-result-item-btn {
    margin-top: 3.2vw;
  }
}
.sec-6-result-item-btn > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 228px;
  height: 52px;
  border: 1px solid #2d2926;
  border-radius: 26px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .sec-6-result-item-btn > a {
    width: 53.8666666667vw;
    height: 12vw;
    border-radius: 6vw;
    font-size: 3.7333333333vw;
  }
}

.sec-more {
  padding-top: 148px;
}
@media screen and (max-width: 960px) {
  .sec-more {
    padding-top: 21.3333333333vw;
  }
}
.sec-more-ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .sec-more-ttl {
    font-size: 4.8vw;
  }
}
.sec-more-in {
  max-width: 1000px;
  padding: 0 20px;
  margin: 44px auto 0;
}
@media screen and (max-width: 960px) {
  .sec-more-in {
    width: 89.3333333333vw;
    margin-top: 8.8vw;
  }
}
@media screen and (min-width: 961px) {
  .sec-more-bnr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.sec-more-bnr > a {
  display: block;
}
@media screen and (min-width: 961px) {
  .sec-more-bnr > a {
    width: 44.7916666667%;
  }
  .sec-more-bnr > a:not(:nth-child(2n+1)) {
    margin-left: 10.4166666667%;
  }
  .sec-more-bnr > a:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .sec-more-bnr > a:not(:first-child) {
    margin-top: 6.1333333333vw;
  }
}
.sec-more-bnr > a > img {
  display: block;
  width: 100%;
}

.sec-campaign {
  padding-top: 114px;
  padding-bottom: 186px;
}
@media screen and (max-width: 960px) {
  .sec-campaign {
    padding-top: 21.3333333333vw;
    padding-bottom: 24.8vw;
  }
}
.sec-campaign-ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .sec-campaign-ttl {
    font-size: 4.8vw;
  }
}
.sec-campaign-in {
  max-width: 1000px;
  padding: 0 20px;
  margin: 44px auto 0;
}
@media screen and (max-width: 960px) {
  .sec-campaign-in {
    width: 89.3333333333vw;
    margin-top: 8.8vw;
  }
}
@media screen and (min-width: 961px) {
  .sec-campaign-bnr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.sec-campaign-bnr > a {
  display: block;
}
@media screen and (min-width: 961px) {
  .sec-campaign-bnr > a {
    width: 44.7916666667%;
  }
  .sec-campaign-bnr > a:not(:nth-child(2n+1)) {
    margin-left: 10.4166666667%;
  }
  .sec-campaign-bnr > a:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 960px) {
  .sec-campaign-bnr > a:not(:first-child) {
    margin-top: 6.1333333333vw;
  }
}
.sec-campaign-bnr > a > img {
  display: block;
  width: 100%;
}