@charset "utf-8";

/* #main
------------------------------------------------------------*/
#home #main{
	position: relative;
	width: 100%;
	background-color: #f9fafb;
}
#home #main .bx-wrapper,
#home #main .bx-viewport{ width: 100%; }
#home #main_slide{ z-index: 0; }
#home #main_slide .slide{
	width: 100%;
	height: 730px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom, center center;
	background-size: auto auto, cover;
	z-index: 0;
}
#home #main_slide .slide01{ background-image: url(../img/home/main_wave.png), url(../img/home/slide01.jpg); }
#home #main_slide .slide02{ background-image: url(../img/home/main_wave.png), url(../img/home/slide02.jpg); }
#home #main_slide .slide03{ background-image: url(../img/home/main_wave.png), url(../img/home/slide03.jpg); }
#home #main_slide .slide04{
	background-image: url(../img/home/main_wave.png), url(../img/home/slide04.jpg);
	background-position: center bottom, right center;
}
#home #main_slide .slide05{ background-image: url(../img/home/main_wave.png), url(../img/home/slide05.jpg); }
#home #main_slide .slide01 .text{
	float: right;
	padding-top: 100px;
}
#home #main_slide .slide02 .text{
	padding-top: 150px;
	padding-left: 30px;
}
#home #main_slide .slide03 .text{ padding-top: 100px; }
#home #main_slide .slide04 .text{ padding-top: 120px; }
#home #main_slide .slide05 .text{
	padding-top: 100px;
	padding-left: 30px;
}
#home #main_slide .text img{
	max-width: 100%;
	height: auto;
}
#home #main_slide .bx-wrapper{
	position: relative;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
#home #main_slide .bxslider{
	margin: 0;
	padding: 0;
	z-index: 0;
	list-style: none;
}
#home #main_slide .bx-viewport{ -webkit-transform: translatez(0); }
#home #main .bx-wrapper .bx-pager{
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
	font-family: Arial;
	z-index: 1;
}
#home #main .bx-wrapper .bx-pager.bx-default-pager a{
	background: #CCC;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#home #main .bx-wrapper .bx-pager.bx-default-pager a:hover,
#home #main .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #26C970; }
#home #main .bx-wrapper .bx-pager-item,
#home #main .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
#home #main .bx-wrapper .bx-pager-item{
	font-size: 0;
	line-height: 0;
}
#home #main .bx-wrapper .bx-controls-direction a.disabled{ display: none; }
@media screen and (max-width: 1450px){ #home #main_slide .slide01 .text img{ max-width: 90%; } }
@media screen and (max-width: 1080px){
	#home #main_slide .slide{ height: 500px; }
	#home #main_slide .slide .text{ width: 85%; }
	#home #main_slide .slide01 .text{ padding-top: 50px; }
	#home #main_slide .slide02 .text{
		padding-top: 120px;
		padding-left: 0;
	}
	#home #main_slide .slide03 .text{ padding-top: 60px; }
	#home #main_slide .slide04 .text{ padding-top: 100px; }
	#home #main_slide .slide05 .text{
		padding-top: 80px;
		padding-left: 10px;
	}
	#home #main_slide .slide01 .text img{ max-width: 80%; }
	#home #main .bx-wrapper .bx-pager{ bottom: 30px; }
	#home #main .bx-wrapper .bx-pager.bx-default-pager a{
		width: 12px;
		height: 12px;
		margin: 0 8px;
	}
}
@media screen and (max-width: 980px){
	#home #main_slide .slide .text{ width: auto; }
	#home #main_slide .slide01 .text{ padding-top: 80px; }
	#home #main .bx-wrapper .bx-pager{ bottom: 30px; }
	#home #main .bx-wrapper .bx-pager.bx-default-pager a{
		width: 12px;
		height: 12px;
		margin: 0 8px;
	}
}
@media screen and (max-width: 768px){
	#home #main_slide .slide01{ background-position: center bottom, left -30px; }
	#home #main_slide .slide{
		height: 400px;
		background-size: auto auto, cover cover;
	}
	#home #main_slide .slide01 .text{ padding-top: 70px; }
	#home #main_slide .slide02 .text{ padding-top: 80px; }
	#home #main_slide .slide04 .text{ padding-top: 70px; }
	#home #main_slide .slide05 .text{ padding-top: 50px; }

	#home #main_slide .slide01 .text img{ max-width: 100%; }

}

@media screen and (max-width: 600px){
	#home #main_slide .slide01{ background-position: center bottom, left -40px; }
	#home #main_slide .slide{ height: 300px; }
	#home #main_slide .slide .text{ width: 85%; }
	#home #main_slide .slide01 .text{
		width: 250px;
		padding-top: 60px;
	}}




