@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Billboard {position: relative;}
#Billboard h2 {font-size: 200%;font-weight: normal;font-family: 'Cinzel', serif;color: #fff;letter-spacing: 0.3em;line-height: 1;text-align: center;}
#Billboard h2 + p {margin-top: 1em;font-size: 112.5%;font-family: "Cinzel", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", 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: 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: transparent url("../img/common/bg_05.webp") no-repeat 50% / cover;}

#Main .block-login-01 {position: relative;background: transparent url("../img/common/bg_03.webp") repeat 50% 0 / cover;}
#Main .block-login-01 form {margin-top: 1.5em;text-align: center;}
#Main .block-login-01 form input[type=text] {padding: 1em;border-radius: 5px;border: 1px solid #ddd;width: 13em;line-height: 1;}
#Main .block-login-01 form button[type=submit] {padding: 1em;border-radius: 5px;border: 1px solid rgb(83,115,136);background: linear-gradient(90deg, rgba(83,115,136,1) 0%, rgba(41,83,129,1) 100%);font-family: 'Renner*', sans-serif;line-height: 1;letter-spacing: 0.15em;text-transform: uppercase;color: #fff;}
#Main .block-login-01 .lead {max-width: 34em;margin: 0 auto;}
#Main .block-login-01 .pathmove {position: absolute;top: 0;left: 50%;transform: translateY(-50%);}
#Main .block-login-01 .container {position: relative;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);}

#Main .block-login-02 {position: relative;background: #fafafa url("../img/common/bg_03.webp") repeat 50% 0 / cover;background-blend-mode: multiply;}
#Main .block-login-02 h3 {margin-bottom: 1em;text-align: center;font-size: 150%;line-height: 1.25;font-family: 'Cinzel', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";z-index: 2;}
#Main .block-login-02 h3::before {content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);border-width: 1em 2em 0;border-color: #fff transparent transparent;border-style: solid;}
#Main .block-login-02 .lead {max-width: 36em;margin: 0 auto;}
#Main .block-login-02 .container {position: relative;}
#Main .block-login-02 .btn {margin: 1.5em auto 0;padding: 1.5em;max-width: 16em;border-top: 1px solid rgb(83,115,136);border-bottom: 1px solid rgb(41,83,129);background: rgb(83,115,136);background: linear-gradient(90deg, rgba(83,115,136,1) 0%, rgba(41,83,129,1) 100%);color: #fff;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {
  #Main .block-plan-01 .container {position: relative;z-index: 2;}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1260px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width:768px) {
  #Billboard h2 + p {margin-top: 0.5em;}
  #Billboard .container {width: 100%;padding: 5em 0 2em;}
  #Billboard::after {background-position: 50%;background-size: auto 100%;}

  #Main .block-login-01 {background: #fff none;}
  #Main .block-login-01 .container {padding: 3em 0;}
  #Main .block-login-02 .container {padding: 3em 0;}
  #Main .block-login-02 h3 {padding-top: 1em;font-size: 125%;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}