/*
----------------------------------------
home
----------------------------------------
*/

#main {
	padding: 140px 30px 52px;
	text-align: center;
	background: url( ../img/home/2x/main-img.png ) center center / cover no-repeat;
}

#main h2 {
	margin-bottom: 30px;
}

#main .link-list {
	opacity: 0;
	visibility: hidden;
}

#main .link-list.slick-slider {
	opacity: 1;
	visibility: visible;
}

#main .link-list .flex {
	justify-content: center;
}

#main .link-list a {
	display: block;
}

#main .link-list .btn-wrap {
	display: inline-block;
	padding: 4.4rem 5.8rem;
	position: relative;
}

#main .link-list .badge {
	position: absolute;
	left: 0;
	top: calc( 50% - 46px );
}

#main .link-list .main-link:nth-child( 2 ) .badge {
	left: 32px;
}

#main .link-list .btn {
	display: inline-block;
	width: 300px;
	max-width: 100%;
	background: #1da1f2 url( ../img/common/2x/arrow-03.png ) right 28px center / 12px no-repeat;
	color: #fff;
	padding: 7px 61px 9px 59px;
	border-radius: 30px;
	font-size: 2.2rem;
	letter-spacing: 0;
	white-space: nowrap;
	transition: all .2s;
}

#main .link-list .main-link:nth-child( 2 ) .btn {
	padding: 7px 54px 9px 66px;
}

#main .link-list .main-link:nth-child( 3 ) .btn-wrap {
	transform: translateX( 46px );
}


#main .sns{
	display: none;
}

/* news-box */

.news-box {
	margin: 40px 0 80px;
}

.news-box .flex {
	align-items: center;
}

.news-box .ttl {
	width: 22%;
	line-height: 1.4;
}

.news-box .ttl .en {
	font-size: 2rem;
	color: #1da1f2;
}

.news-box .ttl h2 {
	font-size: 3.8rem;
	line-height: 1.4;
	font-weight: bold;
}

.news-box .ttl .btn-01 {
	margin: 20px 0 26px;
}

.news-box .ttl .btn-01 a {
	font-size: 1.8rem;
	font-weight: normal;
	letter-spacing: 0;
	padding: 6px 40px 8px 30px;
	background: url( ../img/common/2x/arrow-04.png ) right 15px center / 10px no-repeat;
}

.news-box .news {
	width: 78%;
}

.news-box .news li {
	background: url( ../img/common/2x/border-01.png ) left bottom / 49px repeat-x;
	padding-bottom: 1px;
}

.news-box .news a {
	display: block;
	background: url( ../img/common/2x/arrow-04.png ) right 10px center / 10px no-repeat;
	padding: 20px 40px 21px 10px;
	font-size: 1.7rem;
	letter-spacing: 1.2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-box .news a time {
	display: inline-block;
	min-width: 125px;
	color: #666;
	letter-spacing: .8px;
}
.news-list .cat {
	color: #1da1f2;
	border: solid 2px #1da1f2;
	border-radius: 4px;
	line-height: 1.5;
	padding: 1px 12px;
	margin-right: 10px;
}

/* reason-box */

.reason-box {
	margin-bottom: 90px;
}

.reason-box h2 {
	margin-bottom: -30px;
	position: relative;
	z-index: 99;
}

.reason-box .block.reason-01::after {
	background: url( ../img/home/2x/reason-img-01.png ) center right / cover no-repeat;
}

.reason-box .block.reason-02::after {
	background: url( ../img/home/2x/reason-img-02.png ) center left / cover no-repeat;
}

.reason-box .block.reason-03::after {
	background: url( ../img/home/2x/reason-img-03.png ) center right / cover no-repeat;
}

.reason-box .block.reason-03 .txt {
	padding-top: 50px;
}

/* course-box */

.course-box {
	margin: 90px 0 80px;
}

.course-box .pickup {
	margin: 40px 0;
	justify-content: space-between;
}

.course-box .pickup > div {
	width: calc( ( 100% - 2px ) / 2 );
	text-align: left;
}

.course-box .pickup .img a {
	display: block;
	width: 100%;
	height: 400px;
	padding: 120px 60px 60px 60px;
	background: #eee;
	line-height: 1.5;
	position: relative;
	overflow: hidden;
}

.course-box .pickup .img a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .6s;
}

