.recommend_bunkyo {
max-width: 1200px;
margin: 0 auto;
}

.bunkyo_ttl {
/*min-height: 516px;*/
background-image: linear-gradient(90deg, #018fd3, #914591);
text-align: center;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.bunkyo_ttl figure {
max-width: 1200px;
margin: 0 auto;
padding-top: 5px;
}
.bunkyo_ttl figure img.pc {
display: block !important;
}
.bunkyo_ttl figure img.sp {
display: none !important;
}
.bunkyo_ttl .box_entry {
padding: 30px 0 60px;
}
.bunkyo_ttl .box_entry h2 {
/* display: flex; */
/* display: -webkit-flex; */
/* justify-content: center; */
/* font-size: 1.9375rem; */
/* font-size: 2.3rem; */
color: #fff;
font-size: 2.6rem;
letter-spacing: 0.1em;
font-weight: 700;
text-align: center;
line-height: 1.65;
margin-bottom:40px;
}
.bunkyo_ttl .box_entry h2 span.mark{
background: linear-gradient(transparent 88%, #fffe04 88%);
padding-bottom: 5px;
position: relative;
}
/*.bunkyo_ttl .box_entry h2 span::after{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 87%;
height: 10px;
background: linear-gradient(transparent 90%, #fff 90%);
content: '';
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-size: 8px 8px;
background-repeat: repeat-x;
background-image: -webkit-repeating-linear-gradient(135deg, #fff, #fff 2px, transparent 2px, transparent 6px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 1px, transparent 1px, transparent 6px);
}*/

.bunkyo_ttl .box_entry p {
display: flex;
justify-content: center;
line-height: 2;
/*font-size: 1.325rem;*/
font-weight:500;
color: #fff;
}

.recommend_bunkyo .box1 {
background-color:#f9f2ff;
padding:60px 0 77px;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.recommend_bunkyo .box1 .inner {
max-width: 1200px;
margin: 0 auto;
}

.recommend_bunkyo .box1 .inner h3.entry {
font-size: 1.75rem;
color:#018fd3;
background: linear-gradient(90deg, #018fd3, #914591);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-weight: 700;
line-height: 1.5;
margin-bottom: 30px;
}
.recommend_bunkyo .box1 .inner h3.entry span.mark{
background: linear-gradient(transparent 80%, #fffe04 80%);
margin: 0 10px;
padding-bottom: 7px;
}
.recommend_bunkyo .box1 .inner p.txt{
max-width:900px;
margin: 0 auto 50px;
}
.recommend_bunkyo .box1 .inner .item{
background-color:#fff;
border:3px solid #914591;
padding:57px 40px 40px;
margin: 70px auto 0;
position: relative;
border-radius: 40px;
width: 900px;
box-shadow: 7px 7px 0px 0px #c8c9ca;
}

.recommend_bunkyo .inner .item h4{
max-width: 580px;
width: 100%;
background-color:#914591;
color: #fff;
font-size: 1.125rem;
text-align: center;
padding: 10px;
letter-spacing: 0.1rem;
margin: 0 auto;
font-weight: 700;
position: absolute;
top: -27px;
left: 0;
right: 0;
border-radius: 50px;
}
.recommend_bunkyo .inner .item p{
margin-top:0;
}
.recommend_bunkyo .inner .item p.entry{
font-size: 1.125rem;
color:#914591;
font-weight: 700;
text-align: center;
line-height: 1.75;
}
.recommend_bunkyo .inner .item01 div{
display: flex;
align-items: center;
justify-content: center;
margin:0 30px;
}
.recommend_bunkyo .inner .item01 div p{
flex: 1;
margin-right: 60px;
}

.recommend_bunkyo .inner .item01 div figure{
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}


.recommend_bunkyo .inner .item03 div{
display: flex;
justify-content: center;
}
.recommend_bunkyo .inner .item03 div figure{
width: calc(100% / 3);
display: flex;
justify-content: center;
}



.recommend_bunkyo .box2 {
background-color:#fff;
padding:60px 0 77px;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.recommend_bunkyo .box2 .inner {
max-width: 1200px;
margin: 0 auto;
}
.recommend_bunkyo .box2 .inner h3.entry {
font-size: 1.75rem;
color:#018fd3;
background: linear-gradient(90deg, #018fd3, #914591);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-weight: 700;
line-height: 1.5;
margin-bottom: 30px;
}
.recommend_bunkyo .box2 .inner .item{
background-color:#fff;
border:3px solid #914591;
padding:57px 70px 40px;
margin: 70px auto 0;
position: relative;
border-radius: 40px;
width: 1000px;
box-shadow: 7px 7px 0px 0px #c8c9ca;
}

.recommend_bunkyo .box3 {
background-color:#f9f2ff;
padding:60px 0 67px;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.recommend_bunkyo .box3 .inner {
max-width: 1200px;
margin: 0 auto;
}
.recommend_bunkyo .box3 .inner .item{
background-color:#fff;
border:3px solid #914591;
padding: 76px 40px 40px;
margin: 44px auto 0;
position: relative;
border-radius: 40px;
width: 900px;
box-shadow: 7px 7px 0px 0px #c8c9ca;
}
.recommend_bunkyo .box3 .inner .item h4{
max-width: 630px;
width: 100%;
top: -46px;
letter-spacing: 0.15rem;
line-height: 2;
font-size: 1.2rem;
}
.recommend_bunkyo .box3 .inner .item h4 span{
display: flex;
justify-content: center;
align-items: center;
padding-top: 4px;
}
.recommend_bunkyo .box3 .inner .item h4 figure{
margin-top:0;
padding-right: 10px;
}
/*.recommend_bunkyo .box3 .inner .item h4::before {
    background-image: url("/recommend/bunkyo2026/images/img4-1.png");
}*/


.recommend_bunkyo .box4 {
background-image: linear-gradient(90deg, #018fd3, #914591);
padding: 20px;
border-radius: 40px;
margin-top: 60px;
}
.recommend_bunkyo .box4 .inner {
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
border-radius: 26px;
padding: 30px 60px;
}
.recommend_bunkyo .box4 .inner h3.entry{
font-size: 1.75rem;
color:#018fd3;
background: linear-gradient(90deg, #018fd3, #914591);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-weight: 700;
line-height: 1.5;
margin-bottom: 30px;
letter-spacing: 0.1rem;
}
.recommend_bunkyo .box4 .inner_box {
display: flex;
align-items: center;
justify-content: center;
}
.recommend_bunkyo .box4 .inner_box .txt_box{
margin-right: 60px;
flex: 1;
}
.recommend_bunkyo .box4 .inner_box .txt_box li::marker {
    color: #914591;
}
.recommend_bunkyo .box4 .inner_box .btn_box{
margin-top: 40px;
}
.recommend_bunkyo .box4 .inner_box .btn_box a.btn {
border-radius: 3px;
padding: 18px;
}
.recommend_bunkyo .box4 .inner_box .btn_box a.btn-color01 {
/*background: linear-gradient(90deg, #018fd3, #914591);*/
background-color: #914591;
border: 1px solid transparent;

}
.recommend_bunkyo .box4 .inner figure{
margin:0;
}
.recommend_bunkyo .box4 .inner img{
border-radius: 40px;

}



.recommend_bunkyo .schoolBox {
    display: flex;
    flex-wrap: wrap;
    margin: 60px auto 0;
    padding: 40px 80px;
    background-color: #fff;
    border: 20px solid #e8e8e8;
}

.recommend_bunkyo .schoolBox .info {
    display: flex;
    flex: 1;
    margin-left: 10px;
}

.recommend_bunkyo .schoolBox .info div {
    display: flex;
    flex-direction: column;
}

.recommend_bunkyo .schoolBox .info div:nth-child(2) {
    margin-left: 60px;
}

.recommend_bunkyo .schoolBox figure {
    margin: 0 10px 10px 30px;
}

.recommend_bunkyo .schoolBox figure img {
    width: 200px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.1);
    margin-bottom: 10px;
}

.recommend_bunkyo .schoolBox h2 {
    width: 100%;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
}

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

.recommend_bunkyo .schoolBox dd {
    margin-left: 110px;
    margin-bottom: 20px;
    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 70px;
    width: 100%;
    min-height: 60px;
}
.schoolBox .schoolBox_btn .clipBox_btn {
	padding: 5px 40px;
	min-width:inherit;
}

@media screen and (max-width: 736px) {
.contents {
    padding:0;
}
.bunkyo_ttl {
margin-bottom: 0;
}

.bunkyo_ttl figure img.pc {
display: none !important;
}

.bunkyo_ttl figure img.sp {
display: block !important;
}

.recommend_bunkyo {
width: 100%;
}

.bunkyo_ttl .box_entry {
padding: 20px;
}
.bunkyo_ttl .box_entry h2 {
font-size: 1.75rem;
text-align: left;
margin-bottom: 10px;
}
.bunkyo_ttl .box_entry p {
text-align: left;
margin-top: 0;
}
.bunkyo_ttl .box_entry br{
display:none;
}
.recommend_bunkyo .box1 {
padding: 30px 0 35px;
}
.recommend_bunkyo .box1 .inner {
padding: 0 10px;
}
.recommend_bunkyo .box1 .inner .item {
padding: 37px 15px 20px;
margin: 50px auto 0;
width: 100%;
box-shadow: 5px 5px 0px 0px #c8c9ca;
}
.recommend_bunkyo .box1 .inner h3.entry {
font-size: 1.6rem;
}
.recommend_bunkyo .inner .item h4{
font-size: 1rem;
}


.recommend_bunkyo .box2{
padding: 30px 0 35px;
}
.recommend_bunkyo .box2 .inner{
padding: 0 10px;
}
.recommend_bunkyo .box2 .inner h3.entry{
font-size: 1.6rem;
margin-bottom: 10px;
}
.recommend_bunkyo .box2 .inner .item{
padding: 37px 15px 20px;
margin: 50px auto 0;
width: 100%;
box-shadow: 5px 5px 0px 0px #c8c9ca;
}
.recommend_bunkyo .inner .item01 div{
margin: 0;
flex-direction: column;
}
.recommend_bunkyo .inner .item01 div p{
margin-right:0;
}
.recommend_bunkyo .inner .item01 div figure{
margin-top:20px;
}
.recommend_bunkyo .inner .item.item02{
padding: 57px 15px 20px;
}
.recommend_bunkyo .inner .item.item03{
padding: 57px 15px 20px;
}
.recommend_bunkyo .inner .item03 div{
flex-direction: column;
}
.recommend_bunkyo .inner .item03 div figure{
width: 100%;
}




.recommend_bunkyo .box3 {
padding: 30px 0 35px;
}
.recommend_bunkyo .box3 .inner {
padding: 0 10px;
}
.recommend_bunkyo .box3 .inner .item{
padding: 57px 15px 20px;
margin: 50px auto 0;
width: 100%;
box-shadow: 5px 5px 0px 0px #c8c9ca;
}
.recommend_bunkyo .box3 .inner .item h4{
font-size: 1rem;
letter-spacing: 0.1rem;
}





.recommend_bunkyo .box4{
padding: 10px;
margin-top: 30px;
}
.recommend_bunkyo .box4 .inner{
padding: 20px;
}
.recommend_bunkyo .box4 .inner h3.entry{
font-size: 1.6rem;
margin-bottom: 10px;
}
.recommend_bunkyo .box4 .inner_box{
align-items: stretch;
flex-direction: column;
}
.recommend_bunkyo .box4 .inner_box .txt_box{
margin-right: 0;
}
.recommend_bunkyo .box4 .inner_box .txt_box ul{
margin-top: 10px;
}

.recommend_bunkyo .box4 .inner_box .btn_box{
margin: 16px 0 20px;
}




.recommend_bunkyo .schoolBox {
flex-direction: column;
padding: 20px;
margin: 30px 0 0;
border: 8px solid #e8e8e8;
}
.recommend_bunkyo .schoolBox .info {
flex-direction: column;
}
.recommend_bunkyo .schoolBox .info div:nth-child(2) {
margin-left: 0;
}

.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 {
padding: 5px 70px;
width: 100%;
min-height: 50px;
font-size: .8571428571rem;
margin: auto;
}
.schoolBox .schoolBox_btn .clipBox_btn{
margin: auto;
max-width:inherit;
}
.recommend_bunkyo .schoolBox figure {
margin: 10px auto;
}

.recommend_bunkyo .schoolBox img {
float: inherit;
margin: 0;
}

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