@charset "utf-8";

.contents {
padding: 0;
}
.recommendTaiseiTop{
max-width: 1200px;
margin:0 auto 40px;
text-align:center;
}
.recommendTaisei{
max-width: 1200px;
margin:0 auto;
padding:20px;
background-color: #fbe9d7;
}
.recommendTaisei h2.top{
font-size:1.9375rem;
line-height:1.5;
font-weight: 700;
margin: 20px 0 60px;
color: #81511c;
text-align:center;
}
.recommendTaisei .top img{
max-width:100%;
}
.recommendTaisei .inner{
background-color: #FFF;
padding: 40px 60px;
margin-bottom: 20px;
}
.recommendTaisei .inner div:last-child{
/*padding-bottom:30px;*/
}
.recommendTaisei .gakubu_inner{
margin:30px 30px 0 30px;
}
.recommendTaisei .gakubu_inner_box{
display: flex;
}
.recommendTaisei .gakubu_inner .txt_box{
flex: 1;
margin: 0;
}
.recommendTaisei .gakubu_inner figure{
margin:0 0 30px 40px;
}
.recommendTaisei .inner h2.gakubu{
font-size: 1.75rem;
font-weight: 700;
color: #FFF;
padding:8px 30px;
/* margin-bottom:10px; */
}
.recommendTaisei .ningen h2.gakubu{
background-image: url(/recommend/taiseigakuin2026/images/bg_ningen.gif);
background-repeat: repeat;
}
.recommendTaisei .kango h2.gakubu{
background-image: url(/recommend/taiseigakuin2026/images/bg_kango.gif);
background-repeat: repeat;
}
.recommendTaisei .keiei h2.gakubu{
background-image: url(/recommend/taiseigakuin2026/images/bg_keiei.gif);
background-repeat: repeat;
}
.recommendTaisei .inner h3{
font-size: 1.3125rem;
font-weight: 700;
padding:8px 20px;
margin-bottom:30px;
}
.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.125rem;
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_inner {
margin:30px 30px 0 30px;
}
.recommendTaisei .manabi_inner_box{
display:flex;
margin-bottom: 30px;
}
.recommendTaisei .manabi_inner_box:last-child{
margin-bottom: 0;
}
.recommendTaisei .manabi_inner_box .txt_box {
flex: 1;
margin: 0;
}
.recommendTaisei .manabi_inner_box figure {
margin: 0 0 0 40px;
}
/*.recommendTaisei .manabi div{
margin:30px 30px 0 30px; 
}*/
.recommendTaisei h4.manabi{
background-image: url(/recommend/taiseigakuin2026/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_inner_box .txt_box p{
margin-bottom: 0;
}
.recommendTaisei .manabi p.entry{
color: #81511c;
margin-bottom: 10px;
}
.recommendTaisei .inner .license{
padding: 20px;
}
.recommendTaisei .inner .license dl{
display: grid;
grid-gap: 18px;
-ms-grid-columns: 120px 18px auto;
grid-template-columns: 120px auto;
margin: 0;

}
.recommendTaisei .inner .license dt{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 5px;
color:#FFF;
font-size: .9375rem;
}
.recommendTaisei .inner .license dd{
padding: 5px;
font-size: .9375rem;

}
.recommendTaisei .ningen .license{
border:2px dashed #f39700;
}
.recommendTaisei .ningen .license dt{
background-color:#f39700;
}

.recommendTaisei .kango .license{
border:2px dashed #ed6f8d;
}
.recommendTaisei .kango .license dt{
background-color:#ed6f8d;
}
.recommendTaisei .keiei .license{
border:2px dashed #8ec31f;
}
.recommendTaisei .keiei .license dt{
background-color:#8ec31f;
}
.recommendTaisei .ningen dd br,
.recommendTaisei .kango dd br,
.recommendTaisei .keiei dd br{
display:none;
}
.recommendTaisei .schoolBox {
margin: 20px 0 0;
padding: 40px 60px;
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;
}
.schoolBox .schoolBox_btn {
display:block;
width:100%;
}
.schoolBox .schoolBox_btn ul {
display: flex;
justify-content: space-between;
padding: 0;
}
.schoolBox .schoolBox_btn li {
margin: 0 10px;
width: calc(100% / 3);
list-style: none;
}
.schoolBox a {
text-decoration: none;
}
.schoolBox .schoolBox_btn li a {
border-radius: 3px;
font-size: .875rem;
font-weight: 700;
padding: 5px 20px;
width: 100%;
min-height: 60px;
}
.schoolBox .schoolBox_btn .clipBox_btn {
padding: 5px 60px;
min-width:inherit;
}


@media screen and (max-width:736px){
.recommendTaisei{
width:100%;
padding:10px;
}
.recommendTaiseiTop{
margin:0 auto 20px;
}
.recommendTaisei h2.top{
font-size: 1.5rem;
padding: 20px 20px 0;
margin: 0 0 20px 0;
}
.recommendTaisei h2.top span{
display: inline-block;
}
.recommendTaisei h2.top br{
display:none;
}
.recommendTaisei .inner {
padding: 0 0 20px 0;
}
.recommendTaisei .inner h2.gakubu {
font-size: 1.3125rem;
padding: 10px 20px;
}
.recommendTaisei .inner p.entry {
margin-bottom: 10px;
}
.recommendTaisei .gakubu_inner {
margin: 20px 20px 0 20px;
}
.recommendTaisei .inner h3 {
margin-bottom: 20px;
}
.recommendTaisei .gakubu_inner_box {
flex-direction: column;
}
.recommendTaisei .gakubu_inner figure {
margin:0 0 20px 0;
}
.recommendTaisei .inner .license {
padding: 10px 10px 0 10px;
}
.recommendTaisei .inner .license dl {
display:inherit;
}
.recommendTaisei .manabi_inner {
margin: 20px 20px 0 20px;
}
.recommendTaisei .manabi_inner_box {
flex-direction: column;
margin-bottom: 20px;
}
.recommendTaisei .manabi_inner figure {
margin:20px 0 0 0;
}
.recommendTaisei .schoolBox {
flex-direction: column;
padding: 20px;
margin: 20px 0 0;
}
.recommendTaisei .schoolBox h2 {
display: flex;
justify-content: center;
line-height:inherit;
margin-bottom: 20px;
}
.schoolBox .schoolBox_btn ul {
display: flex;
flex-direction: column;
padding: 0;
margin:0;
}
.schoolBox .schoolBox_btn li {
margin: 10px 10px 0;
width: auto;
}
.schoolBox .schoolBox_btn li a {
width: 100%;
min-height: 50px;
font-size: .8571428571rem;
margin: auto;
}
.schoolBox .schoolBox_btn .clipBox_btn{
margin: auto;
max-width:inherit;
}
.recommendTaisei .schoolBox figure {
margin: 0;
width: 100%;
}
.recommendTaisei .schoolBox img {
margin: 10px auto;
display: block;
}


}