.course-box .pickup-01 .img a::before {
	background: url( ../img/home/2x/course-img-01.png ) center center / cover no-repeat;
}

.course-box .pickup-02 .img a::before {
	background: url( ../img/home/2x/course-img-02.png ) center center / cover no-repeat;
}

.course-box .pickup .img a::after {
	content: '';
	width: 121px;
	height: 120px;
	background: url( ../img/common/2x/pickup.png ) right top / contain no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
}

.course-box .pickup .img a > * {
	position: relative;
	z-index: 99;

}

.course-box .pickup .catch {
	color: #1da1f2;
	font-size: 2rem;
	letter-spacing: 1px;
}

.course-box .pickup .catch strong {
	font-size: 2.8rem;
}

.course-box .pickup h3 {
	font-size: 3.8rem;
	color: #222;
	margin-bottom: 15px;
}

.course-box .pickup .txt {
	padding: 20px 35px;
	font-size: 1.7rem;
	letter-spacing: 1.5px;
	text-align: justify;
	color: #333;
}

.course-box .pickup .btn-style-01 {
	min-width: 200px;
}

.course-box .course-list {
	background: #f5f5f5;
	padding: 50px 0;
}

.course-box .course-list.sp-slide {
	display: none !important;
}

.course-box .course {
	background: #fff;
	box-shadow: 0 0 10px rgba( 0, 0, 0, .1 );
}

.course-box .course a {
	display: block;
	transition: all .6s;
}

.course-box .course picture {
	display: block;
	overflow: hidden;
	transition: all .6s;
}

.course-box .course img {
	width: 100%;
	transition: all .6s;
}

.course-box .course .txt {
	padding: 18px 0 30px;
}

.course-box .course h3 {
	justify-content: center;
	align-items: center;
	font-size: 2.8rem;
	line-height: 1.4;
	color: #222;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.course-box .pc-slide .course h3 {
	height: 7.8rem;
}

.course-box .pc-slide .course .read {
	min-height: 120px;
}

.course-box .sp-slide .course h3 {
	height: 5.6rem;
}

.course-box .sp-slide .course .read {
	min-height: 125px;
}

.course-box .course h3 .catch {
	color: #1da1f2;
	font-size: 2rem;
}

.course-box .course h3 .catch strong {
	font-size: 2.8rem;
}

.course-box .course .read {
	font-size: 1.5rem;
	text-align: justify;
	letter-spacing: 1px;
	margin-bottom: 22px;
	padding: 0 40px;
}

/* info-box */

.info-box {
	margin: 70px 0 75px;
}

.info-box .info-list {
	padding: 10px 0 5px;
}

.info-box .info-list .btn-01 a {
	width: 390px;
	max-width: 100%;
	text-align: center;
	letter-spacing: .5px;
	padding: 9px 20px 9px 15px;
	background: url( ../img/common/2x/arrow-05.png ) right 20px center / 9px no-repeat;
}

.info-box .block.info-01::after {
	background: url( ../img/home/2x/info-img-01.png ) center right / cover no-repeat;
}

.info-box .block.info-01 .txt .read {
	letter-spacing: 1.2px;
}

/* column-box */

.column-box {
	margin: 75px 0 70px;
}

.column-box .ttl-01 {
	text-align: center;
	margin-bottom: 15px;
}

.column-box .read {
	text-align: center;
	letter-spacing: 2.2px;
	margin-bottom: 40px;
}

.column-box .column {
	margin-bottom: 30px;
}

.column-box .column .flex {
	align-items: center;
}

.column-box .column .img {
	width: 241px;
	line-height: .5;
}

.column-box .column .img figure {
	display: block;
	line-height: .5;
	overflow: hidden;
	transition: all .6s;
}

.column-box .column .img img {
	transition: all .6s;
}

.column-box .column .txt {
	width: calc( 100% - 241px );
	padding: 15px 0 0 40px;
}

.column-box .meta {
	align-items: center;
	margin-bottom: 10px;
}

.column-box .cat-list li {
	margin: 0 10px 0 0;
}

.column-box .date {
	font-size: 1.7rem;
	color: #666;
}

.column-box h3 span {
	display: inline-block;
	max-width: 100%;
	font-size: 2rem;
	font-weight: normal;
	letter-spacing: 1.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: solid 1px #666;
	transition: all .6s;
}

.column-box .btn-01 {
	text-align: center;
}

