@charset "utf-8";
/* CSS Document */

#Answer{
overflow: hidden;
z-index: 1000;
top: 510px;
}

#Answer.fixed {
position: fixed;
top: 30px;
}

#answer-toggle{
	font-weight: bold;
	color: #FFF;
	background-color: #119452;
	padding: 8px;
	cursor: pointer;
	border-radius:4px;
	text-decoration: none;
	display: block;
	margin-left: 784px;
	margin-top: 0px;
	width:114px;
}


#answer-toggle{
	font-weight: bold;
	color: #FFF;
	background-color: #119452;
	padding: 8px;
	cursor: pointer;
	border-radius:4px;
	text-decoration: none;
	display: block;
	margin-left: 784px;
	margin-top: 0px;
	width:114px;
}


#answer-toggle:hover{
	background-color: #0B6236;
	}

#answer-toggle:before{
	content:"答えの欄を開閉";}



#SouzokuBtn a {
	background: url(../../../gyoumu/img/souzoku_btn_on.gif) no-repeat bottom center;
}
#SouzokuNavi ul #FaqBtn a {
	background-position: -282px 0px;
}
#Souzoku h3 {
	width: 100%;
	margin-bottom: 20px;
	font-size: 23px;
	border-left: solid #f58003 4px;
	border-bottom: solid #cecece 1px;
	padding: 3px 0 0 10px;
	font-weight: normal
}

/*#SouzokuCategory{
	overflow: hidden;
	}

#SouzokuCategory li{
	display: block;
	float: left;
	height: 80px;
	width: 160px;
	box-sizing:border-box;
	background-color: #f7f7f7;
	margin-right: 24px;
	border: 1px solid #cecece;
	font-weight: bold;
	background-image: url(../img/cate_bg.png);
	background-repeat: no-repeat;
	background-position: 132px center;
	margin-bottom: 24px;
	}
	
#SouzokuCategory li:hover{
	border-top-color: #49AB4E;
	border-right-color: #49AB4E;
	border-bottom-color: #49AB4E;
	border-left-color: #49AB4E;
	}
	
#SouzokuCategory li a{
	color: #000;
	text-decoration: none;
	display: block;
	height: 80px;
	width: 160px;
		padding-top: 28px;
	padding-left: 25px;
	box-sizing:border-box;
	}

#SouzokuCategory .adjust{
	margin-right: 0px;
	}
	
#SouzokuCategory .newline a{
	padding-top: 20px;
	}*/
	
	
#Category{
	overflow: hidden;
	}	

#Souzoku #Category ul li{
	float: left;
	width: 48%;
	border: 1px solid #bfbfbf;
	margin-right: 4%;
	box-sizing:border-box;
	padding: 16px;
	background-color: #f7f7f7;
	margin-bottom: 4%;
	position: relative;
}

#Souzoku #Category ul li p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	}

#Souzoku #Category ul .rm{
	margin-right: 0px;
	}
	
.cate_name{
	margin-top: 20px;
}
	
.cate_name a{
	font-size: 24px;
	font-weight: bold;
	color: #f58003;
	background-image: url(../../img/list_square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	}
	
.cate_copy{
	font-size: 18px;
	padding-left: 20px;
	}
	
.cate_txt{
	padding-left: 20px;
	}
	
	
#Souzoku h4{
	font-size: 24px;
	background-image: url(../../img/list_square.gif),url(../img/qa_title_bg.gif);
	background-repeat: no-repeat,repeat-x;
	background-position: left 8px,right center;
	padding-left: 24px;
	}

	
	
#Souzoku h4 span{
	background-color: #FFF;
	padding-right: 20px;
	color: #000;	
	}
	
.qabox{
	margin-top: 60px;
	clear: both;
	}
#Answer + .qabox{
	margin-top: 10px;
	}



.acd-check{
    display: none;
}
.acd-label{
	display: block;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-image: url(../img/q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 18px;
	padding-left: 36px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
}
.acd-label:after{
	box-sizing: border-box;
	content: url(../img/close.gif);
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	padding-right: 20px;
}
.acd-content{
	display: block;
/*	height: 0;
	opacity: 0;*/
		transition: .0s;
/*	visibility: hidden;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-image: url(../img/a.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 36px;
	font-size: 16px;
	line-height: 1.7;
}
.acd-check:checked + .acd-label:after{
    content: url(../img/open.gif);
}
.acd-check:checked + .acd-label + .acd-content{
	opacity: 1;
	visibility: hidden;
	/*	height:160px;*/
		transition: .0s;
	height:0;
}

	
#Souzokuzei .acd-content p span{
	color: #333;

	}

