@charset "utf-8";

.contents {
    padding: 0;
}

.recommendTaisei{
	width:850px;
	margin:0 auto;
	padding:20px;
 	background-color: #fbe9d7;
}
.recommendTaisei h2.top{
	font-size: 1.8rem;
	line-height:1.5;
	font-weight: 700;
	padding:30px;
	color: #81511c;
	text-align:center;
}

.recommendTaisei .top img{
	max-width:100%;
}

.recommendTaisei .inner{
	background-color: #FFF;
}
.recommendTaisei .inner div{
	overflow:hidden;
}
.recommendTaisei .inner div:last-child{
padding-bottom:30px;
}

.recommendTaisei .ningen div,
.recommendTaisei .kango div,
.recommendTaisei .keiei div{
	margin:30px;	
}

.recommendTaisei .inner div figure{
	margin:0 0 20px 20px;
	float:right;
}
.recommendTaisei .manabi div{
	/* padding: 0 10px 10px; */
	/*margin-bottom: 30px;
	padding: 0 10px;*/
}


.recommendTaisei .inner h2.gakubu{
	font-size: 1.5rem;
	line-height:1.5;
	font-weight: 700;
	color: #FFF;
	padding:10px 30px;
	/* margin-bottom:10px; */
}
.recommendTaisei .ningen h2.gakubu{
	background-image: url(/recommend/taiseigakuin2024/images/bg_ningen.gif);
	background-repeat: repeat;
}
.recommendTaisei .kango h2.gakubu{
	background-image: url(/recommend/taiseigakuin2024/images/bg_kango.gif);
	background-repeat: repeat;
}
.recommendTaisei .keiei h2.gakubu{
	background-image: url(/recommend/taiseigakuin2024/images/bg_keiei.gif);
	background-repeat: repeat;
}

.recommendTaisei .inner h3{
	font-size: 1.3rem;
	line-height:1.5;
	font-weight: 700;
	padding:10px 30px;
	margin-bottom:20px;
}
.recommendTaisei .ningen h3{
	background-color: #fffdca;
	color: #f39700;
}
.recommendTaisei .kango h3{
	background-color: #fed6e0;
	color: #ed6f8d;
}
.recommendTaisei .kango h3 span{
	
}
.recommendTaisei .keiei h3{
	background-color: #e5f4c6;
	color: #8ec31f;
}


.recommendTaisei .inner img{

}
.recommendTaisei .inner p.entry{
	/* font-size: 1.2rem; */
	line-height: 1.5;
	font-weight: 700;
}
.recommendTaisei .ningen p.entry{
	color: #f39700;
}
.recommendTaisei .kango p.entry{
	color: #ed6f8d;
}
.recommendTaisei .keiei p.entry{
	color: #8ec31f;
}
.recommendTaisei .inner p{
	margin: 0 0 20px;
}

.recommendTaisei .manabi div{
	margin:30px 30px 0 30px; 
}
.recommendTaisei h4.manabi{
	background-image: url(/recommend/taiseigakuin2024/images/bg_manabi.gif);
	background-repeat: repeat;
	font-size: 1.5rem;
	line-height:1.5;
	font-weight: 700;
	color: #FFF;
	padding:10px 30px;
}

.recommendTaisei .manabi p.entry{
	color: #81511c;
	margin-bottom: 10px;

}
.recommendTaisei .manabi img{
	margin-bottom: 10px;
	text-align: center;
}

.recommendTaisei .inner dl{
	margin-top:20px;
	padding:10px 10px 0 10px;
	clear: right;
	
}
.recommendTaisei .inner dt{
	float:left;
	width:75px;
	text-align:center;
	color:#FFF;
	/* font-size:24px; */
	/* padding:5px 0; */
	margin-bottom:10px;
	/* line-height:1.5em; */
}
.recommendTaisei .inner dd{
	margin-left: 85px;
	/* padding:5px 0; */
	margin-bottom:10px;
	/* line-height:1.5em; */
}
.recommendTaisei .ningen dl{
	border:2px dashed #f39700;
}
.recommendTaisei .ningen dt{
	background-color:#f39700;
}
.recommendTaisei .kango dl{
	border:2px dashed #ed6f8d;
}
.recommendTaisei .kango dt{
	background-color:#ed6f8d;
}
.recommendTaisei .keiei dl{
	border:2px dashed #8ec31f;
}
.recommendTaisei .keiei dt{
	background-color:#8ec31f;
}
.recommendTaisei .ningen dd br,
.recommendTaisei .kango dd br,
.recommendTaisei .keiei dd br{
	display:none;
}

