@charset "utf-8";
/* CSS Document */

body{
	width: 100%;
	margin: 0;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

p{
	margin: 0;
}

a{
	text-decoration: none;
	color: #000;
}

ul li{
	list-style: none;
}


.showbox{
	width: 1000px;
	margin: 0 auto;
}

.showbox2{
	width: 1153px;
	margin: 0 auto;
	background-color: #fff;
}



/*header*/
header{	
	width: 100%;
	background-color: #014d85;
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4));
	filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.4));}

header .head1{
	background: #fff right top no-repeat url(../images/apache-img1.png);
	padding: 30px 0 30px 45px;
	
}

header .head1 ul{
	margin: 0;
	padding: 0;
}

header .head1 ul li:first-child{
	font-size: 32px;
	color: #014d85;
	border-bottom: 3px solid #014d85;
	display: inline-block;
}

header .head1 ul li:nth-child(2) h1{
	font-size: 40px;
	line-height: 1.6em;
}

.font1{font-size: 56px;}
.font2{font-size: 50px;}
.color1{color: #cc0000;}

header .head1 ul li:nth-child(3){
	font-size: 16px;
	margin-bottom: 25px;
}

header .head1 ul li:last-child{
	width: 420px;
	font-size: 20px;
	text-align: center;
	background-color: #cc0000;
	outline: 1px solid white;
	outline-offset: -3px;
	-webkit-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-moz-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-ms-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	filter:drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.6));
}

header .head1 ul li:last-child a{
	display: block;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	
}


/*main*/
.content{
	width: 100%;
	
}

.position1{
	position: relative;
}

.triangle1{
	width: 0;
	height: 0;	
	border: 576.5px solid transparent;
	border-top: 130px solid #dff1ff;
	border-bottom: none;
	border-right: 576.5px solid transparent;
}

.text-center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	height: auto;
	font-size: 41px;
	font-weight: bold;
	text-align: center;
	color: #004c85;
	line-height: 1.4em;
}
.font3{font-size: 31px;}

.shadow1{
	filter:dropshadow(color=#000000,offX= 0,offY=-1)
	dropshadow(color=#000000,offX= 1,offY= 0)
	dropshadow(color=#000000,offX= 0,offY= 1)
	dropshadow(color=#000000,offX=-1,offY= 0);
	
	/*-webkit-text-stroke-color: #004c85;
	-webkit-text-stroke-width: 1px;*/
	
	
	text-shadow: 
	    white 3px 0px,  white -3px 0px,
	    white 0px -3px, white 0px 3px,
	    white 3px 3px , white -3px 3px,
	    white 3px -3px, white -3px -3px,
	    white 2px 3px,  white -2px 3px,
	    white 2px -3px, white -2px -3px,
	    white 3px 2px,  white -3px 2px,
	    white 3px -2px, white -3px -2px;
	
}

.shadow1{
	-webkit-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-moz-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-ms-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	filter:drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.6));
}

ul.sec1{
	background: #014d85;
	padding: 25px 0 20px 35px;
	margin: 15px 0 50px 0;
	font-weight: bold;
	color: #fff;
	font-size: 32px;
}
.font4{font-size: 12px; margin-left: 30px;}



ul.sec1 li{
	background: left top 7px no-repeat url(../images/check-icon1.png);
	padding-left: 50px;
}


ul.sec1 li:first-child,
ul.sec1 li:nth-child(2){
	margin-bottom: 20px;
}

ul.sec1 li:last-child br{
	display: none;
}


.sec2{
	text-align: center;
	color: #014d85;
	font-size: 43px;
	margin-bottom: 75px;
}


.sec3{
	width: 100%;
	min-width: 1000px;
	background: #fff repeat-x left top url(../images/bg1.png);
	background-size: auto;
	padding: 15px 0 0 0;
	margin: 20px 0 45px 0;
}

.sec3 .sec3-1{
	font-size: 50px;
	color: #fff;
	text-align: center;
	background: #b3b3b3 repeat-x left bottom url(../images/dot1.png);
	margin-bottom: 25px;
}

.sec3 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.sec3 ul li{
	width: 225px;
	height: 225px;
	text-align: center;
	border: 1px solid #fff;
	margin-bottom: 20px;
	border-radius: 50%;
	-webkit-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8));
	-moz-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8));
	-ms-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8));
	filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8));	
}

