header #header-top .desc {
    font-size: 90%;
}
#concept h2 {
    color: #ffffff;
}
header #header-top {
    background-color: #000000;
}
header #headerRight {
    width: auto;
    text-align: center;
}
header #headerRight address span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
header #headerRight address a {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.1rem;
}
header #gnavi {
    background: #00397a;
}
header #gnavi li a {
    font-weight: lighter;
}
#concept {
    background: #4590cd;
}
#concept .inner h2 {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
}
.topMenu-wrap {
    background: #f4f7fa;
}
/* 業務内容 */
.topTi {
    margin-bottom: 0;
    background: #00397a;
}
/* 優秀な人材を〜お任せ下さい。  */
.sub-concept{
	text-align:center;
    padding:47px 0;
    font-size: 32px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sub-detail {
    /* overflow: hidden; */
    padding-bottom: 47px;
}
.sub-detail .sub-menu {
    width: 100%;
    height: 536px;
    background: url(images/sub-detail-bg.jpg) no-repeat center;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub-detail section {
    /* float: left; */
    /* width: 30.9%; */
    /* margin-left: 3.65%; */
    padding: 0;
}
.sub-detail .sub-menu1 h3,.sub-detail .sub-menu3 h3 {
    background: rgba(0, 57, 103, 0.76);
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.sub-detail .sub-menu1 {
    width: 380px;
    height: 440px;
    margin-right: 0;
    /* width: 34.9%; */
    /* margin-left: 0; */
}
.sub-detail .sub-menu1 ul {
    padding: 18px;
    background: rgba(255, 255, 237, 0.59);
}
.sub-detail .sub-menu1 ul li h4 {
    font-size: 18px;
    font-weight: bold;
}
.sub-detail .sub-menu1 ul li p {
    font-size: 14px;
    padding-bottom: 14px;
}
.sub-detail .sub-menu1 ul li:last-child p {
    padding-bottom: 0;
}
/* /* .sub-detail .sub-menu2 {
    /* width: 26.9%;
} */
.sub-detail .sub-menu2 img {
    width: 100%;
}
.sub-detail .sub-menu2 .company-logo {
    width: 225px;
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px;
}
.sub-detail .sub-menu2 .arrow01, .sub-detail .sub-menu2 .arrow02 {
    width: 24px;
}
.sub-detail .sub-menu3 {
    /* width: 30.9%; */
    height: 440px;
    margin-left: 0;
    /* margin-right: 3.65%; */
}
.sub-detail .sub-menu3 h3 {
    width: 268px;
    display: block;
    margin: 0 auto;
}
/* 当協会について */
#infoTopBox02 .sub-title {
    padding: 47px 0;
    text-align: center;
}
.page-content {
    font-size: 14px;
}
.history {
	width: 100%;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}
.company .history p {
    padding: 20px 0;
    border-bottom: 1px solid #CACACA;
    line-height: 3;
}
.history th {
	width: 20%;
	padding: 15px 0 15px 90px;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
}
.history tr:first-child th {
    padding-top: 47px;
}
.history tr:last-child th {
    padding-bottom: 47px;
}
.history td {
	width: 70%;
	padding: 15px 0;
}
.history tr:first-child td {
    padding-top: 47px;
}
.history tr:last-child td {
    padding-bottom: 47px;
}
.history02 {
    overflow: hidden;
    border-bottom: 1px solid #CACACA;
}
.history02 .sub-title {
    border-bottom: 1px solid #CACACA;
    clear: both;
}
.history02-left {
    float: left;
    width: 20%;
    padding: 47px 5% 47px 0;
}
.history02-left img:first-child {
    padding-bottom: 15px;
}
.history02-right {
    float: left;
    width: 70%;
    padding: 47px 0;
    line-height: 1.9;
} 
.history02-right p {
    padding-bottom: 15px;
}
.history02-right p:last-child {
    padding-bottom: 0;
    padding-top: 15px;
}

/* 会社概要 */
table.company-table2 th{
	padding: 25px 0 25px 90px;
	text-align:left
}
table.company-table2 td{
	padding: 20px 0;
}
table.company-table2 td .zigyo-txt{
	line-height: 2.5;
}
 table.company-table2{
	width: 100%;
    border-top: 1px solid #CACACA;
    line-height: 3;
}
 table.company-table2 th{
	width: 50%;
	border-bottom: 0px solid #CACACA;
	padding: 15px 0 15px 90px;
	font-weight: normal;
	vertical-align: top;
	text-align:right;
}
 table.company-table2 td{
	width: 50%;
	border-bottom: 0px solid #CACACA;
    padding: 15px 0;
    font-size: 16px;
}
 table.company-table2 th{
    padding: 20px 25px 25px 65px;
    font-size: 16px;
}
 table.company-table2 td{
    padding: 20px 0;
    padding-left: 25px;
}
/* 概要 */
.company .company-table {
    width: 55%;
    margin: 0 auto;
    /* border-top: 1px solid #CACACA; */
    /* border-bottom: 1px solid #CACACA */
}
.company .border {
    border-bottom: 0px solid #CACACA;
}
.company .border02 {
    border-top: 1px solid #CACACA;
}
.company .company-table th {
	width: 30%;
    padding: 30px 30px ;
    font-weight: normal;
    vertical-align: top;
    text-align:left;
}
.company .company-table tr:first-child th {
    padding-top: 47px;
}
.company .company-table tr:last-child th {
    padding-bottom: 47px;
}
.company .company-table td {
	width: 70%;
    padding: 30px 30px;
	font-weight: normal;
    vertical-align: top;
    text-align:left;
    padding-left: 25px;
}
.company .company-table tr:first-child td {
    padding-top: 47px;
}
.company .company-table tr:last-child td {
    padding-bottom: 47px;
}
.gallery {
    
    padding-bottom: 39px;
}
.gallery ul {
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 47px;
    width: 85%;
    margin: 0 auto;
}
.gallery li {
    width: 28%;
    float: left;
    padding-right: 8%;
    padding-bottom: 7px;
}
.gallery li:nth-child(3n){
    padding-right: 0;
}
.gallery p {
    text-align: center;
    padding: 8px 0;
}


/* アクセス */
.access-left{
	float: left;
    width: 32.7%;
    padding-top: 47px;
}
.access-left p{
	line-height: 1.7;
	padding-top: 25px;
}
.access-left span {
    line-height: 3;
}
.access-right{
	float: right;
    width: 61.8%;
    padding-top: 47px;
    margin-bottom: 50px;
}
.access-right iframe {
    width: 100%;
}
/* お問い合わせ */
#contact .topTi {
    margin-bottom: 60px;
}
.secound.contact {
    background: none;
}
.secound {
    height: 100%;
}
/* contact */
#thanks {
    background: none;
    padding: 0;
}
#thanks p:first-child {
    display: block;
    font-size: 16px;
    text-align: center;
    padding-top: 146px;
}
#thanks p a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: none;
    margin-top: 30px;
    padding-bottom: 146px;

}
@media screen and (max-width : 990px) {
    /* 事業内容 */
    

}
@media screen and (max-width : 768px) {
    header #header-top .desc span {
        display: block;
    }
    header #headerRight address a {
        font-size: 24px;
    }
    /* 事業内容 */
    /* エアコン設置・移設、BS・CS・地デジアンテナ設置など、住まいの電気工事お任せください。*/
    
    .sub-concept{
        padding:30px 0;
        font-size: 26px;
    }
    .sub-concept p {
        font-size:16px;
        padding: 0 3%;
    }
    .sub-detail .sub-menu {
        height: auto;
        background: none;
        display: block;
    }
    .sub-detail .sub-menu1 h3,.sub-detail .sub-menu3 h3 {
        height: auto;
    }
    .sub-detail .sub-menu1 {
        width: 80%;
        margin: 0 auto;
        height: auto;
    }
    .sub-detail .sub-menu1 ul {
        padding: 28px;
    }
    .sub-detail .sub-menu1 li {
        display: block;
        width: 60%;
        margin: 0 auto;
    }
    .sub-detail .sub-menu2 .company-logo {
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .sub-detail .sub-menu2 .arrow01, .sub-detail .sub-menu2 .arrow02 {
        display: block;
        margin: 0 auto;
        transform: rotateZ(90deg);

    }
    .sub-detail .sub-menu3 {
        height: auto;
    }
    .sub-detail .sub-menu3 h3 {
        width: 80%;
    }
    /* 会社概要 */
   table.company-table2 {
        border-bottom: 1px solid #CACACA;
    }
    .company .company-table {
        width: 100%;
    }
    .company .company-table th {
		width: 20%;
        padding: 15px 0 15px 90px;
	}
	.company .company-table td {
		width: 70%;
        padding: 15px 0;
	}
    /* contact */
    #thanks {
        background: none;
        padding: 0;
    }
    #thanks p:first-child {
        display: block;
        font-size: 1rem;
        text-align: center;
        padding-top: 8rem;
        padding-bottom: 2rem;
    }
    #thanks p a {
        display: block;
        text-align: center;
        font-size: 0.8rem;
        color: #333;
        text-decoration: none;
        background-color: #fff;
        border: none;
        padding-bottom: 6rem;

    }
    #footerWrap .add a {
        color: #ffffff;
        text-decoration: none;
    }
}