.column-box .btn-01 a {
	width: 240px;
	max-width: 100%;
}

/* school-box */

.school-box .ttl-01 {
	margin-bottom: -3rem;
}

.school-box .school-wrap {
	padding: 70px 0 60px;
	background: #f5f5f5;
}

.school-box .school-list {
	justify-content: space-between;
	margin-bottom: 40px;
}

.school-box .school-list .school {
	width: 31.1666%;
	background: #fff;
	box-shadow: 0 0 10px rgba( 0, 0, 0, .1 );
	text-align: center;
}

.school-box .school-list .school a {
	display: block;
}

.school-box .school-list figure {
	overflow: hidden;
	line-height: .5;
	transition: all .6s;
}

.school-box .school-list figure img {
	width: 100%;
	transition: all .6s;
}

.school-box .school-list .txt {
	padding: 15px 20px 25px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.school-box .school-list h3 {
	display: inline-block;
	font-size: 2.8rem;
	line-height: 1.4;
	font-weight: bold;
	color: #1da1f2;
	padding: 8.5px 31px 8.5px 0;
	background: url( ../img/common/2x/arrow-07.png ) right center / 21px no-repeat;
}

.school-box .school-list .address {
	justify-content: center;
	align-items: center;
}

.school-box .school-wrap .btn-01 {
	text-align: center;
}

.school-box .school-wrap .btn-01 a {
	background: url( ../img/common/2x/arrow-05.png ) right 25px center / 9px no-repeat;
}

#floating-bnr {
	position: fixed;
	right: 0;
	bottom: 20px;
	line-height: .5;
	transform: translateY( 100% );
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all .2s;
}

#floating-bnr.show {
	transform: translateY( 0 );
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}

#floating-bnr a {
	display: block;
	box-shadow: 0 0 14px rgba( 0, 0, 0, .2 );
}

#floating-bnr a:hover {
	opacity: .8;
}


/*
----------------------------------------
1400
----------------------------------------
*/

@media screen and ( max-width: 1400px ) {

	.course-box .course h3 {
		font-size: 2.2rem;
	}

	.course-box .pc-slide .course h3 {
		height: 6rem;
	}

	#main .link-list .main-link:nth-child( 2 ) .btn-wrap {
		transform: translateX( -16px );
	}

	#main .link-list .main-link:nth-child( 3 ) .btn-wrap {
		transform: translateX( 0 );
	}

}


/*
----------------------------------------
1200
----------------------------------------
*/

@media screen and ( max-width: 1200px ) {

	#main {
		padding: 60px 30px 30px;
	}

	#main h2 {
		margin-bottom: 20px;
	}

	#main .link-list {
		padding: 0;
	}

	#main .link-list .btn {
		width: 240px;
		font-size: 1.8rem;
		background: #1da1f2 url( ../img/common/2x/arrow-03.png ) right 15px center / 12px no-repeat;
		padding: 7px 50px 9px;
	}

	#main .link-list a:hover .btn {
		background: #45b8ff url( ../img/common/2x/arrow-03.png ) right 12px center / 12px no-repeat !important;
	}

	#main .sns{
		display: block;
		position: absolute;
		width: 97%;
		margin-top: -5px;
	}
	
	#main .sns ul{
		justify-content: center;
	}
	
	#main .sns li{
		width: 4rem;
		background: rgba(255,255,255,0.75);
	}
	
	#main .sns li a{
		display: block;
		width: 3rem;
		height: 3rem;
		border: solid 1px #e5e5e5;
		border-radius: 50%;
		margin: 0.5rem auto;
	}
	
	.course-box .pickup .img a {
		height: 30vw;
		padding: 60px 60px 0;
	}

	.course-box .pickup .img a::after {
		width: 90px;
		height: 90px;
	}

	.course-box .course .read {
		padding: 0 20px;
	}

	.info-box .block.info-01::after {
		right: 42%;
	}

}


/*
----------------------------------------
1000
----------------------------------------
*/