.acd-content ul{
	margin-top: -20px;
	}
	
.acd-content ul li{
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 0px;
	margin-left: 20px;
	}
	
#Souzoku .matome{
	margin-top: 60px;
	clear: both;
	}
	
#SouzokuWrap .qacate{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F58003;
	font-weight: bold;
	color: #FFF;
	padding: 12px;
	}
	
.qa_navi ul{
	overflow: hidden;
	margin-top: 100px;
	}
	
.qa_navi ul li{
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #f58003;
	border-left-color: #f58003;
	background-color: #f7f7f7;
}

.qa_navi ul li a{
	color: #E95520;
	font-weight: bold;
	font-size: 16px;
	}

.qa_navi ul .lb{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f58003;
}

.qa_navi ul .lr{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f58003;
}

.qa_navi ul .lb + .lr{
	background-color: #FFF;
	}
	
.under{
	margin-top: 80px;
	}
	
	
 @media screen and (max-width: 767px) {
		 
	 
#SouzokuNavi ul li#FaqBtn{
	font-weight: bold;
	background-image: -moz-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(247,247,247) 37%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(247,247,247) 37%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(239,239,239) 0%, rgb(247,247,247) 37%, rgb(255,255,255) 100%);
}
	 

#Souzoku h3 {
	margin-top: 20px;
	font-size: 25px;
	font-weight: bold;
	border-left: none;
	border-bottom: none;
	padding: 0;
	color: #047f0b;
	margin: 30px auto
}

#SouzokuCategory li{
	display: block;
	float: left;
	height: 60px;
	width: 46%;
	box-sizing:border-box;
	background-color: #f7f7f7;
	margin-right: 2%;
	border: 1px solid #cecece;
	font-weight: bold;
	background-image: url(../img/cate_bg.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	margin-bottom: 20px;
	margin-left: 2%;
	}
	
#SouzokuCategory .adjust{
	margin-right: 2%;
	}
	
#SouzokuCategory li a{
	color: #000;
	text-decoration: none;
	display: block;
	height: 60px;
	width: 100%;
		padding-top: 22px;
	padding-left: 12px;
	box-sizing:border-box;
	}
	
#SouzokuCategory .newline a{
	padding-top: 12px;
	}
	
#Souzoku h4{
	font-size: 20px;}
	
.acd-label{
	font-size: 14px;
	padding-right:28px;
	}
	
.acd-label:after{
	padding-right: 0px;
	position: absolute;
	right: 0;
	top: 30%;
}

.acd-content{
	font-size: 14px;
	}
	
.acd-content ul{
	margin-top: 0px;
	}
	

#Souzoku #Category ul li{
	float:none;
	width: 100%;
	border: 1px solid #bfbfbf;
	margin-right: 0;
	box-sizing:border-box;
	padding: 16px;
	background-color: #f7f7f7;
	margin-bottom: 4%;
}

.cate_name a{
	font-size: 20px;
	font-weight: bold;
	color: #f58003;
	background-image: url(../../img/list_square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	}
	
.cate_copy{
	font-size: 16px;
	padding-left: 20px;
	}
	
#Category ul li .mb_only{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	}
	
.qa_navi ul li{
	display: block;
	float: none;
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #f58003;
	border-left-color: #f58003;
	background-color: #f7f7f7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f58003;
	height: 62px;
	padding: 0px;
	box-sizing:border-box;
}

.qa_navi ul li a{
	color: #E95520;
	display: block;
	height: 62px;
	width: 100%;
	padding-top: 20px;
	}

.qa_navi ul .lb{
	border-bottom-style: none;
}

.qa_navi ul .lr{
	border-bottom-style: none;
}

.qa_navi ul .lb + .lr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f58003;
	}
#Answer{
	overflow: hidden;
	z-index: 1000;
	right: 5%;
margin-left: calc(100% - 114px);
text-align: center;
	}
	
#Answer.fixed {
	position: fixed;
	top: auto;
	bottom: 20px;
	left: 20px;
	right: auto;
margin-left:0;
}


#answer-toggle{
	display: block;
	font-weight: bold;
	color: #FFF;
	background-color: #119452;
	padding: 8px;
	cursor: pointer;
	border-radius:4px;
	margin-left: 0px;
}

#answer-toggle:before{
	content:"回答を開閉";}

	 
	 }