@media screen and (max-width : 640px) {
    header #headerLeft {
        padding: 10px 0;
    }
	
    /* 事業内容 */
    .sub-detail .sub-menu1 li {
        width: 76%;
    }
    /* 会社概要 */
	table.company-table2 th{
		width: 44%;
		display:inline-block;
		border-bottom:none;
        padding: 15px 6% 15px 0;
		vertical-align:middle;
	}
	table.company-table2 td{
		width: 44%;
		display:inline-block;
		padding: 15px 0 15px 6%;
        vertical-align:middle;
        border-bottom: none;
	}
	table.company-table2 td .zigyo-txt{
		line-height: 2;
    }
    /* 概要 */
    
    .company .company-table th {
		width: 30%;
        padding: 2% 0;
	}
	.company .company-table td {
		width: 70%;
        padding: 2% 0;
	}
	
	

    /* ギャラリー */
    .gallery li {
        width: 47%;
        padding-right: 5%;
    }
    .gallery li:nth-child(3n) {
        padding-right: 5%;
    }
    .gallery li:nth-child(2n) {
        padding-right: 0;
    }
    .access-left{
		float: none;
		width: 100%;
		text-align:center;
	}
	.access-left p{
		line-height: 1.6;
        padding: 10px 0;
	}
	.access-right{
		float: none;
        width:100%;
        padding-top: 0;
		margin-bottom: 30px;
	}#concept .inner h2 {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.1rem;
}
	.spe {
		display: inline-block;
	}
}
ul.fNavi li {
    padding: 0 10px;
}
@media screen and (max-width : 414px) {
    /* 業務内容 */
    .sub-detail .sub-menu1 li {
        width: 100%;
    }
}