@media screen and ( max-width: 1000px ) {

	#main {
		padding: 60px 20px 20px;
	}

	#main h2 img {
		width: 360px;
	}

	#main .link-list .btn-wrap {
		padding: 1rem 1rem 3rem;
	}

	#main .link-list .badge {
		width: 60px;
		top: 2px;
	}

	#main .link-list .main-link:nth-child( 2 ) .badge {
		left: 0;
	}

	#main .link-list .main-link:nth-child( 2 ) .btn-wrap {
		transform: translateX( 0 );
	}

	#main .link-list .btn {
		width: 220px;
		font-size: 1.6rem;
		padding: 7px 10px 9px 30px;
		background: #1da1f2 url( ../img/common/2x/arrow-03.png ) right 13px center / 8px no-repeat;
	}

	#main .link-list a:hover .btn {
		background: #45b8ff url( ../img/common/2x/arrow-03.png ) right 10px center / 8px no-repeat !important;
	}

	#main .sns{
		margin-top: -10px;
	}

	#contents .search-box .search-wrap .flex {
		padding: 60px 20px;
	}

	.news-box .ttl {
		width: 28%;
	}

	.news-box .ttl h2 {
		font-size: 3.2rem;
	}

	.news-box .news {
		width: 72%;
	}

	.reason-box .block.reason-03::after {
		right: 25%;
	}

	.course-box .pickup .img a {
		padding: 60px 30px 0;
	}

	.course-box .pickup .catch {
		font-size: 1.6rem;
	}

	.course-box .pickup .catch strong {
		font-size: 2.4rem;
	}

	.course-box .pickup h3 {
		font-size: 3.2rem;
	}

	.course-box .pickup .txt {
		font-size: 1.5rem;
	}

	.info-box .block.info-01::after {
		right: 50%;
	}

	.column-box .column .txt {
		padding: 15px 0 0 20px;
	}

	.school-box .school-list h3 {
		font-size: 2rem;
	}

}


/*
----------------------------------------
768
----------------------------------------
*/

