@charset "utf-8";

#contents li a {
    color: #4c4c4c;
}

.admissionCol .admissionCol_inner {
	margin: 0 auto;
	width:94%;
	max-width: 800px;
    padding: 50px 0;
    text-align: center;
}

.admissionTitle {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 40px;
    margin-bottom: 15px;
    padding: 0;
}
.dotted {
    display: block;
    margin: 10px auto;
    width: 80px;
    border-bottom: dotted 6px #99d251;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.admissionCol .admissionCol_inner {
        padding-bottom: 40px;    
    }
    .admissionTitle {
        font-size: 2.6rem;
    }
}
@media screen and (max-width: 480px) {
    .admissionCol .admissionCol_inner {
        width:90%;
    }
    #mainTitle #mainTitle_inner .ttl {
        margin-top: 30px;
    }
    .dotted {
        width: 40px;
        border-bottom: dotted 3px #99d251;
    }
}

/* ---------------------------------------- 
 - admission Banner
---------------------------------------- */
#admissionBanner .admissionCol_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
}
#admissionBanner .admissionCol_inner a:hover {
    opacity: 0.7;
}
#admissionBanner .admissionCol_inner a img {
    width: 97%;
}
@media screen and (max-width: 768px) {
    #admissionBanner .admissionCol_inner a img {
        width: 90%;
    }
}
@media screen and (max-width: 480px) {
    #admissionBanner .admissionCol_inner {
        flex-wrap: wrap;
        width: 85%;
        padding-top: 20px;
    }
    #admissionBanner .admissionCol_inner a img {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* ---------------------------------------- 
 - admission list
---------------------------------------- */
ul.admission_detailList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
li.admission_listBox {
    padding: 1em 1em;
    border: solid 1.8px #99d251;
    border-left: solid 10px #99d251;
    width: 43%;
    margin-bottom: 15px;
    font-size: 2rem;
    text-align: left;
    letter-spacing: .1rem;
}
li.admission_listBox:hover {
    opacity: .7;
}
li.admission_listBox a:hover {
    opacity: .7;
    text-decoration: none;
}
#schoolSpecial li.admission_listBox,
#nihonUniv li.admission_listBox,
#sogo li.admission_listBox {
    width: 100%;
}
#schoolSpecial h2.admissionTitle span {
    font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
    ul.admission_detailList {
        width: 90%;
        margin: auto;
    }
    li.admission_listBox {
        padding: 1em 1em;
        width: 100%;
        margin-bottom: 15px;
        font-size: 1.6rem;
        text-align: left;
    }
    #schoolSpecial h2.admissionTitle span {
        font-size: 2rem;
    }
}
@media screen and (max-width: 480px) {
    ul.admission_detailList {
        width: 100%;
    }
    li.admission_listBox {
        letter-spacing: .05rem;
    }
}


/* ---------------------------------------- 
 - Topics
---------------------------------------- */
#topics {
    margin-top: 30px;
}
#topics h2.admissionTitle {
    font-size: 3.5rem;
    background-color: #99d251;
    color: #ffffff;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 30px;
}
ul.topics_detailList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
}
li.topics_listBox {
    width: 44%;
    margin: 0 0 20px 0;
    font-size: 2rem;
    text-align: left;
    color: #ff7c06;
    padding: 0 0 5px 25px;
    border-bottom: dotted 3px #ff7c06;
    display: inline-block;
    position: relative;
    letter-spacing: .1rem;
}
#topics li.topics_listBox a {
    color: #ff7c06;
    font-size: 2.1rem;
}
li.topics_listBox a::before {
    position: absolute;
    top:45%;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-right: 3px solid #ff7c06;
    border-top: 3px solid #ff7c06;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
}
li.icon_pdf a::after {
    position: absolute;
    bottom: 20%;
    right: 7px;
    content: "";
    background-image: url(/assets/images/common/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 18px;
    height: 25px;
}
li.icon_page a::after {
    position: absolute;
    bottom: 5%;
    right: 8px;
    content: "";
    background-image: url(/assets/images/common/icon_page.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 16px;
    height: 25px;
}
li.topics_listBox a:hover {
    opacity: .7;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    #topics h2.admissionTitle {
        font-size: 2.4rem;
        width: 90%;
        margin: 0 auto 30px auto;
    }   
    #topics .topics_detailList {
        width: 85%;
        margin: 0 auto;
    }
    #topics li.topics_listBox {
        width: 100%;
    }
    #topics li.topics_listBox a {
        font-size: 1.6rem;
    }
    li.topics_listBox a::before {
        top: 50%;
        margin: 0 0 10px 0;
    }
}
@media screen and (max-width: 480px) {
    #topics h2.admissionTitle {
        width: 93%;
    } 
    #topics .topics_detailList {
        width: 90%;
    }
    li.topics_listBox {
        width: 100%;
    }
    ul.topics_detailList {
        padding: 0;
    }
    li.topics_listBox {
        border-bottom: dotted 2px #ff7c06;
    }   
}

/* ---------------------------------------- 
 - admission policy (入学者受け入れに関する方針）
---------------------------------------- */
#admissionPolicy ul.topics_detailList {
    display: block;
    position: relative;
}
#admissionPolicy li.topics_listBox {
    width: 70%;
    margin: 0 auto;
    border-bottom: none;
}
#admissionPolicy li.topics_listBox a {
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
    #admissionPolicy li.topics_listBox a {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 480px) {
    #admissionPolicy li.topics_listBox {
        width: 80%;
    } 
    #admissionPolicy li.icon_pdf a::after {
        bottom: 10%;
        right: 0;
    }
}