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

#guide .hStyle02 {
	border-bottom-color: #005B40;
}

#guide .hStyle02a {
	border-bottom-color: #005B40;
}

#guide .hStyle03 {
	border-left-color: #005B40;
}

#guide .hStyle03a {
	border-left-color: #005B40;
}

#guide .hStyle04 {
	background: url("../../../common/images/common/arrow_green02.png") left top 10px no-repeat;
}

#guide .blockquote01:before{
	color: #005B40;
}

@media screen and (max-width: 767px) {

#guide .hStyle02 {
	font-size: 1.26em;
}

#guide .hStyle02a {
	border-left: none;
	padding: 5px 10px;
	font-weight: bold;
	width: calc(100% + 2px);
	padding: 7px 10px;
	font-size: 1.26em;
	color: #FFF;
	background: #95B518;
	border-bottom: none;
	margin: 0 0 0 -11px;
}

#guide .hStyle03 {
	font-size: 1.26em;
}

#guide .hStyle03a {
	border-left: none;
	padding: 5px 10px;
	font-weight: bold;
	width: calc(100% + 2px);
	padding: 7px 10px;
	font-size: 1.26em;
	color: #FFF;
	background: #95B518;
	border-bottom: none;
	margin: 0 0 0 -11px;
}

#guide .hStyle04 {
	font-size: 1.2em;
	background: url("../../../common/images/common/arrow_green02.png") left top 10px no-repeat;
}


#guide .mainArticleWrap {
	font-size: 1.0em;
}

}

/*--------------------------------------------------------------------
	layoutHead
--------------------------------------------------------------------*/

.layoutHead {
	width: auto;
}

/*--------------------------------------------------------------------
	layoutTop
--------------------------------------------------------------------*/

.layoutTop {
	width: auto;
	border-top: 1px solid #9D9D9D;
	border-left: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
	padding: 20px 15px;
}

.layoutTopCategoryChapter {
	color: #FFF;
	background-color: #525252;
	border: 1px solid #D7D7D7;
	font-size: 1.1em;
	text-align: center;
	padding: 10px;
}

.layoutTopCategoryList {
	background-color: #FAFFF4;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding: 15px 25px;
	font-size: 1.16em;
}

.layoutTopCategoryList li {
	display: inline-block;
	padding: 8px 25px 8px 0;
}

.layoutTopCategoryList li a {
	padding: 0 0 0 17px;
	line-height: 1.0em;
	background: url("../../../common/images/common/arrow_orange01.png") left top 5px no-repeat;
}

.layoutTopCategoryTxt {
	font-size: 1.16em;
	line-height: 1.7em;
	margin-top: 15px;
}

@media screen and (max-width: 767px) {

.layoutTop {
	width: auto;
	border-top: none;
	border-left: none;
	border-right: none;
}

.layoutTopCategoryChapter {
	display: none;
}

.layoutTopCategoryList {
	display: none;
}

.layoutTopInner {
	padding: 10px 0;
}

}

@media screen and (min-width: 768px) and (max-width: 959px) {

.layoutTopInner {
	padding: 15px 15px 25px;
}

}

@media screen and (max-width: 959px) {

.layoutTop {
	padding: 0;
}

.layoutTop .mainArticleWrap {
	padding: 15px;
}

}
/*--------------------------------------------------------------------
	layoutContents
--------------------------------------------------------------------*/

.layoutContents {
	width: auto;
}


/*--------------------------------------------------------------------
	layoutMain
--------------------------------------------------------------------*/

.layoutMain {
	width: 750px;
	float: left;
}

.layoutMainInnerWrap {
	border: 1px solid #9D9D9D;
	padding: 15px;
}

.layoutMainInnerWrap02 {
	border: 1px solid #9D9D9D;
}

.layoutMainInnerWrap02Box {
	padding: 30px 15px 15px;
}

.layoutMainInnerWrap02BoxA {
	padding: 15px;
}

@media screen and (max-width: 1024px) {

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

.layoutMain {
	width: 100%;
	float: left;
	margin-right: -270px;
}

.layoutMainInner {
	margin-right: 270px;
}

}

@media screen and (max-width: 959px) {

.layoutMain {
	width: auto;
	float: none;
}


}

@media screen and (min-width: 768px) and (max-width: 959px) {



}

@media screen and (max-width: 767px) {

.layoutMainInnerWrap {
	padding: 10px;
}

.layoutMainInnerWrap02Box {
	padding: 10px;
}

.layoutMainInnerWrap02BoxA {
	padding: 10px;
}

}

/*--------------------------------------------------------------------
	layoutMainLarge
--------------------------------------------------------------------*/