@media screen and ( max-width: 768px ) {

	#main {
		padding: 0;
		background: #fafafa;
		position: relative;
		margin-bottom: 90px;
	}

	#main h2 {
		position: absolute;
		top: 80px;
		right: 0;
		left: 0;
		z-index: 99;
		margin: 0;
	}

	#main h2 img {
		width: 306px;
	}

	#main .link-list .btn-wrap {
		width: 100%;
		padding: 3.9rem 4rem;
	}

	#main .link-list .btn {
		width: 100%;
		padding: 7px 30px 9px 80px !important;
		background: #1da1f2 url( ../img/common/2x/arrow-03.png ) right 15px center / 9px no-repeat;
	}

	#main .link-list a {
		display: block;
		padding: 250px 0 23px;
		text-align: center;
	}

	#main .link-list .link-01 a {
		background: url( ../img/home/2x/sp-main-01.png ) center center / cover no-repeat;
	}

	#main .link-list .link-02 a {
		background: url( ../img/home/2x/sp-main-02.png ) center center / cover no-repeat;
	}

	#main .link-list .link-03 a {
		background: url( ../img/home/2x/sp-main-03.png ) center center / cover no-repeat;
	}

	#main .link-list .badge {
		top: 25px;
		left: 30px;
		width: 85px;
	}

	#main .link-list .main-link:nth-child( 2 ) .badge {
		left: 30px;
	}


	#main .link-list .btn {
		font-size: 1.9rem;
		background: #1da1f2 url( ../img/common/2x/arrow-03.png ) right 20px center / 9px no-repeat;
	}

	#main .link-list a:hover .btn {
		background: #1da1f2 url( ../img/common/2x/arrow-03.png ) right 20px center / 9px no-repeat !important;
	}

	#main .link-list .main-link:nth-child( 2 ) .btn-wrap {
		transform: translateX( 0 );
	}

	#main .slick-dotted.slick-slider {
		margin-bottom: 40px;
	}

	#main .slick-dots {
		bottom: -35px;
	}

	#main .slick-dots li {
		width: 13px;
		height: 13px;
		margin: 0 8px;
	}

	#main .slick-dots li button {
		width: 13px;
		height: 13px;
		background: #fff;
		border: solid 1px #1da1f2;
		border-radius: 50%;
	}

	#main .slick-dots li.slick-active button {
		background: #1da1f2;
	}

	#main .slick-dots li button:before {
		display: none;
	}

	
	#main .sns{
		margin-top: -5px;
		width: 100%;
	}

	#contents .search-box .search-wrap .flex {
		padding: 38px 15px 24px;
	}

	/* banner-box */

	.banner-box {
		display: flex;
		justify-content: space-between;
	}

	.top-banner,
	.bottom-banner {
		flex: 0 0 50%;
		max-width: calc(50% - 5px);
	}

	/* news-box */

	.news-box {
		margin: 40px 0 82px;
	}

	.news-box .wrap {
		position: relative;
		padding-bottom: 8rem;
	}

	.news-box .flex {
		flex-direction: column;
	}

	.news-box .ttl {
		width: 100%;
		text-align: center;
	}

	.news-box .ttl h2 {
		font-size: 2.6rem;
	}

	.news-box .ttl .en {
		font-size: 1.4rem;
	}

	.news-box .news {
		width: 100%;
		margin: 10px 0 13px;
	}

	.news-box .news a {
		font-size: 1.6rem;
		padding: 16px 15px 17px 0;
		background: url( ../img/common/2x/arrow-04.png ) right center / 10px no-repeat;
	}

	.news-box .news a time {
		min-width: 95px;
	}

	.news-box .news li:last-child {
		display: none;
	}

	.news-box .ttl .btn-01 {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
	}

	.news-box .ttl .btn-01 a {
		font-size: 1.5rem;
		padding: 10.5px 40px 10.5px 30px;
		background: url( ../img/common/2x/arrow-04.png ) right 15px center / 8px no-repeat;
	}

	.news-list .post-ttl {
		display:block;
		white-space: normal;
		margin-left: 1rem;
	}

	.reason-box {
		margin-bottom: 80px;
	}

	.reason-box h2 {
		margin-bottom: -20px;
	}

	.reason-box .block.reason-01::after {
		background: url( ../img/home/2x/reason-img-01-sp.png ) center right / cover no-repeat;
		right: 13%;
	}

	.reason-box .block.reason-02::after {
		background: url( ../img/home/2x/reason-img-02-sp.png ) center left / cover no-repeat;
		left: 13%;
	}

	.reason-box .block.reason-03::after {
		background: url( ../img/home/2x/reason-img-03-sp.png ) center right / cover no-repeat;
		right: 13%;
	}

	.reason-box .block.reason-03 {
		padding: 145px 0 5px;
	}

	.reason-box .block.reason-03 .txt {
		padding-top: 27px;
	}

	.course-box {
		margin: 83px 0 20px;
	}

	.course-box .ttl-01 h2 {
		font-size: 2.9rem;
	}

	.course-box .course-list {
		padding: 65px 0 40px;
		margin-bottom: 42px;
	}

	.course-box .course-list.pc-slide {
		display: none !important;
	}

	.course-box .course-list.sp-slide {
		display: block !important;
	}

	.course-box .course .txt {
		padding: 6px 0 24px;
	}

	.course-box .course h3 {
		font-size: 2rem;
		margin-bottom: 8px;
	}

	.course-box .course h3 .catch {
		font-size: 1.2rem;
		font-weight: normal;
	}

	.course-box .course h3 .catch strong {
		font-size: 1.7rem;
	}

	.course-box .course .read {
		line-height: 1.7;
		margin-bottom: 15px;
	}

	.course-box .ttl-01 {
		margin-bottom: -15px;
		position: relative;
		z-index: 99;
	}

	.course-box .pickup {
		display: none;
	}

	.course-box .course.slick-slide {
		opacity: .5;
	}

	.course-box .course.slick-active {
		opacity: 1;
	}

	.info-box {
		margin: 47px 0 40px;
	}

	.info-box .block.info-01::after {
		right: 13%;
		background: url( ../img/home/2x/info-img-01-sp.png ) center right / cover no-repeat;
	}

	.info-box .block-list .txt .btn-01 {
		margin-top: 20px;
	}

	.info-box .info-list .btn-01 a {
		width: 250px;
	}

	.bnr-l-guid {
		margin: 0 0 95px;
	}

	.column-box {
		margin: 80px 0 80px;
	}

	.column-box .ttl-01 {
		margin-bottom: 35px;
	}

	.column-box .ttl-01 h2 {
		font-size: 2.9rem;
	}

	.column-box .read {
		display: none;
	}

	.column-box .column-list {
		margin-bottom: 35px;
	}

	.column-box .column {
		margin-bottom: 20px;
	}

	.column-box .column .img {
		width: 95px;
	}

	.column-box .column .img img {
		width: 100%;
		height: 62px;
	}

	.column-box .column .txt {
		width: calc( 100% - 95px );
		padding: 0 0 0 10px;
	}

	.column-box .meta {
		margin-bottom: 0;
	}

	.column-box .cat-list a {
		font-size: 1.1rem;
		line-height: 1.9;
		min-width: auto;
		padding: 0 10px;
		margin-right: 6px;
		transform: translateY( -2px );
		border-radius: 0;
	}

	.column-box .date {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.column-box h3 a {
		font-size: 1.5rem;
		line-height: 1.8;
		letter-spacing: .5px;
	}

	.column-box .btn-01 a {
		width: 250px;
	}

	.school-box .ttl-01 {
		margin-bottom: -1.5rem;
	}

	.school-box .school-wrap {
		padding: 65px 0 40px;
	}

	.school-box .school-list {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.school-box .school-list .school {
		width: 100%;
		margin-bottom: 15px;
	}

	.school-box .school-list .school a {
		-js-display: flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
	}

	.school-box .school figure {
		width: 125px;
		min-height: 100px;
	}

	.school-box .school figure img {
		height: 100%;
		min-height: 100px;
	}

	.school-box .school .txt {
		width: calc( 100% - 125px );
		padding: 0 10px 10px;
		text-align: left;
		font-size: 1.2rem;
		letter-spacing: 0;
		line-height: 1.4;
	}

	.school-box .school-list h3 {
		font-size: 1.6rem;
		margin-bottom: 2px;
		padding-right: 22px;
		background: url( ../img/common/2x/arrow-07.png ) right center / 16px no-repeat;
	}

	.school-box .school-list .school:first-child h3 {
		margin-bottom: 5px;
	}

	.school-box .school-list .school:nth-child( 2 ) h3 {
		margin-bottom: 0;
	}

	.school-box .school-list .address {
		justify-content: flex-start;
	}

	.school-box .school-wrap .btn-01 a {
		background: url( ../img/common/2x/arrow-05.png ) right 15px center / 9px no-repeat;
	}

	#floating-bnr {
		display: none;
	}

}


