@charset "utf-8";


/*ここからmain*/

.mainimg {
	height: 700px;
}

.image {
	position: absolute;
	height: 700px;
	opacity: 0;
	animation-name:img-anim;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}


@keyframes img-anim {
	0%{ opacity: 0;}
	10%{ opacity: 1;}
	90%{ opacity: 1;}
	100%{ opacity: 1;}
}


.container {
	width:40%;
	margin:0 auto;
	padding:50px;
}


h2 {
	padding-top: .5em;
	/*padding-bottom: .5em;*/
	margin-top: 2em;
	position: relative;
	border-bottom: solid 3px #000080;
	color: #000;
}

h2::after {
	position: absolute;
	content: " ";
	display: block;
	width: 15%;
	bottom: -3px;
	border-bottom: solid 3px #b1221a;
}

/*ここまでmain*/