/************
 *
 * sp.css
 * 
 * Common source
 * Toppage coding
 *
 ***********/
 
/* ----------------------------------------
 * 共通部分
---------------------------------------- */
body {
	font-size: 14px;
}

.res-sp {
    display: block;
}

.res-pc {
    display: none;
}

.main_content {
    overflow: hidden;
}

.container {
  padding-right: 10px;
  padding-left: 10px;
}


/* table
----------------------------------- */
table tr th,
table tr td {
	padding: 8px 12px;
}

.table_corp tr th,
.table_corp tr td {
	width: 100%;
	display: block;
}

.table_corp tr th {
	border-right: #ddd 1px solid;
}

.table_corp tr:last-of-type td {
	border-bottom: #ddd 1px solid;
}


/* 余白調整 */
.kento_Blk {
	padding: 0 5px;
}

/* 角丸の枠線 */
.border_wrap {
  padding: 20px 15px 15px;
}


/* ----------------------------------------
 * フォント部分
---------------------------------------- */
h1 {
	font-size: 2em;
}

h2 {
  font-size: 1.7em;
}

h3 {
	font-size: 1.5em;
}

.mainTitle {
  /*height: 70px;*/
  padding: 20px 5px 12px;
}

/* ----------------------------------------
 * header
---------------------------------------- */
.site-header {
	border-bottom: 1px solid #ccc;
}

.top-nav {
  padding: 7px 5px;
}

.site_title {
	margin: 6px 0;
	width: 170px;
}


/* #mobile-header
----------------------------------- */
#mobile-header {
		display: block;
		float: right;
		overflow: hidden;
}

.responsive-menu-button {
	float: right;
	width: 40px;
	padding: 0 3px;
}



/* ----------------------------------------
 * footer
---------------------------------------- */

/* scroll_to_top
----------------------------------- */
.scroll_to_top img {
		width: 50px;
		height: 50px;
}


/* foot-subnav
----------------------------------- */
.foot-subnav ul {
	padding: 0;
}

.foot-subnav li {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

.foot-subnav li a {
	padding: 15px 20px 15px;
	margin: 0;
	display: block;
	border-right: none;
	position: relative;
}

.foot-subnav li a:before {
  font: normal normal normal 14px/1 FontAwesome;
	content: "\f054";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
}


/* foot-bottom
----------------------------------- */
.relation_bana li {
	float: left;
	width: 48%;
	margin: 0 4% 2% 0;
}

.relation_bana li:nth-of-type(2n) {
	margin: 0 0 2% 0;
}


/* ----------------------------------------
 * toppage
---------------------------------------- */
.toppage .cream h1,
.toppage .cream h2 {
  font-size: 1.7em;
}


/* #wide slide
----------------------------------- */
@media only screen and (max-width: 568px) and (min-width: 320px) {
  .sp-buttons {
    bottom: -10px;
  }
  
  .sp-button {
    width: 10px;
    height: 10px;
  }
}

/* top-linkBlk
----------------------------------- */
.top-linkBlkIn {
  padding: 30px 1% 20px;
}

.top-linkBlkIn h3 {
  margin-bottom: 20px;
	font-weight: normal;
	font-size: 1.3em;
}

.top-linkBlkIn ul {
	overflow: hidden;
}

.top-linkBlk li {
    margin: 0 1% 10px 1%;
    width: 48%;
    height: 150px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
		font-size: 1.15em;
}

.top-linkBlk li a:before {
	height: 85px;
}

/* top_bussiBlk */
	.top-linkBlk li a.ico-sell:before {
		background-size: auto 80px;
		width: 90px;
	}
	
	.top-linkBlk li a.ico-buy:before {
		background-size: auto 80px;
		width: 101px;
	}
	
	.top-linkBlk li a.ico-build:before {
		background-size: auto 80px;
		width: 103px;
	}
	
	.top-linkBlk li a.ico-csr:before {
		background-size: auto 80px;
		width: 74px;
	}

/* top_corpBlk */
	.top-linkBlk li a.ico-greeting:before {
		background-size: auto 80px;
		width: 90px;
	}
	
	.top-linkBlk li a.ico-history:before {
		background-size: auto 80px;
		width: 116px;
	}
	
	.top-linkBlk li a.ico-office:before {
		background-size: auto 80px;
		width: 78px;
	}
	
	.top-linkBlk li a.ico-saiyo:before {
		background-size: auto 80px;
		width: 89px;
	}


/* top_btnWrap
----------------------------------- */
.top_btnWrap a {
	padding: 15px 10px 5px;
}

.top_btnWrap h3 {
    margin-bottom: 12px;
}


/* -----------------------------------------------
 * bussiness
----------------------------------------------- */
/* sell.html .reason_list
----------------------------------- */
.reason_list dl {
	width: 100%;
	padding: 12px;
	overflow: hidden;
}

.reason_list dl dt {
	width: 42px;
	line-height: 42px;
	font-size: 1.5em;
}


/* -----------------------------------------------
 * office
----------------------------------------------- */
/* office_table
----------------------------------- */
.office_table tr th {
  width: 24%;
}


/* office_photo
----------------------------------- */
.office_photo li {
	width: 49%;
}

.office_photo li:nth-of-type(2n) {
	margin: 0 0 1.5% 0;
}

.office_photo li .btn_box a {
  padding: 10px 18px 8px 12px;
}


/* staff_list
----------------------------------- */
.staff_list li {
	margin-right: 2%;
	width: 49%;
}

.staff_list li:nth-of-type(2n) {
	margin-right: 0;
}


/* google-maps
----------------------------------- */
.google-maps {
  padding-bottom: 80%;
}


/* -----------------------------------------------
 * form
----------------------------------------------- */
form .input01 {
  width: 100%;
}

form input,
form textarea {
  font-size: 1.1em;
}

/* list_flow-item
----------------------------------- */
.list_flow-item {
  line-height: 1.4;
  box-sizing: border-box;
  width: 34%;
  height: 55px;
  padding: 9px 0 0 10px;
  margin-right: 1%;
}

.list_flow-step {
  padding: 0 3px 0 0;
  margin: 0;
  font-size: 10px;
}

.list_flow-num {
  font-size: 15px;
}

.list_flow-text {
  font-size: 11px;
}

.list_flow-item:after {
    border-top: 27px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 14px solid #f3f3f3;
    right: -6px;
}

.list_flow-item:last-of-type {
  text-align: center;
  padding: 8px 0 0;
}


/* -----------------------------------------------
 * consult
----------------------------------------------- */
.consult_switch {
	padding: 1em;
}

.consult_switch .consult_buy,
.consult_switch .consult_sell {
    margin: 0 2%;
    font-size: 1.4em;
    width: 46%;
}

.consult_switch .btn_box a {
	padding: 1.2em 0;
}

.consult_switch .consult_buy i,
.consult_switch .consult_sell i {
    border-radius: 23px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto 5px;
}