@charset "utf-8";

/* #slider */
#slider{
	padding-top:35.8%;
	position:relative;
	overflow:hidden;
	background-color:#fff;
}
#slider div{
	animation-name: anime;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-duration: 15s;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
#slider div:nth-child(2){
	animation-delay: 5s;
}
#slider div:nth-child(3){
	animation-delay: 10s;
}
@keyframes anime {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	70% {
		opacity: 0;
	}
	100% {
		transform: scale(1.18);
	}
}

@media screen and (max-width:768px){
	#slider{
		padding-top:153%;
	}
}


/* #counter */
#counter{
	padding:45px 0 0;
}
#counter p{
	font-size:24px;
	font-weight:bold;
	color:#727171;
}
#counter img{
	width:160px;
	margin:0.4em 0;
}
@media screen and (max-width:768px){
	#counter{
		padding:8% 0 0;
	}
	#counter p{
		font-size:3.4vw;
	}
	#counter img{
		width:22%;
	}
}



/* .cont */
.cont{
}
.cont h2{
}


/* #cont1 */
#cont1{
	padding-bottom:60px;
}
#cont1 > div{
	max-width:990px;
	width:94%;
	margin:1em auto 0;
	position:relative;
}
#cont1 > div h1{
	width:400px;
	position:absolute;
	top:28%;
	left:43%;
}
#cont1 > div h1 > span{
	margin-top:0.3em;
	display:block;
	font-size:71px;
	color:#fff;
}
#cont1 > div h1 > span span{
	display:block;
	font-size:36px;
}
#cont1 p{
	line-height:1.8;
	margin:1em 0;
	font-size:32px;
	font-weight:bold;
	color:#283A91;
}
@media screen and (max-width:1024px){
	#cont1{
		padding-bottom:10%;
	}
	#cont1 > div{
		max-width:990px;
		width:94%;
		margin:1em auto 0;
		position:relative;
	}
	#cont1 > div h1{
		width:42%;
		position:absolute;
		top:28%;
		left:43%;
	}
	#cont1 > div h1 > span{
		font-size:7vw;
	}
	#cont1 > div h1 > span span{
		font-size:3.5vw;
	}
	#cont1 p{
		font-size:3.1vw;
	}
}
@media screen and (max-width:768px){
	#cont1 > div{
		width:100%;
	}
	#cont1 p{
		margin:2em 0;
		font-size:4.2vw;
	}
}


/* #cont2 */
#cont2{
	padding-bottom:40px;
}
#cont2 h2 img{
	width:164px;
}
#cont2 h2 span{
	line-height:1.6;
	margin-left:1.5em;
	display:inline-block;
	vertical-align:-0.5em;
	font-size:29px;
	color:#283A91;
	text-align:left;
}
#cont2 figure img{
	width:600px;
}
#cont2 ul{
	max-width:990px;
	width:94%;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont2 ul li{
	max-width:484px;
	width:49%;
	margin-top:1.2em;
	padding:20px 0;
	border-radius:14px;
	font-size:17px;
	color:#fff;
	background-color:#F19AA5;
}
#cont2 ul li:nth-child(2){
	background-color:#F6B14E;
}
#cont2 ul li:nth-child(3){
	background-color:#60B1D8;
}
#cont2 ul li:last-child{
	background-color:#94BB66;
}
#cont2 ul li > span{
	display:block;
	width:38%;
	line-height:1.6;
	padding-right:1.5em;
	font-weight:bold;
	border:1px solid;
	border-left:none;
	border-radius:0 0.8em 0.8em 0;
}
#cont2 ul li h3{
	display:inline-block;
	margin:0.6em 0;
	font-size:26px;
	position:relative;
}
#cont2 ul li h3 span{
	position:absolute;
	right:0;
	bottom:100%;
	text-align:right;
	font-size:14px;
}
#cont2 ul li p{
	display:inline-block;
	width:90%;
	padding:1em 0 0.5em;
	border-top:2px dotted;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont2 ul li p span{
	display:block;
	margin:1em 0 -1em;
	padding-left:1em;
	text-indent:-1em;
	font-size:14px;
}
#cont2 > p{
	margin:1.5em 0 1em;
	font-size:28px;
	font-weight:bold;
	color:#283A91;
}
#cont2 > a img{
	width:238px;
}
@media screen and (max-width:1024px){
	#cont2 ul li h3{
		font-size:2.5vw;
	}
}
@media screen and (max-width:768px){
	#cont2{
		padding-bottom:12%;
	}
	#cont2 h2 img{
		width:28%;
	}
	#cont2 h2 span{
		margin:0.5em 0 0;
		display:block;
		font-size:5vw;
		text-align:center;
	}
	#cont2 figure{
		margin-top:1em;
	}
	#cont2 figure img{
		width:90%;
	}
	#cont2 ul{
		width:94%;
		display: block;
	}
	#cont2 ul li{
		max-width:100%;
		width:100%;
		margin-top:1.2em;
		padding:3% 0;
		border-radius:0.5em;
		font-size:3.7vw;
	}
	#cont2 ul li h3{
		display:inline-block;
		margin:0.6em 0;
		font-size:5vw;
		position:relative;
	}
	#cont2 ul li h3 span{
		font-size:3.4vw;
	}
	#cont2 ul li p{
		border-top:1px dotted;
	}
	#cont2 ul li p span{
		font-size:3.4vw;
	}
	#cont2 > p{
		font-size:5vw;
	}
	#cont2 > a img{
		width:50%;
	}
}


/* #cont3 */
#cont3{
	max-width:800px;
	width:94%;
	margin:auto;
	padding:70px 0;
	border-top:4px solid #283A91;
}
#cont3 ul li{
	display:inline-block;
	width:49%;
}
#cont3 ul li h2{
}
#cont3 ul li h2 img{
	width:193px;
}
#cont3 ul li h2 span{
	display:block;
	line-height:1.8;
	font-size:29px;
	color:#283A91;
	letter-spacing:0.2em;
	text-indent:0.2em;
}
#cont3 ul li a{
	line-height:2.4;
	display:inline-block;
	margin-top:0.3em;
	padding:0 1.5em;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	background-color:#283A91;
	border-radius:3px;
}
#cont3 ul li a:after{
	content:'\003009';
	margin-left:0.5em;
}
#cont3 > p{
	line-height:1.7;
	margin-top:1.5em;
	font-size:31px;
	font-weight:bold;
	color:#283A91;
	background:url(../images/top/cont3_line.svg)no-repeat center center;
	background-size:100% auto;
}
@media screen and (max-width:1024px){
	#cont3 > p{
		font-size:3.1vw;
		background:url(../images/top/cont3_line.svg)no-repeat center center;
		background-size:96% auto;
	}
}
@media screen and (max-width:768px){
	#cont3{
		width:84%;
		padding:0 0 25%;
		border-top:2px solid #283A91;
	}
	#cont3 ul li{
		display:block;
		width:auto;
		margin:20% 0;
	}
	#cont3 ul li h2{
	}
	#cont3 ul li h2 img{
		width:45%;
	}
	#cont3 ul li h2 span{
		font-size:6vw;
	}
	#cont3 ul li a{
		font-size:4.5vw;
		border-radius:2px;
	}
	#cont3 ul li a:after{
		content:'\003009';
		margin-left:0.5em;
	}
	#cont3 > p{
		font-size:5vw;
		background:url(../images/top/cont3_line_s.svg)no-repeat center center;
		background-size:100% auto;
	}
}