@charset "utf-8";

#faq h2{
	font-size: 25px;
    height: 160px;
    background: url(../common/img/head_bg.png) repeat-x;
    text-align: center;
    line-height: 160px;
    color: #3a3c4f;
}

/* メイン */
#main-box #tabblock{width:100%; display:block; margin:0 auto; padding:33px 0 0;  background:url(../img/border.png) repeat-x; background-position:bottom center; text-align:center; overflow:hidden;}
#main-box #tabblock div{padding-top:33px; display:inline-block; width:24%; height:84px; border:1px solid #cacccc; border-bottom:none; background:white; font-size:16px; color:#3a3c4f; text-decoration:none; line-height:120%; vertical-align:middle; box-sizing:border-box;    text-align: center;}
#main-box #tabblock .tab2 span,#main-box #tabblock .tab3 span{display:none;}
#main-box #tabblock .tab3{padding-top:23px;}
#main-box #tabblock .tab1, #main-box #tabblock .tab2,#main-box #tabblock .tab4{padding:16.5px 0;}
#main-box #tabblock .tab1, #main-box #tabblock .tab2,#main-box #tabblock .tab4{line-height:49px;}
#main-box .contents-box{width:100%; height:auto; margin:0 auto; overflow:hidden;}
#main-box #tab2, #main-box #tab3, #main-box #tab4{width:100%; height:auto; display:none;}
#main-box #tabblock div.tab-index.select{
	color:#3a3c4f;
	border: 1px solid #cacccc;
	border-bottom: none;
	background: #fff;
}
#main-box #tabblock div.tab-index{
	color:rgba(169,150,102,0.5);
	border: 1px solid #cacccc;
	border:none; background:none;
}

/* タブ共通*/
.contents-box{padding-top:60px; padding-bottom:105px;}
.contents-box .contents{width:80%; max-width:800px; height:auto; margin:20px auto; padding-bottom:20px; text-align:left; border-bottom:1px solid #cacccc;}
.contents-box .contents .quest{width:85%; margin:0; padding-left:45px; font-size:18px; line-height:1.6em; color:#3a3c4f; font-weight:normal; text-align: justify;}
.contents-box .contents .ans{width:85%; margin:20px 0 0; padding-left:45px; font-size:15.6px; line-height:1.8em; text-align: justify;}
.no-demo {
	display:none;
}
/* 回答の開閉 */
.switchHat{}/* 見出し */
.switchOn{background:url(../img/open_icon.png) no-repeat; background-position:left center;}/* 閉 */
.nowOpen{background: url(../img/close_icon.png) no-repeat; background-position:left center;}/* 開 */

@media screen and (max-width: 768px) {
	#main-box #tabblock{width:98%; padding:33px 0 0;}
	#main-box #tabblock a{}
	#main-box #tabblock .tab1{padding-top:16.5px;}
	#main-box #tabblock .tab3{padding-top:5px;}
	#main-box #tabblock .tab3 span{display:inline;}

	.contents-box .contents{width:90%;}
}
@media screen and (max-width: 480px) {
	#main-box #tabblock .tab2{line-height:120%;}
	#main-box #tabblock .tab2 span{display:inline;}
	#main-box #tabblock div{
		    width: 49%;
	}
	#main-box #tabblock div.tab-index.select{
		border-bottom: 1px solid #cacccc;
	}
}
/**************************************************************************/