/* ----------------------------------------------------------------------------- */
/* -- TOP PAGE css -- */



p.image {
	width:100%;
}
p.image img {
	width:100%;
}



div.top_lead {
	background-image:url(../img/top_lead_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
div.top_lead p {
	font-size:130%;
	line-height:200%;
	text-align:center;
	padding:80px 0;
}



div.slider {
}
div.slider img {
	width:100%;
}

div.slider div.swiper-button-next {
	background-image: url("../img/next.png") !important;
	background-size:16px;
}
div.slider div.swiper-button-prev {
	background-image: url("../img/prev.png") !important;
	background-size:16px;
}



div.sample {
	padding-bottom:40px;
	background-color:#F60;
	position: relative;
}
div.sample h2 {
	font-size:200%;
	line-height:200%;
	text-align:center;
	color:#FFF;
	padding:40px 0 30px;
	margin:0;
}
div.sample div.sample_inner {
	width:89%;
	margin:0 auto;
}
div.sample div.swiper-button-next {
	background-image: url("../img/next2.png") !important;
}
div.sample div.swiper-button-prev {
	background-image: url("../img/prev2.png") !important;
}


div.sample .swiper-container {
	padding:0 0 24px;
}
div.sample .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
	bottom:0px !important;
	z-index:9999;
}


div.sample .swiper-pagination-bullet-active {
	background: #FFF;
}
div.sample p.pagelink {
	font-size:100%;
	line-height:120%;
}
div.sample p.pagelink a {
	color:#FFF;
	position: absolute;
	top: 20px;
	right: 20px;
}
div.sample p.pagelink a:before{
	content:"";
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 25%;
	left: -1.4em;
}



div.top_news {
	padding:24px;
	margin-top:32px;
	background-color:#F0F0F0;
}
div.top_news div.tn_title:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#wrapper div.top_news div.tn_title h2 {
	float:left;
	font-size:120%;
	line-height:120%;
	padding:0;
	margin:0;
}
div.top_news div.tn_title p {
	float:right;
	font-size:100%;
	line-height:120%;
}
div.top_news div.tn_title p a {
	position: relative;
}
div.top_news div.tn_title p a:before{
	content:"";
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 1px #006;
	border-right: solid 1px #006;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 25%;
	left: -1.4em;
}
div.top_news div.ovfl {
	width:100%;
	height:110px;
	margin-top:16px;
	overflow:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}
div.top_news div.ovfl dl {
	display:table;
	font-size:80%;
	line-height:120%;
}
div.top_news div.ovfl dl:nth-child(n+2) {
	padding-top:10px;
}
div.top_news div.ovfl dl dt,
div.top_news div.ovfl dl dd {
	display:table-cell;
	vertical-align:middle;
}
div.top_news div.ovfl dl dt {
	width:10em;
	padding-right:10px;
}
div.top_news div.ovfl dl dd {
	padding-left:10px;
}
div.top_news div.ovfl dl dd.icon {
	width:7em;
	font-size:90%;
	line-height:110%;
	text-align:center;
	color:#FFF;
	padding:4px 0;
	background-color:#333;
}



div.top_bnr {
	font-size:0;
	line-height:0;
	padding:32px 0;
}
div.top_bnr img {
	width:100%;
}



div.top_contact {
	padding:0 0 32px;
}
div.top_contact a {
	display:block;
	width:70%;
	max-width:746px;
	font-size:110%;
	line-height:120%;
	text-align:center;
	color:#FFF;
	padding:24px 0;
	margin:0 auto;
background: #fd9303; /* Old browsers */
background: -moz-linear-gradient(top, #fd9303 0%, #fd6802 100%); 
background: -webkit-linear-gradient(top, #fd9303 0%,#fd6802 100%); 
background: linear-gradient(to bottom, #fd9303 0%,#fd6802 100%); 
	border-radius:5px;
	transition: all 150ms 0s ease;
}
div.top_contact a:hover {
	opacity: 0.7; filter: alpha(opacity=70);
}





div.en_top_box {
	width:100%;
	padding:32px 0;
}
div.en_top_box:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.en_top_box a.entpb_link {
	display:block;
	width:48.5%;
	position:relative;
	transition: all 150ms 0s ease;
}
div.en_top_box a.entpb_link:hover {
	opacity: 0.7; filter: alpha(opacity=70);
}
div.en_top_box a.entpb_link:nth-child(odd) {
	float:left;
}
div.en_top_box a.entpb_link:nth-child(even) {
	float:right;
}
div.en_top_box a.entpb_link p img {
	width:100%;
}
div.en_top_box a.entpb_link h2 {
	width:100%;
	font-size:200%;
	line-height:120%;
	text-align:center;
	color:#FFF;
	font-weight:bold;
text-shadow: 2px 2px 3px #000;
	position:absolute;
	top:16px;
	left:0;
	margin:0 auto;
}








/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {



div.top_lead {
}
div.top_lead p {
	font-size:120%;
	line-height:180%;
	padding:72px 0;
}



}






/* SMARTPHONE ------------------------------------------------------------------ */
@media screen and (max-width: 768px) {



div.top_lead {
}
div.top_lead p {
	font-size:120%;
	line-height:180%;
	text-align:left;
	padding:72px 0;
}
div.top_lead p br {
	display:none;
}



div.top_news {
	padding:16px;
	margin-top:24px;
}
div#wrapper div.top_news div.tn_title h2 {
	font-size:100%;
}
div.top_news div.tn_title p {
	font-size:90%;
}



div.top_bnr {
	width:100%;
	padding:24px 0;
}
div.top_bnr img {
	width:100%;
}


div.top_news div.ovfl dl {
	display:block;
}
div.top_news div.ovfl dl:nth-child(n+2) {
	padding-top:16px;
}
div.top_news div.ovfl dl dt {
	display:inline-block;
	width: auto ;
	padding-right:10px;
}
div.top_news div.ovfl dl dd:nth-of-type(2) {
	display:block;
	padding-left:0;
	padding-top:8px;
}
div.top_news div.ovfl dl dd.icon {
	display:inline-block;
	width:auto;
	padding:4px 8px;
	background-color:#333;
}




div.top_contact {
	padding:0 0 32px;
}
div.top_contact a {
	width:90%;
	max-width:90%;
	padding:16px 0;
}



}