/* #topics
------------------------------------------------------------*/
#home #contents{
	background-color: #f9fafb;
	background-image: url(../img/common/contentsBk1.png), url(../img/common/contentsBk2.png);
	background-repeat: no-repeat;
	background-position: left 70%, right 35%;
}
#home #contents #topics{ margin-bottom: 50px; }
#home #contents #topics h2{
	font-family: 'Saira Extra Condensed', sans-serif;
	float: left;
	width: 15%;
	background-color: #39D982;
	color: #FFF;
	text-align: center;
	font-size: 1.6em;
	font-weight: normal;
	padding-top: 0.2%;
}
#home #contents #topics .topicsList{
	float: right;
	width: 81%;
	background-color: #FFF;
	padding: 1% 2%;
}
#home #contents #topics .topicsList ul{
	float: left;
	width: 85%;
}
#home #contents #topics .topicsList ul p{ display: inline-block; }
#home #contents #topics .topicsList ul .date{
	font-family: 'Saira Semi Condensed', sans-serif;
	color: #8DA4B8;
	margin-right: 0.5em;
}
#home #contents #topics .topicsList .list{
	float: right;
	width: 15%;
	text-align: right;
}
#home #contents #topics .topicsList .list a{
	font-size: 0.9em;
	font-weight: bold;
}
@media screen and (max-width: 768px){
	#home #contents #topics{ margin-bottom: 20px; }
	#home #contents #topics h2{
		width: 18%;
		font-size: 1.4em;
	}
	#home #contents #topics .topicsList{ width: 78%; }
	#home #contents #topics .topicsList ul,
	#home #contents #topics .topicsList .list{
		float: none;
		width: 100%;
	}
}

/* #service
------------------------------------------------------------*/
#home #contents #service{ background: url(../img/common/contentsBk1.png) no-repeat left top; }
#home #contents #service h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 30px;
}
#home #contents #service h2 span{
	display: block;
	font-family: 'Saira Extra Condensed', sans-serif;
	background: url(../img/common/icon_second_pageTitle.png) no-repeat center bottom;
	letter-spacing : 0.1em;
	font-size: 2.8em;
	color: #39D881;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
#home #contents #service .boxWrap .box{
	float: left;
	width: 48%;
	background-color: #FFF;
	box-shadow: 8px 0 12px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	margin: 1%;
}
#home #contents #service .boxWrap .green{
	background: url(../img/service/index/service_img_bk.gif) repeat-x left top;
	background-size: auto 100%;
}
#home #contents #service .boxWrap .box .image{
	width: 55%;
	float: left;
}
#home #contents #service .boxWrap .box .text{
	width: 45%;
	float: right;
	padding-top:  1em;
	padding-bottom: 1em;
}
#home #contents #service .boxWrap .green .image{ float: right; }
#home #contents #service .boxWrap .green .text{ float: left; }
#home #contents #service .boxWrap .green .text a{ color: #FFF; }
#home #contents #service .boxWrap .box .text span{
	font-family: 'Saira Extra Condensed', sans-serif;
	background: url(../img/common/icon_arrow_orange.png) no-repeat center bottom;
	display: block;
	color: #26C970;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing : 0.1em;
	padding-bottom: 20px;
}
#home #contents #service .boxWrap .green .text span{
	background: url(../img/common/icon_arrow_yellow.png) no-repeat center bottom;
	color: #FFF;
}
#home #contents #service .btn a{
	max-width: 300px;
	display: block;
	box-shadow: 8px 0 12px 1px rgba(0, 0, 0, 0.1);
	background-color: #FFF;
	text-align: center;
	padding: 15px 10px;
	margin: 50px auto 80px;
	border-radius: 30px;
	-webkit-border-radius:  30px;
	-moz-border-radius: 30px;
}
#home #contents #service .btn a span{
	background: url(../img/common/icon_arrow_orange.png) no-repeat right center;
	font-weight: bold;
	padding-right: 90px;
}
@media screen and (max-width: 1200px){
	#home #contents #service .boxWrap .box .image{
		width: 100%;
		float: none;
	}
	#home #contents #service .boxWrap .box .text{
		width: 98%;
		float: none;
		padding:  0.5em 1% 1em;
	}
	#home #contents #service .boxWrap .box .text img{ max-width: 30%; }
}
@media screen and (max-width: 768px){
	#home #contents #service h2{ margin-bottom: 10px; }
	#home #contents #service h2 span{
		font-size: 2em;
		letter-spacing : 0.1em;
		margin-bottom: 0;
	}
	#home #contents #service .btn a{
		padding: 10px 5px;
		margin: 20px auto 30px;
	}
}

