@charset "UTF-8";
/* CSS Document */
#billboard {position: relative;}
#billboard figure.txt {width: 30%;max-width: 450px;position: absolute;top: 56%;left: 50%;z-index: 1;transform: translate(-50%,-50%);transition: 1.3s ease-in 0s;opacity: 0;}
#billboard figure.txt01 {transition-delay: 1.4s;}
#billboard figure.txt02 {transition-delay: 3.4s;}
#billboard figure.bg {transition: 2s;opacity: 0;}
body.loaded #billboard figure.txt {opacity: 1;}
body.loaded #billboard figure.bg {opacity: 1;}
.block-index-00 {color: #fff;padding: 40px 2% 30px;background: rgba(163,157,152,1);position: relative;}
.block-index-00::after {display: block;content: '';width: 90%;max-width: 900px;height: 100%;background: url("../img/common/logo03_pc.svg") no-repeat;position: absolute;top: 0;right: 0;z-index: 1;pointer-events: none;}
.block-index-00 ul {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 3em;position: relative;z-index: 2;}
.block-index-00 ul li {letter-spacing: 0.1em;text-align: center;}
.block-index-00 ul li .txt01 {letter-spacing: 0.1em;}
.block-index-00 ul li .txt02 {font-size: 187.5%;letter-spacing: 0.1em;}
.block-index-00 ul li .txt03 {}
.block-index-00 ul li.usp01 .txt03 {font-size: 125%;letter-spacing: 0.15em;}
.block-index-00 ul li.usp02 .txt02 small {display: block;font-size: 73.33%;} 
.block-index-00 ul li.usp03 .txt02 {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 1.2em;}
.block-index-00 ul li.usp03 .txt02 span:nth-child(1) {position: relative;}
.block-index-00 ul li.usp03 .txt02 span:nth-child(1)::after {content: '〜';line-height: 1;position: absolute;top: 0.16em;left: 4em;}
.block-index-00 ul li.usp03 .txt02 span small {display: block;font-size: 53.33%;text-align: center;}
.block-index-00 ul li.usp03 .txt03 {margin-top: 0.6em;border: 1px solid rgba(255,255,255,0.6);}
.block-index-00 ul li.usp04 {padding-top: 1em;}
.block-index-01 {text-align: center;padding: 10em 15px;background: url("../img/common/common_bg02_pc.webp") no-repeat center/cover;}
.block-index-01 .box01 h2 {color: var(--gray-03);letter-spacing: 0.1em;}
.block-index-01 .box01 ul {margin-top: 1em;}
.block-index-01 .box01 ul li:nth-child(1) {font-size: 187.5%;letter-spacing: 0.05em;}
.block-index-01 .box01 .link-container {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 1em;margin-top: 3em;}
.block-index-01 .box01 .link-container a {width: 260px;height: 55px;position: relative;}
.block-index-01 .box01 .link-container a span {display: block;letter-spacing: 0.1em;position: absolute;top: calc(50% + 0px);left: 0;right: 0;transform: translateY(-50%);}
.block-index-01 .box02 {margin-top: 4em;}
.block-index-01 .box02 p {font-size: 112.5%;letter-spacing: 0.05em;line-height: 1.66;}
@media only screen and (min-width: 768px) and (max-width: 1700px) {
  .block-index-00 ul {column-gap: 1em;}
  .block-index-00 {font-size: 0.9vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #billboard figure.txt {width: 60%;top: 54%;}
  .block-index-00 {padding: 10% 5% 7%;}
  .block-index-00::after {max-width: 300px;}
  .block-index-00 ul {column-gap: 0;}
  .block-index-00 ul li {width: 100%;}
  .block-index-00 ul li + li::before {display: block;content: '';width: 100%;height: 1px;margin: 1em 0;background: rgba(255,255,255,0.4);}
  .block-index-00 ul li .txt02 {line-height: 1.3;}
  .block-index-00 ul li.usp01 .txt03 {font-size: 100%;letter-spacing: 0.1em;white-space: nowrap;}
  .block-index-00 ul li.usp02 .txt02 small {}
  .block-index-00 ul li.usp03 .txt02 span:nth-child(1)::after {left: 3.95em;}
  .block-index-00 ul li.usp03 .txt03 {display: inline-block;padding: 0 5em;}
  .block-index-01 {padding: 3em 15px;}
  .block-index-01 .box01 ul li:nth-child(1) {font-size: 175%;}
  .block-index-01 .box01 .link-container {column-gap: 0;margin-top: 2em;}
  .block-index-01 .box02 {margin-top: 3em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}