@charset "utf-8";

/*=====================================================================================*/
@media screen and (max-width:960px) {
    .heading{font-size:3rem;}
}

/*=====================================================================================*/
@media screen and (max-width:1300px) {
    #g-nav ul{display: block; padding: 0;}
    #g-nav ul li a{padding:6px 15px;}
}

/*=====================================================================================*/
@media screen and (max-width:768px) {
    #header h1{top:8px; transform: translateX(-50%);}
    #header ul#utility-navi li span{display:none;}
    #header ul#utility-navi li a{width: 70px; height: 70px; padding: 0;}
    #header ul#utility-navi li img {width: 45%; margin: 17px 0 0 0px;}
}


@media screen and (max-width:530px) {
    #header h1{font-size: 1.3rem; top:14px; transform: translateX(-50%);}
    #g-nav ul li:last-child{display: block;}
    #header ul#utility-navi li:first-child a{background:#67b952;}
    #header ul#utility-navi li:first-child a:hover{background:#888888;}
    /*#header ul#utility-navi li:first-child{display: none;}*/
    /*
    #header ul#utility-navi li:last-child a{background:#777777;}
    #header ul#utility-navi li:last-child a:hover{background:#888888;}
    */
}
/*=====================================================================================*/
@media screen and (max-width:1200px) {
    #lead .lead{font-size:1.8rem; right: 2.5%;}
/*    #news{width:60%;}*/
}

@media screen and (max-width:960px) {
    #lead .lead{font-size:1.6rem; right: 3%;}
    #news{padding: 20px 30px;}
    #news li time{display: block;}
}

/*=====================================================================================*/
@media screen and (max-width:768px) {
    #slider-area {width: 100%;/*74%;*/    height: 90vh; left: 0;}
    #slider-area #slider{height: 90vh;}
    #lead{padding: 50px 0 0 0; height:100vh;}
    #lead h2.heading{top: 220px;}
/*    #lead{padding:100px 0 0 0;}
    #lead .lead{right:7%; top:260px;}*/
    #news{width:100%; bottom:0/*-200px*/;}
}

/*=====================================================================================*/
@media screen and (max-width:550px) {
/*    #lead .lead {font-size: 1.3rem; right:5%;} */
}

@media screen and (max-width:350px) {
/*    #lead .lead {right:2%;}*/
}



/*=====================================================================================*/
@media screen and (max-width:768px) {
    #concept{padding: 280px 0 0;}
    #concept h3 br{display:block;}
}

/*=====================================================================================*/
@media screen and (max-width:1400px) {
}

@media screen and (max-width:960px) {
    #service header{width:100%;}
    #service .service-area{width:85%; left:0%; padding: 80px 20px 30px 20px;}
    #service .service-area ul li:first-letter{font-size: 1.2em;}
    #service .service-area ul li{width:45%; font-size: 0.88em;}
    #service .service-area ul li span.text{font-size: 0.8em;}
    #service header p br{display:block;}
}

@media screen and (max-width:768px) {
    #service{padding: 100px 0 0 0;}
}

@media screen and (max-width:550px) {
    #service .service-area{
    width:95%;
    left:2.5%;
    }
}

@media screen and (max-width:400px) {
    #service .service-area{
    width:100%;
    left:0;
    font-size: 0.9rem;
    }
    #service .service-area ul li span.text{display: none; }
}

