/* ===============================================
   technology_acoustic
=============================================== */

#acoustic .introTit .fOp {
display: inline-block;
font-size: 16px;
}

#acoustic .introTit02 {
border: none;
border-left: 5px solid #185A8C;
font-size: 20px;
color: #185A8C;
margin: 30px 0 10px;
padding: 5px 0 0 10px;
}

#acoustic .grpTit .fOp {
font-size: 14px;
}

#acoustic .grpImg .tableBox.imgMain {
text-align: center;
}
#acoustic .grpImg .tableBox.imgMain img {
margin: 0 auto;
padding: 10px 0 0;
width: 100%;
height: auto;
}

#acoustic .grpImg .tableBox.imgMain .tdR {
margin-bottom: 40px;
vertical-align: top;
}


#acoustic .fontSizeM {
font-size: 16px;
}

#acoustic .introTit {
margin-top: 20px;
padding: 10px 15px;
border: 1px solid #044e87;
border-left: 4px solid #044e87;
font-weight: bold;
}
#acoustic .tableBox ul.imgList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}

#acoustic div:not(.sokuteiTbl) ul.imgList {
margin-bottom: 20px;
}

#acoustic .tableBox .imgList li {
width: 48%;
margin: 0 auto 15px;
}

#acoustic .tableBox .imgList li figcaption {
padding: 5px 0 0;
}

#acoustic .introSubTit {
font-size: 18px;
}
#acoustic .tableBox {
margin-bottom: 20px;
}
#acoustic .grpBox .tableBox:last-child {
margin-bottom: 0;
}

#acoustic .grpCapTit {
position: relative;
display: block;
background: #044e87;
color: #fff;
margin: 1.5em auto;
padding: 10px 14px;
max-width: 640px;
font-size: 16px;
line-height: 1.3;
font-weight: normal;
text-align: center;
}
#acoustic .grpCapTit::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 15px solid #044e87;
}
#acoustic .grpCapTit span {
margin: 0;
padding: 0;
}

#acoustic .grpBox .grp {
padding: 10px 0;
}
#acoustic .grpImg figure {
text-align: center;
}

#acoustic .figTit {
display: block;
border: 1px solid #044e87;
color: #044e87;
margin: 0 auto 10px;
padding: 5px 10px;
text-align: center;
}

#acoustic .figTit .fClr {
display: inline-block;
margin: 0 2px;
color: #c00;
font-size: 16px;
font-weight: bold;
}

.acousticConte .secBox .secBox {
padding-top: 20px;
}

.acousticConte .pdtImg {
padding: 10px 0;
}

.acousticConte .fCh {
font-size: 16px;
}
.acousticConte .fCh .fRed {
margin: 0 5px;
font-size: 1.1em;
}

.acousticConte figcaption .btnBox {
display: inline-block;
margin: 0 5px;
padding: 20px 0 0;
}
.acousticConte figcaption .btnBox a {
background: #333;
color: #fff;
margin: 0 5px;
padding: 10px 15px;
font-size: 13px;
font-weight: normal;
text-decoration: none;
}
#acoustic .sokuteiTbl .grpImg .tdR {
padding-top: 0;
padding-bottom: 10px;
}
#acoustic .sokuteiTbl .grpImg .tableBox.imgMain img {
padding-top: 0;
}

