@charset 'UTF-8';

body {
	background:none;
}
.hero2 {
	position:relative;
	width:100vw;
}
.hero2 a {
	position:absolute;
	bottom:15%;
	right:15.6%;
	display:inline-block;
	background-color:rgba(15,70,130,.8);
	color:yellow;
	padding:.3em 1em;
	border-radius:10px;
	font-size:1.8vw;
	font-weight:600;
	text-decoration:none;
	line-height:1.3;
}
.hero2 a span {
	font-size:100%;
	line-height:1.3;
	vertical-align:bottom;
	margin-right:2px;
}
.hero {
	position:relative;
	width:100vw;
	height:calc((885 / 1920) * 100vw);
	overflow:hidden;
	margin-top:-30px;
}
.animeWrap,
.anime2 {
	width:100vw;
	height:calc((885 / 1920) * 100vw);
}
.anime {
	width:100vw;
	height:calc((885 / 1920) * 100vw);
}
.hero img {
	width:100%;
	max-width:none;
}
.anime2,
.anime2 img {
	position:absolute;
}
.anime2 {
	top:0;
	left:0;
}
.anime2-2,
.anime2-3 {
	display:none;
}
.anime2-1,
.anime2-2,
.anime2-3 {
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.vegas-slide-inner {
	background-size:contain !important;
}
.videoWrap {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100vw;
	height:calc((810 / 1920) * 100vw);
	overflow:hidden;
}
video {
	display: block;
	width:100%;
	margin: 0 0 0 auto;
}
.hero a.app {
	position:absolute;
	bottom:5%;
	left:9%;
	width:30%;
	text-align:center;
	font-size:200%;
	font-weight:600;
	color:#fff !important;
	text-decoration:none !important;
	border-radius: 50px;
	background-color:#0E7CD9;
	padding:6px;
}
.hero a.app span {
	display:block;
	border:1px solid #0b5fa4;
	border-radius:50px;
	padding:5px 15px;
}
.hero a.app span:before {
	content:'\eaaa';
	font-family:Material Icons Outlined;
	font-weight:400;
	vertical-align:bottom;
	margin-right:3px;
}

.news dl {
	font-size:160%;
	margin-top:50px;
}
.news dt {
	position:absolute;
	z-index:1;
	color:#28A7E1;
	padding:.5em 2em .5em 1em;
}
.news dd {
	padding:.5em .5em .5em 9em;
	background-color:#F4FCFF;
}
.news dd:not(:last-child) {
	margin-bottom:.5em;
}
.news dd span {
	display:inline-block;
	border-left:1px solid #28A7E1;
	padding-left:2em;
}

.aboutCont {
	display:flex;
	justify-content:space-between;
	margin:50px 0;
}
.aboutCont > div {
	max-width:48%;
}
.aboutCont > div > p {
	line-height:2;
	margin:0 0 50px;
}
.aboutCont > div > p.kokuchi {
	text-align:center;
	color:#fff;
	font-size:170%;
	font-weight:600;
	background-color:#0E7CD9;
	border-radius:10px;
	margin:0;
}
.aboutCont a {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	background-color:#F4FCFF;
	color:#0E7CD9;
	text-decoration:none;
	padding-left:15px;
}
.aboutCont a p,
.aboutCont a div {
	display:flex;
	align-items:center;
	font-weight:600;
	margin:0;
}
.aboutCont a p+p {
	flex-flow:column;
	align-items:normal;
}
.aboutCont a p+p > span:first-child {
	line-height:1.3;
}
.aboutCont a div span {
	display:block;
	font-size:78.5%;
}
.aboutCont a div {
	font-weight:400;
	background-color:#0E7CD9;
}
.aboutCont a div span {
	display:block;
	color:#fff;
	font-size:100%;
	padding:0 15px;
}
.link a,
.link a:visited,
.link a:hover {
	display:inline-block;
	font-size:140%;
	color:#000;
	text-decoration:none;
}
.newsLink {
	position:absolute;
	bottom:50px;
	left:0;
	display:flex;
	width:540px;
}
.newsLink h3 {
	display:inline-block;
	font-size:180%;
	font-weight:600;
	line-height:1.3;
	color:#034988;
	margin-right:10px;
	border:1px solid #034988;
	padding:5px;
}
.newsLink h3 span {
}
.newsLink dl {
	width:540px;
	font-size:140%;
	padding:0;
}
.newsLink dt {
	display:block;
	width:100%;
	line-height:1.3;
	border-bottom:1px solid #034988;
	padding-bottom:3px;
}
.newsLink dd {
	padding:0;
}

.container.second {
	padding:0;
}
.container.second .desc {
	width:540px;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);
}
h2 {
	font-size:360%;
	color:#034988;
}
.container.third {
	max-width:50%;
	margin:0;
}
.container.third .newsWrap {
	height:100%;
	margin-left:20%;
	position:relative;
}
.container.third .newsWrap div {
	display:flex;
	width:540px;
	min-height:300px;
	padding:2%;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.container.third div h4 {
	text-align:center;
	font-size:110%;
	font-weight:600;
	line-height:1.3;
	color:#034988;
	margin-right:1.5em;
}
.container.third div h4 p {
	border:1px solid #034988;
	padding:5px 10px;
	margin:0;
}
.container.third div h4 span {
	display:block;
	font-size:78.5%;
	font-weight:400;
}
.container.third dl {
	font-size:140%;
}
.container.third dt {
	color:#034988;
	font-weight:600;
	position:relative;
}
.container.third dt span {
	background-color:#fff;
}
.container.third dt:after {
	content:'';
	width:78%;
	border-top:1px solid #034988;
	position:absolute;
	top:12px;
	right:0;
}
.container.third footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.container.third footer div {
	width:100%;
}

.box {
	transition-property: all;
	-webkit-transition: 0.1s linear;
	-moz-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	-o-transition: 0.1s linear;
	transition: 0.1s linear;
}

@media only screen and (max-width: 1500px) {
	.hero {
		margin-top:0;
	}
}
@media only screen and (max-width: 1050px) {
	.hero a.app {
		bottom:auto;
		left:auto;
		top:10px;
		right:10px;
		width:auto;
		padding:10px 6px;
	}
	.hero a.app span {
		display:inline;
	}
	section.container {
		max-width:100%;
		height:auto;
		margin:0 0 0 5%;
	}
	.container.first {
		padding-top:5%;
	}
	.container.first,
	.container.second {
		margin-bottom:10%;
	}
	.container.third {
		max-width:90%;
		padding-bottom:150px;
		margin-left:5%;
	}
	.container.first img {
		width:auto;
		position:static;
		-webkit-transform: translateY(0);
    	-ms-transform: translateY(0);
		transform: translateY(0);
		margin-bottom:30px;
	}
	.read {
		padding-left:0;
	}
	dl {
		max-width:100%;
	}
	.day {
		position:static;
		background:none;
		padding:0 0 0 15px;
	}
	.day p {
		font-size:140%;
	}
	.day p:last-child {
		font-size:100%;
	}
	.newsLink {
		position:static;
		width:100%;
	}
	.box {
		opacity:1;
	}
	.container.second .desc,
	.container.third .newsWrap div {
		position:static;
		-webkit-transform: translateY(0);
    	-ms-transform: translateY(0);
		transform: translateY(0);
		width:100%;
	}
	.container.third .newsWrap {
		margin-left:0;
	}
	.container.third .newsWrap div {
		min-height:auto;
		margin-bottom:10%;
	}
	.container.third dt:after {
		display:none;
	}
	.container.third footer {
		left:-10%;
		width:150%;
	}
}
@media only screen and (max-width: 600px) {
	.hero2 a {
		font-size:4vw;
		bottom:6%;
	}
	.hero a.app {
		top:5px;
		right:auto;
		left:50%;
		transform:translateX(-50%);
		display:block;
		width:87%;
		text-align:center;
		font-size:140%;
		padding:2px;
	}
	.hero a.app span {
		display:block;
		padding:2px 0;
	}
	section.container {
		width:90%;
	}
	.container.first img {
		width:55%;
		margin-bottom:60px;
	}
	.container.third footer {
		padding:0 5%;
		width:100%;
	}
	.news dl {
		margin-top:30px;
	}
	.news dt {
		position:static;
	}
	.news dd {
		padding-left:0;
		padding-right:30px;
	}
	.news dd:after {
		right:5px;
	}
	.aboutCont {
		display:block;
		margin:30px 0;
	}
	.aboutCont > div, .about p {
		max-width:100%;
	}
	.aboutCont > div {
		margin-top:30px;
	}
}