/* common */
.icon-4 {
    font-size:4rem;
    transition:0.1s;
}
.pd-content {
    padding-top:4rem;
    padding-bottom:4rem;
    /* fade-left/right前に横スクロール表示させない */
    overflow:hidden;
}
.bg-gray {
    background-color:#f3f3f3;
}

.home-font{
    font-size:24px;
}

@media (min-width: 200px) {
    .section-1{
        padding-top:110px;
    }
    .section-regist{
        padding-top:100px;
    }
    .section-psd-reset{
        padding-top:100px;
    }
    .home-font{
        font-size:6vw;
        text-align:center;
    }
    .img-set{
        max-width:100%!important;
        height:auto;
    }
    .pd-content {
        padding-top:1rem;
        padding-bottom:0.2rem;
    }
}

@media (min-width: 300px) { }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .pd-content {
        padding-top:4rem;
        padding-bottom:4rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .home-font{
        font-size:28px;
        text-align:left;
    }
}

@media (min-width: 1100px) {
    .home-font{
        font-size:30px;
        text-align:left;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .img-set{
        max-width:90%!important;
        height:auto;
    }
}


/* nav bar */
.navbar {
    background-color: rgba(255, 255, 255, .8) !important;
    font-weight: 700;
}
.nav-font{
    font-size:1.7rem!important;
    color:#343a40 !important;
    transition:0.5s;
}
.nav-font:hover{
    font-size:1.9rem!important;
    color:#00a5f5!important;
    transition:0.5s;
}
.btn-nav-login{
    color:black;
}
.btn-nav-login:focus{
    box-shadow:none!important;
}
.btn-nav-login:hover{
    background-color:#00a5f5!important;
    color:white!important;
    border-color:white!important;
    transition:0.5s;
}

/* login home */
.bg-landing {
    background:url("../../imgs/login-bg.jpg");
    /* background-color:#1e9bf0; */
    min-height:60vh;
}
.img-set{
    max-width:90%;
    height:auto;
}

/* login introduce */
.icon-card {
    padding:40px 40px!important;
    box-shadow: 3px 3px 10px #192c7c33;
    border-radius: 20px;
    opacity: 1;
    transition:0.5s;
}
.icon-card:hover {
    box-shadow: none;
    background:#00a5f5;
    color:white;
    transition:0.5s;
}
.icon-card:hover .icon-4 {
    font-size:4.7rem;
    transition:0.5s;
}

/* login detail */
.dt-icon:hover .icon-4 {
    font-size:4.7rem;
    color:#00a5f5;
    transition:0.5s;
}

/* login form */
.login-main-content{
    min-height:100%;
    box-sizing:border-box;
    padding-bottom:271px;
}
.form-card {
    box-shadow: 3px 3px 10px #192c7c33!important;
    border-radius: 5px!important;
    opacity: 1;
}

/* login footer */
.section-foot{
    height:271px;
    margin-top:-271px;
    background:white;
}
.a-font{
    color:black;
}
.a-social{
    text-decoration: none!important;
}
.a-font:hover{
    text-decoration: none!important;
    color:#1e9bf0!important;
}

.ft-family{
    font-family:"メイリオ";
}

/** register form **/
.regist-content{
    background:#f3f3f3;
    box-sizing:border-box;
    min-height:100vh;
    padding-bottom:271px;
}

.regist-card {
    box-shadow: 3px 3px 10px #192c7c33;
    border-radius: 20px;
    opacity: 1;
    transition:0.5s;
}