.recommendOsakaseikei {
    max-width: 960px;
    background: #e7eeef;
    /*background-image: -moz-linear-gradient(top, #cedcde, #7baab0);
	background-image: -ms-linear-gradient(top, #cedcde, #7baab0);
	background-image: -webkit-linear-gradient(top, #cedcde, #7baab0);
	background-image: linear-gradient(top, #cedcde, #7baab0);*/
    margin: 0 auto;
    overflow: hidden;
}
ul{list-style:none;}
.recommendOsakaseikei img {
    vertical-align: bottom;
    /* filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.2)); */
}
section{
	max-width:960px;
	margin:0 auto;
}
.recommendOsakaseikei p,.recommendOsakaseikei li,.recommendOsakaseikei dt,.recommendOsakaseikei dd {
    font-size: 14px;
    /* line-height: 1.8em; */
}

.header {
    background: #fff;
    margin-bottom: 40px;
    padding: 0;
    position: relative;
    /*box-shadow: 0 1px 3px #888;*/
    width: 960px;
    margin: 0 auto;
}

.header .title {
    background: rgba(0,0,0,0.5);
    /*background: rgba(0, 194, 209, 0.8);*/
    position: absolute;
    bottom: 0;
    width: 100%;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.2));
}

.header .title h2 {
}

.header img {
    vertical-align: top;
	object-fit:contain;
}
.tCenter{
	text-align:center;
	margin:0 auto;
	max-width:960px;
	max-height:600px;
	position:relative;
}
.tCenter h1{
/**	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	background:url(../images/top.jpg) no-repeat center center/ contain;
	background-size:100% auto;
	background-size:auto 100%;**/
	width:100%;height:600px;
}
.tCenter h1 img{
	width:100%;height:auto;
	/**padding-top:62.5%;**/
	filter: blur(2px);
}
.tCenter p{
	position:absolute;
	font-size:22px;
	color:#FFFFFF;	top:50%;
	left:50%;
	transform: translate(-50%,-50%);background:rgba(60,126,71,0.4);
	/**background:rgba(255,255,255,0.4);**/
	padding:10px;
	
}
.tCenter p strong{
	font-size:120%;font-weight:900;
	text-shadow: 0px 3px 0px #b2a98f,
               0px 14px 10px rgba(0,0,0,0.15),
               0px 24px 2px rgba(0,0,0,0.1),
               0px 34px 30px rgba(0,0,0,0.1);
}

.recommendOsakaseikei div.top {
    background: #FFF;
    margin: 30px;
    padding: 30px;
}

.recommendOsakaseikei div.top01 p,.recommendOsakaseikei div.top02 p,.recommendOsakaseikei div.top03 p{
    text-align: center;
    /* font-size: 18px; */
	font-size: 1.2rem;
	margin-top:10px;
	
}

/**.recommendOsakaseikei div.top h2 {
    color: #3C7E47;
    text-align: center;
    /*font-size: 24px;*/
/**	font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8;
    margin: 0 auto 20px;
}

.recommendOsakaseikei div.top h2 span {
	font-size: 2.3rem;
    /* font-size: 32px; */
   /** width: 100%;
    background-color: #fffe04;
    background: linear-gradient(transparent 60%, #fffe04 60%);
}**/
section{
	margin:15px auto;
}
.recommendOsakaseikei .top01,.recommendOsakaseikei .top02,.recommendOsakaseikei .top03{
	margin:15px auto;
	width:80%;
}
.recommendOsakaseikei .top01 h2{
	position:relative;
}

.recommendOsakaseikei .top01 h2 img{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin:0 auto;
}
.recommendOsakaseikei .top01 h2 p.imgBox{
/**	width:50%;**/
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:18px;
	color:#FFF;
  	text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
}
.recommendOsakaseikei .top01 p.imgBox{
	display:flex;
/**	flex-direction:column;**/
	justify-content:space-between;
	position:relative;
	margin:15px auto 30px;
	}

.recommendOsakaseikei .top01 p.imgBox img{
	width:30%;object-fit:contain;
}
.recommendOsakaseikei .top01 p.imgBox span{
	position:absolute;
	bottom:-29px;right:0;
	font-size:80%;
}

