@charset "UTF-8";

/*　モーダルは初期状態で非表示　*/
.modal{
    display:-webkit-box;
    display:-ms-flexbox;
    display:none;
}

.modal-overlay{
    display:none;
}

/* ヘッダーメニュー表示の仕様変更に伴う追記 */
/* ヘッダーのチェックボックスを非表示 */
.header-user input{
    display: none;
}
/* style.min.css(マウスオーバーでアイコン反転)打ち消し用css */
.header-user:hover .header-user-nav .iconfont-angle-down{
    -webkit-transform:scale(1,1);
    transform:scale(1,1)
}
/* style.min.css(マウスオーバーでメニュー表示)打ち消し用css */
.header-user:hover .user-menu
{
    position:absolute;
    z-index:201;
    visibility:visible;
    opacity:0;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
/* ヘッダーのクリックでアイコン反転 */
div.header-user input:checked + label.header-user-nav > b.header-iconfont-angle-down{
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}
/* ヘッダーのクリックでメニュー表示 */
div.header-user input:checked ~ .user-menu {
    position: absolute;
    z-index: 201;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* スマホでのログインページにおいて新規登録とログインの配置を入れ替える */
@media (max-width: 768px) {
    /* ２つのボタンの親要素を基準値として指定 */
    .login-btn-group-footer{
        position: relative;
        height: 8.5rem;
    }
    /*新規会員登録はこちらボタン*/
    .login-btn-primary-outline {
        position: absolute;
        top: 45px;
    }
    /*ログインボタン*/
    .login-btn-primary {
        position: absolute;
        top: 0px;
    }
}
/*MDL問い合わせ画面用CSS*/
@media screen and (max-width: 559px) {
  #mdl .mdl-header {
    position: relative; }
  #mdl .mdl-header .header-group-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto!important;
    padding: 2rem 1rem; }
  #mdl .mdl-header .header-group-inner h1 {
    width: 100%;
    text-align: center;
    font-size: 1.6rem; }
  #mdl .mdl-header .header-group-inner .header-list {
    width: 100%;
    margin-top: 2rem; }
  #mdl .mdl-header .header-group-inner .header-list-inner.mdl-login, #mdl .mdl-header .header-group-inner .header-list-inner.contact {
    width: 48%; }
}
@media screen and (max-width: 559px) {
  #mdl .mdl-header {
    position: relative; }
  #mdl .mdl-header .header-group-inner {
    -ms-flex-wrap: wrap; flex-wrap: wrap; height: 50px; }
  #mdl .mdl-header .header-group-inner h1 {
    width: 100%; text-align: center; font-size: 1.6rem; }
  /*#mdl .mdl-header .header-list-inner.guide, #mdl.contact .mdl-header .header-list-inner.contact {
    display:flex!important; }*/
  #mdl .mdl-header .header-list-inner.guide {
    display:none!important; }
}

a.disabled{
  pointer-events: none;
}
/* LIC_REALNET-712 */
#mdl #top .message {
  background: transparent;
}
/* RN_MS-1119 レイアウト調整 */
.service-link-banner {
  display: block;
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .mypage-service-list .service-link-banner {
    padding-left: 0;
    padding-bottom: 12px;
  }
  .mypage-service-list .service-link-banner::before {
    display: none;
  }
}

/* ヘッダーcss */
.header-login-menu {
    letter-spacing: .05em;
}

.header-menu a{
    color: #333;
}

.header-login-menu-btn a {
    color: #674ea4;
    border-radius: 0.4rem;
    border-width: 1px;
}

.header-login-menu-inner {
    overflow: hidden auto;
    max-height: calc(100vh - 7rem);
    scrollbar-width: thin;
}