@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {

	.main-contents01 {
		position: relative;
		height: auto;
	}

	.main-visual-wrapper {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

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

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

	.main-slogan-wrapper {
		position: absolute;
		bottom: 1.808rem;
		left: 1.538rem;
		max-width: auto;
		padding: 0;
		margin: 0;
	}

	.main-slogan-wrapper > img {
		display: block;
		width: 13.08rem;
	}

	.main-menu01-wrapper {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}

	.main-menu01-area {
		width: 50%;
		height: 6.923rem;
	}
	
	.main-menu01-area:nth-child(2) {
		width: 50%;
	}
	.main-menu01-area:before {
		display: none;
	}

	.main-menu01-area > a {
		padding-top: 1.923rem;
		border-radius: 0;
	}

	.main-menu01-area > a > img {
		position: static;
		width: 1.308rem;
		margin: 0 auto;
	}

	.main-menu01-area > a .word {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		padding: 0.7692rem 0 0 0;
		z-index: 5;
	}

	.main-menu01-area > a .word > strong {
		display: block;
		font-size: 1rem;
		line-height: 1.346rem;
		margin-bottom: 0;
		text-align: center;
	}

	.main-menu01-area > a .word > span {
		display: none;
	}

	.main-menu01-area:nth-child(1) a:before {
		display: none;
	}
	.main-menu01-area:nth-child(2) a:before {
		display: none;
	}
	.main-contents02 {
		padding: 0;
	}

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

	.main-contents-area {
		margin-bottom: 3rem;
	}

	.main-board-wrapper {
		float: none;
		width: 100%;
	}

	.main-board-wrapper > .title-area {
		display: block;
		margin-bottom: 1.538rem
	}
	.main-title-area {
		margin-bottom: 1.538rem;
	}
	.main-title-area > p {
		padding-top: 0.9615rem;
		font-size: 1.154rem;
		line-height: 1.615rem;
	}
	.main-board-wrapper > .title-area > p {
		padding-top: 0.9615rem;
		font-size: 1.154rem;
		line-height: 1.615rem;
	}

	.main-board-wrapper > .title-area > p > span {
		display: block;
	}

	.main-board-area {
		padding-top: 2.462rem;
	}

	.main-board-area > ul {
		display: block;
	}

	.main-board-area > ul > li > button {
		font-size: 1.231rem;
		line-height: 1.538rem;
		height: 1.538rem;
		margin-bottom: 0.9231rem;
	}

	.main-board-area > ul > li:nth-child(2) > button {
		left: 6.462rem;
	}

	.main-board-area > ul > li:nth-child(2) > button:before {
		width: 0.6923rem;
		height: 1.077rem;
		margin-top: -0.5385rem;
		margin-left: -1.269rem;
		background-size: 0.6923rem 1.077rem;
	}

	.main-board-area > ul > li > button:after {
		bottom: -0.9231rem;
		height: 0.2692rem;
	}

	.main-board-box {
		padding-top: 1.269rem;
	}

	.main-board-box > ul > li {
		margin-bottom: 0.4231rem;
	}

	.main-board-box > ul > li > a {
		padding-left: 1.154rem;
		padding-right: 6.154rem;
	}

	.main-board-box > ul > li > a:after {
		margin-top: -0.3462rem;
		width: 0.3077rem;
		height: 0.3077rem;
		border-radius: 50%;
		border: 0.1923rem solid #e3e3e3;
	}

	.main-board-box > ul > li > a:hover:after,
	.main-board-box > ul > li > a:focus:after {
		border: 0.1923rem solid #00944b
	}

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

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

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

	.main-board-box > ul > li > a .date {
		font-size: 1.077rem;
		line-height: 1.615rem;
	}

	.main-board-box .btn-more {
		top: 0.5769rem;
		width: 1.154rem;
		height: 1.154rem;
	}

	.main-board-box .btn-more > img {
		width: 1.154rem;
	}

	.main-container h2 {
		font-size: 1.462rem;
		line-height: 2.154rem;
		padding-top: 0.6923rem;
	}

	.main-container h2:before {
		width: 1.269rem;
		height: 0.2308rem;
	}

	.main-movie-wrapper {
		float: none;
		width: 100%;
		margin-top: 2.115rem;
	}

	.main-movie-area {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-movie-area-wrapper a {
		width: calc(50% - 5px);
	}
	.main-movie-area > h3 {
		width: 8.577rem;
		height: 8.192rem;
		-webkit-box-shadow: 0px 0.7692rem 1.346rem 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0.7692rem 1.346rem 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0.7692rem 1.346rem 0px rgba(0,0,0,0.3);
		border-radius: 0.5rem;
	}

	.main-movie-area > h3 > .title > span {
		font-size: 0.6923rem;
		line-height: 0.8846rem;
	}

	.main-movie-area > h3 > .title > strong {
		font-size: 1.077rem;
		line-height: 1.192rem;
		text-shadow: 0px 0.1154rem 0.07692rem rgba(0, 0, 0, 0.12);
	}


	.main-movie-area > h3 > .title:after {
		bottom: 2.115rem;
		height: 0.4231rem;
		background-image: url(../img/main/icon_arrow01_mobile.png);
		background-size: 1.308rem 0.4231rem;
	}
	.main-movie-box {
		border-radius: 0.625rem;
	}
	.main-movie-box > .bg {
		width: 100%;
	}

	.main-movie-box > .icon-movie {
		width: 3.462rem;
		margin-top: -1.731rem;
		margin-left: -1.731rem;
		top: 50%;
		bottom: inherit;
    	left: 50%;
	}
	.main-sns-list {
		position: inherit;
		padding-top: 1.875rem;
		padding-bottom: 0.875rem;
		margin: 0;
		justify-content: center;
	}

	.main-sns-list > li {
		margin: 0 0.3333rem;
	}

	.main-sns-list > li > a > img {
		width: 2.833rem;
	}

	.main-menu02 > ul > li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2.269rem;
	}

	.main-menu02 > ul > li:nth-child(3n) {
		margin-right: 0;
	}
	
	.main-menu02 > ul > li:nth-last-child(1),
	.main-menu02 > ul > li:nth-last-child(2),
	.main-menu02 > ul > li:nth-last-child(3) {
		margin-bottom: 0
	}

	.main-menu02 > ul > li > a > .image {
		width: 4.615rem;
		height: 4.615rem;
		margin: 0 auto 0.5769rem auto;
	}

	.main-menu02 > ul > li > a > strong {
		font-size: 1.077rem;
		line-height: 1.308rem;
	}

	.main-news-wrapper {
		padding: 0 
	}

	.main-news-area {
		margin-top: 0.9231rem;
	}

	.main-news-area.pc {
		position: absolute;
		top: 0;
		left: 0;;
		z-index: -1000;
	}

	.main-news-area.mobile {
		display: block;
		position: static;
		top: 0;
		left: 0;;
		z-index: 5;
	}


	.main-news-box {
		display: block;
	}

	.main-news-box .image {
		margin-bottom: 0.5769rem;
		border-radius: 0.625rem;
	}

	.main-news-box > .title {
		font-size: 0.9231rem;
		line-height: 1.231rem;
		margin-bottom: 0.1923rem;
		max-height: 2.462rem;
	}

	.main-news-box > .date {
		font-size: 0.9231rem;
		line-height: 1.231rem;
	}

	.main-news-area.mobile > .swiper-pagination {
		position: static;
		margin-top: 2.269rem;
		width: 100%;
		text-align: center;
	}

	.main-news-area.mobile > .swiper-pagination .swiper-pagination-bullet {
		margin: 0 0.2692rem;
		width: 0.7692rem;
		height: 0.7692rem;
		background-color: #a0a9b8;
		opacity: 1;
	}

	.main-news-area.mobile > .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #364b6e;
	}

	.main-news-wrapper .btn-more {
		top: 1.154rem;
		width: 1.154rem;
		height: 1.154rem;
	}



	.main-news-wrapper .btn-more > img {
		width: 1.154rem;
	}
}


@media only all and (max-width: 475px) {
	.main-menu01-area > a .word > strong {
		font-size: 1rem;
	}

	.main-board-wrapper > .title-area > p {
		word-break: keep-all;
	}
	.main-board-wrapper > .title-area > p > span {
		display: inline;
	}