/**.recommendOsakaseikei section .top01 h2{
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	background:url("../images/img01.jpg") no-repeat center center /contain;
	background-size:100% auto;
	background-size:auto 100%;
	height:400px;
	position:relative;
	z-index:0;
}**/
/**.recommendOsakaseikei section h3.top02{
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background:url("../images/img02.jpg") no-repeat center center/ contain;
	background-size:100% auto;
	background-size:auto 100%;
	height:400px;

}


.recommendOsakaseikei section h3 .top02 span{
	position:absolute;
	background:url("../images/kv_ttl.png") no-repeat center center/ contain;
	background-size:50% auto;
	z-index:999;
}


/**.recommendOsakaseikei h3 {
    background: #3C7E47;
	background: -webkit-linear-gradient(rgb(17, 250, 55),rgb(60, 126, 71));
	background: linear-gradient(rgb(17, 250, 55),rgb(60, 126, 71));
    color: #fff;
    /* font-size: 22px; */
/**    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 18px 0;
    margin: 30px 30px 0;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.2));
}**/
.recommendOsakaseikei .top02 h2{
	position:relative;
}
.recommendOsakaseikei .top02 h2 .img02{
	/**position:absolute;**/
	width:100%;
	height:auto;
/*	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;**/
	}
.recommendOsakaseikei .top02 h2 .logo{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}
.recommendOsakaseikei .top02 ul{
	display:flex;
	justify-content:space-between;
	width:100%;
	}
.recommendOsakaseikei .top02 li{width:48%;}
.recommendOsakaseikei .top02 li:nth-of-type(2){position:relative;z-index:1;}
.recommendOsakaseikei .top02 li img{width:100%;
object-fit:contain;}
.recommendOsakaseikei .top02 li:nth-of-type(2) .new{
	position:absolute;top:-10px;right:-10px;width:60px;height:60px;z-index:3;
}
.recommendOsakaseikei .top03 h2{
	position:relative;
	z-index:1;
}
.recommendOsakaseikei .top03 h2 p{
	position:absolute;
/**	width:20em;**/
	white-space:nowrap;
	background:rgba(255,255,255,0.9);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
font-family: 'Dela Gothic One', cursive;
font-family: 'Noto Sans JP', sans-serif;
	color:#34B3EB;
	font-size:29px;
	border: solid 1.5em rgba(0,0,0,0.2);
    padding: 0.5em;
	}
.recommendOsakaseikei .top03 h2 p span{font-size:60%;}

.recommendOsakaseikei .top03 h2 p:before {
    position: absolute;
    z-index: -1;
    top: -1.5em; right: -1.5em; bottom: -1.5em; left: -1.5em;
    border: inherit;
    border-color: transparent;
    background: inherit;
    background-clip: border-box;
    -webkit-filter: blur(9px);
    filter: blur(9px);
    content: "";
    -webkit-clip-path: inset(0 round 10px);
    clip-path: inset(0 round 10px);
    }
.innercontent h3{
font-family: 'Dela Gothic One', cursive;
font-family: 'Noto Sans JP', sans-serif;
color:#34B3EB;font-size:22px;
margin:15px 0;
	
}
.innercontent p{
	text-align:left!important;
	padding:3% 5%;
}
.innercontent ul{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	width:100%;
	flex-wrap:wrap;
}
.innercontent li:nth-of-type(odd){
	width:17%;
}
.innercontent li:nth-of-type(even){
	width:33%;padding-right:1%;
}
.innercontent li img{width:100%;object-fit:contain;}
.arrow_box{
    position:relative;
	margin:10px auto 20px;
    width:500px;
    height:80px;
    background:#0099FF;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:30px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#0099FF;
    bottom:100%;
    left:50%;
}

.recommendOsakaseikei .inner {
    margin: 0 30px 30px;
    padding: 30px 50px 40px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: top;
}

.recommendOsakaseikei .inner img {
    margin: 0 auto;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.2));
    /*box-shadow: 12px 12px 0px 0 rgb(255 254 4);*/
    /* clip-path: polygon(10% 0%, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 10%); */
}

.recommendOsakaseikei .inner div.txt {
    overflow: hidden;
    margin-bottom: 10px;
    /* float:left; */
    /* width:500px; */
}

.recommendOsakaseikei .inner h4 {
    color: #3C7E47;
    /*text-align:center;*/
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
    /* clear:both; */
}


.recommendOsakaseikei .inner p {
    /* font-size: 16px; */
	font-size: 1rem;
    margin-bottom: 20px;
}

