@charset "UTF-8";
/* CSS Document */
.billboard-type-01 {background: linear-gradient(to right,#ddd,#aaa,#888);position: relative;z-index: 100;}
.billboard-type-01 h2 {font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 3em 0;}
.billboard-type-02 {background: url("../img/concept/concept_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-02::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.4;position:absolute;top: 0;left: 0;}
.billboard-type-02 h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 3em 0;position: relative;z-index: 100;}
.billboard-type-03 {background: url("../img/concept/concept_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-03::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.6;position:absolute;top: 0;left: 0;}
.billboard-type-03 h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 5em 0;position: relative;z-index: 100;}
.billboard-type-04 {background: url("../img/concept/concept_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-04::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.4;position:absolute;top: 0;left: 0;}
.billboard-type-04 img {width: 60%;max-width: 400px;margin: 0 auto;padding: 10em 0;position: relative;z-index: 100;}
#Main > .container {padding: 0 !important;}
#Main .block-concept-01 .inner00 {text-align: center;padding: 5em 0;background: #fff;}
#Main .block-concept-01 .inner00 h3 {font-size: 250%;text-align: center;letter-spacing: 0.01em;}
#Main .block-concept-01 .inner00 p {font-size: 125%;line-height: 2.5;margin-top: 1.5em;}
#Main .block-concept-01 figure {position: relative;overflow: hidden;}
#Main .block-concept-01 figure::after {display: block;content: '';width: 45%;height: 35%;background: url("../img/concept/concept_img01_pc.svg") no-repeat left bottom/contain;position: absolute;left: -0.1em;bottom: -0.2em;z-index: 1;}
#Main .block-concept-01 figure figcaption {font-size: 750%;line-height: 0.75;letter-spacing: 0.2em;text-align: left;padding: 0 0 0 0.5em;left: 0;right: auto;}
#Main .block-concept-02 .inner00 {text-align: center;padding: 5em 0;}
#Main .block-concept-02 .inner00 h3 {font-size: 250%;text-align: center;letter-spacing: 0.01em;line-height: 1.75;}
#Main .block-concept-02 .inner00 h3 .sp01 {color: #d2bb8e;font-size: 175%;line-height: 0;letter-spacing: 0.1em;}
#Main .block-concept-02 .inner00 p {font-size: 125%;line-height: 2.5;margin-top: 1.5em;}
#Main .block-concept-02 .inner01 > div:before,
#Main .block-concept-02 .inner01 > div:after {display: none;content: '';width: 100%;height: 1px;background: linear-gradient(to right,transparent,#444,#444,#444,#444,#444,transparent);}
#Main .block-concept-02 .inner01 ul {text-align: center;max-width: 1100px;margin: 0 auto;padding: 2em 0;}
#Main .block-concept-02 .inner01 ul li {display: inline-block;text-align: left;margin: 2em 1em;}
#Main .block-concept-02 .inner01 ul li p {display: flex;flex-wrap: wrap;justify-content: space-between;align-items:flex-end;}
#Main .block-concept-02 .inner01 ul li p > span {display: inline-block;}
#Main .block-concept-02 .inner01 ul li p .sp01 {position: relative;}
#Main .block-concept-02 .inner01 ul li p .sp01 .sp01-1 {display: block;font-size: 100%;margin-bottom: 0.5em;}
#Main .block-concept-02 .inner01 ul li p .sp01 .sp01-2 {font-size: 300%;line-height: 1;}
#Main .block-concept-02 .inner01 ul li p .sp01 .sp01-3 {font-size: 200%;margin-left: 0.5em;}
#Main .block-concept-02 .inner01 ul li p .sp02 {position: relative;}
#Main .block-concept-02 .inner01 ul li p .sp02 .sp02-1 {font-size: 200%;}
#Main .block-concept-02 .inner01 ul li p .sp02 .sp02-2 {color: var(--basic-02);font-size: 500%;line-height: 0;}
#Main .block-concept-02 .inner01 ul li p .sp02 .sp02-3 {font-size: 200%;}
#Main .block-concept-02 .inner01 ul li p .sp02 .sp02-4 {display: block;text-align: right;position: absolute;top: 100%;right: 0;}
#Main .block-concept-03 {padding: 5em 0;background: url("../img/common/bg05.webp") no-repeat center/cover;}
#Main .block-concept-03 .inner00 {color: #fff;text-align: center;padding: 0 0 1em;}
#Main .block-concept-03 .inner00 .txtWrap01 h3 {font-size: 350%;text-align: center;letter-spacing: 0.01em;}
#Main .block-concept-03 .inner00 .txtWrap01 > p {font-size: 200%;line-height: 2.5;margin-top: 0.5em;}
/*#Main .block-concept-03 .inner00 .txtWrap02 {padding: 1.5em 0;margin-bottom: 1em;border-top: 1px solid rgba(255,255,255,0.6);border-bottom: 1px solid rgba(255,255,255,0.6);}*/
#Main .block-concept-03 .inner00 .txtWrap02 {margin-bottom: 2em;}
#Main .block-concept-03 .inner00 .txtWrap02 p:nth-child(1) {font-size: 150%;}
#Main .block-concept-03 .inner00 .txtWrap02 p:nth-child(1) {font-size: 200%;}
#Main .block-concept-03 .inner00 .txtWrap02 p:nth-child(1) span {display: inline-block;font-size: 200%;line-height: 1;transform: translateY(3px);}
#Main .block-concept-03 .inner00 .txtWrap02 p:nth-child(2) {font-size: 75%;}
#Main .block-concept-03 .inner01 ul {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -1em;}
#Main .block-concept-03 .inner01 ul li {width: calc(33.333% - 2em);margin: 0 1em 2em;}
#Main .block-concept-03 .inner01 ul li figure {position: relative;z-index: 1;}
#Main .block-concept-03 .inner01 ul li figure::after {display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 70%,rgba(0,0,0,0.5));position: absolute;left: 0;bottom: 0;z-index: 1;}
#Main .block-concept-03 .inner01 ul li figure figcaption {font-size: 200%;background: transparent;}
#Main .block-concept-03 .inner01 ul li figure figcaption small {font-size: 50%;}
#Main .block-concept-03.fix01 {padding: 5em 0;background: url("../img/common/bg04.webp") no-repeat center/cover;}
#Main .block-concept-04 {padding: 4em 0 0;}
#Main .block-concept-04 .box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
#Main .block-concept-04 .box + .box {margin-top: 3em;}
#Main .block-concept-04 .box.box-right {flex-direction: row-reverse;}
#Main .block-concept-04 .box figure {width: 50%;position: relative;}
#Main .block-concept-04 .box .txtWrap01 {width: 50%;}
#Main .block-concept-04 .box .txtWrap01 div {max-width: 450px;}
#Main .block-concept-04 .box.box-right .txtWrap01 div {margin: 0 10em 0 auto;}
#Main .block-concept-04 .box.box-left .txtWrap01 div {margin: 0 auto 0 10em;}
#Main .block-concept-04 .box .txtWrap01 .ttl01 {font-size: 187.5%;margin: 0.5em 0 1em;}
#Main .block-concept-04 .box .txtWrap01 .txt01 {font-size: 112.5%;line-height: 2.5;margin: 0.5em 0;}
#Main .block-concept-04 .box .txtWrap01 .txt01 small {display: block;font-size: 75%;line-height: 1.5;}
#Main .block-concept-05 {padding: 2em 0;background: #f0f0f0;}
#Main .block-concept-05 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-concept-05 ul li {margin: 1em;width: calc(33.33% - 2em);}
#Main .block-concept-05.two ul li {width: calc(50% - 2em);}
#Main .block-concept-05.four ul li {width: calc(25% - 2em);}
#Main .block-concept-05 ul li .ttl01 {font-size: 112.5%;margin: 0.5em 0 0;}
#Main .block-concept-05 ul li figure {margin: 0.5em 0;position: relative;}
#Main .block-concept-05 ul li .txt01 {margin: 0.5em 0;}
#Main .block-concept-05 ul li .txt01 small {display: block;font-size: 75%;}
#Main .block-concept-06 {padding: 2em 0;background: #f0f0f0;}
#Main .block-concept-06 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-concept-06 ul li {margin: 1em;width: calc(33.33% - 2em);}
#Main .block-concept-06.two ul li {width: calc(50% - 2em);}
#Main .block-concept-06.four ul li {width: calc(25% - 2em);}
#Main .block-concept-06 ul li .ttl01 {font-size: 112.5%;margin: 0.5em 0;padding-bottom: 0.5em;border-bottom: 1px solid #aaa;}
#Main .block-concept-06 ul li figure {margin: 0.5em 0;position: relative;}
#Main .block-concept-06 ul li .txt01 {margin: 0.5em 0;}
#Main .block-concept-06 ul li .txt01 small {display: block;font-size: 75%;}
#Main .block-concept-07 {padding: 2em 0;background: #f0f0f0;}
#Main .block-concept-07 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-concept-07 ul li {margin: 1em;width: calc(33.33% - 2em);}
#Main .block-concept-07.two ul li {width: calc(50% - 2em);}
#Main .block-concept-07.four ul li {width: calc(25% - 2em);}
#Main .block-concept-07 ul li figure {margin: 0.5em 0;position: relative;}
#Main .block-concept-07 ul li .ttl01 {font-size: 112.5%;margin: 0.5em 0;}
#Main .block-concept-08 {padding: 2em 0;background: #f0f0f0;}
#Main .block-concept-08 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-concept-08 ul li {margin: 1em;width: calc(33.33% - 2em);}
#Main .block-concept-08.two ul li {width: calc(50% - 2em);}
#Main .block-concept-08.four ul li {width: calc(25% - 2em);}
#Main .block-concept-08 ul li figure {margin: 0.5em 0;position: relative;}
#Main .block-concept-08 ul li .txt01 {margin: 0.5em 0;}
#Main .block-concept-08 ul li .txt01 small {display: block;font-size: 75%;}
#Main .block-concept-09 {padding: 2em 0;background: #f0f0f0;}
#Main .block-concept-09 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-concept-09 ul li {margin: 1em;width: calc(33.33% - 2em);}
#Main .block-concept-09.two ul li {width: calc(50% - 2em);}
#Main .block-concept-09.four ul li {width: calc(25% - 2em);}
#Main .block-concept-09 ul li figure {margin: 0.5em 0;position: relative;}
#Main .block-concept-10 {padding: 2em 0;background: #f0f0f0;}
#Main .block-concept-10 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-concept-10 ul li {margin: 1em;width: calc(33.33% - 2em);}
#Main .block-concept-10.two ul li {width: calc(50% - 2em);}
#Main .block-concept-10.four ul li {width: calc(25% - 2em);}
#Main .block-concept-10 ul li .ttl01 {font-size: 112.5%;margin: 0.5em 0;padding-bottom: 0.5em;border-bottom: 1px solid #aaa;}
#Main .block-concept-10 ul li .txt01 {margin: 0.5em 0;}
#Main .block-concept-10 ul li .txt01 small {display: block;font-size: 75%;}

@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 1300px) {
  #Main .block-concept-04 .box {font-size: 1.6vw;}
  #Main .block-concept-04 .box .txtWrap01 div {max-width: 100% !important;padding: 2em;margin: 0 !important;}
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (min-width: 768px) and (max-width: 1500px) {
  #Main .block-concept-03 .inner01 ul li figure figcaption {font-size: 2vw;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #billboard h2 {font-size: 187.5%;padding: 3em 0;}
  .billboard-type-04 img {padding: 4em 0;}
  #Main .block-concept-01 .inner00 {padding: 2em 0;}
  #Main .block-concept-01 .inner00 > div {width: 100%;}
  #Main .block-concept-01 .inner00 h3 {font-size: 137.5%;letter-spacing: 0;}
  #Main .block-concept-01 .inner00 p {font-size: 100%;line-height: 2.5;margin-top: 1.5em;}
  #Main .block-concept-01 figure figcaption {display: block;font-size: 350%;text-align: right;padding-right: 0;}
  #Main .block-concept-02 .inner00 {padding: 2em 0;}
  #Main .block-concept-02 .inner00 > div {width: 100%;}
  #Main .block-concept-02 .inner00 h3 {font-size: 150%;letter-spacing: 0;}
  #Main .block-concept-02 .inner00 p {font-size: 100%;line-height: 2.5;margin-top: 1.5em;}
  #Main .block-concept-02 .inner01 {margin-bottom: 1em;}
  #Main .block-concept-02 .inner01 ul {font-size: 70%;padding: 1.5em 0;}
  #Main .block-concept-02 .inner01 ul li {width: 100%;margin: 1em 0;}
  #Main .block-concept-02 .inner01 ul li p .sp01 {padding-top: 2em;}
  #Main .block-concept-02 .inner01 ul li p .sp01 .sp01-1 {font-size: 10px;white-space: nowrap;position: absolute;top: 0;left: 0;}
  #Main .block-concept-02 .inner01 ul li p .sp02 .sp02-2 {font-size: 400%;}
  #Main .block-concept-03 {padding: 2em 0;}
  #Main .block-concept-03.fix01 {padding: 2em 0;}
  #Main .block-concept-03 .inner00 .txtWrap01 h3 {font-size: 200%;}
  #Main .block-concept-03 .inner00 .txtWrap01 > p {font-size: 137.5%;line-height: 1;}
  #Main .block-concept-03 .inner00 .txtWrap02 {margin-bottom: 0;}
  #Main .block-concept-03 .inner00 .txtWrap02 p:nth-child(1) {font-size: 137.5%;margin-top: 1em;}
  #Main .block-concept-03 .inner00 .txtWrap02 p:nth-child(2) small {display: block;}
  #Main .block-concept-03 .inner01 ul {margin: 0;}
  #Main .block-concept-03 .inner01 ul li {width: 100%;margin: 0 0 1em;}
  #Main .block-concept-03 .inner01 ul li figure figcaption {font-size: 167.5%;padding: 0.25em 0.25em 0.1em;}
  #Main .block-concept-04 {padding: 0;}
  #Main .block-concept-04 .box {font-size: 100%;}
  #Main .block-concept-04 .box + .box {margin-top: 0;}
  #Main .block-concept-04 .box figure {width: 100%;position: relative;}
  #Main .block-concept-04 .box.box-left figure {padding: 0;}
  #Main .block-concept-04 .box .txtWrap01 {width: 100%;}
  #Main .block-concept-04 .box .txtWrap01 .ttl01 {font-size: 137.5%;margin: 0 0 0.5em;}
  #Main .block-concept-04 .box .txtWrap01 .txt01 {font-size: 100%;margin: 0;}
  #Main .block-concept-04 .box .txtWrap01 div {padding: 2em 5%;}
  #Main .block-concept-10 ul li,
  #Main .block-concept-09 ul li,
  #Main .block-concept-08 ul li,
  #Main .block-concept-07 ul li,
  #Main .block-concept-06 ul li,
  #Main .block-concept-05 ul li {margin: 0.25em;width: calc(50% - 0.5em);}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}