@charset "utf-8";

/* ****************************************************************************************************
   * 会社概要
**************************************************************************************************** */

#company .table01 {
	border-top: 1px solid #c7c7c7;
}

#company .table01 th, #company .table01 td {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	text-align: left;
	color: #474747;
	padding-left: 20px;
	font-weight: normal;
	line-height: 40px;
	border-bottom: 1px solid #c7c7c7;
}

#company .table01 .th01 {
	background-color: #eeeeee;
}

#company .table01 .th02 {
	background-color: #dcdcdc;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#company .table01 {
	border-top: none;
}

#company .table01 th {
	padding: 0.5em 1em;
	line-height: inherit;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}

#company .table01 td {
	padding: 0.5em 1em;
	line-height: inherit;
	border: none;
}

}

/* アコーディオンA */
.ac-box{
width:100%;
margin:0px;
}

/*ラベル*/
.ac-box label{
max-width: 700px;
font-size: 25px;
text-align:left;
background: #fff;
margin:auto;
line-height: 46px;
position: relative;
display: block;
height: 46px;
cursor: pointer;
color: #333;
transition: all 0.5s;
	padding:0px 0px 0px 50px;
	margin:0px 0px 0px 0px !important;
	border:0.75px solid #c7c7c7;
}

@media screen and (max-width:480px) {
	.ac-box label{
		margin:0px 0px 0px 0px !important;
		border:1px solid #ccc;
		font-size: 18px;
	}
}

/*ラベルホバー時*/
.ac-box label:hover{
background: rgba( 236, 236, 236, 0.70 );
-webkit-transition: all .3s;
transition: all .3s;
}

/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン（↓）*/
.ac-box label:before{
color: #333;
font-family:"FontAwesome";
content:"＋";
position:absolute;
left:15px;
top:-2px;
font-weight:bold;
	font-size:35px;
	
}

@media screen and (max-width:480px) {
.ac-box label:before{
color: #333;
font-family:"FontAwesome";
content:"＋";
position:absolute;
left:15px;
top:-2px;
font-weight:bold;
	font-size:25px;
	
}
}

/*チェックのアイコン（↑）*/
.ac-box input:checked ~ label::before {
color: #333;
font-family:"FontAwesome";
content:"－";
font-weight:bold;
}

/*中身を非表示にしておく*/
.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

/*クリックで中身を表示*/
.ac-box input:checked ~ div{
height: auto;
opacity: 1;
margin-top:20px;
}