@charset "utf-8";

div.top-main div.banner_35th {
	width: 100%;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

div.top-main div.banner_35th img{
    width: 100%;
    height: auto;
}

section.top-visual {
	position: relative;
}

section.top-visual span.logo_35th img{
	width: 100%;
    height: auto;
}

@media screen and (min-width:641px) {
	section.top-visual span.logo_35th {
		width: 190px;
		line-height: 0;
		display: inline-block;
		position: absolute;
		left: 24px;
		top: 28px;
		z-index: 10;
	}
	
	div.top-main div.banner_35th {
        width: 980px;
		margin: 0 auto 45px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
    }
	
	div.top-main div.banner_35th a{
        width: 229px;
		display: block;
    }
	
	div.top-main div.banner_35th a:first-of-type{
        width: 740px;
    }
	
	ul.top-cont__items {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 30px 0;
	}
	ul.top-cont__items li{
		width: 310px;
		float: none!important;
	}
	
	/*ul.top-cont__items li.top-cont__item--cherry,
	ul.top-cont__items li.top-cont__item--manabi {
		display: none;
	}*/
	
	ul.top-cont__items .top-cont__item--about,
	ul.top-cont__items .top-cont__item--service {
		float: none!important;
	}
	ul.top-cont__items .top-cont__item--cherry,
	ul.top-cont__items .top-cont__item--manabi,
	ul.top-cont__items .top-cont__item--manabi_jr{
		width: 279px;
		float: none!important;
		margin: 18px 0 0; 
	}
	
	ul.top-cont__items .top-cont__item--manabi_jr{
		width: 310px;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a {
		height: 100%;
		display: block!important;
		position: relative;
		text-align: center;
		color: #245F78;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a h3{
		width: 100%;
		font-size: 28px;
		font-weight: bold;
		line-height: 1;
		padding: 18px 0;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a p{
		font-size: 21px;
		line-height: 1.4;
		position: relative;
		z-index: 5;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a figure{
		width: 100%;
		line-height: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	
	ul.top-cont__items li.top-cont__item--recruit::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 55px solid #275f77!important;
        border-right: 55px solid transparent;
    }
}

@media screen and (max-width:640px) {
	section.top-visual span.logo_35th{
		width: 23.7%;
		line-height: 0;
		display: inline-block;
		position: absolute;
		left: 2.5%;
		top: 2.5%;
		z-index: 10;
    }
	
	div.top-main div.banner_35th {
        width: calc(100% - 30px);
		margin: 0 auto 60px;
    }
	
	div.top-main div.banner_35th a{
		display: block;
    }
	
	div.top-main div.banner_35th a:last-of-type{
        margin-top: 15px;
    }
	
	ul.top-cont__items li div.top-cont__item--cherry,
	ul.top-cont__items li div.top-cont__item--manabi {
		display: none;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a {
		height: 100%;
		display: block!important;
		text-align: center;
		color: #245F78;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a h3{
		width: 100%;
		font-size: 22px;
		font-weight: bold;
		line-height: 1;
		padding: 15px 0;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a p{
		font-size: 13px;
		line-height: 1.6;
	}
	
	ul.top-cont__items li.top-cont__item--recruit a figure{
		width: 100%;
		line-height: 0;
		margin-top: 15px;
	}
	
	ul.top-cont__items li.top-cont__item--recruit::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 30px solid #275f77!important;
        border-right: 30px solid transparent;
    }
}