@charset "utf-8";

/* -------------------------------------------------------------------------------------

	メインビジュアル・ヘッダー

-------------------------------------------------------------------------------------- */

header{
	max-width: 94%;
	margin:20px auto 30px;
}

header h1{
	font-size: 80%;
	line-height: 150%;
	font-weight: normal;
	margin-bottom: 20px;
}

header .logo{
	float: none;
	margin: 0 auto 10px;
	text-align: center;
}

header .logo img{
	width: 420px;
	height: 40px;
}

header ul{
	float:none;
}

header ul li{
	float:none;
	list-style: none;
}

header ul li.contact{
	width: 80%;
	text-align: center;
	margin:0 auto 10px;
}

header ul li.contact a{
	display: block;
	background: url(../img/mail.svg) no-repeat 5% center #1555af;
	background-size: 26px 18px;
	padding: 10px;
	font-size: 96%;
	border-radius: 6px;
	color: #fff;
	text-align: center;
}

header ul li .phone{
	background:url(../img/phone-call.svg) no-repeat left center;
	background-size: 26px 26px;
	padding: 0 0 0 36px;
	font-size: 200%;
	font-weight: bold;
	min-height: 26px;
	font-family:Helvetica, Arial, "sans-serif";
	text-align: center;
	width: 200px;
	margin: 0 auto;
}

header ul li .fax{
	text-align: right;
	font-weight: bold;
	text-align: center;
	font-family:Helvetica, Arial, "sans-serif";
}

/* -------------------------------------------------------------------------------------

	グローバルナビ

-------------------------------------------------------------------------------------- */

nav{
	background: url(../img/nav-bg.gif) repeat-x left top;
}

nav ul{
	max-width: 94%;
	margin:0 auto;
}

nav ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html nav ul{    zoom: 1 }
*:first-child+html nav ul{    zoom: 1 }

nav ul li{
	float: left;
	width:25%;
	text-align: center;
}

nav ul li a{
	display: block;
	padding: 20px 0;
}

.active{
	border-top: 4px solid #1555af;
}

/* -------------------------------------------------------------------------------------

	メインイメージ

-------------------------------------------------------------------------------------- */

.mvslide{
	width: 100%;
}

.f-cht01{
	background: url(../img/mainimg01.jpg) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	text-align: center;
	height: 500px !important;
	position: relative;
}

.f-cht01 p{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:290px;
	height: 290px;
}

.f-cht01 img{
	width:290px;
	height: 290px;
}

.f-cht02{
	background: url(../img/mainimg02.jpg) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	text-align: center;
	height: 500px !important;
	position: relative;
}

.f-cht02 p{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:290px;
	height: 290px;
}

.f-cht02 img{
	width:290px;
	height: 290px;
}

.f-cht03{
	background: url(../img/mainimg03.jpg) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	text-align: center;
	height: 500px !important;
	position: relative;
}

.f-cht03 p{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:290px;
	height: 290px;
}