/*
----------------------------------------
hover
----------------------------------------
*/

@media screen and ( min-width: 769px ) {

	#main .link-list a:hover .btn {
		background: #45b8ff url( ../img/common/2x/arrow-03.png ) right 23px center / 12px no-repeat;
	}

	.news-box .ttl .btn-01 a:hover {
		background: #f5f5f5 url( ../img/common/2x/arrow-04.png ) right 12px center / 10px no-repeat;
	}

	.news-box .news a:hover {
		background: #f5f5f5 url( ../img/common/2x/arrow-04.png ) right 10px center / 10px no-repeat;
	}

	.course-box .pickup .img a:hover {
		background: #000;
	}

	.course-box .pickup .img a:hover::before {
		transform: scale( 1.1 );
		opacity: .9;
	}

	.course-box .course a:hover {
		background: #fafafa;
	}

	.course-box .course a:hover picture {
		background: #000;
	}

	.course-box .course a:hover img {
		transform: scale( 1.1 );
		opacity: .9;
	}

	.info-box .info-list .btn-01 a:hover {
		background: #f5f5f5 url( ../img/common/2x/arrow-05.png ) right 17px center / 9px no-repeat;
	}

	/*
	.column-box .column .img a:hover {
		background: #000;
	}

	.column-box .column .img a:hover img {
		transform: scale( 1.1 );
		opacity: .9;
	}
	*/

	.column-box .column a:hover .img figure {
		background: #000;
	}

	.column-box .column a:hover .img img {
		transform: scale( 1.1 );
		opacity: .9;
	}

	.column-box .column a:hover h3 span {
		color: #1da1f2;
		border-bottom: solid 1px #1da1f2;
	}

	.school-box .school-list .school a:hover figure {
		background: #000;
	}

	.school-box .school-list .school a:hover img {
		transform: scale( 1.1 );
		opacity: .9;
	}

	.school-box .school-wrap .btn-01 a:hover {
		background: #fff url( ../img/common/2x/arrow-05.png ) right 22px center / 9px no-repeat;
	}

	.banner-box {
		margin-top: 60px;
		display: flex;
		justify-content: space-between;
	}

	.top-banner,
	.bottom-banner {
		flex: 0 0 50%;
		max-width: calc(50% - 10px);
	}

}

/*
----------------------------------------
1701
----------------------------------------
*/

@media screen and ( min-width: 1701px ) {

	#g-nav .logo {
		margin-right: auto;
	}

}