@media screen and (max-width: 767px) {
  #acoustic .tableBox .imgList li:nth-child(n+3) {
  margin-bottom: 0;
  }
}
@media screen and (min-width: 768px), print {
  #acoustic .introTit {
  font-size: 22px;
  }
  
  .acousticConte .fCh {
  font-size: 18px;
  }
  .acousticConte .fCh .fRed {
  margin: 0 5px;
  font-size: 1.2em;
  }
    
  #acoustic .grpImg .tableBox.imgMain img {
  width: auto;
  }
  
  #acoustic .grpCapTit {
  font-size: 18px;
  }

  #acoustic .grpBox .pdtImgBoxCol2x {
	display: flex;
	justify-content: space-between;
  width: 845px;
  margin: 0 auto;
  }
  #acoustic .grpBox .pdtImgBoxCol2x .grp {
  width: 410px;
  }
  
  #acoustic .grpImg .grp img {
  width: 410px;
  height: auto;
  margin: 0 auto;
  }
  
  #acoustic .figTit {
  width: 380px;
  padding: 5px 0;
  }
  #acoustic .figTit .fClr {
  font-size: 18px;
  }

  #acoustic .tableBox ul.imgList {
  justify-content: center;
  }
	#acoustic .tableBox .imgList li {
  width: 23%;
	margin: 0 1%;
	}
  #acoustic .tableBox .imgList li img {
  width: 194px;
  height: auto;
  }
  
  .acousticConte .pdtImgBoxCol2 .pdtImg {
  padding: 20px 0;
  }
  
  .acousticConte figcaption .btnBox a {
  padding: 5px 15px;
  }
  .acousticConte figcaption .btnBox a:hover {
  opacity: 0.5;
  }
	#acoustic .grpImg .tableBox.imgMain img.w410 {
	width: 410px;
	}
	#acoustic .grpImg .tableBox.imgMain .sideItem li {
	width: 100%;
	}
	#acoustic .grpImg .tableBox.imgMain .sideItem .imgList img {
	width: 194px;
	height: auto;
	}
  #acoustic .sokuteiTbl .grpImg .tableBox.imgMain {
  padding-top: 10px;
  }
	#acoustic .sokuteiTbl .grpImg .tableBox.imgMain .sideItem li {
	margin-bottom: 20px;
	}
	#acoustic .sokuteiTbl .grpImg .tableBox.imgMain .sideItem li:last-child {
	margin-bottom: 0;
	}
	#acoustic .sokuteiTbl .grpImg .tdR {
	padding-bottom: 0;
	}
}

/* 調整 */

@media all and (-ms-high-contrast: none) {/*IE*/
  .btnBox a {font-family: "メイリオ", Meiryo, sans-serif; } 
}

/* subMenu 追加版
----------------------------------------------- */
/*.subMenu,.subMenuB {
width: 100%;
margin: 0 auto;
}
.subMenu {
padding-top: 40px;
}
.subMenu ul {
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 4%;
}
.subMenu ul li {
display: inline-block;
width: 48%;
margin: 4% 0 0;
vertical-align: top;
}
.subMenu ul li:nth-child(2n) {
margin-left: 4%;
}
.subMenu ul li a {
position: relative;
display: block;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #044e87;
text-decoration: none;
border: #044e87 solid 1px;
vertical-align: middle;
}
.subMenu ul li a:hover {
opacity: 0.5;
}
.subMenu ul li a::after {
position: absolute;
top: 34%;
right: 10px;
bottom: 0;
margin: auto;
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: bold;
font-size: 16px;
line-height: 1em;
}
.subMenu ul li img {
float: left;
width: 50px;
height: auto;
margin-right: 10px;
}
.subMenu ul li span {
display: block;
position: absolute;
top: 50%;
left: 60px;
transform: translateY(-50%);
margin: 0;
padding: 0;
font-family: "メイリオ", Meiryo, sans-serif;
font-size: 13px;
line-height: 1.2;
font-weight: bold;
}
.subMenu ul li i {
color: #044e87;
padding-left: 8px;
}

@media screen and (max-width: 320px) {
  .subMenu ul li span {
  left: 55px;
  font-size: 12px;
  }
}

@media screen and (min-width: 768px), print {
	.subMenu {
	width: 880px;
	padding-top: 70px;
	}
	.subMenu ul {
	padding: 0;
	}
	.subMenu ul li {
	width: 19%;
	font-size: 14px;
	margin: 0;
	}
	.subMenu ul li:nth-child(2n) {
	margin-left: 0;
	}
	.subMenu ul li a {
	margin: 0 auto;
	}
	.subMenu ul li a:after {
	font-size: 20px;
	}
	.subMenu ul li img {
	width: 60px;
	}
  .subMenu ul li span {
  left: 68px;
  }
}*/

/*20220119追記*/
@media screen and (min-width: 768px), print{
.titBox .fCh {
    width: 460px;
    padding: 0 10px 0 0;
    box-sizing: border-box;
		font-size: 20px;
}
}