@charset "utf-8";
/* ************************************++++++++++***** 

新レイアウトのFAQページデザインを適用するためのCSSです。

************************************++++++++++*****  */

/* 2023-11 COCORO OFFICE&NASのよくあるご質問ページ */

/* COCORO OFFICE / NAS ページトップナビゲーションメニュー*/

#nav_wrap {
  border-bottom: #716f63 15px solid;
	    background: #b3b2a4;
	margin-top: 2em;
}

#nav_table {
    width: 100%;
	max-width: 1200px;
    margin: 0 auto;
    display: flex;
}

#nav_table li{
	flex:1;
	border-left:2px solid #FFF;
	padding: 1em 0;
	text-align: center;
	list-style:none;
}

#nav_table li a{
	text-decoration: none;
	color:#FFF;font-size:115%;
}

#nav_table li:first-child{
	border:0;
}

#nav_table>.active{
	background:#716f63;
}

/* COCORO OFFICE / NAS FAQ テーブル 20240606 add*/

.faq_vol_tb{
	width: 50%;
	padding-left: 25%;
}


/* COCORO OFFICE / NAS FAQ テーブル 20240606 add*/
@media screen and (max-width: 768px) {
.faq_vol_tb{
	width: 95%;
	padding-left: 5%;
}
}

@media screen and (max-width: 768px) {
  #nav_wrap {
    display: none;
  }
}
/* ２段目以降回答の文字サイズ */

.answer{
font-size:19px;
margin-top: 0 !important;}

@media screen and (max-width: 768px) {
.answer{
font-size:17px;
}
}


/* 回答エリアの文字＆画像幅制限 */

.answer_wrap{
	font-weight: 300;
	/*font-size:110%;*/
}
.answer_wrap img{
	max-width: 800px;
}

@media screen and (max-width: 768px) {
	.answer_wrap img{
	/*width: 100% !important;*/
	width: 100% ;
	max-width: 800px;
}

.faq-dbBox .answer_wrap img {
     width: 100%; 
}
}


/* COCORO OFFICE LOGO*/

.logo_img{
	padding: 3em 0;
	text-align: center;
}

.logo_img img{
width: 95% !important;
}

@media screen and (max-width: 768px) {
	.logo_img{
	padding: 0 3em;
}
}

/* その他サイズ関係追加分 */
.mtem6{
	margin-top: 6em!important;
}

.mtem7{
	margin-top: 7em!important;
}

.mtem8{
	margin-top: 8em!important;
}

.mtem9{
	margin-top: 9em!important;
}

.mtem10{
	margin-top: 10em!important;
}
/* 2023-11 COCORO OFFICE&NASのよくあるご質問ページ END*/