/*サブページ　レイアウト*/


/****************
ランディングページで使用
*****************/
.sub_box1{
	text-align:center;
}
.sub_box1 img{
	margin:0 auto 0.4rem;
}
	.sub_box1 ul{
		text-align:left;
	}

/*****************
表1　会社概要
******************/
table.company {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 1.2rem;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #dee7ff;
    vertical-align: middle;
    text-align: left;
    width: 25%;
    overflow: visible;
    position: relative;
    color: #0d294a;
    font-weight: normal;
    font-size: 1.2rem;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #dee7ff;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 8px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #dee7ff 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}


/*****************
表2
******************/
table.table2 {
  width:100%;
  table-layout:fixed;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #cfcfcf;
}
table.table2 caption {
  padding:1rem;
  line-height: 1.5;
  text-align: center;
  background:#ffe323;
  font-size:1.3rem;
  color:#120400;
  font-weight:bold;
}
table.table2 tr th {
  vertical-align:middle;/*PCにのみ反映される*/
  background:#f2f2f2;
}
	table.table2 tr th.thead_bikou1 {
		width:40%;/*PCにのみ反映される*/
	}
	table.table2 tr th.thead_main {
		width:10%;/*PCにのみ反映される*/
	}
table.table2 tr th,
table.table2 tr td {
  padding:1rem 0.5em 0.8rem 0.5rem;
  line-height: 1.2;
  text-align:left;
  vertical-align:middle;/*PCにのみ反映される*/
  border:1px solid #cfcfcf;
}

table.table2 {
	font-size:1.3rem;
}
	.caption1{/*PCにのみ反映される*/
		font-size:1.4rem;
	}
		.table2 th.caption1 span.red{
			color:#FF0000;
		}
		.table2 th.center1{
			text-align:center;
		}
	.table2 span.tanka1{
		color:#FF0000;
		font-weight: bold;
	}
	.table2 span.bikou1{
		font-size:1.1rem;
	}
		/* スマホのみ　※ルールとしてモバイルファーストで記述しているため　下記は強制的にここでスマホのみ対応*/
		@media screen and (max-width:751px){
		  
		  /* パターン6：縦横切替 */
		  .tableBlock.pattern06 table,
		  .tableBlock.pattern06 table caption,
		  .tableBlock.pattern06 table thead,
		  .tableBlock.pattern06 table tbody,
		  .tableBlock.pattern06 table tr,
		  .tableBlock.pattern06 table tr th,
		  .tableBlock.pattern06 table tr td {
			display:block;
		  }
		  .tableBlock.pattern06 table tr th,
		  .tableBlock.pattern06 table tr td {
			margin:-1px; /* borderが二重になるのを防ぐ */
		  }
		  .tableBlock.pattern06 table thead {
			  display:none;
		  }
		  .tableBlock.pattern06 table tbody tr td[data-th]:before {
			content: attr(data-th) " : ";
			font-weight: bold;
			display: inline-block;
			margin-right:0.25em;
		  }
		  
		/* スマホ */ }

/*****************
表3 会社概要
******************/
table.syokuninlist{
  border-collapse: collapse;
  width: 100%;
  font-size:1.2rem;
　text-align: center;
}
table.syokuninlist th,
table.syokuninlist td {
  padding: 10px;
  border: 1px solid #e1e1e1;
  text-align: center;
}
table.syokuninlist th {
  font-weight:normal;
  background-color: #eee;
  text-align: center;
  width: 25%;
}
		/* スマホのみ　※ルールとしてモバイルファーストで記述しているため　下記は強制的にここでスマホのみ対応*/
		@media screen and (max-width: 751px) {
		  table.syokuninlist {
			border-top: 1px solid #e1e1e1;
		  }
		  table.syokuninlist td {
			display: block;
			text-align: center;
		  }
		  table.syokuninlist th {
			display: block;
			border-top: none;
			border-bottom: none;
			width: 100%;
		  }
		/* スマホ */ }
		
		
/*****************
アコーディオン（センター揃い）
よくある質問/
******************/
.h_3_accordion2 {
	color:#ffffff;
	font-size: 16px;
	font-size:1.6rem;
	font-weight:normal;
}
/*****************
よくある質問/
******************/
.answer {
	width:20px;
}

/*****************
実績ページ
******************/
.li_tateList {margin:0 0 3rem 0;}

		
@media screen and (min-width: 751px) {/*タブレット*/
/****************
ランディングページで使用
*****************/
.sub_box1 {
	width:640px;
	margin:0 auto;
}
.sub_box1 p{margin-bottom:1.8rem;}

/*****************
表2
******************/
table.table2 caption {
  padding:1.3rem;
  font-size:1.8rem;
}
	.caption1{
		font-size:1.6rem;
	}
	.table2 span.bikou1{
		font-size:1.3rem;
	}

/*****************
アコーディオン（センター揃い）
よくある質問/
******************/
.h_3_accordion2 {
	color:#222;
	overflow: hidden;
	text-align: center;
    font-size: 1.8rem;
	margin: 3rem 0 1.5rem;
	font-weight:bold;
}
.h_3_accordion2 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5rem;
	padding: 0 1rem;
	text-align: left;
}
.h_3_accordion2 span::before,
.h_3_accordion2 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.h_3_accordion2 span::before {
	right: 100%;
}
.h_3_accordion2 span::after {
	left: 100%;
}

/*****************
よくある質問/
******************/
.answer {
	width:40px;
}

}

@media screen and (min-width: 1025px) {/*デスクトップ*/

/*****************
表2
******************/
table.table2 caption {
  padding:1.5rem;
  font-size:2.0rem;
}

/*****************
アコーディオン（センター揃い）
よくある質問/
******************/
.h_3_accordion2 {
    font-size: 2rem;
}
}