@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.main-visual-wrapper {
		height: auto;
		background: #000;
	}

	.main-visual-wrapper > .pc {
		display: none;
	}	

	.main-visual-wrapper > .mobile {
		display: block;
		width: 100%;
	}	

	.main-contents-wrapper {
		padding: 1.923rem 1.538rem;
	}

	.main-contents-area {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.main-contents-box {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.538rem;
	}

	.main-contents-box:last-child { 
		margin-bottom: 0
	}

	.main-board-area > h2 {
		font-size: 1.308rem;
		line-height: 1.538rem;
	}


	.main-board-area > .main-board-menu > li {
		float: left;
		padding-right: 0.9231rem;
		margin-right: 0.8462rem;
		background-size: 0.07692rem 1.154rem;
	}

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

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

	
	.main-board-area > .main-board-box > ul > li > a {
		padding-left: 0.9615rem;
		padding-right:  5.769rem;
		background-position: 0.3846rem center;
		background-size: 0.2308rem 0.2308rem;
		font-size: 1rem;
		line-height: 1.923rem;
	}

	.main-board-area > .main-board-box > ul > li > a > strong {
		max-width: calc(100% - 1.923rem);
	}

	.main-board-area > .main-board-box > ul > li > a > img {
		width: 1.538rem;
	}


	.main-board-area > .main-board-box > .more {
		height: 1.538rem;;
		line-height: 1.538rem;;
		font-size: 0.9231rem;
	}

	.main-center-information-wrapper > h2 {
		margin-bottom: 0.9615rem;
		font-size: 1.308rem;
		line-height: 1.538rem;
	}

	.main-center-information-area {
		padding-left: 7.615rem;
		background-position: left center;
		background-size: 5.923rem 5.923rem
	}

	.main-center-information-area > ul > li > a {
		padding: 0.6538rem 0 0.6538rem 3.077rem;
		font-size: 1.077rem;
		line-height: 1.385rem;
		background-position: 1.154rem center;
		background-size: 1.154rem 1.154rem;
	}


	.main-banner-wrapper {
		height: auto;
	}

	.main-banner-wrapper > a {
		height: auto;
	}

	.main-banner-wrapper > a > img {
		position: static;
		display: block;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
	}


	.main-photo-area > h2 {
		margin-bottom: 0.9615rem;
		font-size: 1.308rem;
		line-height: 1.538rem;
	}

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


	.main-photo-area > .more {
		height: 1.538rem;
		line-height: 1.538rem;
		font-size: 0.9231rem;
	}


	.main-menu-list-area > h2 {
		margin-bottom: 0.9615rem;
		font-size: 1.308rem;
		line-height: 1.615rem;
	}

	.main-menu-list-area > a {
		height: 9.385rem;
		padding-left: 7.5rem;
	}


	.main-menu-list-area > a > img {
		left: 1.538rem;
		width: 4.423rem;
	}

	.main-menu-list-area > a > strong {
		padding-right: 1.154rem;
		font-size: 1rem;
		line-height: 1.385rem;
	}

	.main-menu-list-area > a > dl > dt {
		font-size: 1.154rem;
		line-height: 1.731rem;
	}

	.main-menu-list-area > a > dl > dd {
		font-size: 1.538rem;
		line-height: 1.731rem;
		letter-spacing: -2px;
	}

	.main-menu-list-area > a > .more {
		bottom: 1.538rem;
		right: 1.538rem;
		width: 1rem;
		height: 1rem;
		background-size: 1rem 1rem;
	}



}