/*=history-news====================================================================================*/
    @media screen and (max-width:960px) {
    #history-news{padding:30px 30px; margin: 0 auto;}
    #history-news h2 {position: relative; right: inherit; top: 0; font-size:1.3em; margin: 33px auto 8px;}
    .history-news-img,
    .history-news-content{width:100%;}
    .history-news-img{/*height:40vh;*/}
    .history-news-content{padding:20px 0 0 0;}
    .history-news-content h3{margin: 0 0 18px 0;}
    .history-news-content p,
    .history-news-content .history-btn{margin: 0 0 50px 0;}
    }
    @media screen and (max-width:768px) {
    #history-news{padding:30px 10px; margin: 0 auto;}
    .history-news-content .course-list menu{width:48%; background: #ffffff; position: relative; /*box-shadow: 10px 10px 0 rgba(0,0,0,0.1);*/}
    }
    @media screen and (max-width:430px) {
    .history-news-img{/* height:20vh;*/}
    }

    /*=ho-menu====================================================================================*/
    @media screen and (max-width:768px) {
    #ho-menu{padding:30px 30px 0; margin: 0 auto;}
    #ho-menu h2 {position: relative; right: inherit; top: 0; font-size:1.3em; margin: 33px auto 8px;}
    .ho-menu-img,
    .ho-menu-content{width:100%;}
    .ho-menu-img{/*height:40vh;*/}
    .ho-menu-content{padding:20px 0 0 0;}
    .ho-menu-content h3{margin: 0 0 18px 0;}
    .ho-menu-content p,
    .ho-menu-content .history-btn{margin: 0 0 50px 0;}
    }
    @media screen and (max-width:430px) {.ho-menu-img{/* height:20vh;*/}}
    /*=ho-menu-sub====================================================================================*/
    @media screen and (max-width:768px) {
    #ho-menu-sub{padding:30px; margin: 0 auto;}
    #ho-menu-sub h2 {position: relative; right: inherit; top: 0; font-size:1.3em; margin: 33px auto 8px;}}
    /*=buyandsell====================================================================================*/
    @media screen and (max-width:768px) {
    #buyandsell{padding:30px 30px; margin: 0 auto;}
    #buyandsell h2 {position: relative; right: inherit; top: 0; font-size:1.3em; margin: 33px auto 8px;}
    .buyandsell-img,
    .buyandsell-content{width:100%;}
    .buyandsell-img{/*height:40vh; width: auto;*/}
    .buyandsell-content{padding:20px 0 0 0;}
    .buyandsell-content h3{margin: 0 0 18px 0;}
    .buyandsell-content p,
    .buyandsell-content .history-btn{margin: 0 0 50px 0;}}
    @media screen and (max-width:430px) {.buyandsell-img{/* height:20vh;*/}}


/*=====================================================================================*/
@media screen and (max-width:1400px) {
#footer .footer-c{padding:80px 60px;}
/* ovlight_5-banner 5カラム------------------------------------------------------------*/
.ovlight_5-banner{font-size:0.88em;}
}

@media screen and (max-width:1115px) {
#footer .footer-r,
#footer .footer-l{width:100%;}
#footer .footer-l .footer-contact,
#footer #copyright{height: inherit; padding: 40px 0;}
/*#footer .footer-link{text-align: center;}*/
}

@media screen and (max-width:768px) {
#footer .footer-r{padding:60px 30px;}
#footer .footer-l{padding:60px 30px;}
#footer .footer-c{padding:60px 20px;}
/*#footer .footer-r_con{padding: 30px 18px 70px;}*/
/*#footer .footer-link{display: none;}*/
#footer #page-top{width:60px; height: 60px;}
}

/*=====================================================================================*/
@media screen and (max-width:1115px) {
/* ovlight_5-banner 5カラム------------------------------------------------------------*/
.ovlight_5-banner{font-size:0.88em;}
.ovlight_5-banner li:nth-child(1) {float: left; margin:0 auto 1%; padding:0 0.5% 0; width: 50%;}
.ovlight_5-banner li:nth-child(2) {float: left; margin:0 auto 1%; padding:0 0.5% 0; width: 50%;}
.ovlight_5-banner li:nth-child(3) {float: left; margin:0 auto 1%; padding:0 0.5% 0; width: 50%;}
.ovlight_5-banner li:nth-child(4) {float: left; margin:0 auto 1%; padding:0 0.5% 0; width: 50%;}
.ovlight_5-banner li:nth-child(5) {float:left; margin:0 auto 1%; padding:0 0.5% 0; width: 50%;}
}

@media screen and (max-width:768px) {
/* ovlight_5-banner 5カラム------------------------------------------------------------*/
.ovlight_5-banner{font-size:0.8em;}
}