@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Billboard {position: relative;}
#Billboard h2 {font-size: 200%;font-weight: normal;font-family: 'Cardo', serif;color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;transition: letter-spacing var(--easing) 2000ms;}
#Billboard h2 + p {margin-top: 1em;font-family: "Cardo", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;transition: letter-spacing var(--easing) 2000ms;}
#Billboard .container {position: relative;z-index: 2;width: calc(100% - 4em);max-width: 1260px;padding: 6em 2em 3em;margin-left: auto;margin-right: auto;box-sizing: border-box;}
#Billboard::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #9aa url("../img/common/bg_06.webp") no-repeat 0 0 / cover;background-blend-mode: color-burn;filter: contrast(.5) brightness(3.5) grayscale(0.7);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;}
.staging #Billboard::after {filter: contrast(1) brightness(1) grayscale(0);transition: filter var(--easing) 2000ms;}
.transitionend #Billboard h2,
.transitionend #Billboard h2 + p {letter-spacing: 0.2em;}
#Main .block-structure-01 {position: relative;}
#Main .block-structure-01 .pathmove {position: absolute;top: 0;left: 50%;transform: translateY(-50%);}
#Main .block-structure-01 .container h5 {position: relative;border-bottom: 1px solid #dcdcdc;margin: 0.5em 0;padding: 0.75em 0 0.5em 0;font-weight: normal;font-size: 112.5%;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;line-height: 1.5;}
#Main .block-structure-01 .container h5 + p {padding: 0 0 1em;font-size: 87.5%;}
#Main .block-structure-01 .container + p small {display: block;color: #666;}
#Main .block-structure-01 .container .pickup {max-width: 1100px;margin: 5em auto 0;position: relative;}
#Main .block-structure-01 .container .pickup figure {padding-bottom: 1.5em;}
#Main .block-structure-01 .container .pickup figure::after {padding: 1em 0 0;}
#Main .block-structure-01 .container .grid-list {margin: 4em -1em 0;}
#Main .block-structure-01 .container .grid-list div {width: calc(33.33% - 2em);margin: 1em;}
#Main .block-structure-01 .container .grid-list div:nth-child(6),
#Main .block-structure-01 .container .grid-list div:nth-child(4),
#Main .block-structure-01 .container .grid-list div:nth-child(1) {width: calc(66.66% - 2em);}
#Main .block-structure-01 .container .grid-list div:nth-child(2) {margin-top: 5em;}
#Main .block-structure-01 .container .grid-list div:nth-child(n + 3) figure {border: 1px solid #dcdcdc;}
#Main .block-structure-01 .container .grid-list div figure img {margin: 0 auto;}
#Main .block-structure-01 .container .grid-list div h5[data-icon] {padding-left: 1.8em;}
#Main .block-structure-01 .container .grid-list div h5[data-icon]::before {content: attr(data-icon) "";transform: translateY(-50%);position: absolute;top: 50%;left: 0;width: 1.5em;background: var(--teal-green);display: block;text-align: center;color: #ffffff;line-height: 1.5;font-family: 'Cinzel', serif;font-weight: normal;z-index: 2;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {
  #Main .block-structure-01 .container .grid-list div:nth-child(1) {margin-bottom: 3em;}
  #Main .block-structure-01 .container .grid-list div:nth-child(1) img {max-width: 743px;}
  #Main .block-structure-01 .container .grid-list div:nth-child(6) img,
  #Main .block-structure-01 .container .grid-list div:nth-child(4) img {max-width: 741px;}
  #Main .block-structure-01 .container .grid-list div:nth-child(5) img,
  #Main .block-structure-01 .container .grid-list div:nth-child(3) img,
  #Main .block-structure-01 .container .grid-list div:nth-child(2) img {max-width: 353px;}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1260px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width:768px) {
  #Billboard .container {width: 100%;padding: 6em 0 2em;}
  #Billboard::after {background-position: 50% calc(50% + 2em - 2px);background-size: 100% calc(100% + 4em);}
  #Main .block-structure-01 .container .pickup {margin-top: 2em;}
  #Main .block-structure-01 .container .pickup figure {padding-bottom: 1em;}
  #Main .block-structure-01 .container .grid-list {margin-top: 2em;}
  #Main .block-structure-01 .container .grid-list div {width: calc(100% - 2em) !important;margin-top: 1em !important;}
  #Main .block-structure-01 .container .grid-list div:nth-child(1) figure {padding-bottom: 1em;}
  #Main .block-structure-01 .container .grid-list div:nth-child(2) figure {border: 1px solid #dcdcdc;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}