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

/*=================================
	Initialization of style
===================================*/
body {
	margin: 0;
	padding: 0;
	color: #0d0d0e;
	font-family:'Noto Sans Japanese',Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight:normal;
	font-size: 0.9em;
	line-height: 150%;
	width:100%;
	font-weight:500;
	}

a:link,
a:visited {
	text-decoration: underline;
	color: #0d0d0e;
}
a:hover,
a:active {
	text-decoration: none;
	color: #0d0d0e;
}

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,figure,article,section,header,footer {
	margin: 0;
	padding: 0;
	font-weight: 400;
}
img, a img {
	border:none;
	vertical-align: bottom;
}
h1,h2,h3,h4{
	font-size:1em;
}
a img {
	-webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
	     -o-transition: 0.1s ease-in-out;
	        transition: 0.1s ease-in-out;
}
a:hover,
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	}

hr {
	content: "."; 
	display: block; 
	height: 0;
	margin:0;
	clear: both; 
	visibility: hidden;
	}

.sp{display:none;}

/* List_group */
ul,ol,li { list-style: none;}

/* table */
table { width:100%;}
tr,th,td {}

.amn {
	-moz-transition: all  0.7s;
	 -o-transition: all  0.7s;
	 -webkit-transition: all  0.7s;
	 transition: all  0.7s;
}




/*=============================
	Layout-Base
===============================*/
@media screen and (min-width: 768px) {
body {
	min-width: 1200px;
	}

/* header
-------------------------*/
header {
	margin:0 auto;
	width:100%;
	z-index: 1000;
	height: 82px;
	background: #FFF;
	overflow: hidden;
	}
	header .fix {
		display: block;
		width: 1200px;
		margin: 0 auto;
	}	
header h1 {
	display: block;
	float: left;
	padding: 11px 0 0 11px;
}
header .ref {
	display:block;
	float:right;
}
	.gbase {
		display: block;
		float: left;
		margin-right: 24px;
	}
	.gbase li {
		display: block;
		float: left;
		height: 82px;
		border-right: #d2d2d2 solid 1px;
	}
	.gbase li:nth-child(1) {
		border-left: #d2d2d2 solid 1px;
	}
	.gbase li a {
		display: block;
		text-align: center;
		position: relative;
		font-size: 18px;
		color: #333333;
		text-decoration: none;
		width: 140px;
		padding: 23px 0 25px 0;
	}
	.gbase li a span {
		display: block;
		position: relative;
	}
	.gbase li:nth-child(1) a::after {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 48px;
		margin: auto;
		content: "";
		background: url(../images/company.png) left top no-repeat;
		width: 48px;
		height: 14px;
	}
	.gbase li:nth-child(2) a::after {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 48px;
		margin: auto;
		content: "";
		background:url(../images/concept.png) left top no-repeat;
		width: 48px;
		height: 14px;
	}
	.gbase li:nth-child(3) a::after {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 48px;
		margin: auto;
		content: "";
		background:url(../images/business.png) left top no-repeat;
		width: 48px;
		height: 14px;
		z-index: 40;
	}
	.button-3{
	  float:left;
	  text-align:center;
	  cursor:pointer;
	  position:relative;
	  box-sizing:border-box;
	  overflow:hidden;
	}
	.button-3 a{
	  font-family:arial;
	  font-size:16px;
	  color:#34495e;
	  text-decoration:none;
	  transition:all .5s ease;
	  z-index:2;
	  position:relative;
	}
	.eff-3{
	  width:100%;
	  height:100%;
	  bottom:-140px;
	  background:#34495e;
	  position:absolute;
	  transition:all .5s ease;
	  z-index:1;
	}
	.button-3:hover .eff-3{
	  bottom:0;
	}
	.button-3:hover a{
	  color:#fff !important;
	}
	.hsubnav {
		display: block;
		float: left;
		width: 220px;
	}
	.hsubnav div {
		display: block;
		float: left;
		padding-right: 10px;
	}
	.hsubnav li {
		display: block;
		position: relative;
		font-size: 13px;
		padding-left: 9px;
/*		margin-bottom: 2px;*/
		margin-bottom: 0px;
	}
	.hsubnav li::before,
	.hsubnav li::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.hsubnav li::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #116eb0;
	}
	.hsubnav li a {
		text-decoration: none;
		color: #333333;
	}
	.langbase {
		display: block;
		float: right;
	}
	.langbase li {
		display: block;
		float: left;
		width: 60px;
	}
	.langbase li img {
		width: 100%;
	}
	.fixed {
		display: block !important;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 100;
	}
}