/* #about
------------------------------------------------------------*/
#home #contents #about{
	width: 100%;
	background: url("../img/home/about_bk.jpg") no-repeat center top;
}
#home #contents #about h2{
	color: #FFFF00;
	padding-top: 3%;
	padding-left: 50%;
}
#home #contents #about h2 span{
	display: inline-block;
	font-family: 'Saira Extra Condensed', sans-serif;
	background: url(../img/common/icon_second_pageTitle.png) no-repeat left bottom;
	letter-spacing : 0.1em;
	font-size: 2.8em;
	font-weight: normal;
	padding-right: 0.3em;
	padding-bottom: 15px;
}
#home #contents #about .entry{
	color: #FFF;
	font-weight: bold;
	padding-left: 50%;
	padding-bottom: 50px;
}
#home #contents #about .entry h3{ color: #FFF; }
#home #contents #about .boxWrap .box{
	float: left;
	width: 22%;
	background-color: #FFF;
	box-shadow: 8px 0 12px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1.5%;
}
#home #contents #about .boxWrap .box p{
	background: url(../img/common/icon_arrow_orange_s.png) no-repeat 95% center;
	padding: 0.5em;
}
@media screen and (max-width: 1200px){
	#home #contents #about{
		background-size: 100% auto;
		padding-top: 5%;
	}
	#home #contents #about h2{
		text-align: center;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
		padding: 5% 0;
	}
	#home #contents #about h2 span{
		display: block;
		background: url(../img/common/icon_second_pageTitle.png) no-repeat center bottom;
		padding-right: 0;
		margin-bottom: 5px;
	}
	#home #contents #about .entry{
		color: #444;
		background-color: #f9fafb;
		padding: 20px;
	}
	#home #contents #about .entry h3{ color: #444; }
}

@media screen and (max-width: 1400px){
#home #contents #about .boxWrap .box p{
	background-image: none;
	padding: 0.2em;
}}

@media screen and (max-width: 768px){
	#home #contents #about h2 span{ font-size: 2em; }
	#home #contents #about .entry h3{ font-size: 1.2em; }
}

@media screen and (max-width: 600px){
	#home #contents #about h2 span{ font-size: 2em; }
	#home #contents #about .entry h3{ font-size: 1.2em; }
	#home #contents #about .boxWrap .box{
		width: 48%;
		font-size: 1em;
		margin: 1% 0.5%;
	}

}

@media screen and (max-width: 500px){
	#home #contents #about{ background-size: auto 180px; }
	#home #contents #about h2{ padding: 3% 0; }
	#home #contents #about .entry{
		background-color: transparent;
		font-weight: normal;
		padding: 30px 0 10px;
	}
}

/* #vories
------------------------------------------------------------*/
#home #contents #vories{
	width: 100%;
	background-image: url(../img/home/news_bk.png), url(../img/common/contentsBk2.png);
	background-repeat: no-repeat;
	background-position: left bottom, right bottom;
	background-size: 100% auto, auto auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
#home #contents #vories h2{ color: #39D881; }
#home #contents #vories h2 span{
	display: inline-block;
	font-family: 'Saira Extra Condensed', sans-serif;
	background: url(../img/common/icon_second_pageTitle.png) no-repeat left bottom;
	letter-spacing : 0.1em;
	font-size: 2.8em;
	font-weight: normal;
	padding-right: 0.3em;
	padding-bottom: 15px;
}
#home #contents #vories .wrapL{
	width: 60%;
	float: left;
}
#home #contents #vories .wrapL h3{ color: #444; }
#home #contents #vories #bnr{ margin-top: 1em; }
#home #contents #vories #bnr li{
	float: left;
	width: 48%;
	text-align: center;
	margin: 1%;
}
#home #contents #vories .wrapR{
	width: 38%;
	float: right;
}
@media screen and (max-width: 768px){
	#home #contents #vories{
		background-size: auto auto;
		padding-top: 20px;
		padding-bottom: 80px;
	}
	#home #contents #vories h2{
		text-align: center;
		margin-bottom: 10px;
	}
	#home #contents #vories h2 span{
		display: block;
		font-size: 2em;
		background: url(../img/common/icon_second_pageTitle.png) no-repeat center bottom;
		padding-right: 0;
		margin-bottom: 5px;
	}
	#home #contents #vories .wrapL,
	#home #contents #vories .wrapR{
		width: 100%;
		float: none;
	}
	#home #contents #vories .entry h3{ font-size: 1.2em; }
	#home #contents #vories .wrapR{
		text-align: center;
		margin-top: 1em;
	}
}

/* #news
------------------------------------------------------------*/
#home #contents #news{
	width: 100%;
	background-color: #FFF;
	padding-bottom: 40px;
}
#home #contents #news .titleWrap{
	float: left;
	width: 30%;
	text-align: center;
}
#home #contents #news .titleWrap h2{
	font-weight: normal;
	margin-bottom: 60px;
}
#home #contents #news .titleWrap h2 span{
	display: block;
	font-family: 'Saira Extra Condensed', sans-serif;
	letter-spacing : 0.1em;
	color: #39D881;
	font-size: 2em;
}
#home #contents #news .titleWrap .btn a{
	background-color: #EEEFF3;
	padding: 10px 50px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#home #contents #news ul{
	float: right;
	width: 70%;
}
#home #contents #news ul li{
	border-bottom: solid thin #DDD;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
#home #contents #news ul li p{ display: inline-block; }
#home #contents #news ul li .date{
	font-family: 'Saira Semi Condensed', sans-serif;
	color: #8DA4B8;
	margin-right: 0.5em;
}
@media screen and (max-width: 768px){
	#home #contents #news{ padding-bottom: 0; }
	#home #contents #news .titleWrap,
	#home #contents #news ul{
		float: none;
		width: 100%;
	}
	#home #contents #news .titleWrap h2{ margin-bottom: 10px; }
	#home #contents #news .titleWrap .btn a{ display: none; }
}