@charset "UTF-8";

/*CONTENTS 教育理念・トップメッセージ*/

main section {
    padding-bottom:0!important;
}

.about .jumbotron {
    background-image:url(../about/img/h1.jpg)!important;
}

@media screen and (max-width: 450px) {
	.contents .jumbotron h2 {
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 360px) {
	.contents .jumbotron h2 {
		font-size: 1.1rem;
	}
}
.about h1 span {
    letter-spacing:0;
}

.about .row:not(:last-child){
	margin-bottom:10rem;
}

.about .txt{
	line-height:1.6rem;
	font-size:.9rem;
}

.about .photo img{
	border-radius:0!important;
}


/*企業理念*/

.about .eduvita{
	padding-bottom:5rem;
}

.about .eduvita h2{
	font-size:30px;
	font-weight:600;
	line-height:2.7rem;
	margin-bottom:4rem;
	text-align:center;
	position: relative;
	color:#2badd0;
}

.about .eduvita h2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 5px solid #2badd0;
    width: 4rem;
    margin: 0 auto -2rem;
}

.about .eduvita h2::after {
    position: absolute;
    left: 0;
    right: 0;
    top:-4rem;
    z-index: 999;
    color: rgba(46, 163, 195,0.2);
    font-size: 3em;
    line-height: 1;
    content: attr(data-number);
    pointer-events: none;
}


.about .eduvita	.container{
	display: flex;
	align-items:stretch;
}


.about .eduvita	.photo,
.about .eduvita	.txt{
	padding-right:1rem;
	padding-left:1rem;
}

.about .eduvita	.photo{
	display: flex;
	justify-content: center;
	align-items:center;
	width:30%;
}

.about .eduvita	.photo img{
	width:80%;
}

.about .eduvita	.txt{
	width:70%;
}


/*トップメッセージ*/

.about .message{
	background: linear-gradient(to left, #acc1c5 5%, #fff 95%);
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
}

.about .message .txt{
	padding-top:1rem;
	padding-bottom:1rem;
}

.about .message h2,
.about .message h3{
	color:#fff;
	text-shadow:2px 2px 2px rgba(0,0,0,0.3);
}

.about .message h2{
	line-height:1.5rem;
	font-size:2.5rem;
	margin-top:.5rem;
}

.about .message h2 span{
	font-size:.8rem;
	color:#000;
	font-weight:normal;
	text-shadow:none;
}

.about h3{
	font-size:1.2rem;
	font-weight:600;
	line-height:2.7rem;
	letter-spacing:0.15rem;
	margin-bottom:0rem;
}

.message .name{
	margin-top:2rem;
	text-align:right;
}

@media screen and (max-width: 1200px) {
	.about .message	.photo img{
		height:100%!important;
		width:auto!important;
		max-width:none!important;
	}
	
	.about .message	.txt{
		padding-right:0;
		padding-left:2rem;
	}
}

@media screen and (min-width: 768px) {
	.about .message	.photo{
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

}

@media screen and (max-width:999px) {
	.about .eduvita	.photo img{
		width:100%!important;
	}

.message .name{
	font-size:.8rem;
}
}

@media screen and (max-width: 767.98px) {
	.about .txt{
		line-height:1.5rem;
		font-size:.8rem;
	}
		
	.about .eduvita .container {
		padding:0;
	}
	.about .eduvita	.photo{
		padding:0;
		align-items:flex-start;
	}

	.about .eduvita	.txt{
		padding-right:0;
	}

	.about .message{
		color:#fff;
	}

	.about .message .container {
		width:100%!important;
		max-width:none!important;
	}
	
	.about .message  .container .row {
		position:relative!important;
	}
	
	.about .message	.photo{
		text-align:left;
	}
	
	.about .message .txt{
		background:rgba(0,0,0,0.6);
		padding:1rem!important;
	}

	.about .message .txt .txtin{
		position:relative;
	}

	.about .message	.txt h2 span{
		display:none;
	}
	
	.message .name{
		margin-top:1rem;
		font-size:.75rem;
	}
	.about .message	.txt h2{
		color:#2badd0!important;
		text-shadow:none;
		text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
	}
}

@media screen and (min-width: 450px) and (max-width: 767.98px) {
	.about .message	.photo img{
		width:50%!important;
		height:auto!important;
	}
	
	.about .message .txt{
		position:absolute;
		bottom:0;
		left:0;
	}

	.about .message	.txt h2{
		position:absolute;
		top:-8rem;
		right:.5rem;
	}
	
	.about .message	.txt h3{
		position:absolute;
		top:-4.5rem;
		right:0;
	}
}

@media screen and (min-width: 550px) and (max-width: 649.98px) {
	.about .message	.photo img{
		width:70%!important;
		height:auto!important;
	}
}

@media screen and (min-width: 450px) and (max-width: 549.98px) {
	.about .message	.photo img{
		width:90%!important;
		height:auto!important;
	}
}

@media screen and (max-width: 449.98px) {
	.about .message .txt{
		background:rgba(0,0,0,1);
		padding:1rem!important;
	}

	.about .message	.photo img{
		width:55%!important;
		height:auto!important;
	}
	
	.about .message	.txt h2{
		position:absolute;
		top:-8rem;
		right:1rem;
	}
	
	.about .message	.txt h3{
		position:absolute;
		top:-4.5rem;
		right:0;
	}
}
	.message .name br{
		display:none;
	}

@media screen and (max-width:380px) {
	.message .name br{
		display:block;
	}
}

.movie{
	padding:2rem 0;
	text-align:center;
}

.movie video{
	width:100%;
	height:auto;
}

@media screen and (max-width: 449.98px) {
	.movie .container{
		padding-right:0!important;
		padding-left:0!important;
		max-width:100%;
	}
}