.f-cht03 img{
	width:290px;
	height: 290px;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* -------------------------------------------------------------------------------------

	フッター

-------------------------------------------------------------------------------------- */

footer{
	background: url(../img/foot-bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0 0;
}

footer div{
	width:94%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}

footer .f-logo{
	margin-bottom: 20px;
	text-align: center;
}

footer .f-logo img{
	width: 420px;
	height: 40px;
}

footer .redbtn{
	width: 80%;
	text-align: center;
	margin: 20px auto 0;
}

footer ul{
	max-width: 94%;
	margin:0 auto 20px;
}


footer ul li{
	float: left;
	width:25%;
	text-align: center;
	list-style: none;
}

footer ul li a{
	display: block;
	padding: 20px 0;
	color: #fff!important;
}

.cpright{
	width:100%;
	background: #000;
	text-align: center;
	color: #fff;
	padding: 20px 0;
}

/* -------------------------------------------------------------------------------------

	アクロス都市開発が考える「都市開発」とは。

-------------------------------------------------------------------------------------- */

.idea{
	background: url(../img/idea-bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 100px 0 0;
	margin-bottom: 70px;
}

.idea dl{
	background: url(../img/syaow.png) no-repeat center bottom;
}

.idea dl dt{
	color:#1555af;
	font-size: 180%;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	margin-bottom: 30px;
}

.idea dl dt span{
	font-size: 150%;
	display: block;
	line-height: 150%;
}

.idea dd{
	width: 94%;
	margin: 0 auto;
}

.idea dd h2{
	background: url(../img/dot.gif) no-repeat center top;
	padding: 30px 0 120px;
	font-size: 120%;
	line-height: 180%;
	font-weight: normal;
}


/* -------------------------------------------------------------------------------------

	事業アイコン

-------------------------------------------------------------------------------------- */

.sub-tit{
	background: url(../img/tit-bg.svg) no-repeat center top;
	background-size:84px 84px;
	color: #1555af;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	padding: 40px 0 ;
}

.areas{
	width: 94%;
	margin: 0 auto 60px;
	position: relative;
}

.areas ul li{
	float: none;
	list-style: none;
}

.land-tit{
	background-color: rgba( 0, 0, 0, 0.8 );
	color: #fff;
	padding: 80px 30px;
	min-width: 150px;
	max-width: 150px;
	position: absolute;
	top:30px;
	left:-20px;
	text-align: center;
}

.land-tit dd{
	font-size: 80%;}

.areas ul li.land{
	background: url(../img/land-bg.jpg) no-repeat center center;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	height: 280px;
	color: #fff;
	width: 50%;
	padding: 60px 5% 0 45%;
}

.areas ul li.revenue{
	background: url(../img/revenue.jpg) no-repeat center center;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	color: #fff;
	height: 280px;
	width: 55%;
	padding: 60px 40% 0 5%;
}

.sdk,
.sub-wok{
	width: 94%;
	margin: 0px auto 50px ;
}

.inves{
	margin: 0 auto;
	position: relative;
	float: none;
	width: 100%;
}

.inves-tit{
	background-color: rgba( 44, 147, 207, 0.5 );
	color: #fff;
	padding: 80px 30px;
	min-width: 150px;
	max-width: 150px;
	position: absolute;
	top:30px;
	left:-20px;
	text-align: center;
}

.inves-tit dd{
	font-size: 80%;}

.inves ul li.investment{
	background: url(../img/investment-bg.jpg) no-repeat center center;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	height: 280px;
	color: #fff;
	padding: 60px 5% 0 44%;
}


.renovation{
	margin: 0 auto;
	position: relative;
	float: none;
	width: 100%;
}

.renovation-tit{
	background-color: rgba( 9, 106, 23, 0.4 );
	color: #fff;
	padding: 80px 30px;
	min-width: 150px;
	max-width: 150px;
	position: absolute;
	top:30px;
	left:-20px;
	text-align: center;
}

.renovation-tit dd{
	font-size: 80%;}

.renovation ul li.rebuild{
	background: url(../img/rebuild-bg.jpg) no-repeat center center;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	height: 280px;
	color: #fff;
	padding: 60px 5% 0 44%;
}

.blkbtn{
	width: 80%;
	position: absolute;
	bottom:20px;
	left: 10%;
}

.blkbtn a{
	display: block;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	background: url(../img/arrow.svg) no-repeat 90% center rgba( 0, 0, 0, 0.8 );
	background-size: 5px 9px;
	border-radius: 6px;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.blkbtn a:hover{
	display: block;
	color: #000;
	text-align: center;
	padding: 20px 0;
	background: url(../img/arrow-hover.svg) no-repeat 94% center rgba( 255, 255, 255, 0.8 );
	background-size: 5px 9px;
	border-radius: 6px;
	box-shadow: 0 0 0 2px #000 inset;
}

.sdk .blkbtn{
	width: 70%;
	position: absolute;
	bottom:20px;
	right: 20px;
	left: auto;
}

.sub-wok:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .sub-wok{    zoom: 1 }
*:first-child+html .sub-wok{    zoom: 1 }

.sub-wok li{
	width:50%;
	float: left;
	list-style: none;
}

.sub-wok li a{
	text-align: center;
	display: block;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 30px 0;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.sub-wok li:first-child a{
	background: url(../img/arrow-hover.svg) no-repeat 90% center #e6e6e6;
	background-size: 5px 9px;
}

.sub-wok li:last-child a{
	background: url(../img/arrow.svg) no-repeat 90% center #818181;
	background-size: 5px 9px;
	color: #fff;
}

.sub-wok li:first-child a:hover{
	background: url(../img/arrow.svg) no-repeat 92% center #333;
	background-size: 5px 9px;
	color: #fff;
	text-decoration: none;
}

.sub-wok li:last-child a:hover{
	background: url(../img/arrow.svg) no-repeat 92% center #333;
	background-size: 5px 9px;
	text-decoration: none;
}

.sub-wok li dt{
	font-size: 120%;
}

.sub-wok li dd{
	font-size: 80%;
}

.sub-wok p{
	width: 80%;
	padding:10px 10%;
	text-align: center;
}

.profara{
	width: 94%;
	margin: 0 auto 60px;
}

.profara ul li{
	width: 40%;
	float: left;
	box-shadow: 0px 0px 0px 1px #ccc;
	list-style: none;
	text-align: center;
	padding: 30px 5%;	
}

.profara ul li dl{
	margin-bottom: 30px;
}

.profara ul li dt{
	font-family:Helvetica, Arial, "sans-serif";
	font-size: 150%;
	line-height: 120%;
	margin-bottom:30px;
}

.profara ul li dt span{
	font-size: 60%;
	line-height: 150%;
}

.profara ul li p{
	width: 100%;
	margin: 0 auto;
}

.redbtn a{
	background: url(../img/arrow.svg) no-repeat 90% center #a91255;
	background-size: 5px 9px;
	display: block;
	color: #fff;
	padding: 13px 0;
	border-radius: 6px;-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.redbtn a:hover{
	background: url(../img/arrow.svg) no-repeat 94% center #7E0A3D;
	background-size: 5px 9px;
	display: block;
	color: #fff;
	padding: 13px 0;
	border-radius: 6px;
}

.news{
	background: url(../img/news-bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0;
	min-height: 380px;
}

.news .tit{
	text-align: center;
	margin-bottom: 40px;
}

.news .tit dt{
	font-size: 300%;
	font-family:Helvetica, Arial, "sans-serif";
	line-height: 100%;
}

.news .date{
	width:94%;
	margin: 0 auto 20px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
}

.news .date dt{
	float: left;
	width: 20%;
}

.news .date dd.cate{
	float: left;
	width: 20%;
	background: #a91255;
	color: #fff;
	text-align: center;
	padding: 2px;
	font-size: 80%;
	margin-right: 20px;
}

.news .date dd.lines{
	float: right;
	width: 100%;
	margin-top: 6px;
}

/* -------------------------------------------------------------------------------------

	パンくず

-------------------------------------------------------------------------------------- */

.pankuzu{
	background: #eee;
	width:100%;
	padding: 15px 0;
}

.pankuzu p{
	width: 94%;
	margin: 0 auto;
}

/* -------------------------------------------------------------------------------------

	下層タイトル

-------------------------------------------------------------------------------------- */

.un-tit{
	background: url(../img/un-titbg.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 240px;
	position: relative;
	margin-bottom: 60px;
}

.un-tit p{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	font-size: 220%;
}

.contact-tit{
	background: url(../img/contact-titbg.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 240px;
	position: relative;
	margin-bottom: 60px;
}

.contact-tit p{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	font-size: 220%;
}

/* -------------------------------------------------------------------------------------

	企業情報（profile.html）

-------------------------------------------------------------------------------------- */

.ideal{
	width:94%;
	margin: 0 auto;
	position: relative;
}

.idea-txt{
	background: #f6fafd;
	position: relative;
	top: 70%;
	left: 0;
	-webkit-transform: translate(0%, -70%); /* Safari用 */
	transform: translate(0%, -70%);
	width: 90%;
}

.idea-txt02{
	background: #f6fafd;
	position: relative;
	top: 70%;
	right: 0;
	-webkit-transform: translate(0%, -70%); /* Safari用 */
	transform: translate(0%, -70%);
	width: 90%;
}

.ideal dl{
	padding: 30px;
}

.ideal dl dt{
	margin-bottom:30px;
}

.ideal dd h2{
	font-weight:normal;
}

.ideal01-photo{
	text-align: right;
}

.ideal01-photo img,
.ideal02-photo img{
	width:100%;
	height: auto;
}

.ideal01 img{
	width: 236px;
	height: 36px;
}

.ideal02 img{
	width: 132px;
	height: 36px;
}

.ideal03 img{
	width: 192px;
	height: 36px;
}

.subcode{
	color:#1555af;
	font-size: 120%;
	margin-bottom: 20px;
}

.subcode span{
	font-size: 80%;
}

.mrt-40{
	margin-top: -150px;
}

.mrt-end{
	margin-top: 200px;
}

.acros-i{
	text-align: center;
	z-index: 10!important;
	position: absolute;
	top: -8%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}

.greet{
	background: url(../img/news-bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0;
	min-height: 380px;
	margin-top: -120px;
}

.greet .tit{
	text-align: center;
	margin-bottom: 40px;
}

.mb-txt p{
	margin-bottom: 20px;
}

.mb-txt p:last-child{
	margin-bottom: 0;
}

.greet ul{
	width:94%;
	margin: 0 auto;
}

.greet ul li{
	width: 28%;
	float: left;
	list-style: none;
}

.greet ul li:first-child img{
	width:100%;
	height: auto;
}

.greet ul li:last-child{
	width: 66%;
	float: right;
}

.toppro{
	margin:50px auto;
	width: 94%;
}

.min-tit{
	text-align: center;
}

.min-tit span{
	border-bottom: 4px solid #1555af;
	padding:0 15px 25px;
	margin:0 auto 50px;
	font-size: 170%;
	display: inline-block;
}

.prof{
	width: 100%;
}

.prof td,
.prof th{
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	vertical-align: top;
}

.prof .blue{
	background: #f4fafc;
}

.prof .train{
	background: url(../img/train.svg) no-repeat left center;
	background-size: 40px 40px;
	padding: 0 0 0 74px;
	margin-bottom: 30px;
}

.accmap{
	width: 100%;
}

.accmap ul:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .accmap ul{    zoom: 1 }
*:first-child+html .accmap ul{    zoom: 1 }


.accmap li{
	width: 100%;
	float: none;
	list-style: none;
}

.accmap li:last-child{
	float:right;
}

.accmap .ill{
	width: 100%;
	height: auto;
}

.accmap .ill img{
	max-width: 480px;
	max-height: 400px;
	width: 100%;
	height: auto;
}

.accmap .frame iframe{
	max-width: 480px;
	max-height: 400px;
	width: 100%;
	height: 400px;
}

.bank{
	width:400px;
	margin: 0 0 0 20px;
}

.bank li{
	width: 44%;
	float: left;
}

.hist{
	width:100%;
	background: url(../img/hist-bg.jpg) no-repeat left center #f4fafc;
	background-size: auto 100%;
	padding: 60px 0;
}

.hist div{
	width: 90%;
	float: right;
	margin: 0 auto;
	padding: 40px;
	background-color: rgba( 244, 250, 255, 0.7 );
}


.hist dl:after,
.hist:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .hist dl{    zoom: 1 }
*:first-child+html .hist dl{    zoom: 1 }

.hist dt{
	float: left;
	width: 26%;
	color: #fff;
	text-align: center;
	background: #1555af;
	padding: 5px;
	border-radius: 10px;
}

.hist dd{
	float: right;
	width: 70%;
}

.hist dl{
	padding: 0px 0 0px 0%;
	width: 100%;
	margin: 0 auto 15px;
}

.privacy{
	width: 94%;
	padding: 50px 0;
	margin: 0 auto;
}

/* -------------------------------------------------------------------------------------

	資産運用のご相談（consultation.html）

-------------------------------------------------------------------------------------- */

.constlat{
	text-align:center;
	margin:0 auto 50px;
	width: 90%;
}

.cnost{
	margin-bottom:30px;
}

.cnost img{
	width:303px;
	height: 156px;
}

.kyomap{
	background: url(../img/kyotomap-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 50px 0;
}

.kyomap .map{
	width: 94%;
	margin: 0 auto;
	position: relative;
}

.kyomap .map p.maps{
	margin: 0 auto;
	text-align: center;
}

.kyomap .map p.maps img{
	width: 100%;
	height: 100%;
	background: #fff;
}

.still{
	background-color: rgba( 225, 244, 255, 0.9 );
	padding: 5%;
	position: relative;
	top:auto;
	right:auto;
	width: 90%;
}

.still dt{
	color: #1555af;
	font-size: 120%;
	line-height: 150%;
	margin-bottom: 0;
}

.alive{
	background-color: rgba( 255, 255, 255, 0.9 );
	padding: 5%;
	position: relative;
	top:auto;
	right:auto;
	width: 90%;
}

.alive dt{
	color: #a11d0f;
	font-size: 120%;
	line-height: 150%;
	margin-bottom: 0;
}

.alive span{
	font-weight: bold;
}

.threes{
	padding: 60px 0;
	width:94%;
	margin: 0 auto;
}

.thals{
	background:url(../img/three-01photo.jpg) no-repeat right center;
	background-size:contain;
	box-shadow: 0 0 0 1px #ccc; 
}

.thals li{
	float:left;
	list-style: none;
	text-align: center;
}

.thals li dl dt{
	font-size:150%;
	margin-bottom: 20px;
}

.thals li:first-child{
	width: 50%;
	padding: 5% 5% 5% 5%;
	background: #fff;
	box-shadow: 0 0 0 1px #ccc; 
}

.blkbtn-s{
	width: 70%;
	margin: 20px auto 0;
}

.blkbtn-s a{
	display: block;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	background: url(../img/arrow.svg) no-repeat 90% center rgba( 0, 0, 0, 0.8 );
	background-size: 5px 9px;
	border-radius: 6px;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.blkbtn-s a:hover{
	display: block;
	color: #000;
	text-align: center;
	padding: 20px 0;
	background: url(../img/arrow-hover.svg) no-repeat 94% center rgba( 255, 255, 255, 0.8 );
	background-size: 5px 9px;
	border-radius: 6px;
	box-shadow: 0 0 0 2px #000 inset;
}

.thals-sec{
	background:url(../img/three-02photo.jpg) no-repeat left center;
	background-size:contain;
	box-shadow: 0 0 0 1px #ccc; 
}

.thals-sec li{
	float:right;
	list-style: none;
	text-align: center;
}

.thals-sec li dl dt{
	font-size:150%;
	margin-bottom: 20px;
}

.thals-sec li{
	width: 50%;
	padding: 5% 5% 5% 5%;
	background: #fff;
	box-shadow: 0 0 0 1px #ccc; 
}

.thals-third{
	background:url(../img/three-03photo.jpg) no-repeat right center;
	background-size: auto 100%;
	box-shadow: 0 0 0 1px #ccc; 
}

.thals-third li{
	float:left;
	list-style: none;
	text-align: center;
}

.thals-third li dl dt{
	font-size:150%;
	margin-bottom: 20px;
}

.thals-third li{
	width: 50%;
	padding: 5% 5% 5% 5%;
	background: #fff;
	box-shadow: 0 0 0 1px #ccc; 
}

.strong{
	width:100%;
	background: url(../img/strong-pointbg.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0;
}

.strong-point{
	width:80%;
	margin: 0 auto;
}

.best{
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 110%;
	text-align: center;
}

.strong-point h2{
	font-weight: normal;
	text-align: center;
	margin-bottom: 40px;
}

.stg-wok{
	width:94%;
	margin: 0 auto;
}


.stg-wok li{
	width:50%;
	float: left;
	list-style: none;
}

.stg-wok li a{
	text-align: center;
	display: block;
	box-shadow: 0 0 0 1px #ccc;
	padding: 30px 0;
	background: url(../img/arrow-hover.svg) no-repeat 90% center #fff;
	background-size: 5px 9px;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.stg-wok li:first-child a{
	background: url(../img/arrow-hover.svg) no-repeat 90% center #e6e6e6;
	background-size: 5px 9px;
}

.stg-wok li:nth-child(2) a{
	background: url(../img/arrow.svg) no-repeat 90% center #818181;
	background-size: 5px 9px;
	color: #fff;
}

.stg-wok li:first-child a:hover{
	background: url(../img/arrow.svg) no-repeat 92% center #333;
	background-size: 5px 9px;
	color: #fff;
	text-decoration: none;
}

.stg-wok li a:hover{
	background: url(../img/arrow.svg) no-repeat 92% center #333;
	background-size: 5px 9px;
	text-decoration: none;
	color: #fff;
}

.stg-wok li dt{
	font-size: 120%;
}

.stg-wok li dd{
	font-size: 80%;
}

.stg-wok p{
	width: 80%;
	padding:10px 10%;
	text-align: center;
}

.trade-ss{
	width:94%;
	margin: 0 auto;
	padding: 80px 0 0;
}

.trade{
	position:relative;
}
	
.trade .photo{
	max-width: 100%;
	margin: 0px auto 0;
}

.trade .photo img{
	width: 100%;
	height: auto;
}

.trade dl{
	background: #fff;
	padding: 3%;
	box-shadow: 10px 10px 0 #eee;
	width: 90%;
	position: relative;
	top:-30px;
	color: #666;
	margin-bottom: 30px;
}

.trade dl dt{
	text-align: center;
	margin-bottom: 25px;
}

.trade dl dt img{
	width: 190px;
	height: auto;
}

.micro-tit{
	font-size: 150%;
	margin-bottom: 20px;
}


.trading li{
	width:31.6%;
	float: left;
	margin: 0 2.6% 2% 0;
	list-style: none;
}

.trading li img{
	width: 100%;
	height: auto;
}

.trading li:nth-child(3n){
	margin: 0 0 2% 0;
}

.bluebtn{
	width: 100%;
	margin: 0 auto;
}

.bluebtn a{
	display: block;
	background: url(../img/mail.svg) no-repeat 10% center #1555af;
	background-size: 32px 32px;
	padding: 20px;
	font-size: 96%;
	border-radius: 6px;
	color: #fff;
	text-align: center;
}

.support-icon{	margin-bottom:30px;}


.support-icon:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .support-icon{    zoom: 1 }
*:first-child+html .support-icon{    zoom: 1 }

.support-icon li{
	width: 21.6%;
	float: left;
	margin:0 2.6% 2% 0 !important;
	padding: 5%;
	list-style: none;
	background: #f2f9fa;
	font-size: 90%;
	color: #666;
}

.support-icon li:nth-child(3n){
	margin:0 0% 2% 0 !important;
}

.support-icon li:last-child{
	margin-right: 0;
}

.support-icon li p img{
	width: 100%;
	height: auto;
}

.condmin{
	width:94%;
	margin: 0 auto;
	padding: 80px 0 0;
}

.last-re{
	width:94%;
	margin: 0 auto;
	padding: 0px 0 60px;
}

.cond{
	width: 70%;
	margin: 0 auto 30px;
}

.produce{	margin-bottom:30px;}

.produce li{
	width: 31.6%;
	float: left;
	margin:0 2.6% 2% 0 !important;
	list-style: none;
	font-size: 110%;
	text-align: center;
}

.produce li:nth-child(3n){
	margin:0 0% 2% 0 !important;
}

.produce li:last-child{
	margin-right: 0;
}

.produce li p img{
	width: 100%;
	height: auto;
}

.often{
	background: #ddf2fd;
	padding: 40px;
	position:relative;
	margin-bottom: 60px;
}

.often:after {
	border:20px solid transparent;
	border-top-color:#ddf2fd;
	border-bottom-width:0;
	bottom:-20px;
	content:"";
	display:block;
	left:48%;
	position:absolute;
	width:0;
}

.often dt{
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 130%;
}

.often dd{
	background: url(../img/icon-check.png) no-repeat left center;
	background-size: 22px 22px;
	padding: 0 0 0 40px;
	font-size: 100%;
	margin-bottom: 20px;
	min-height: 22px;
}

.often dd:last-child{
	margin-bottom: 0;
}

.inquie{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 110%;
}

/* -------------------------------------------------------------------------------------

	お問い合わせ（contact/index.php）

-------------------------------------------------------------------------------------- */

.ontacts{
	width:94%;
	margin: 0 auto;
}

.ontacts .subs{
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 120%;
	text-align: center;
}

.cont-tit{
	width:94%;
	margin: 0 auto 60px;
}

.un-line{
	width:94%;
	margin: 0 auto;
}

.contact-main div.cover{
	width:94%;
	margin:0px auto;
	height:400px;
	display:table;
}

.m-form{
	width:94%;
}

.m-form td{
	padding:10px 10px 10px 30px;
	vertical-align:top;
}


.m-form th{
	width:36%;
	padding:10px;
	vertical-align:top;
}

.m-form th span{
	float:right;
	padding:3px 4%;
	background:#EE3523;
	color:#fff;
	margin:0;
}

.m-form td input,
.m-form td textarea{
	border:none;
	padding:14px 10px;
	background:#eee;
}

.long input,
.long textarea{
	width:80%;}
	
.middle input{
	width:60%;}
	
.short input{
	width:40%;}
	
.submit{
	text-align:center;
	padding:50px 0;
}

.submit .min{
	font-size:80%;
	margin:10px 0 30px;
}

.submit input{
	border:none;
	color:#fff;
	background:#034297;
	padding:20px 80px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	font-size:130%;
	font-weight:bold;
	cursor:pointer;
}

.submit input:hover{
	background:#023171;
}


/* -------------------------------------------------------------------------------------

	事業内容（works.html）

-------------------------------------------------------------------------------------- */

.works-block{
	text-align:center;
	width: 94%;
	margin: 0 auto 50px;
}

.works-tit{
	margin-bottom:30px;
}

.matching-block{
	margin: 0 auto 50px;
	width: 94%;
	max-width: 1120px;
	
	display: block;
}

.matching-block .right{
	margin-bottom: 30px;
	width: 100%;
}

.matching-block .left{
	width: 100%;
	margin-right: 0;
}


.works-ss{
	max-width: 1120px;
	width: 94%;
	margin: 0 auto 50px;
	padding: 0;
}
.works-ss.pt1{
	margin: 0 auto;
}

.works{
	position:relative;
	padding-bottom: 0;
}

.works.pt{
	position:relative;
	padding-bottom: 0;
}

.works .works-txt{
	width: 100%;
	margin-left: 0;
}

	
.works .photo{
	max-width: 100%;
	margin: 0px auto 0;
}

.works .photo img{
	width: 100%;
	height: auto;
}

.works dl{
	background: #fff;
	padding: 3%;
	box-shadow: 10px 10px 0 #eee;
	width: 90%;
	position: relative;
	top:-30px;
	color: #666;
	margin-bottom: 0;
}

.works dl dt{
	text-align: center;
	margin-bottom: 25px;
}



.revenue-property{
	margin: 0 auto 50px;
}

.revenue-property ul{
	display: flex;
	flex-flow: row wrap;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row wrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:wrap;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;
	
	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row wrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.revenue-property li{
	list-style-type: none;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
}

.revenue-property ul li:nth-child(3n) {
	margin-right: 4%;
}

.revenue-property ul li:nth-child(2n) {
	margin-right: 0;
}

.revenue-property ul li:last-child {
	margin-bottom: 0;
}
	
.revenue-property ul li .sub-image{
	margin: 0 auto;
	max-width: 340px;
}


.produce1-cont{
	margin: 0 auto;
	padding-top: 50px;
	width: 94%;
	max-width: 1120px;
	
}

.produce1-cont .data h2{
	margin-bottom: 10px;
	font-size: 200%;
	line-height: 150%;
}

.produce1-cont .data .address-data{
	margin-bottom: 20px;
}


.produce1-cont-olus{
	margin: 0 auto;
	width: 94%;
	padding-top: 30px;
	max-width: 1120px;
}

.produce1-cont-olus .flex{
	margin-bottom: 15px;
	
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content:flex-start;
	align-items: stretch;

	/*--- IE10 用 ---*/
	display:-ms-flexbox;
	-ms-flex-flow:row-reverse wrap;
	-ms-flex-pack:flex-start;
	-ms-flex-align:stretch;

	/*--- Androidブラウザ用 ---*/
	display:-webkit-box;
	 -webkit-box-direction:wrap;
	-webkit-box-pack:flex-start;
	-webkit-box-align:stretch;
	
	/*--- safari（PC）用 ---*/
	display:-webkit-flex;
	-webkit-flow:row-reverse wrap;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
}

.produce1-cont-olus img{
	max-width: 100%;
	height: auto;
}

.produce1-cont-olus .main{
	width: 57%;
	margin-left: 2%;
	position: relative;
}

.produce1-cont-olus .main .ab{
	position: absolute;
	width: 154px;
	right: 0;
	top: -10px;
}

.produce1-cont-olus .sub{
	width: 41%;
}

.produce1-cont-olus .sub p{
	margin-bottom: 10px;
}

.produce1-cont-olus .sub p:last-child{
	margin-bottom: 0;
}



.produce1-cont-olus{
	margin: 0 auto;
}

.produce1-cont-olus .flex{
	margin-bottom: 15px;
}

.produce1-cont-olus .main{
	width: 57%;
	margin-left: 2%;
	position: relative;
}

.produce1-cont-olus .main .ab{
	position: absolute;
	width: 70px;
	right: 0;
	top: -10px;
}

.produce1-cont-olus .sub{
	width: 41%;
}

.produce1-cont-olus .sub p{
	margin-bottom: 10px;
}

.produce1-cont-olus .sub p:last-child{
	margin-bottom: 0;
}

.end-sp{
	display: block;
	height: 80px;
}