@charset "utf-8";

/* A固定 */
#entrance-main-Wpr-A {
 position:relative;
 padding:0;
}
#entrance-main-Wpr-A .header-Ttl {
 position:absolute;
 top:0;
 left:0;
 z-index:10;
}
#entrance-main-Wpr-A .header-Ttl h1 {
 width:100%;
 max-width:100%;
}
#entrance-btn-Wpr-A,
.entrance-btn-Box-A {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
}
#entrance-btn-Wpr-A {
 position:absolute;
 height:100%;
 z-index:5;
 overflow:hidden;
}
.entrance-btn-Box-A {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
}
.entrance-btn-Box-A dl {
 width:100%;
 margin:auto;
 padding:0;
}
.entrance-btn-Box-A dt {
 text-align:center;
 margin:0 auto;
 width:80%;
}
.entrance-btn-Box-A dt img {
 pointer-events:none;
 max-width:100%;
 vertical-align:bottom;
 max-height:500px;
}
dd.site-info-A {
 width:100%;
 margin:32px auto;
 text-align:center;
}
dd.site-info-A span {
 font-size:125%;
 padding:0 4px;
}
.ec-pcbd-Box-A {
 margin:0 auto;
 padding:0;
 width:92%;
}
.enter-btn-A {
 margin:0 auto 24px;
}
.enter-btn-A a {
 display:block;
 text-align:center;
 margin:12px auto;
 padding:0;
 -o-transition:all 0.2s linear;
 -webkit-transition:all 0.2s linear;
 -moz-transition:all 0.2s linear;
 transition:all 0.2s linear;
 width:69.7%;
}
.enter-btn-A a img {
 width:100%;
 vertical-align:bottom;
}
.enter-btn-A a:hover img {
 opacity:1;
}
.leave-btn-A {
 text-align:center;
}
.leave-btn-A {
 font-size:87.5%;
 padding-top:8px;
}
.btn-18mark {
 text-align:center;
 width:100%;
}
.btn-18mark i {
 font-size:3.6rem;
 margin:0 auto;
}
.entrance-main-Box-A {
 width:100%;
 height:100vh;
 padding:0;
}
#ec-main-image {
 width:100%;
 height:100%;
 object-position:50% 50%;
 vertical-align:bottom;
 object-fit:cover;
 font-family:"object-fit:cover;";
}
.ebBox-nosc {
 display:none;
}
@media only screen and (max-width:1023px) {
 #entrance-main-Wpr-A {
  padding:0 0 148px;
  margin-bottom:64px;
 }
 #entrance-main-Wpr-A .header-Ttl {
  position:static;
 }
 #entrance-btn-Wpr-A {
  position:static;
  display:block;
  width:100%;
  height:auto;
  margin:auto;
  padding:0;
  background-color:transparent;
 }
 .entrance-btn-Box-A {
  position:static;
  width:100%;
  height:auto;
  display:block;
 }
 .entrance-btn-Box-A dl {
  width:100%;
 }
 .entrance-btn-Box-A dt {
  padding:12px 0;
 }
 .entrance-btn-Box-A dt img {
  max-width:240px;
 }
 dd.site-info-A {
  margin:0;
  padding:8px 0;
 }
 dd.site-info-A p {
  margin:0 4px;
  display:inline-block;
  font-size:87.5%;
 }
 .ec-pcbd-Box-A {
  position:absolute;
  height:120px;
  bottom:0;
  left:0;
  right:0;
 }
 .enter-btn-A {
  margin:0 auto 12px;
 }
 .enter-btn-A a {
  width:61.8%;
  min-width:240px;
 }
 .enter-btn-A a img {
  max-width:240px;
  min-width:240px;
 }
 .btn-18mark {
  padding:12px 0 0;
 }
 .entrance-main-Box-A {
  width:100%;
  height:100%;
  overflow:hidden;
 }
}
@media only screen and (max-width:767px) {
 .entrance-btn-Box-A dt {
  padding:8px 0;
 }
 .entrance-btn-Box-A dt img {
  max-width:200px;
 }
}
@media only screen and (min-width:1024px) {
 /* 11-A-2 */
 #entrance-btn-Wpr-A {
   width:340px;
  left:10%;
 }
 /* 11-A-3 */
 #entrance-btn-Wpr-A {
  background:rgba(255,255,255,0.9);
 }
}
/* 11-A-5 */
dd.site-info-A {
  color:#363636;
}
dd.site-info-A span {
  font-weight:bold;
}
/* 11-A-7 */
.enter-btn-A a {
  background:rgba(181,222,242,1);
}
.enter-btn-A a:hover {
  background:rgba(113,192,239,1);
}
/* 11-A-8 */
.enter-btn-A a {
  border-style:none;
  border-radius:5px;
  border-width:1px;
  
}
.enter-btn-A a:hover {
  
}
/* 11-A-9 */
.enter-btn-A a {
  
}

/* 認証ページ共通 */
.entrance-si-Wpr {
  margin:0 auto;
  padding:48px 0;
}
.entrance-si-Wpr section {
  margin:0 0 16px;
}
.entrance-si-Box {
  max-width:716px;
  margin:0 auto 48px;
  padding:0;
}
div.entrance-si-Txt {
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.entrance-link-Wpr {
  max-width:768px;
  margin:0 auto;
  text-align:center;
}

@media only screen and (max-width:767px) {
  .entrance-Wpr {
    max-width:100%;
    margin:0 auto;
    padding:0;
  }
  .entrance-Wpr section {
    margin:0 0 12px;
  }
  .entrance-si-Box {
    padding:0;
    margin:0 8px;
  }
  .entrance-link-Wpr {
    overflow:hidden;
    padding:8px;
  }
  .entrance-link-Wpr img {
    max-width:100%;
  }
}