.recommendOsakaseikei .schoolBox {
    margin: 30px;
    padding: 30px;
    background: #FDFFF0;
	border:1px solid #999;
	/**display: flex;
	flex-wrap: wrap;
	justify-content: space-between;**/
}
.recommendOsakaseikei .schoolBox h4 {
	width:100%;
    /* margin-left:15px; */
    margin-bottom: 30px;
    /* text-align: left; */
    /* font-size: 30px; */
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.recommendOsakaseikei .schoolBox div{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin:10px auto;
	width:90%;
	flex-wrap:nowrap;
}
.recommendOsakaseikei .schoolBox div figure{
	width:350px;
	margin:0 0 10px 0;
}

.recommendOsakaseikei .schoolBox div img {
object-fit:cover;
/**    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.2));**/
	border: 10px solid #FFF;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}


.recommendOsakaseikei .schoolBox div table {
/**	display:flex;
	justify-content:flex-start;
	align-items:flex-start;**/
	width:calc(100% - 380px);
    border-collapse: separate;
    border-spacing: 0px 10px;

/**	flex-wrap:wrap;**/
}
.recommendOsakaseikei .schoolBox div th,.recommendOsakaseikei .schoolBox div td{border:none;
}
.recommendOsakaseikei .schoolBox div th {
    width: 30%;
    line-height: 1.8em;
    font-size: 1rem;
    background: #f2f2ee;
    text-align: center;
    padding: 0 5px;
}

.recommendOsakaseikei .schoolBox div td {    
	font-size: 1rem;
	width:65%;
}

.recommendOsakaseikei .schoolBox .schoolBox_btn {
    display:block;
	width:100%;
}
.recommendOsakaseikei .schoolBox .schoolBox_btn ul {
    display: flex;
	justify-content:center;
    padding: 0;
	margin:15px auto;
	width:80%;
}

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

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

.recommendOsakaseikei .schoolBox .schoolBox_btn li a {
    /* display:block; */
    /* background-color: #49c654; */
    /* box-shadow: 0 3px 0 #27ad35; */
    /* color: #fff !important; */
    /* font-weight:bold; */
    /* font-size:16px; */
    /* letter-spacing:0.1em; */
    /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
    /* padding:20px 15px; */
    /* border-radius:3px; */
    /* -webkit-border-radius:3px; */
    /* -moz-border-radius: 3px; */
    /* text-align:center; */
	border-radius: 10px;
	font-size: .9375rem;

}



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

    .recommendOsakaseikei {
        width: 100%;
    }
	.tCenter{width:100%;}.tCenter h1{height:27%;}
	.tCenter p{
		font-size:16px;padding:3px;
	}
/**    .recommendOsakaseikei div.top {
        margin: 20px;
        padding: 20px;
    }**/
.recommendOsakaseikei .top01,.recommendOsakaseikei .top02,.recommendOsakaseikei .top03{
	margin:10px auto;
	width:90%;
}
.recommendOsakaseikei div.top01 p,.recommendOsakaseikei div.top02 p,.recommendOsakaseikei div.top03 p{
	font-size: 1.1rem;
	margin-top:5px;
	
}

    .recommendOsakaseikei div.top p br {
        display: none;
    }

    .recommendOsakaseikei h3 {
        padding: 10px;
        margin: 20px;
		line-height:1.5;
    }

    .recommendOsakaseikei .inner {
        margin: 20px;
        padding: 20px;
    }

    .recommendOsakaseikei .schoolBox {
        margin: 20px;
        padding: 20px;
    }

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

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

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

    .recommendOsakaseikei .schoolBox h4 {
        text-align: center;
    }
.arrow_box{
	margin:5px auto 10px;
    width:90%;
    height:auto;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-size:18px;
}
.innercontent li{margin-bottom:5px;}
.innercontent li:nth-of-type(odd){
	width:34%;
}
.innercontent li:nth-of-type(even){
	width:64%;padding:0 0 0 1%;
}
.recommendOsakaseikei .schoolBox div{
	display:block;}
.recommendOsakaseikei .schoolBox div table{width:90%;}
.recommendOsakaseikei .schoolBox div figure{width:90%;}
.recommendOsakaseikei .schoolBox .schoolBox_btn ul {display:block;margin:10px auto;}
.recommendOsakaseikei .schoolBox .schoolBox_btn li{width:80%;} 
}