.sec3 ul li a{
	display: block;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 34px;
}

.sec3 ul li p:first-child{
	font-size: 25px;
	margin-bottom: 10px; 
}
.sec3 ul li p:nth-child(2){
	font-size: 40px;
	margin-bottom: 15px; 
}

.sec3 ul li p:last-child{
	font-size: 24px;
}


.bg1{background: #333;}
.bg2{background: #787878;}
.bg3{
	background:repeating-linear-gradient(-45deg, #004c85 0%, #004c85 0.9%, #004c85 0.9%, #fff 1.5%);
}


.sec9{	
	background-color: #fcfafb;
	font-size: 30px;
	font-weight: bold;
	color: #004c85;
}

.sec9 .showbox{
	background: no-repeat right bottom url(../images/apache-img2.png); 
	padding: 30px 0 10px 0;
	position: relative;
}

.sec9 .sec9-1,
.sec9 .sec9-2{
	display: flex;
}

.sec9 .sec9-1 .balloon1{
	background: no-repeat left top url(../images/balloon1.png); 
	width: 180px;
	padding: 35px 30px 30px 25px;
}

.sec9 .sec9-1 .balloon2{
	background: no-repeat left top url(../images/balloon2.png); 
	width: 278px;
	padding: 30px 30px 30px 25px;
	margin: 10px 0 0 35px;
}


.sec9 .sec9-2 .balloon3{
	background: no-repeat left top url(../images/balloon3.png); 
	width: 270px;
	padding: 40px 30px 35px 30px;
	margin-top: 75px;
	line-height: 1.2em;
}

.sec9 .sec9-2 .balloon4{
	background: no-repeat left top url(../images/balloon4.png); 
	width: 230px;
	padding: 28px 30px 30px 40px;
	margin: 32px 0 0 50px;
	line-height: 1.2em;
}

.sec9 .sec9-3{
	position: absolute;
	left: 38%;
	bottom: 15px;
	font-weight: normal;
	font-size: 30px;
}

.sec4{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 27px;
	background-color: #ff3300;
	border-radius: 10px;
	border: 2px solid #fff;
	width: 600px;
	margin: 65px auto;
	text-align: center;
}

.sec4 a{
	display: block;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.sec4 a:before{
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: calc(100% + 4px);
	min-height: 100%;
	border: 2px solid #ff3300;
	border-radius: 10px;
	padding-bottom: 4px;
	z-index: 1;

	-webkit-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-moz-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-ms-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


.sec5{
	width: 100%;
	min-width: 1000px;
	background: #014d85 repeat-x left top url(../images/bg2.png);
	font-weight: bold;
	padding: 40px 0 50px 0;
	margin-bottom: 60px;
}


.sec5 .sec5-2 .sec5-3{
	text-align: center;
	font-size: 55px;
	margin-bottom: 20px;
	color: #fff;
}

.sec5 .sec5-4{
	display: flex;
	justify-content: space-between;
	padding: 0;
}

.sec5 .sec5-4 p{
	width: 176px;
	height: 176px;
	background-color: #fff;
	text-align: center;
	font-size: 26px;
	outline: 3px solid #014d85;
	outline-offset: -7px;
}

.sec5 .sec5-4 p a{
	display: block !important;
	text-decoration: underline;
	color: #004c85;
	padding-top: 65px;
	padding-bottom: 71px;
}

.sec5 .sec5-4 p:nth-child(2) a{
	display: block;
	padding-top: 43px;
	padding-bottom: 52px;
}



.sec6 ul{
	border: 1px dashed #004c85;
	border-radius: 10px;
	padding: 15px 25px 20px 15px;
	color: #004c85;
	margin-bottom: 40px;
}

.sec6 ul li:first-child{
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 5px;
}

.sec6 ul li:last-child{
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
}


.sec7{
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-size: 40px;
	background-color: #cc0000;
	border-radius: 10px;
	border: 2px solid #fff;
	width: 600px;
	margin: 80px auto;
	text-align: center;
}

.sec7 a{
	display: block;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.sec7 a:before{
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	width: calc(100% + 4px);
	min-height: 100%;
	border: 2px solid #ff3300;
	border-radius: 10px;
	padding-bottom: 4px;
	z-index: 1;

	-webkit-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-moz-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	-ms-filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
	filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


.sec8{
	background-color: #cc0000;
	font-weight: bold;
	line-height: 1;
	position: relative;
}

.sec8 .sec8-1{
	display: flex;
}

.sec8 .sec8-1 .sec8-left{
	width: 463px;
	padding: 20px 0 45px 20px;
	color: #fff;
}

.sec8 .sec8-1 .sec8-left p:first-child{
	font-size: 27px;
	padding-bottom: 10px;
}

.sec8 .sec8-1 .sec8-left p:nth-child(2){
	font-size: 46px;
	background: no-repeat left top url(../images/apache-img3.png);
	padding-left: 45px;
	margin-bottom: 35px;
}

.sec8 .sec8-1 .sec8-left p:last-child{
	font-size: 27px;
	width: 420px;
	text-align: center;
	border: 1px solid #fff;
}

.sec8 .sec8-1 .sec8-left p:last-child a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}


.sec8 .sec8-1 .sec8-right{
	width: 537px;
	padding: 15px 0 0 0;
}

.sec8 .sec8-1 .sec8-right p{
	margin-bottom: 15px;
	font-size: 24px;
	width: 180px;
	padding: 15px 0;
	background-color: #fff;
	text-align: center;
}



.sec8 .sec8-2{
	width: 720px;
	background-color: #000;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 37px 0 37px 20px;
	font-size: 24px
}

.sec8 .sec8-2 a{
	color: #fff;
	font-size: 18px;
	margin-left: 35px;
}


.sec8 .sec8-3{
	position: absolute;
	top: 10px;
	right: 10px;
}





/*footer*/
footer{
	width: 100%;
	text-align: center;
	background-color: #014d85;
	color: #fff;
	padding: 20px 0 15px 0;
	font-size: 10px;
	margin-top: 75px;
}

footer div{
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

footer div:first-child{
	font-size: 26px;
}

footer div:nth-child(2){
	margin-bottom: 20px;
}

footer div:nth-child(5){
	margin-bottom: 15px;
}




@media screen and (max-width:768px){
	html,
	body{
		overflow-x: hidden;
	}
	
	.showbox{
		width: 100%;
	}
	.showbox2{
		width: 100%;
	}
	
	/*header*/
	header{
	}
	
	header .head1{
		background: #fff center bottom no-repeat url(../images/apache-img1.png);
		background-size: 80% auto;
		padding: 30px 5px 0 5px;
		padding-bottom: 75%;
		
	}	

	header .head1 ul li:first-child{
		font-size: 6vw;
	}
	
	header .head1 ul li:nth-child(2) h1{
		font-size: 8vw;
	}
	
	.font1{font-size: 10vw;}
	.font2{font-size: 10vw;}
	
	
	header .head1 ul li:last-child{
		width: 80%;
		font-size: 4vw;
		margin: 0 auto;
	}
	
 
 
    
    
    .content{
	}

	.triangle1{
		width: 0;
		height: 0;	
		border: 50vw solid transparent;
		border-top: 130px solid #dff1ff;
		border-bottom: none;
		border-right: 50vw solid transparent;
	}
	

	.text-center{font-size: 8vw;width: 95%;}
	.font3{font-size: 6vw;}

	ul.sec1{
		padding: 25px 0 20px 5px;
		font-size: 6vw;
	}
	.font4{font-size: 3.5vw; margin-left: 0;}
	
	
	
	ul.sec1 li{
		background: left top 0px no-repeat url(../images/check-icon1.png);
		padding-left: 50px;
		line-height: 1.4em;
	}
	
	
	ul.sec1 li:first-child,
	ul.sec1 li:nth-child(2){
		margin-bottom: 20px;
	}

	ul.sec1 li:last-child br{
		display: block;
	}

	.sec2{
		font-size: 7vw;
	}


	.sec3{
		margin-top: 40px;
		background: #fff repeat left top url(../images/bg1.png);
		min-width: inherit;
	}
	
	.sec3 .sec3-1{
		font-size: 10vw;
		padding-bottom: 20px;
	}
	
	.sec3 ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	



	.sec9{	
		background-color: #fcfafb;
		font-size: 5vw;
		font-weight: bold;
		color: #004c85;
		text-align: center;
	}
	
	.sec9 .showbox{
		background: no-repeat center bottom url(../images/apache-img2.png); 
		background-size: 80% auto;
		padding-top: 30px;
		/*padding-bottom: 95%;*/
		position: inherit
	}	
	
	.sec9 .sec9-1,
	.sec9 .sec9-2{
		display: flex;
	}
	
	
	.sec9 .sec9-1 .balloon1{
		background: no-repeat left top url(../images/balloon1.png);
		background-size: contain;
		width: 40%;
		padding-top: 8%;
		padding-left: 3%;
		margin-left: 10px;
	}
	
	.sec9 .sec9-1 .balloon2{
		background: no-repeat left top url(../images/balloon2.png); 
		background-size: contain;
		width: 60%;
		padding-top: 5%;
		padding-left: 2%;
		margin: 10px 0 0 15px; 
	}
	
	
	.sec9 .sec9-2 .balloon3{
		font-size: 4.5vw;
		background: no-repeat left top url(../images/balloon3.png); 
		background-size: contain;
		width: 60%;
		padding-top: 6%;
		padding-left: 5%;
		margin: 15px 0 0 10px;
		line-height: 1.2em;

	}
	
	.sec9 .sec9-2 .balloon4{
		font-size: 4.2vw;
		background: no-repeat left top url(../images/balloon4.png); 
		background-size: contain;
		width: 50%;
		padding-top: 5%;
		padding-left: 6%;
		margin: 10px 0 0 10px;
		line-height: 1.2em;
	}
	
	.sec9 .sec9-3{
		position: inherit;
		left: inherit;
		bottom: inherit;
		font-size: 30px;
		width: 100%;
		text-align: center;
		padding-top: 90%;
	}









	.sec4{
		font-size: 4vw;
		width: 80%;
	}
	

	.sec5{
		width: 100%;
		min-width: inherit;
		background: #014d85 repeat-x left top url(../images/bg2.png);
		padding: 40px 0 50px 0;
	}
	
	.sec5 .sec5-2 .sec5-3{
		font-size: 6vw;
		margin-bottom: 20px;
		color: #fff;
	}
	
	.sec5 .sec5-4{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0;
	}
	
	.sec5 .sec5-4 p{
		width: 80%;
		margin-bottom: 10px;
	}
	


	.sec6 ul{
		width: 92%;
		margin: 0 auto 20px auto;
		padding: 15px 5px 20px 5px;
	}
	
	.sec6 ul li:first-child{
		font-size: 5vw;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
	
	.sec6 ul li:last-child{
		line-height: 1.4em;
		font-weight: bold;
	}

	.sec7{
		font-size: 6vw;
		width: 80%;
	}


	.sec8{
		padding-bottom: 10px;
	}
	
	.sec8 a{color: #fff;}
	
	.sec8 .sec8-1{
		display: flex;
		flex-direction: column;
	}
	
	.sec8 .sec8-1 .sec8-left{
		width: 100%;
		padding: 20px 0 15px 20px;
		color: #fff;
	}
	
	.sec8 .sec8-1 .sec8-left p:first-child{
		font-size: 6vw
	}
	
	.sec8 .sec8-1 .sec8-left p:nth-child(2){
		font-size: 10vw;
		background: no-repeat left top url(../images/apache-img3.png);
		padding-left: 40px;
		padding-bottom: 5px;
		margin-bottom: 35px;
	}
	
	.sec8 .sec8-1 .sec8-left p:last-child{
		font-size: 5.5vw;
		width: 90%;	
	}
	

	
	.sec8 .sec8-1 .sec8-right{
		width: 100%;
	}
	
	.sec8 .sec8-1 .sec8-right p{
		width: 180px;
		margin: 0 auto 10px auto;
	}
	
	
	
	.sec8 .sec8-2{
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		padding: 37px 5px;
		font-size: 6vw;
	}
	
	.sec8 .sec8-2 a{
		color: #fff;
		font-size: 5vw;
		margin-left: 0;
	}
	
	
	.sec8 .sec8-3{
		/*display: none;*/
		position: inherit;
		text-align: center;
		top: inherit;
		right: inherit;
		margin-top: 10px;
	}
	
	footer a{color: #fff;}




}