@charset "UTF-8";

.conTOP {
	background-color: #ccc;
}

.otherPhoto {
  background-image: url(../img/ttl_consulting_test2.png);
}

/* フォームボタン*/
#image-btn {
border: 0px;
width: 232px;
height: 37px;
background: url(../img/form_btn.gif) left top no-repeat;
cursor: pointer;
}
/* フォームボタン ここまで*/

input{
font-size: 16px;
height: 2.6em;
padding: 0.5em;
line-height: 1.7;
width: 100%;
}

textarea {
	font-size: 16px;
	font-weight: normal;
	padding: 0.5em;
	line-height: 1.7;
	width: 100%;
	min-height: 100px; /* 高さの最小値 */
  resize: vertical; /* 横方向のリサイズを許可 */
}

.height_large{
	min-height: 200px; /* 高さの最小値 */
}



/* 2行対応　株式会社NTTファシリティーズ */
.line-height_1_3 {
	line-height: 1.5!important;
	padding-top: 0.3rem;
}

/* 不使用 */
.padding-top_0_75 {
padding-top: 0.75rem;
}

th {
	text-align: right;/* 右合わせ */
	width:30%;
	padding: 1rem 1rem 1rem 1rem;
}

td {
	width:70%
}



@media screen and (max-width: 680px) {
  th {
	  display: block;
		text-align: left;/* 左合わせ */
	  width: 100%;/* 計算入れない */
		margin-right: 0;
		padding: 0.5rem;
		border: none;
		background-color: #fff;
	}
  td {
		width: 100%;/* 計算入れない */
    display: block;
		font-size: 14px;
		margin-right: 1rem;
		margin-bottom: 1rem;
		padding: 0 0 0.5rem 0;
		line-height: 2.5;
		height: auto;
		border: none;
  }
}

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

/* ２カラム https://whitewood-hp.com/web-tips/archives/4208*/
.column2 li{
	list-style:none;
}
.column2-wrap{
  display:flex;
  flex-wrap:wrap;
  /* 以降はレイアウトとは無関係です */
  margin: 0 auto;
  padding-bottom: 0;
  overflow: hidden;
}

/* 会社概要と営業内容　の比率 */
  .column2-wrap{
    max-width: 1000px;
  }
  .column2-inner01 {
		flex-basis:calc(62% - 2rem);
    margin-top:16px;
    margin: 0 2rem 2rem 0;
  }
	.column2-inner02 {
		flex-basis:calc(38%);
    margin-top:16px;
    margin: 0;
  }
/* 会社概要と営業内容　の比率　ここまで */

/* 840px以下の設定　２カラム→1カラム */
/* 営業内容 カラム落ちさせる*/
@media (max-width: 840px) {
	.column2-inner01{/* 会社概要 */
  	flex-basis:100%;
  	max-width:100%;
  	margin-top:20px;
  	/* 以降はレイアウトとは無関係です */
  	margin: 0;
		}
	.column2-inner02{/* 営業内容 */
  	flex-basis:100%;
  	max-width:100%;
  	margin-top:20px;
  	/* 以降はレイアウトとは無関係です */
  	margin-bottom: 2rem;
	}
	/* 1段目だけ上下マージンを無くす */
	.column2-inner:nth-of-type(1){
  	margin-top:0;
	}

	.column2-inner:nth-child(2n) {/* 二列目の右マージンを無くす */
  	margin-right: 0;
	}
}
/* 2カラム ここまで*/

/* 建築関連　穴度の見出し*/
.conT h3 {
	font-weight: 600;
	font-size: 1rem;
	margin-top: 0;
  margin-bottom: 0.5rem;
}

/* 建築関連　穴度の見出し　の下ラインを出す*/
.column5 ul{
	padding-top: 0.5rem;
  border-top: 1px solid #ccc;
}

/* ５カラム */
.column5{
}

.column5-wrap{
  display:flex;
  flex-wrap:wrap;
	justify-content:flex-start;
	margin-left: 0;
}

.column5-inner{
  background:#fff;
  margin: 0 16px 16px 0;
	background-color: #fff;
	text-decoration: none;
  display: flex;
  flex-direction: column;
}

.column5-inner:nth-child(5n) {
  margin-right: 0;/* ５列目の右スペースを削る */
}

/* ５カラム */
/* 1000px以上 の設定 */
@media (min-width: 1000px) {
	.column5-inner{
		flex-basis:calc((100% - 4rem) / 5);
		width:200px;
	}
	.column5-inner:nth-child(5n) {
		margin-right: 0;
	}
}

/* ５カラム */
/* ４列　800px以上999px以下 の設定 */
@media (min-width: 800px) and ( max-width:999px) {
	.column5-inner{
		flex-basis:calc((100% - 3.2rem) / 4);
		max-width:calc((100% - 3.2rem) / 4);
	}
	.column5-inner:nth-child(4n) {
		margin-right: 0;
	}
}

/* ５カラム */
/* ３列　581px以上799px以下 の設定 */
@media screen and (min-width:581px) and ( max-width:799px) {
  .column5-inner{
		flex-basis:calc((100% - 2.5rem) / 3);
	  max-width:calc((100% - 2.5rem) / 3);
  }
	.column5-inner:nth-child(3n) {
	  margin-right: 0;
	}
}

/* ５カラム */
/* 2列　375px以上580px以下 の設定 */
@media screen and (min-width:375px) and ( max-width:580px) {
  .column5-inner{
		flex-basis:calc((100% - 1.25rem) / 2);
	  max-width:calc((100% - 1.25rem) / 2);
  }
	.column5-inner:nth-child(2n) {
	  margin-right: 0;
	}
}

/* ５カラム */
/* 1列　374px以下の設定 */
@media (max-width: 374px) {
.column5-inner{
  flex-basis:100%;
  max-width:100%;
  margin-top:20px;
  /* 以降はレイアウトとは無関係です */
  margin: 0 0 16px 0;
	}

/* 1段目だけ上下マージンを無くす */
.column5-inner:nth-of-type(1){
  margin-top:0;
	}
}

/* ５カラム ここまで */