.recommendTaisei .schoolBox{
	overflow:hidden;
	background-color: #FFF;
	padding: 10px;
	margin: 0 10px;
}
.recommendTaisei .schoolBox img{
	margin: 0 auto 10px;
	display: block;
}
.recommendTaisei .schoolBox ul.info{
	margin-bottom: 10px;
}
.recommendTaisei .schoolBox ul.info li{
}
.recommendTaisei .schoolBox ul.info li span{
	background-color: #a0a0a0;
	color: #FFF;
	padding: 3px 0;
	margin-right: 5px;
	margin-bottom:5px;
	width: 50px;
	display: inline-block;
	text-align: center;
}
.recommendTaisei .schoolBox ul.btn{
	text-align: center;
	font-size:0;
}
.recommendTaisei .schoolBox ul.btn li{
	display:inline-block;
}
.recommendTaisei .schoolBox ul.btn li:first-child{
margin-right:10px;
}
.recommendTaisei .schoolBox ul.btn li img{
	width:155px;
}





.recommendTaisei .schoolBox {
    margin: 20px 0;
    padding: 30px;
    background: #FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recommendTaisei .schoolBox figure{
	/* margin:0; */
}

.recommendTaisei .schoolBox img {
	margin-bottom:10px;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.2));

}

.recommendTaisei .schoolBox h2 {
    /* margin-left:15px; */
    margin-bottom: 30px;
    /* text-align: left; */
    /* font-size: 30px; */
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.recommendTaisei .schoolBox dl {
    
}

.recommendTaisei .schoolBox dt {
    float: left;
    width: 100px;
    line-height: 1.8em;
    font-size: 1rem;
    background: #f2f2ee;
    text-align: center;
    padding: 0 5px;
    margin-bottom: 10px;
}

.recommendTaisei .schoolBox dd {    
    margin-left: 110px;
    margin-bottom: 10px;
	  
	font-size: 1rem;
}

.recommendTaisei .schoolBox .schoolBox_btn {
    display:block;
	width:100%;
}

.recommendTaisei .schoolBox .schoolBox_btn ul {
    display: flex;
    padding: 0;
}

.recommendTaisei .schoolBox .schoolBox_btn li {
    margin: 0 10px;
    width: 33%;
    list-style: none;
}

.recommendTaisei .schoolBox a {
    text-decoration: none;
}

.recommendTaisei .schoolBox .schoolBox_btn li a {
	border-radius: 10px;
	font-size: .9375rem;

}

@media screen and (max-width:736px){
.recommendTaisei{
	width:100%;
	padding:10px;
}
.recommendTaisei h2.top{
	font-size: 1.5rem;
	padding:20px;
}

.recommendTaisei h2.top br{
	display:none;
}
.recommendTaisei .inner h2.gakubu {
    font-size: 1.2rem;
    padding: 10px 20px;
}
.recommendTaisei .ningen div,
.recommendTaisei .kango div,
.recommendTaisei .keiei div{
	margin: 20px;
}

.recommendTaisei .inner div figure {
    margin: 0 0 10px 0;
    float: inherit;
    text-align:center;
}

.recommendTaisei .inner dt{
	float:inherit;
	width:100%;
	margin-bottom:10px;
	
}
.recommendTaisei .inner dd{
	margin-left: 0;
	margin-bottom:10px;
}

.recommendTaisei .manabi div{
	margin:20px 20px 0 20px; 
}

.recommendTaisei .manabi p.entry{

}
.recommendTaisei .inner h3{
	font-size: 1.2rem;
	padding:10px 20px;
}
.recommendTaisei .inner p{
	margin: 0 0 10px;
}
.recommendTaisei .inner dl{
	margin-top:10px;
}
.recommendTaisei h4.manabi{
font-size: 1.2rem;
	padding:10px 20px;
}

 .recommendTaisei .schoolBox {
        /* margin: 20px; */
        padding: 20px;
    }

    .recommendTaisei .schoolBox .schoolBox_btn ul {
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0 20px 0 0;
    }

    .recommendTaisei .schoolBox .schoolBox_btn li {
        margin: 0 10px;
        width: 100%;
        margin-top: 10px;
    }

    .recommendTaisei .schoolBox img {
        float: inherit;
        margin: 0 auto 20px;
        display: block;
    }

    .recommendTaisei .schoolBox h2 {
        text-align: center;
    }


}