@charset "UTF-8";


/* -------------------------------------
support
------------------------------------- */
#support.blk .ttl {
	margin-bottom:45px;
}
#support p.maincap {
	margin-bottom:45px;
}
#support h3 {
	font-size:2.4em;
	color:#fff;
	line-height:54px;
	text-align:center;
	padding:15px 0;
	position:relative;
}
#support h3:after {
	content:"";
	width:28px;
	height:23px;
	display:block;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
	position:absolute;
	bottom:-23px;
	left:0;
	right:0;
	z-index:10;
}
#support h3 span {
	display:inline-block;
	padding-left:50px;
	background:url(../imgs/common/icon2.png) no-repeat left center;
	background-size:auto 54px;
}



#support .sblk {
	padding:35px 0 15px 0;
}


#support1 h3 {
	background-color:#1d5aa4;
}
#support1 h3:after {
	background-image:url(../imgs/service/ttl_arrow1.png);
}
#support1 .sblk p {
	font-size:2.4em;
	font-weight:bold;
	text-align:center;
}
#support1 .sblk p img {
	width:100%;
	height:auto;
	display:block;
	margin:25px auto 40px auto;
}
#support1 .sblk p span {
	font-size:0.75em;
	display:block;
	padding-top:30px;
	background:url(../imgs/service/ttl_arrow1.png) no-repeat center top;
	background-size:28px auto;
}

#support2 {
	background-color:#faf5ef;
}
#support2 h3 {
	background-color:#9ea917;
}
#support2 h3:after {
	background-image:url(../imgs/service/ttl_arrow2.png);
}
#support2 .sblk p {
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}
#support2 .sblk p img {
	width:100%;
	height:auto;
	display:block;
	margin:25px auto 40px auto;
}
#support2 .sblk p span {
	font-size:1.25em;
	display:block;
	padding-top:30px;
	background:url(../imgs/service/ttl_arrow2.png) no-repeat center top;
	background-size:28px auto;
}

#support3 {
	margin-bottom:50px;
	padding-bottom:20px;
	background-color:#e0f4fc;
}
#support3 h3 {
	background-color:#41bfed;
}
#support3 h3:after {
	background-image:url(../imgs/service/ttl_arrow3.png);
}
#support3 .sblk p img {
	width:55.1%;
	height:auto;
	display:block;
	margin:5px auto 20px auto;
}
#support3 .sblk p {
	font-size:2.4em;
	font-weight:bold;
	color:#41bfed;
	text-align:center;
	line-height:1.4;
}
#support3 .sblk p span {
	width:51%;
	display:block;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
	border:4px solid #41bfed;
	box-sizing:border-box;
}
#support p.lastcap {
	font-size:1.7em;
	text-align:center;
}

#support .pdfblk.camp {
	text-align:center;
	padding:20px 0;
}
#support .act_pdf {
	font-size:20px;
	font-weight:bold;
	text-decoration:underline;
	display:inline-block;
	margin:0 auto;
}




@media screen and (max-width:1000px) {
	#support h3 {
		font-size:2.2em;
		line-height:45px;
		padding:15px 0;
	}
	#support h3 span {
		padding-left:45px;
		background-size:auto 45px;
	}
	
	#support1 .sblk p {
		font-size:2.2em;
	}
	
	#support3 .sblk p, #support4 .sblk p {
		font-size:2.2em;
	}
	#support3 .sblk p span {
		padding:18px 0;
	}
	
	#support p.lastcap {
		font-size:1.6em;
	}
	
}
@media screen and (max-width:768px) {
	#support h3 {
		font-size:2.0em;
		line-height:38px;
		padding:10px 0;
	}
	#support h3 span {
		padding-left:38px;
		background-size:auto 38px;
	}
	
	#support1 .sblk p {
		font-size:2.0em;
	}
	#support1 .sblk p br {
		display:none;
	}
	
	#support2 .sblk p span {
		font-size:1.1em;
	}
	
	#support3 .sblk p, #support4 .sblk p {
		font-size:2.0em;
	}
	#support3 .sblk p span {
		padding:15px 0;
	}
	#support3 .sblk p img {
		width:70%;
	}
	
	#support p.lastcap {
		font-size:1.5em;
	}
	#support p.lastcap br {
		display:none;
	}
}
@media screen and (max-width:640px) {
	#support h3 {
		font-size:1.9em;
		line-height:34px;
		padding:10px 0;
	}
	#support h3 span {
		padding-left:34px;
		background-size:auto 34px;
	}
	
	#support1 .sblk p {
		font-size:1.8em;
	}
	
	#support1 .sblk p span {
		font-size:14px;
	}
	#support2 .sblk p span {
		font-size:14px;
	}
	
	#support3 .sblk p, #support4 .sblk p {
		font-size:1.8em;
	}
	#support3 .sblk p span, #support4 .sblk p span {
		width:100%;
	}
	
	#support p.lastcap {
		font-size:1.4em;
	}
}
@media screen and (max-width:480px) {
	#support3 .sblk p img {
		width:90%;
	}
}
@media screen and (max-width:320px) {
	#support1 .sblk p {
		font-size:1.6em;
	}
	#support3 .sblk p, #support4 .sblk p {
		font-size:1.6em;
	}
}