@charset "UTF-8";
/****************************************************
* TOP  05 トップ・スタイル  *
*****************************************************/

#homePage #main{
	max-width:none;
	padding:0;
	margin:0;
}
/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}





/*アイキャッチ画像**************/
#eyeCatch{	
	background-position: right top;
	height: 350px;
	background-color: #00416D;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
#eyeCatch #heroImg{
	position: absolute;
	right: 0;
	top: -3vw;
	width: 62vw;	
}
#eyeCatch #heroImg:after{
	display: block;
	position: absolute;
	content: "";
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,113,188,0.5)),to(rgba(0,37,112,0.5)));
	background: linear-gradient(to right, rgba(0,113,188,0.5) 0%,rgba(0,37,112,0.5) 100%);
	width: 1000px;
	height: 100%;
	left: -910px;
	top: 0;
	-webkit-transform: skewX(20deg);
	        transform: skewX(20deg);
	animation: fadeInLeft 2s ease 0s 1 normal;
    -webkit-animation: fadeInLeft 2s ease 0s 1 normal;
}
#eyeCatch #heroImg:before{
	display: block;
	position: absolute;
	content: "";
	width: 200px;
	height: 100%;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,65,109,1)),to(rgba(0,65,109,0)));
	background: linear-gradient(to right, rgba(0,65,109,1) 0%,rgba(0,65,109,0) 100%); 	
}
#eyeCatch #heroImg img{
	width: 100%;
}
#eyeCatch .container{
	position: relative;
	padding: 0;	
}
#eyeCatch #message{
	width: 30%;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	position: absolute;
	top: 25px;
	left: 5%;
	color: #FFF;
}
#eyeCatch #message h3{
	text-align: left;
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 20px;
	position: relative;
}
#eyeCatch #message h3:after{
	content: "";
	height: 3px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: -7px; 
	background: #0090E0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,144,224,1)),to(rgba(0,144,224,0)));
	background: linear-gradient(to right, rgba(0,144,224,1) 0%,rgba(0,144,224,0) 100%); 
}
#eyeCatch p{
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 5px;
}
#eyeCatch a{
	color: #FFF;
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #FFF;
	border-radius: 5px;
	margin-top: 10px;
}
#eyeCatch a:hover,
#eyeCatch a:active,
#eyeCatch a:focus{
	opacity: .7;
}
#eyeCatch a:after{
    content: "";
    display: inline-block;
    background-image: url(images/linkarw_line.svg);
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-left: .3em;
}
@-webkit-keyframes fadeIn{
    0% {
        opacity:0;
		top:65px
    }
    100% {
        opacity:1;
		top: 25px;
    }
}
@keyframes fadeIn{
    0% {
        opacity:0;
		top:65px
    }
    100% {
        opacity:1;
		top: 25px;
    }
}
@-webkit-keyframes fadeInLeft{
    0% {
        left: -980px;
    }
    100% {
        left: -910px;
    }
}
@media screen and (max-width: 1300px){
	#eyeCatch #message{
		width: 350px;
	}
	#eyeCatch #message p{
		font-size: 14.5px;
	}
}
/*Tablet*/
@media screen and (max-width: 1000px){	
	#eyeCatch #heroImg{
		top: 0;
		width: 80vw;
	}
	#eyeCatch #heroImg:after{
		left: -780px;
	}
	#eyeCatch #message{
		width: 250px;
	}
	#eyeCatch #message h3{
		font-size: 16px;
	}
	#eyeCatch #message p{
		font-size: 13px;
	}
	#eyeCatch #heroImg:after{
		animation: fadeInLeftSP 2s ease 0s 1 normal;
    	-webkit-animation: fadeInLeftSP 2s ease 0s 1 normal;
	}
}
@-webkit-keyframes fadeInLeftSP{
    	0% {
    	    left: -880px;
    	}
    	100% {
    	    left: -780px;
    	}
}
/*Mobile*/
@media screen and (max-width: 767px){	
	#contents{
		margin-top: 0;
	}
	#eyeCatch{
		height: auto;
	}
	#eyeCatch #heroImg{
		margin-top: 40px;
	}
	#eyeCatch #heroImg:before,
	#eyeCatch #heroImg:after{
		display: none;
	}
	#eyeCatch #heroImg,
	#eyeCatch #message{
		position: relative;
		top:0;
		left: 0;
		width: 100%;
	}
	#eyeCatch #message{
		animation:none;
    -webkit-animation:none;
		padding: 8px;
	}
	#eyeCatch #message h3{
		font-size: 18px;
	}
}

/**コンテンツ*************************************************/
#main{
	overflow:hidden;
}
#main .container{
	padding:10px 20px;	
	text-align:center;	
}
#main h3{
	font-size: 135%;
	text-align: center;
}
#pickup .container{
	padding:5px 20px 10px;
}
#pickup ul{
	margin: 0 -1%;
}
#pickup ul li a{
	display: block;
	text-align:center;
}
#pickup .cards .thum{
	position: relative;
	display: block;
	overflow: hidden;
}
#pickup .cards .thum .category{
	position: absolute;
	display: block;
	left: -7px;
	top: 0;
	background-color: #FCF635;
	color: #594334;
	text-decoration: none;	
	padding: 5px 10px 3px 15px;
	-webkit-transform: skewX(20deg);
	        transform: skewX(20deg);
	z-index: 10;
	-webkit-transition: none;
	transition: none;
}
#pickup .cards .thum .category i{
	font-style: normal;
	-webkit-transform: skewX(-20deg);
	        transform: skewX(-20deg);
	display: block;
	-webkit-transition: none;
	transition: none;
}
#pickup .cards a .thum img{
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	width: 100%;
}
#pickup .cards a:focus .thum img,
#pickup .cards a:hover .thum img{
	opacity: .8;
}
#pickup p:after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(images/linkarw.svg);
	display: inline-block;
	margin: 0 0 .2em .3em;
	vertical-align: middle;
}
ul.cards{
	line-height:1.5;
	list-style:none;
}
ul.cards li,
ul.cards li a{
	display:block;
}

