/*
body { font-size: 12px; color: #333333; margin-top: 0px; margin-left: 0px; 
margin: 0pt; }
.background-image: URL(/images/bg_image1500.gif); } 
.td { font-size: 
12px; color: #333333; } 
.text{ font-color: #333333; font-size: 12px; line-height: 
20px; } 
.text{ font-color: #333333; font-size: 12px; line-height: 
20px; } 
.tekisuto {font-size: 12px; font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka";}
.line { font-size: 12px; line-height: 100% } .leaded{ color: #333333; 
font-size: 12px; line-height: 18px; } .blueb{ font-size: 12px; font-style: normal; 
font-weight: bold; color: #0099ff; } .bold15{ font-size: 14px; font-style: normal; 
font-weight: bold; color: #333333; } .small{ font-color: #333333; font-size: 10px; 
line-height: 15px; } .small_11{ font-color: #333333; font-size: 11px; } .small_red{ 
font-size: 10px; color: #FF0000; } sup{ font-weight: normal; font-size : 9px; 
color: #333333; } A:link { color: #0000B0; text-decoration: none; } A:visited 
{ color: #6600ff; text-decoration: none; } A:hover{ color: #cc0033; text-decoration: 
underline; } .scrollinput {font-size: 15px; color: #333333; font-family: "メイリオ", "ＭＳ Ｐゴシック", 
Osaka; border-style:solid; border-width:1px; border-color:#ffffff; } 
*/



body { font-size: 12px;
    color: #333333; 
    margin: 0pt; 
    font-family: "メイリオ", "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;} 
.head_link { margin-bottom: 25px; } 
.login { width: 720px; padding: 10px 0 0 0; margin: auto; } 
.login_message { border-left: 4px solid #00a0d2; } 
.login_error { border-left: 4px solid #dc3232; }
.message_area { padding: 12px; margin-left: 0; background-color: #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); }

p.submit { text-align: left; max-width: 100%; } 
.p_link {margin: 24px 0 0;} 
.b_link {margin: 16px 0;} 
.navi { padding: 0 24px; } 
.navi a { font-size: 13px; color: #333333; text-decoration: none; }
.login form p { margin: 0; } 
p { line-height: 1.5; } 
label { color: #72777c; font-size: 13px; } 
input[type=text],input[type=password] { background: #fbfbfb; font-size: 24px; width: 100%; padding: 3px; margin: 2px 6px 16px 0; border: 1px solid #ddd; height: 32px; } 
input[type=submit] { color: #fff; height: 30px; /*line-height: 28px;*/ padding: 0 12px 2px; -webkit-border-radius: 3px; border-radius: 3px; }

.login_area{
   margin: 10 auto 0;
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.login_form{
    width: 320px;    
}

.login_form form{
    background-color: #f7f7f7;
    margin-top:0;
    padding: 26px 25px 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); 
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
    overflow: hidden; }

.forget{
    width: 300px;
}

.forget .attention{
    display: inline-block;
    padding: 8px 8px; 
    border:3px double #ff6600;
    margin: 8px 0;
    width:280px;
 
}


/* バナー広告対応 */
.seminar_info {
    padding: 10px 0 120px;
    margin: 30px 0 0;
    background: url("../img/img_back.jpg") center top repeat;
}
.seminar_info h2 {
/*    padding-bottom: 14px;*/
    color: #0b308e;
    font-size: 24px;
    text-align: center;
}
.seminar_info p {
    padding-bottom: 6px;
    font-size: 14px;
    text-align: center;
}
.seminar_info p span {
    color: #c9292d;
}

.banner-box{
    width:900px;
    display: flex;
    justify-content:space-between;
    margin: 10 auto 0;
}

.slick-slider {
    padding: 0;
}
.slick-slide {
    height: auto;
    background: none;
}
.slick-prev {
    top: 67px;
    left: -62px;
    background: none;
}
.slick-next {
    top: 90px;
    right: -50px;
    background: none;
}
.slick-prev:before, .slick-next:before {
    content: "\f054";
    color: #0b308e;
    font-size: 40px;
    font-family: FontAwesome;
}
    
@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
    .pc_none {
        display: none;
    }
    .sp_none {
        display: inline;
    }
}

@media screen and (max-width: 768px) {
    .pc_none {
        display: inline;
    }
    .sp_none {
        display: none;
    }
    
    .login {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .login h1 {
        text-align: center;
    }
    .login_form {
        width: 80%;
        margin: 0 auto 28px auto;
    }
    .login_area {
        display: block;
    }
    .forget {
        width: 80%;
        margin: 0 auto;
    }
    .seminar_info {
        padding-top: 0;
        margin-top: 10%;
    }
    .seminar_info h2 {
        padding-bottom: 0;
    }
    .seminar_info p img {
        width: 82%;
    }
    .seminar_info p img.upper {
        width: 100%;
    }
    .banner-box {
        width: 100%;
        height: 180px;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .banner-box .banner {
        width: 40%;
        margin-bottom: 5%;
    }
    .banner-box .banner img {
        width: 90%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 350px) {
    .forget .attention {
        width: 90%;
    }
}

/* 20240208?? */
.top_banner {
    width: fit-content;
    margin: 5% auto 0;
}