@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-slider-wrapper {
		height: auto;
	}

	.main-slogan-wrapper {
		top: 40%;
		left: 0;
		width: 100%;
		padding: 0 2rem;
		transform: translate(0, -50%);
	}

	.main-slogan-wrapper .word-type01 {
		font-size: 1.25rem;
		line-height: 1rem;
	}

	.main-slogan-wrapper .word-type02 {
		font-size: 2.5rem;
		line-height: 3rem;
		padding-bottom: 2rem;
	}

	.main-slogan-wrapper .word-type03 {
		font-size: 0.8rem;
		line-height: 1.5rem;
	}

	.main-slogan-wrapper > a {
		padding: 0.6923rem 0.9615rem 0 0.9615rem;
		min-width: 10.69rem;
		height: 2.5rem;
		font-size: 0.9231rem;
		line-height: 1.154rem;
	}

	#main-slider01 {
		position: static;
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	#main-slider01 .item .pc {
		display: none;
	}

	#main-slider01 .item .mobile {
		display: block;
	}

	.main-slider-wrapper .owl-dots {
		bottom: 2.308rem;
	}

	.main-slider-wrapper .owl-dots .owl-dot {
		width: 1rem;
		height: 1rem;
		margin: 0  0.3462rem;
		border: 0.1923rem solid rgba(255, 255, 255, 0.9);
		box-shadow: 0px 0px 0.1923rem 0px rgba(0,0,0,0.15);
	}

	.main-slider-wrapper .owl-dots .owl-dot.active {
		border: 0.1923rem solid rgba(242, 175, 31, 1);
		box-shadow: 0px 0px 0.1923rem 0px rgba(0,0,0,0.15);
	}

	.main-contents02 {
		display: block;
	}

	.main-contents-wrapper {
		max-width: 100%;
		padding: 3.269rem 1.538rem 2.308rem 1.538rem;
	}

	.main-menu-wrapper > a {
		float: left;
		width: 49%;
		margin-left: 0;
		margin-bottom: 2.692rem;
	}

	.main-menu-wrapper > a:nth-child(even) {
		float: right;
	}

	.main-menu-wrapper > a:nth-child(3) {
		clear: both;
		margin-bottom: 0;
	}

	.main-menu-wrapper > a:nth-child(4) {
		margin-bottom: 0;
	}

	.main-menu-wrapper > a > dl > dt {
		background-size: 4.692rem 0.3077rem;
	}

	.main-menu-wrapper > a > dl > dt > img {
		display: block;
		width: 3.808rem;
		margin: 0 auto 1rem auto;
	}

	.main-menu-wrapper > a > dl > dt > strong {
		font-size: 1.5rem;
		line-height: 1.538rem;
	}

	.main-menu-wrapper > a > dl > dd {
		padding-top: 1rem;
		font-size: 1.083rem;
		line-height: 1.75rem;
	}

	.main-menu-wrapper > a > dl > dd > .span-br {
		display: inline;
	}

	.main-menu-wrapper > a > dl > dd > .span-mobile-br {
		display: block;
	}

	.main-contents02 {
		height: auto;
		background-image: url(../img/main/bg_main03_mobile.jpg);
	}


	.main-education-wrapper .title-area {
		margin-bottom:  1.269rem;
	}

	.main-education-wrapper .title-area > h2 {
		margin-bottom: 0.6923rem;
		font-size: 1.875rem;
		line-height: 1.923rem;
	}

	.main-education-area {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 1.154rem;
	}

	.main-banner-wrapper {
		height: auto;
	}

	.main-banner-wrapper .owl-dots {
		top: 1.077rem;
		right: 1.192rem;
	}

	.main-banner-wrapper .owl-dots > .owl-dot {
		width: 0.5rem;
		height: 0.5rem;
		margin-left: 0.3077rem;
	}

	.main-education-list-wrapper {
		width: 100%;
		height: auto;
	}

	.main-education-list-wrapper .item {
		display: block;
		padding: 1.923rem;
		height: 15rem;
	}

	.main-education-list li {
		font-size: 1.5rem;
	}

	.main-education-list li > a {
		padding-left: 0.7308rem;
		font-size: 0.7692rem;
		line-height: 1.538rem;
	}

	.main-education-list li > .title {
		height: 10rem;
		padding: 0 2rem;
	}

	.main-education-list li .bg {
		height: 3rem;
	}

	.main-education-list li > a .bullet-circle {
		width: 0.2308rem;
		height: 0.2308rem;
	}

	.main-education-list-wrapper .btn-prev {
		right: calc(1.923rem + 1px);
		width: 1.923rem;
		height: 1.923rem;
		background-size: 1.923rem 1.923rem !important;
	}

	.main-education-list-wrapper .btn-next {
		width: 1.923rem;
		height: 1.923rem;
		background-size: 1.923rem 1.923rem !important;
	}

	.main-education-wrapper .main-btns {
		padding-top: 1.154rem;
	}

	.main-education-wrapper .main-btns .btn-more {
		width: 2.077rem
	}


	.main-education-wrapper .main-btns .btn-more > img {
		width: 2.077rem
	}

	.main-board-wrapper {
		padding-bottom: 0;
	}

	.main-board-wrapper > h2 {
		margin-bottom: 1.308rem;
		font-size: 1.769rem;
		line-height: 2rem;
		padding-bottom:  1.269rem;
		background-size: 4.692rem 0.3077rem;
	}

	.main-board-area {
		float: none;
		width: 100%;
		margin-bottom: 3rem;
	}

	.main-board-box {
		position: relative;
	}

	.main-board-box >  h3 {
		font-size: 1.875rem;
		line-height: 2rem;
	}

	.main-board-box >  ul > li > a {
		height: 2.5rem;
		padding-left: 0.8846rem;
		padding-right: 5rem;
		font-size: 1.25rem;
		line-height: 2.5rem;
	}

	.main-board-box >  ul > li > a .bullet-logic {
		left: 0.1923rem;
		width: 0.1538rem;
		height: 0.1538rem;
	}

	.main-board-box >  ul > li > a .title-wrapper {
		max-width: calc(100% - 4rem);
	}
	.main-board-box >  ul > li > a .title-wrapper > img {
		right: -1.538rem;
		width: 1.154rem;
	}

	.main-board-box .btn-more {
		font-size: 0.7692rem;
		line-height:1.615rem;
		padding-right: 1.5rem;
		background-size: 1.5rem 1.5rem;
	}

	.main-gallery-area {
		padding: 0;
	}

	.main-gallery-box {
		width: 49%;
		margin-right: 2%;
	}

	.main-gallery-box > a {
		height: 13.5rem;
	}

	.main-gallery-box>a .image {
		width: 100%;
		height: 9.5rem;
	}

	.main-gallery-box>a>strong {
		font-size: 1.25rem;
		font-weight: 0;
		bottom: 1rem;

	.main-contents03 .main-contents-wrapper {
		padding-bottom: 0;
	}

}