@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-container {
		background-image: url(../img/main/main-visual01_mobile.jpg);
		background-size: cover;
	}

	.footer {
		background-color: #fff !important;
	}

	.main-contents01-wrapper {
		max-width: 100%;
		margin: 0;
		padding: 3.769rem 1.538rem 1.538rem 1.538rem; 
	}

	.main-class-title {
		position: relative;
		float: none;
		width: 100%;
		height: 18.46rem;
		background: #e64d42;
		padding: 7.846rem 1.923rem 0 1.923rem;
		border-right: 1px solid #e64d42
	}

	.main-class-title > img {
		left: auto;
		left: initial;
		right: 0;
		margin-top: -2.885rem;
		margin-left: 0;
		display: block;
		width: 100%;
		max-width: 24.42rem;
		transform: none;
	}

	.main-class-title > h2 {
		font-size: 2rem;
		line-height: 2.231rem;
		text-shadow: 0px 0px 0.1923rem rgba(0, 0, 0, 0.4);
	}

	.main-class-title > h2 > .word-eng {
		margin-top: 0.4615rem;
		font-size: 0.9231rem;
		line-height: 1.154rem;
		letter-spacing: 0.1923rem;
	}

	.main-class-title > p {
		display: none;
	}

	.main-contents02-box {
		float: none;
		width: 100%;
	}

	.main-class-information {
		display: block;
		width: 100%;
		height: 11.35rem;
		padding: 1.692rem 1.538rem 0 1.538rem;
	}

	.main-class-information > h3 {
		font-size: 1.385rem;
		line-height: 1.769rem;
		margin-bottom: 0.4231rem;
	}

	.main-class-information > p {
		margin-bottom: 1rem;
		font-size: 0.7692rem;
		line-height: 1rem;
	}

	.main-class-information > a {
		padding: 0.2308rem 0.9615rem;
		font-size: 0.7692rem;
		line-height: 1rem;
	}

	.main-class-menu > li > a,
	.main-class-menu > li > .image,
	.main-class-menu > li > p,
	.main-class-menu > li > div {
		padding-bottom: 8.462rem;
	}


	.main-class-menu > li > a > span > img,
	.main-class-menu > li > p > span > img,
	.main-class-menu > li > div > span > img {
		width: 3.154rem;
		margin: 0 auto 0.3846rem auto;
	}

	.main-class-menu > li > a > span > strong {
		font-size: 1.077rem;
		line-height: 1.154rem;
	}

	.main-class-menu > li > div > dl > dt {
		font-size: 1.077rem;
		line-height: 1.154rem;
		margin-bottom: 0.2308rem;
	}

	.main-class-menu > li > div > dl > dd {
		font-size: 1.077rem;
		line-height: 1.154rem;
	}

	.main-contents03-box {
		float: none;
		width: 100%;
	}

	.main-contents03-box:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-class-menu.type02 > li {
		float: left;
		width: 50%;
	}


	.main-board-wrapper {
		float: none;
		width: 100%;
		height: auto;
		border-right: 0;
		padding: 1.538rem;
	}


	.main-board-area > .main-board-menu > li {
		padding-right: 0.8077rem;
		margin-right: 0.7692rem;
		background-size: 0.07692rem 1rem;
	}

	.main-board-area > .main-board-menu > li > a {
		font-size: 1.346rem;
		line-height:1.615rem;
	}


	.main-board-area > .main-board-box {
		padding-top: 0.9615rem;
	}


	.main-board-area > .main-board-box > ul > li > a {
		padding-left: 0.8462rem;
		padding-right: 6.538rem;
		background-size: 0.2308rem 0.2308rem;
		background-position: left center;
	}

	.main-board-area > .main-board-box > ul > li > a > strong {
		font-size: 1.154rem;
		line-height: 1.846rem;
	}

	.main-board-area > .main-board-box > ul > li > a > span {
		font-size: 1.154rem;
		line-height: 1.846rem;
	}

	.main-board-area > .main-board-box > .more {
		display: block;
		width: 1.615rem;
		height: 1.615rem;
		text-indent: -5000rem;
		background: url(../img/icon/icon_more02@2x.png) no-repeat center center;
		background-size: 0.8077rem 0.8077rem;
	}

	.main-photo-wrapper {
		float: none;
		width: 100%;
		height: auto;
		padding: 1.538rem;
		border-right: 0
	}

	.main-photo-area {
		position: relative;
	}

	.main-photo-area > h3 {
		font-size: 1.346rem;
		line-height: 1.615rem;
		margin-bottom: 0.9615rem;
	}

	.main-photo-area > ul > li {
		float: left;
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.main-photo-area > ul > li:nth-child(even) {
		float: right;
	}

	.main-photo-area > ul > li:nth-child(3),
	.main-photo-area > ul > li:nth-child(4) {
		display: block;
		margin-bottom: 0;
	}

	.main-photo-area > ul > li > a > strong {
		margin: 0.5769rem 0;
		font-size: 1rem;
		line-height: 1.154rem;
	}

	.main-photo-area > ul > li > a:hover > strong {
		color: #000;
	}

	.main-photo-area > .more {
		display: block;
		width: 1.615rem;
		height: 1.615rem;
		text-indent: -5000rem;
		background: url(../img/icon/icon_more02@2x.png) no-repeat center center;
		background-size: 0.8077rem 0.8077rem;
	}


	.main-class-menu02 {
		float: none;
		width: 100%;
	}

	.main-class-menu02 > ul {
		padding: 1.346rem 1.538rem;
	}

	.main-class-menu02 > ul:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-class-menu02 > ul > li {
		float: left;
		width: 49%;
		padding: 0.3846rem 0;
	}

	.main-class-menu02 > ul > li:nth-child(even) {
		float: right;
	}

	.main-class-menu02 > ul > li a .symbol {
		width: 2.846rem;
		height: 2.846rem;
	}

	.main-class-menu02 > ul > li a .symbol > img {
		width: 2.846rem;
	}

	.main-class-menu02 > ul > li a > strong {
		line-height: 2.846rem;
		padding-left: 0.6538rem;
		font-size: 1.077rem;
	}
}