/* mainimg
-------------------------*/
@media screen and (min-width: 768px) {
	.mainimg{
		position:relative;
		width: 100%;
		height: 574px;
		overflow:hidden;
		-moz-transition: all 0.4s;
	  -o-transition: all 0.4s;
	  -webkit-transition: all 0.4s;
	  transition: all 0.4s;
		background: url(../images/main-bg.jpg) center center no-repeat;
		background-size: cover;
	}
	.mainimg h2 {
		display: block;
		padding-top: 212px;
		position: relative;
		z-index: 20;
		text-align: center;
	}
}
@media screen and (min-width: 768px) {
	.top-box01 {
		display: block;
		padding-bottom: 0px;
	}
	.top-box01 .fix {
		display: block;
		width: 1100px;
		margin: 0 auto;
		padding-bottom: 100px;
		position: relative;
	}
	.top-box01 .catchs {
		position: absolute;
		width: 100%;
		height: 245px;
		background: #116eb0 url(../images/wlogo.png) right top no-repeat;;
		top: -86px;
	}
	.top-box01 .catchs h2 {
		display: block;
		padding: 40px 0 0 40px;
	}
	.top-box01 .catchs p {
		display: block;
		color: #FFF;
		font-size: 18px;
		line-height: 180%;
		padding: 25px 0 0 60px;
	}
	.top-box01 .txt {
		display: block;
		margin-left: 720px;
		padding-left: 45px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-right: 45px;
		background: #0B3E64 url(../images/wlogo.png) center right no-repeat;
		color: #FFF;
		margin-top: -35px;
	}
	.top-box01 .txt2 {
		display: block;
		text-align: center;
		padding-top: 200px;
	}
	.top-box01 .txt2 p {
		display: block;
		font-size: 18px;
		line-height: 210%;		
	}
	.top-box01 .txt p {
		display: block;
		font-size: 16px;
		line-height: 180%;		
	}
	.top-box01 .btn {
		display: block;
		width: 210px;
		padding-top: 40px;
	}
	.btn a {
		display: block;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
		padding: 12px 0 12px 0;
		background: #a57a44;
		position: relative;
	}
	.btn a::before,
	.btn a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.btn a::before{
		left: 10%;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #d5c3ac;
	}
}
@media screen and (min-width: 768px) {
	.top-box02 {
		display: block;
		padding-bottom: 130px;
	}
	.top-box02 .fix {
		display: block;
		width: 1200px;
		margin: 0 auto;
	}
	.top-box02 .one {
		display: block;
		float: left;
		width: 50%;
		position: relative;
	}
	.top-box02 .one a {
		display: block;
		text-decoration: none;
	}
	.top-box02 .one .abt {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
		width: 300px;
		height: 110px;
		background: #116eb0;
		z-index: 14;
	}
	.top-box02 .one .abt span {
		display: block;
		text-align: center;
		padding: 25px 0 7px 0;
	}
	.top-box02 .one .abt span img {
		display: inline-block;
	}
	.top-box02 .one .abt h2 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 24px;
		font-weight: bold;
	}
	.top-box02 a:hover,
	.top-box02 a:hover img {
		opacity: 1 !important;
		filter: alpha(opacity=100);
	}
	.top-box02 .one figure {
		display: block;
		padding-top: 55px;
	}
	.top-box02 .one figure span {
		display: block;
		overflow: hidden;
	}
	.top-box02 .one figure img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.top-box02 .one figure img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.top-box02 .one p {
		display: block;
		font-size: 16px;
		line-height: 180%;
		padding: 30px 33px 30px 33px;
	}
}
@media screen and (min-width: 768px) {
	.top-box03 {
		display: block;
		background: url(../images/bg1.jpg) top center no-repeat;
		background-size: cover;
		height: 387px;
	}
	.top-box03 .fix {
		display: block;
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.top-box03 .ti {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: -55px;
		margin:auto;
		width: 300px;
		height: 110px;
		background: #116eb0;
		text-align: center;
	}
	.top-box03 .ti span {
		display: block;
		text-align: center;
		padding: 20px 0 7px 0;
	}
	.top-box03 .ti img {
		display: inline-block;
	}
	.top-box03 .ti h2 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 24px;
		font-weight: bold;
	}
	.top-box03 .txt {
		display: block;
		text-align: center;
	}
	.top-box03 h3 {
		display: block;
		text-align: center;
		padding: 105px 0 35px 0;
	}
	.top-box03 h3 img {
		display: inline-block;
	}
	.top-box03 .txt p {
		display: block;
		text-align: center;
		font-size: 16px;
		line-height: 195%;
	}
}