.layoutMainLarge {
	width: 752px;
	box-sizing: border-box;
	float: left;
}

.layoutMainLargeInner {
	box-sizing: border-box;
	padding: 0 11px 11px;
	border-bottom: 1px solid #9D9D9D;
	border-left: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
}


@media screen and (max-width: 767px) {


}

@media screen and (max-width: 959px) {

.layoutMainLarge {
	width: auto;
	box-sizing: border-box;
	float: none;
}

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

.layoutMainLarge {
	width: 100%;
	float: left;
	margin-right: -260px;
}

.layoutMainLargeInner {
	margin-right: 260px;
}

}


/*--------------------------------------------------------------------
	layoutSide
--------------------------------------------------------------------*/

.layoutSide {
	width: 330px;
	float: right;
}

@media screen and (max-width: 959px) {

.layoutSide {
	width: auto;
	float: none;
	margin-top: 20px;
}

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

.layoutSide {
	width: 250px;
	float: right;
	margin-top: 0;
}

}

@media screen and (min-width: 768px) and (max-width: 959px) {


}

/*--------------------------------------------------------------------
	layoutSideLarge
--------------------------------------------------------------------*/

.layoutSideLarge {
	width: 348px;
	box-sizing: border-box;
	padding: 18px 0 0 18px;
	float: right;
	border-top: 1px solid #9D9D9D;
}

@media screen and (max-width: 959px) {

.layoutSideLarge {
	width: auto;
	padding: 10px 0;
	float: none;
	border-top: none;
}

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

.layoutSideLarge {
	width: 260px;
	padding: 10px 0 0 10px;
	float: right;
}

}

/*--------------------------------------------------------------------
	common
--------------------------------------------------------------------*/

#guide .hStyle03 {
	border-left: 8px solid #005B40;
}

#guide .hStyle04 {
	background: url("../../../common/images/common/arrow_green02.png") left top 10px no-repeat;
}

.pageList01 {
	list-style: none;
}

.pageList01 li {
	margin-bottom: 10px;
}

.pageList01 li:last-child {
	margin-bottom: 0;
}

.pageList01 li a {
	border: 1px solid #B1B1B1;
	padding: 15px 25px 15px 35px;
	display: block;
	background-color: #F9F9F9;
	font-weight: bold;
	line-height: 1.4em;
	background-image: url("../../../common/images/common/arrow_green02.png");
	background-position: left 15px top 18px;
	background-repeat: no-repeat;
}


.ulSitemapFirst {
	margin: -0.5em 2em 2em !important;
}

.ulSitemapFirst > li {
	margin-bottom: 0.5em;
}

.ulSitemapFirst > li:last-child {
	margin-bottom: 0;
}

.ulSitemapFirst > li > p {
	color: #383838;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 5px 5px 5px 20px;
	margin-bottom: 0em;
	background: url("../../../common/images/common/arrow_green02.png") left top 9px no-repeat;
}

.ulSitemapSecond {
	margin: 0.5em 2em;
}

.ulSitemapSecond > li {
	margin-bottom: 0.5em;
}

.ulSitemapSecond > li:last-child {
	margin-bottom: 0;
}

.ulSitemapSecond > li > p {
	color: #383838;
	font-size: 1.0em;
	line-height: 1.4em;
	padding: 5px 5px 5px 18px;
	position: relative;
	margin-bottom: 0em;
}

.ulSitemapSecond > li > p:before {
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #005B40;
}

@media screen and (max-width: 767px) {

.ulSitemapFirst {
	margin: -0.5em 1em 2em !important;
}

.ulSitemapSecond {
	margin: 0.5em 1em;
}

.ulSitemapFirst > li > p {
	font-size: 1.0em;
}

}

/*--------------------------------------------------------------------
	faq
--------------------------------------------------------------------*/

.faqQList {
	list-style: none;
}

.faqQList li {
	padding: 1.5em 0;
	border-bottom: 1px dotted #CCC;
}

.faqQList > li:first-child {
	padding: 0 0 1.5em;
}

.faqQList li .q {
	min-height: 32px;
	display: inline-block;
	padding: 2px 0 0 45px;
	text-decoration: underline;
	color: #003121;
	cursor: pointer;
	background: url("../../../common/images/common/icon_q01.png") left top no-repeat;
}

.faqQList li .q:hover {
	text-decoration: none;
}

.faqQList li .a > div {
	min-height: 32px;
	display: inline-block;
	padding: 2px 0 0 45px;
	margin-top: 1em;
	background: url("../../../common/images/common/icon_a01.png") left top no-repeat;
}