@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Billboard {position: relative;}
#Billboard h2 {font-size: 200%;font-weight: normal;font-family: var(--serif);color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;}
#Billboard h2 + p {margin-top: 2em;font-size: 112.5%;font-family: var(--serif);color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;}
#Billboard .container {position: relative;z-index: 2;width: calc(100% - 4em);max-width: 1260px;padding: 5em 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: transparent url("../img/common/bg_05.webp") no-repeat 50% calc(50% + 1.5em) / 100% calc(100% + 3em);}

#Main .block-outline-01 {position: relative;}
#Main .block-outline-01 .pathmove {position: absolute;top: 0;left: 50%;transform: translateY(-50%);}
#Main .block-outline-01 table {width: 100%;border-collapse: separate;margin: 0;font-size: 87.5%;line-height: 1.5;}
#Main .block-outline-01 table tr th {border-top: 0 none transparent;border-right: 0 none transparent;border-left: 0 none transparent;border-bottom: 1px solid rgb(0 0 0 / 40%);background-color: rgb(255 255 255 / 8%);padding: 1em;text-align: center;vertical-align: middle;font-family: var(--serif);font-weight: 400;}
#Main .block-outline-01 table tr td {border-top: 0 none transparent;border-right: 0 none transparent;border-left: 0 none transparent;border-bottom: 1px solid rgb(255 255 255 / 11%);padding: 1em;font-weight: 400;text-align: left;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {}
/* =====
* 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: 5em 0 2em;}
  #Billboard::after {background-position: 50% calc(50% + 2em - 2px);background-size: 100% calc(100% + 4em);}

  #Main .block-outline-01 table,
  #Main .block-outline-01 table tbody,
  #Main .block-outline-01 table tr,
  #Main .block-outline-01 table tr th,
  #Main .block-outline-01 table tr td {display: block;}
  #Main .block-outline-01 table tr th {background-position: 50% 0;background-size: cover;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}