@media screen and (min-width: 768px) {
	#page-top {
		position: absolute;
		right: 10%;
		top: -50px;
		width: 51px;
		height: 50px;
	}
	#page-top img {
		display: inline-block;
	}
}
@media screen and (min-width: 768px) {
/* footer
-------------------------*/
footer {
	display: block;
	margin-top: 110px;
	position: relative;
}
	.fnav-wrap {
		display: block;
		background: #eeeeee;
		padding: 30px 0 55px 0;
	}
	.fnav {
		display: block;
		position: relative;
		overflow: hidden;
		padding: 8px 0 8px 0;
	}
	.fnav ul {
		position: relative;
		left: 50%;
		float: left;
	}
	.fnav li {
		position: relative;
		float: left;
		left: -50%;
		border-left: #222 solid 1px;
	}
	.fnav ul li:nth-child(1) {
		border-left: 0px;
	}
	.fnav li a {
		display: block;
		text-align: center;
		/*font-size: 14px;*/
		font-size: 13px;
		color: #222;
		text-decoration: none;
		padding: 0 16px 0 16px;
	}
	.foot-middle {
		display: block;
		width: 1200px;
		margin: 0 auto;
		padding-top: 45px;
	}
	.foot-middle .flogo {
		display: block;
		float: left;
	}
	.foot-middle .add {
		display: block;
		float: left;
		font-size: 14px;
		line-height: 170%;
		padding-left: 70px;
	}
	.copy {
		display: block;
		text-align: center;
		background: #116eb0;
		padding: 12px 0 12px 0;
	}
	.copy small {
		font-size: 11px;
		color: #FFF;
	}
}
/*=============================
	Common-class
===============================*/
/* float */
.fLeft { float: left;}
.fRight { float: right;}

/* float-clear */
.clear { clear:both;}

/* image-layout */
.imgleft { float:left;margin-right:20px;}
	.imgleft img {
		display:block;
	}
.imgright { float:right;}
	.imgright img {
		display:block;
	}

/*=============================
	ClearFix
===============================*/
.cf:before,.cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf {　*zoom: 1;}


/*=============================
	SUBPAGE
===============================*/

