@charset "utf-8";

body {
    background: none;
}

.contents {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  height: auto;
}

.contents2 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: auto;
}

.contents3 {
  width: 100%;
  max-width: 1000px;
  margin:  auto;
  height: auto;
}

.min_cont {
  max-width: 960px;
  margin: auto;
  height: auto;
}

.gara {
  font-family: "Garamond";
}

.eimoji {
  font-family: 'Old Standard TT', serif;
}

.eimoji2 {
    font-family: 'Quicksand', sans-serif;
}

.eimoji001 {
  font-family: gill-sans-nova, sans-serif;
}

.eimoji002 {
  font-family: gill-sans-nova-condensed, sans-serif;
}

.eimoji003 {
  font-family: linotype-didot, serif;
}

.eimoji004 {
  font-family: linotype-didot-headline, serif;
}

.new_goth {
  font-family: dnp-shuei-gothic-kin-std, sans-serif !important;
}

.new_min {
  font-family: a-otf-ryumin-pr6n, serif;
}

.maru_goth {
  font-family: 'Kosugi Maru', sans-serif;
}

.pink {
  color: #EB8397;
}

.pink {
  color: #EB8397;
}

.wine {
  color: #890225;
}

.navy {
  color: #44546F;
}

.grey {
  background: #f2f2f2;
  padding: 3% 0 1.5%;
}



.page-header__svg {
    width: 31%;
}

.not_pc {
    display: block;
}

.not_sp {
    display: none;
}

.not_pic {}

.not_pic img {
    width: 100%;
    max-width: 100%;
    margin: auto;
}


/* 募集要項　開始 */

.not_bold {
    font-weight: 600;
}

.not_main {
    display: flex;
    flex-flow: row wrap;
}

.not_main .not_main_h001 {
    width: 45%;
    margin: 0 auto;
}

.not_main .not_main_h001 .not_main_hbox {
    padding: 14vw 0vw 10vw;
    width: 80%;
    margin: auto;
}

.not_main .not_main_h001 .not_main_hbox #not_top_h001 {
    font-size: 60px;
    letter-spacing: 0.15em;
    line-height: 1.2em;
    color: #091246;
}

.not_main .not_main_h001 .not_main_hbox #not_top_h001 .not_h1_small {
    font-size: 45px;
    letter-spacing: 0.15em;
    line-height: 1.5em;
}

.not_main .not_main_login {
    width: 55%;
    margin: auto;
    background: #091246;
}

.not_main .not_main_login .not_main_loginbox {
    padding: 14vw 0vw 10vw;
    width: 80%;
    margin: auto;
}

.not_main .not_main_login .not_main_loginbox .not_main_lb_h {
    font-size: 20px;
    line-height: 1.7em;
    letter-spacing: 0.15em;
    padding-bottom: 1em;
    color: #fff;
}

.not_main .not_main_login .not_main_loginbox .not_main_lb_p {
    font-size: 14px;
    line-height: 1.7em;
    letter-spacing: 0.15em;
    color: #fff;
}

.not_main .not_main_login .not_main_loginbox .not_form_box {
    padding: 1.5em 0;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .form_row {
    margin: 1em auto;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .form_row .col_form_label {
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: 0.15em;
    padding-bottom: 0.7em;
    color: #fff;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .form_row .form_control {
    width: 27vw;
    height: 4.5vh;
    font-size: 12px;
    letter-spacing: 0.15em;
    line-height: 1em;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea {
    margin: 2em auto auto;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .btArea {}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .btArea .btmain {}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .btArea .btmain button {
    padding: 0.35em 4em;
    font-size: 14px;
    letter-spacing: 0.3em;
    background: #fff;
    border: solid thin #091246;
    transition: 0.4s ease-in-out;
    font-weight: 600;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .btArea .btmain button:hover {
    background: #091246;
    color: #fff;
    border: solid thin #fff;
}


.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .passtext {}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .passtext a {
    color: #fff;
    font-size: 12px;
}


.form_CheckboxInput span {
    color: #fff;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box {
    margin: 2em auto 1em ;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box .not_new_regist_h3 {
    font-size: 16px;
    line-height: 1.7em;
    letter-spacing: 0.15em;
    padding-bottom: 1em;
    color: #fff;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box .btArea .btmain {}

.not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box .btArea .btmain button {
    /* padding: 0.35em 4em;
    font-size: 14px;
    letter-spacing: 0.15em;
    background: #cfd3e0;
    border: solid thin #091246;
    transition: 0.4s ease-in-out;
    font-weight: 600; */
    padding: 0.35em 4em;
    font-size: 14px;
    letter-spacing: 0.15em;
    background: #30437b;
    border: solid thin #4e609a;
    color: #fff;
    transition: 0.4s ease-in-out;
    font-weight: 600;
}


/* .not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box .btArea .btmain button {
    padding: 0.35em 4em;
    font-size: 14px;
    letter-spacing: 0.15em;
    background: #aa8f6a;
    border: solid thin #4e609a;
    color: #fff;
    transition: 0.4s ease-in-out;
    font-weight: 600;
} */

.not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box .btArea .btmain button:hover {
    background: #091246;
    color: #fff;
    border: solid thin #fff;
}





/* .c-video__frame--vimeo{
    overflow: hidden;
    position: relative;
    height: 56.25vw;
    background: #000;
}
      
.c-video__frame--vimeo.is-loaded iframe{
    opacity: 1;
    visibility: visible;
} */
    









@media screen and (max-width: 640px) {
.page-header__svg {
    width: 60%;
}

.not_pc {
    display: none;
}

.not_sp {
    display: block;
}

.not_pic_pad {
    padding-top: 1.5em;
}

.pic img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -o-object-fit: none;
    object-fit: none;
}

.not_main .not_main_h001 {
    width: 100%;
    margin: 0 auto;
}

.not_main .not_main_h001 .not_main_hbox #not_top_h001 {
    font-size: 10.5vw;
    -webkit-text-stroke: 1px #091246;
    text-stroke: 1px #091246;
    letter-spacing: 0.1em;
}

.not_main .not_main_h001 .not_main_hbox #not_top_h001 .not_h1_small {
    font-size: 7vw;
    -webkit-text-stroke: 0px #091246;
    text-stroke: 0px #091246;
}

.not_main .not_main_login {
    width: 90%;
    margin: auto 0 auto auto;
    background: #091246;
}

.not_main .not_main_login .not_main_loginbox .not_main_lb_h {
    font-size: 4.5vw;
}

.not_main .not_main_login .not_main_loginbox .not_main_lb_p {
    font-size: 3.2vw;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .form_row .col_form_label {
    font-size: 3.4vw;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .form_row .form_control {
    width: 72vw;
    height: 4vh;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .verificationarea .passtext a {
    font-size: 3.2vw;
}

.not_main .not_main_login .not_main_loginbox .not_form_box .not_new_regist_box .btArea .btmain button {
    padding: 0.35em 4em;
    font-size: 3.4vw;
}




}