@charset "utf-8";
/* CSS Document */

/* トップ見出し */

#hero {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width:100%;
	margin:0 auto;
}

#hero .top_img {
    flex-basis: 80%;
}

#hero .top_img img {
    width: 100%;
    max-width: 100%;
    height:auto;
}

#hero .top_copy01 {
    position: absolute;
    top:50%;
    left:15%;
    width:50%;
    height:auto;
    font-size:2.2rem;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    line-height: 1.6;
    text-align: left;
    color: #000;
    z-index: 1;
}

/* お知らせ */

#news {
background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 100% 0%, hsla(101,100%,74%,0.6) 0px, transparent 70%),
radial-gradient(at 0% 100%, hsla(189,100%,56%,0.6) 0px, transparent 70%),
radial-gradient(at 100% 100%, hsla(0,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(0,0%,100%,1) 0px, transparent 70%);
}

#news .news_list{
	width:100%;
	margin:0;
}

#news .news_list a {
	color:#000;
}

.ban_row img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* 入試情報 */

#exam {
    background-image: url("/examinee/images/bg_exam.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding:20px 0;
}

.w_line {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    margin: 0;
    padding:40px 0;
}

/* 入試情報一覧 */

/* バナーリスト */

#banner_list {
background-color: #8EC5FC;
background-image: linear-gradient(62deg, #d6e5ff 0%, #e2d0d1 100%);
}

#banner_list ul {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

#banner_list ul li {
    display: block;
    flex-basis: 23%;
    margin: 0;
}

#banner_list ul li img {
    width: 100%;
    max-width: 100%;
    height:auto;
}


@media screen and (min-width: 1200px) {

}


@media screen and (min-width: 768px) {

#news .h2_sub {
    margin-bottom: 30px;
}

}

@media screen and (max-width: 767px) {

#hero {
    margin:0;
}

#hero .top_img {
    flex-basis: 100%;
    aspect-ratio:1 / 1;
    object-fit: cover;
}

#hero .top_img img {
    width:auto;
    height: 100%;
    object-fit: cover;
    object-position: center left;
}

#hero .top_copy01 {
    left:6%;
    width:90%;
    font-size:6vw;

}

/* お知らせ */

.news_row {
    position: relative;
}

#news .news_list {
	width:100%;
    margin-bottom: 70px;
}

#news .link_btn01 {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
}

#banner_list ul {
    flex-wrap: wrap;
}

#banner_list ul li {
    flex-basis: 48%;
    margin: 0 0 15px;
}

}

@media screen and (max-width: 480px) {

#top_img {
}

#top_img .top_copy01 {
    font-size:1rem;
}

#banner_list ul li {
    flex-basis: 100%;
}


}