/* COMPANY
-------------------------*/
@media screen and (min-width: 768px) {
	.subpage-main {
		display: block;
		background: url(../images/main-bg.jpg) center center no-repeat;
		background-size: cover;
		height: 140px;
	}
	.subpage-main h2 {
		display: block;
		text-align: center;
		font-size: 33px;
		font-weight: bold;
		letter-spacing: 3px;
		color: #116EB1;
		padding-top: 55px;
	}
	.pan {
		display: block;
		max-width: 1180px;
		margin: 0 auto;
		padding: 20px 0 40px 0;
	}
	.pan p {
		display: block;
		font-size: 14px;
	}
	.pan a {
		color: #222;
		text-decoration: none;
	}
	.pan a:hover {
		text-decoration: underline;
	}
	.subp-box {
		display: block;
		padding-bottom: 70px;
	}
	.bg002 {
		background: #EFEFEF;
		padding-top: 75px;
	}
	.subp-box .fix {
		display: block;
		width: 1000px;
		margin: 0 auto;
	}
	h2.title01 {
		display: block;
		padding: 20px 25px 20px 25px;
		font-size: 22px;
		letter-spacing: 3px;
		color: #FFF;
		background: #116EB0;
		font-weight: bold;
		position: relative;
		line-height: 100%;
		margin-bottom: 30px;
	}
	h2.title01::before {
		position: absolute;
		left: 6px;
		top: 0px;
		height: 100%;
		width: 4px;
		content: "";
		background: #FFF;
		z-index: 4;
	}
	.comp-tab {
		display: block;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
		font-size: 16px;
		line-height: 180%;
	}
	.comp-tab.bord table {
		border-top: #ccc solid 1px !important;
		border-left: #ccc solid 1px !important;
	}
	.comp-tab table th {
		text-align: left;
		vertical-align: top;
		padding: 20px 0 20px 15px;
		width: 20%;
		background:#EFEFEF;
		border-bottom: #FFF solid 4px;
	}
	.comp-tab.bord table th {
		border-bottom: #ccc solid 1px !important;
		border-right: #ccc solid 1px !important;
	}
	.comp-tab table td {
		text-align: left;
		padding: 20px 0 20px 15px;
		border-bottom: #FFF solid 4px;
	}
	.comp-tab.bord table td {
		border-bottom: #ccc solid 1px !important;
		border-right: #ccc solid 1px !important;
	}
	.t-pad {
		display: block;
		padding-bottom: 15px;
	}
	.priv {
		display: block;
		padding-bottom: 35px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.priv p {
		display: block;
		font-size: 16px;
		line-height: 175%;
		padding-bottom: 25px;		
	}
	.priv .pad {
		padding-left: 25px;
	}
	.s-list1 {
		display: block;
		margin-left: 20px;
	}
	.s-list1 li {
		font-size: 16px;
		line-height: 170%;
		list-style-type: decimal;
		margin-bottom: 7px;
	}
	.s-list2 {
		display: block;
		margin-left: 17px;
	}
	.s-list2 li {
		font-size: 14px;
		line-height: 170%;
		list-style-type:lower-alpha;
		margin-bottom: 7px;
	}
	.priv table {
		width: 100%;
		font-size: 16px;
		border-collapse: collapse;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
		margin-bottom: 30px;
	}
	.priv th {
		text-align: left;
		padding: 15px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
		width: 18%;
	}
	.priv td {
		text-align: left;
		padding: 15px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.acc-base {
		display: block;
	}
	.acc-base p {
		display: block;
		background: #EFEFEF;
		padding: 15px;
		font-size: 16px;
		margin-bottom: 30px;
	}
	.acc-base iframe {
		width: 100%;
		height: 340px;
	}
	.greet01 {
		display: block;
		background: url(../images/company/bg01.jpg) left center no-repeat;
		background-size: cover;
		padding: 50% 0px 70px 0px ;
		position: relative;
		margin-top: 60px;
	}
	.greet01 .txt {
		display: block;
		background: rgba(0,0,0,0.8) url(../images/company/bg-logo.png) right top no-repeat;
		background-size: 38% auto;
		padding: 25px;
		margin-right: 42%;
		color: #FFF;
	}
	.greet01 h2 {
		display: block;
		background: rgba(0,0,0,0.8) url(../images/company/bg-logo.png);
		padding: 10px;
		text-align: center;
		font-size: 26px;
		color: #FFF;
		letter-spacing: 3px;
		line-height: 160%;
		position: absolute;
		width: 850px;
		top: -45px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.greet01 .txt h3 {
		display: block;
		font-size: 24px;
		line-height: 170%;
		margin-bottom: 20px;
	}
	.greet01 .txt p {
		display: block;
		font-size: 15px;
		line-height: 215%;
		letter-spacing: 2px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	.greet02 {
		display: block;
	}
	.greet02 figure {
		display:block;
		float: right;
		width: 37%;
	}
	.greet02 figure img {
		display: block;
		width: 100%;
	}
	.greet02 .txt {
		display: block;
		float: left;
		width: 60%;
	}
	.greet02 .txt h3 {
		display: block;
		font-size: 24px;
		line-height: 170%;
		margin-bottom: 20px;
	}
	.greet02 .txt p {
		display: block;
		font-size: 15px;
		line-height: 190%;
	}
	.title02 {
		display: block;
		border-left: #116EB0 solid 7px;
		color: #116EB0;
		font-size: 20px;
		padding: 5px 10px 5px 15px;
		margin-bottom: 20px;
	}
	.title02 small {
		display: block;
		font-size: 12px;
		padding-bottom: 8px;
	}
	.keireki {
		display: block;
		border: #EFEFEF solid 4px;
		padding: 20px;
		margin-bottom: 35px;
	}
	.keireki figure {
		display: block;
		float: left;
		width: 25%;
	}
	.keireki figure img {
		width: 100%;
	}
	.keireki .txt {
		display: block;
		float: right;
		width: 72%;
	}
	.keireki .txt p {
		display: block;
		font-size: 15px;
		line-height: 180%;
	}
	.im100p {
		padding-left: 7%;
		padding-right: 7%;
	}
	.im100p img {
		width: 100%;
	}
	.bot-btn {
		display: block;
		padding: 70px;
	}
	.bot-btn p {
		display: block;		
	}
	.botfix {
		display: block;
		width: 540px;
		height:90px;
		margin: 0 auto;
		background: #116EB0;
	}
	.bot-btn a {
		color: #FFF;
		text-decoration: none;
		font-size: 17px !important;
		letter-spacing: 2px;
	}
	.button-4{
	  width:540px;
	  height:90px;
	  border:5px solid #116EB0;
	  text-align:center;
	  cursor:pointer;
	  position:relative;
	  box-sizing:border-box;
	  overflow:hidden;
	}
	.button-4 a{
	  font-size:22px;
		font-weight: bold;
	  color:#FFF;
	  text-decoration:none;
		display: block;
		padding-top: 30px;
		padding-bottom: 45px;
	  transition:all .5s ease;
	  z-index:2;
	  position:relative;
	}
	.eff-4{
	  width:540px;
	  height:90px;
	  left:-540px;
	  background:#FFF;
	  position:absolute;
	  transition:all .5s ease;
	  z-index:1;
	}
	.button-4:hover .eff-4{
	  left:0;
	}
	.button-4:hover a{
	  color:#222;
	}
}


/* SITEMAP
-------------------------*/
@media screen and (min-width: 768px) {
	.sitemap-base {
		display: block;
		padding: 5%;
	}
	.sitemap-base ul {
		display: block;
		float: left;
		width: 48%;
	}
	.sitemap-base ul:nth-child(2) {
		float: right;
	}
	.sitemap-base li {
		display: block;
		font-size: 15px;
		border: #ccc solid 2px;
		margin-bottom: 15px;
	}
	.sitemap-base a {
		color: #222;
		text-decoration: none;
		display: block;
		padding: 17px;
	}
}


/* BUSINESS
-------------------------*/
@media screen and (min-width: 768px) {
	.bus01 {
		display: block;
		padding-bottom: 40px;
	}
	.bus01 p {
		display: block;
		font-size: 17px;
		line-height: 210%;
		padding: 25px 0 25px 0;
	}
	.bus02 {
		display: block;
	}
	.bus02 .list {
		display: block;
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: #EFEFEF solid 5px;
	}
	.bus02 .list figure {
		display: block;
		float: left;
		width: 27%;
	}
	.bus02 .list figure img {
		width: 100%;
	}
	.bus02 .list .txt {
		display: block;
		float: right;
		width: 70%;
	}
	.bus02 .list .txt p {
		display: block;
		font-size: 15px;
		line-height: 180%;
	}
	.txt-center {
		text-align: center;
	}
	.img-center {
		display: block;
		text-align: center;
	}
	.img-center img {
		display: inline-block;
	}
	.bus-bgs {
		display: block;
		background: url(../images/business/bgs1.jpg) center center no-repeat;
		background-size: cover;
		padding: 60px 0 60px 0;
		margin-bottom: 70px;
	}
	.bus-bgs .fix {
		background: rgba(255,255,255,0.7);
		padding-top: 45px;
	}
}



/* CONTACT
-------------------------*/
@media screen and (min-width: 768px) {
	.cont-txt {
		display: block;
		font-size: 15px;
		padding-bottom: 25px;
	}
	.n001 {
		width: 60%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.txer {
		width: 90%;
		height: 140px;
		border: #ccc solid 1px;
	}
	.cbtn {
		display: block;
		text-align: center;
		padding: 30px;
	}
	.sbt {
		width: 300px;
		height: 50px;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		border: none;
		background: #222;
	}
}


/* CONCEPT
-------------------------*/
@media screen and (min-width: 768px) {
	.concept01 {
		display: block;
	}
	h2.title04 {
		display: block;
		text-align: center;
		padding-bottom: 95px;
		font-size: 27px;
		line-height: 215%;
		letter-spacing: 3px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	.fsb {
		font-weight: bold !important;
		color: #FFF !important;
	}
	.conclist1 {
		display: block;
		padding-bottom: 30px;
	}
	.conclist1 .one {
		display: block;
		float: left;
		width: 50%;
		position: relative;
	}
	.conclist1 .one.ex {
		margin-left: 25%;
	}
	.conclist1 .one a {
		display: block;
		text-decoration: none;
	}
	.conclist1 .one img {
		width: 100%;
	}
	.conclist1 .one .abt {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
		width: 300px;
		padding: 30px 0 30px 0;
		background: #116eb0;
	}
	.conclist1 .one .abt span {
		display: block;
		text-align: center;
		padding: 25px 0 7px 0;
	}
	.conclist1 .one .abt span img {
		display: inline-block;
	}
	.conclist1 .one .abt h2 {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 27px;
		font-weight: bold;
	}
	.conclist1 a:hover,
	.conclist1 a:hover img {
		opacity: 1 !important;
		filter: alpha(opacity=100);
	}
	.conclist1 .one figure {
		display: block;
		padding-top: 55px;
	}
	.conclist1 .one p {
		display: block;
		font-size: 17px;
		text-align: center;
		line-height: 180%;
		padding: 10px 33px 30px 33px;
	}
	/* modal */
	#lean_overlay{
	  position: fixed;
	  z-index:9999; 
	  top: 0px;
	  left: 0px;
	  height: 100%;
	  width: 100%;
	  background: #000;
	  display: none;
	}
	.modal-box{
	  background: none repeat scroll 0 0 #FFFFFF;
	  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	  display: none;
	  width: 700px;
	  top:10% !important;
	  box-sizing:border-box;
	  overflow:hidden;
	 }
	.modal_close{ 
	  position: absolute;
	  top: 12px;
	  right: 12px;
	  display: block; 
	  width: 30px;
	  height: 34px; 
	background:url(../images/close.png);
	  z-index: 2;
	  cursor:pointer;
	}
	.modal-box > p{
		font-size:13px;
	  padding: 20px 30px 20px;
	}
	.modal-box h2 {
		margin-bottom: 5px;
	}
	.modal-box .box {
		display: block;
		padding: 3%;
		max-height: 450px;
		overflow: auto;
	}
	.modal-box h3 {
		display: block;
		text-align: center;
		font-size: 18px;
		line-height: 180%;
		padding: 25px 0 25px 0;
		background: #EFEFEF;
		margin-bottom: 25px;
	}
	.modal-box .in {
		padding-bottom: 35px;
	}
	h4.title03 {
		display: block;
		font-size: 16px;
		font-weight: bold;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 20px;
		border-bottom: #ccc dotted 1px;
	}
	.conceptbg {
		background: url(../images/concept/bgs1.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 80px;
		padding-bottom: 80px;
		padding-left: 6%;
		padding-right: 6%;
	}
	.visionbg {
		display: block;
	}
	.visionbg .fix {
		background: rgba(255,255,255,0.8);
		padding: 75px 0 75px 0;
	}
	.visionbg h2 {
		display: block;
		position: relative;
		background: url(../images/concept/timg.jpg) center center no-repeat;
		background-size: 100% auto;
		font-size: 36px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-left: 40px;
		margin-right: 40px;
		padding: 125px 0 125px 30px;
		color: #FFF;
	}
	.visionbg p {
		display: block;
		padding: 35px 40px 0 40px;
		font-size: 18px;
		text-align: center;
	}
	.priv .nomal li b {
		font-size: 16px !important;
		font-weight: normal !important;
	}
}