ul.cards{	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
ul.cards>li{
	width:48%;
	margin:5px 1%;
	position:relative;
}

@media print, screen and ( min-width : 768px ) {
	 ul.cards>li{
		width:31%;
	}
}
#purpose{
	padding: 20px 0;
}
#purpose .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#purpose .pBox{
	width: 49%;
}
#purpose .pBox:first-child{
	margin-right: 2%;
}
#purpose .pBox header{
	padding: 10px;
	color: #FFF;
	background-image:  url(images/pbg1.jpg);
	background-size: cover;
	text-shadow: 0 0 2px #000, 0 0 4px #000;
}
#purpose #pb2.pBox header{
	background-image:  url(images/pbg2.jpg);
}
#purpose .pBox header h4{
	font-size: 130%;	
}
#purpose .pBox ul{
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 5px 25px 0;
}
#purpose #pb2.pBox ul{
	padding-top: 20px;
}
#purpose .pBox ul li{
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 20%;
	        flex: 1 0 20%;
	text-align: center;
}
#purpose #pb1.pBox li{
	-ms-flex-preferred-size: 33%;
	    flex-basis: 33%;
}
#purpose .pBox ul li a{
	display: inline-block;
	font-size: .9em;
	padding: 5px;
	margin: 5px 0;
	border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,113,188,0)),to(rgba(28,57,181,0)));
    background: linear-gradient(to right, rgba(0,113,188,0) 0%,rgba(28,57,181,0) 100%);
	-webkit-transition: all .2s;
	transition: all .2s;
	min-width: 6em;
}
#purpose .pBox ul li a:hover,
#purpose .pBox ul li a:active,
#purpose .pBox ul li a:focus{
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,113,188,0.3)),to(rgba(28,57,181,0.3)));
    background: linear-gradient(to right, rgba(0,113,188,0.3) 0%,rgba(28,57,181,0.3) 100%);
}
#purpose .pBox ul li a:before{
	content: "";
	display: block;
	width: 45px;
	height: 45px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	-webkit-filter : grayscale(40%);
	        filter : grayscale(40%);
	opacity: .7;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#purpose .pBox ul li a:hover:before{
	-webkit-filter : grayscale(0);
	        filter : grayscale(0);
	opacity: 1;
}
#purpose p.paperDL{
	margin: 5px 10px;
	font-size: 80%;
	text-align: center;
}

#purpose p.paperDL a:before{
	display: inline-block;
    font-family: FontAwesome;
    content: "\f0f6";
    margin-right: .4em;
}
/*Tablet*/
@media screen and (max-width: 1000px){
	#purpose .pBox header h4{
		font-size: 120%;
	}
	#purpose .pBox ul,
	#purpose #pb2.pBox ul{
		padding: 10px 0 0;
	}
}
#news{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 20px auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#news header{		
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#news h3,
#news p{
	text-align: left;
}
#news #newsList{
	font-size: 90%;
	margin:.1em 0 0 1em;
}
#news #newsList:after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(images/linkarw.svg);
	display: inline-block;
	margin-left: .4em;
	vertical-align: middle;
	margin-bottom: .25em;
}
#news #newsList a{
	display: inline-block;
}
#news #newsList a:hover,
#news #newsList a:active,
#news #newsList a:focus{
	opacity: .7;
}
#news ul{
	list-style: none;
	text-align: left;
	width: 100%;
}
#newsBox{
	width:calc(100% - 350px);
}
.fb-page{
	width:330px;
}
ul.entrys .title{
	font-size:90%;
}
/*tablet*/
@media screen and (max-width: 1000px){	
	#news header{
		width: auto;
		border:none;
	}
	#news h3,
	#news #newsList{
		display: inline-block;
	}
}
/*Mobile*/
@media screen and (max-width: 767px){
	#news{
		display: block;
	}
	#newsBox{
		width:100%;
		margin-bottom:20px;
	}
	#main .container{
		padding: 5px;
	}
	#pickup ul li{
		width:100%;
		max-width:280px;
	}
	
	#pickup .title{
		font-size:5vw;
	}
	#about h3{
		font-size: 1.5em;
	}
	#purpose .container{
		display: block;
	}
	#purpose .pBox{
		width: 100%;
	}
	#purpose .pBox header h4{
		font-size: 105%;
	}
	#purpose .pBox header p{
		font-size: 85%;
	}
	#purpose .pBox ul,
	#purpose .pBox ul li{
		display: inline-block;
	}
	#purpose .pBox ul li a{
		font-size: .8em;
	}
	
}
@media print, screen and ( min-width : 768px ) {	
	#main #pickup{		
		padding:10px;
	}	
}