@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1160px) {
	#mainVisual {
        height: 60%!important;
	}
	/* #mainVisual .overlay {
	    top: 20%;
	} */
	#mainVisual .bg {
		/*background: url(/top/images/main01.jpg) no-repeat 100% 0 #0072d9;*/
		background: url(/top/images/main01.jpg) no-repeat 100% 30% #0072d9; /*60周年キャンペーン終了後はこれに戻す*/
        /*background: url(/top/images/main02.png) no-repeat 100% 30% #0072d9;*/
    	background-size: 100%;
	}
	#mainVisual a.arrow01 {
		bottom: 5%;
	}
	#about ul {
		padding: 4% 1%;
	}
	#special ul {
		padding: 0 1%;
	}
	#sns ul {
		padding: 0 1%;
	}
	#about ul li .caption div {
		top: 73%;
		left: 0;
	}
	#about ul li .caption h3 {
		font-size: 0.9em;
		line-height: 1.2;
	}
}

@media screen and (max-width: 900px) {
	#mainVisual .bg {
		/*background: url('/top/images/main01.jpg') no-repeat 100% 0 #0072d9;*/
        background: url('/top/images/main01.jpg') no-repeat 100% 30% #0072d9;/*60周年キャンペーン終了後はこれに戻す*/
        /*background: url('/top/images/main02.png') no-repeat 100% 30% #0072d9;*/
        background-size: 120%;/*60周年キャンペーン終了後はこれに戻す*/
        /*background-size: 100%;*/
	}
}

@media screen and (max-width: 737px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#mainVisual {
        /*height: 40%;*//*60周年キャンペーン終了後はこれに戻す*/
        height: 28%!important;
	}
	#mainVisual .bg02 {
		display: none;
	}
	#mainVisual .bg {
		display: block!important;
		/*background: url('/top/images/main01.jpg') no-repeat 100% 0 #0072d9;*/
        background: url('/top/images/main01.jpg') no-repeat 100% 30% #0072d9;/*60周年キャンペーン終了後はこれに戻す*/
        /*background: url('/top/images/main02.png') no-repeat 100% 30% #0072d9;*/
        background-size: 160%;/*60周年キャンペーン終了後はこれに戻す*/
        /*background-size: 100%;*/
	}
	/* #mainVisual .overlay {
		display: none;
	} */
	#mainVisual h2 {
		font-size: 6.3vw;
    line-height: 1.3em;
    margin-top: 0;
		transform: translateY(0);
	}
	#mainVisual a.btn01 {
		padding: 0.5rem 2.25rem 0.7rem 2.25rem;
		font-size: 1rem;
		margin-top: 1em;
	}
	#mainVisual a.arrow01 {
		display: none;
		/* bottom: -8%; */
	}

	.elerning-title {
		font-size: 2rem;
		padding-top: 10px;
		font-weight: bold;
    text-align: center;
    line-height: 1;
    letter-spacing: 0em;
	}

	#about {
		padding: 5% 0;
	}
	#about h3 {
		font-size: 2rem;
	}
	#about ul {
		text-align: center;
	}
	#about ul li:not(:last-child) {
		margin: 0 0 4%;
	}
	#about ul li:nth-child(odd) {
		margin-right: 2%;
	}
	#about ul li {
		width: 49%;
		text-align: left;
	}
	#about ul li .caption h3 {
		font-size: 1em;
		line-height: 1.2;
	}
	#about ul li .caption {
		height: 160px;
	}
	#about ul li .caption div {
		top: 88%;
	}
	#about ul li a {
		height: 160px;
	}
	#news {
		padding: 5% 0;
	}
	#news h3 {
		font-size: 2rem;
		margin-bottom: 4%;
	}
	#news ul li a .image {
		height: auto;
	}
	#news ul li a dl dd {
		font-size: 0.85em;
	}
	#special h3 {
		font-size: 2rem;
		margin-bottom: 4%;
	}
	#special {
		padding: 5% 0;
	}
	#special ul {
		text-align: center;
	}
	#special ul li {
		text-align: left;
		width: 48%;
		margin-top: 0;
	}
	#special ul li:not(:last-child) {
		margin: 0 0 4%;
	}
	#special ul li:nth-child(odd) {
		margin-right: 2%;
	}
	#special ul .bg {
		width: 100%;
    height: 100px !important;
	}
	#sns {
    	padding: 5% 0;
	}
	#sns h3 {
		font-size: 2rem;
		margin-bottom: 4%;
	}
	#sns ul li {
		width: 100%;
	}
	#sns li:nth-child(2) {
		margin-right: 0;
	}
	#sns li i.fa-facebook-official, #sns li i.fa-twitter, #sns li i.fa-instagram, #sns li i.fa-youtube, #sns li i.fa-google-plus-square {
		font-size: 200%;
	}
	#sns li a {
		height: 100px;
	}
	#sns li h4 strong {
		font-size: 1.3rem;
	}
	#sns li h4 i {
		margin-left: 0.2em;
		font-size: 0.8em;
	}
}

@media screen and (max-width: 500px) {
	#mainVisual .bg {
		background: url('/top/images/main01.jpg') no-repeat 100% 0 #0072d9;
        /* background: url('/top/images/main01_sp.jpg') no-repeat 100% 30% #0072d9;60周年キャンペーン終了後はこれに戻す */
        /*background: url('/top/images/main02.png') no-repeat 100% 30% #0072d9;*/
        background-size: cover;/*60周年キャンペーン終了後はこれに戻す*/
        /*background-size: 100%;*/
	}
}