@charset "UTF-8";

@media screen and (max-width:1200px) {
	.mainSlideInner {
		min-height: auto;
		height: 600px;
	}
}


@media screen and (max-width:1024px) {
	.slideBoxitem {
    width: calc(100vw / 3);
    margin: 0 6px;
}
	
	.mainSlideInner {
		min-height: auto;
	}
	._sp {
		display: block;
	}

	.titleImg {
		display: none;
	}

	.titleBox h2 {
		font-size: 20px;
		margin:0 10px;
	}

	.titleEn img {
		width: 40%;
	}

	.titleBox {
		margin-bottom: 30px;
	}

	.newsList ul {
		justify-content: space-between;
	}

	.newsList li {
		width: calc(50% - 15px);
		margin: 0 0 30px 0;
		position: relative;
	}

	.newsList li h3 {
		font-size: 13px;
		line-height: 1.5;
	}

	.newsList li h3 br{
		display:none;
	}

	.newsList li:before {
		content: none;
	}

	.newsList .date {
		font-size: 10px;
		width: 7em;
	}

	.sec02-01 {
		flex-direction: column;
	}

	.sec02-01 .text {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-top:15px;
	}

	.sec02-01 .img {
		margin-bottom: 15px;
	}

	.sec02-01 .text h3 {
		font-size: 18px;
	}

	.sec02-01 .text .arrow {
		margin-bottom: 5px;
	}

	.sec02-01 .text .white p {
		font-size: 15px;
		line-height: 1.6;
	}

	.sec02-01 {
		margin-bottom: 30px;
	}

	.sec02-02 .logoList {
		margin-bottom: 30px;
	}

	.episode {
		padding: 30px 20px;
		margin-bottom: 20px;
	}

	.episode h3 {
		font-size: 18px;
	}

	.episode ul li {
		margin-bottom: 8px;
	}

	.sec04 p {
		font-size: 16px;
	}

	.sec05 {
		    background: url(../img/index/sec05-01.jpg) center bottom no-repeat;
	}

	.sec05 .text {
		width: 100%;
		margin: 0 auto;
	}

	.sec05 .text p {
		font-size: 15px;
		line-height: 1.6;
	}

	.sec06 {
		padding-bottom: 90px;
	}

	.footerIcon {
		width: 60px;
	}


	.footerMenu ul {
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}

	.footerMenu ul li {
		margin-bottom: 15px;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		text-align: center;
	}

	.copyright {
		width: 80%;
		margin: 0 auto;
	}

	.sec02Box {
		padding-top: 90px;
	}

	.sec02-01 {
		padding-top: 0;
	}
	.logoList li {
		width: 48%;
		margin:1%;
		margin-right:1% !important;
	}
	.episode ul li{
		width:100%;
		margin:1% 0;
	}
	.sec06 ul{
		flex-wrap: wrap;
	}
	.sec06 li{
		width:100%;
		margin:1% 0;
	}
}


@media screen and (max-width:599px) {
	.mainSlideInner {
		height: 350px;
	}

























}