@charset "utf-8";

/* --------------------------------------------------------- */
/* 個別ページ用 - page.css
------------------------------------------------------------ */



/* OUTLINE
------------------------------------------------------------ */
body::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_01_sp.png) no-repeat center bottom;
	background-size: 100% auto;
	top: 0;
	left: 0;
	z-index: -2;
}
#wrapper { }
#side { padding: 10px 0 0 0; }
#headBox {
	height: 56px;
	border-top: solid 4px #6bb651
}
#head {
	position: relative;
	width: calc(100% - 20px);
	margin: 0 auto;
	z-index: 1;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-box-align:center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align:center;/*--- IE10 ---*/
	-webkit-align-items:center;/*--- safari（PC）用 ---*/
	align-items:center;
}
#head h1 {
	float: left;
	width: 260px;
	height: 52px;
}
#head .naviBox p.sp {
	display: block;
	background: #fff;
	width: 40px;
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	font-size: 12px; font-size: 1.2rem;
	text-align: center;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/* border */
	border:1px solid #ccc;
}
#head .naviBox p.sp:hover { background: #d9ffcc; }
#head .naviBox p.sp a:link, #head .naviBox p a:visited, #head .naviBox p.sp a:hover, #head .naviBox p a:active {
	color: #6bb651;
	text-decoration: none !important;
	font-weight: bold;
}
#crumb_parent { display: none; }
@media only screen and (min-width: 641px) and (max-width: 960px) {
body { background: url(../img/common/bg_01.png) no-repeat bottom center fixed; }
body::before { display: none; }
#side { padding: 0 0 20px 0; }
#headBox { height: 117px; }
#head {
	height: 80px;
	width: 638px;
}
#head h1 {
	width: 354px;
	height: 72px;
	box-sizing: border-box;
}
#head .naviBox p.sp { display: none;}
#crumb_parent {
	clear: both;
	display: block;
	overflow: hidden;
}
.crumb {
	padding: 5px 0 5px 0;
	font-size: 12px; font-size: 1.2rem;
	width: 618px;
	margin: 0 auto;
}
.crumb li { display: inline; }
.crumb li a {
	position: relative;
	padding-right: 14px;
}
.crumb li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 3px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background: #1291D8;
}
.crumb li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 5px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
}
}
@media print, screen and (min-width: 961px) {
body { background: url(../img/common/bg_01.png) no-repeat bottom center fixed; }
body::before { display: none; }
#side { padding: 0 0 20px 0; }
#headBox { height: 117px; }
#head {
	height: 80px;
	width: 950px;
}
#head h1 {
	width: 354px;
	height: 72px;
	box-sizing: border-box;
}
#head .naviBox p.sp { display: none;}
#crumb_parent {
	clear: both;
	display: block;
	overflow: hidden;
}
.crumb {
	padding: 5px 0 5px 0;
	font-size: 12px; font-size: 1.2rem;
	width: 930px;
	margin: 0 auto;
}
.crumb li { display: inline; }
.crumb li a {
	position: relative;
	padding-right: 14px;
}
.crumb li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 3px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background: #1291D8;
}
.crumb li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 5px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
}
}
/* title.css
------------------------------------------------------------ */
.title {
	margin: 0 0 5px 0;
	background: #fff;
}
.title p.pc { display: none; }
.title h2 {
	font-size: 16px; font-size: 1.6rem;
	padding: 5px 0 5px 10px;
	line-height: 1.6em;
}
.title h2 span {
	font-size: 18px; font-size: 1.8rem;
	color: #333;
	display: block;
}
.ribbon5 {
	display: block;
	position: relative;
	height: 50px;
	width: calc(100% - 15px);
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0;
	font-size: 14px; font-size: 1.4rem;
	color: #FFF;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.ribbon5 h3 {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border-top: dashed 1px #FFF;
	border-bottom: dashed 1px #FFF;
	line-height: 34px;
	font-weight: normal;
}
.ribbon5:after{
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: -15px;
	width: 0px;
	height: 0px;
	border-width: 25px 15px 25px 0px;
	border-style: solid;
}
#main h4 {
	font-size: 18px; font-size: 1.8rem;
	color: #333;
	position: relative;
	padding: 4px 0 4px 24px;
	margin-bottom: 1em;
	line-height: 1.5em;
}
#main h4:before {
	content:"";
	position: absolute;
	width: 11px;
	height: 11px;
	left: 5px;
	top: 3px;
	/* border-radius */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#main h4:after {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

@media print, screen and (min-width: 641px) {
.title {
	height: 105px;
	padding: 8px 11px 8px 11px;
	margin: 0 0 20px 0;
	overflow: hidden;
	*position: relative;
}
.title p.pc {
	font-weight: bold;
	line-height: 24px;
	padding: 4px 10px;
	display: block;
	font-size: 14px; font-size: 1.4rem;
	/* border-radius */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.title h2 {
	line-height: 1.4em;
	vertical-align: middle;
	display: table-cell;
	width: 596px;
	height: 80px;
	padding: 0 0 0 10px;
	*position: absolute;
	*top: 75px;
}
}
/* #side > .submenu
------------------------------------------------------------ */
.submenuBox {
	margin: 0 auto 10px auto;
	padding: 0 1px 15px 1px;
	font-size: 16px; font-size: 1.6rem;
	display: block;
	line-height: 1.2em;
	box-sizing: border-box;
	width: 286px;
}
.submenuBox h4 {
	font-size: 16px; font-size: 1.6rem;
	padding: 6px 14px 3px 14px;
}
.submenuBox a:link, .submenuBox a:visited { text-decoration: none; }
.submenuBox dl {
	padding: 0 2px;
	border-bottom: solid 1px #CECECE;
}
.submenuBox dt {
	padding: 7px 10px 7px 20px;
	margin: 2px 0;
	line-height: 1.2em;
}
.submenuBox dt a:link, .submenuBox dt a:visited, .submenuBox dt a:hover, .submenuBox dt a:active {
	color: #FFF;
	display: block;
}
.submenuBox dd a {
	display: block;
	padding: 6px 7px 5px 25px;
	*zoom: 1;
	border-top: solid 1px #CECECE;
	position: relative;
}
.submenuBox dd a:link, .submenuBox dd a:visited, .submenuBox dd a:hover, .submenuBox dd a:active { color: #444; }
.submenuBox dd ul {
	padding: 0;
	font-weight: normal;
	border-top: solid 1px #CECECE;
}
.submenuBox dd li { *display: inline; }
.submenuBox dd li a {
	display: block;
	padding: 5px 0 5px 31px;
	color: #444;
	border-top: none;
	position: relative;
}
.submenuBox dd li ul {
	border-top: none;
	padding: 0;
}
.submenuBox dd li ul li a {
	display: block;
	padding: 5px 0 5px 43px;
}
.submenuBox dd li ul li span a {
	background: url(../img/common/icon/ico_line.gif) no-repeat 47px 7px;
	display: block;
	padding: 8px 0 8px 55px;
}
.searchBox { margin: 0 auto 10px auto; }
@media only screen and (min-width: 641px) and (max-width: 960px) {
.submenuBox {
	float: left;
	margin: 0 10px;
}
.searchBox { float: right; }
}
@media print, screen and (min-width: 641px) {
.submenuBox {
	padding: 0 7px 7px 7px;
	line-height: 1.6em;
}
.submenuBox h4 { padding: 9px 14px 0 14px; }
.submenuBox dl { padding: 0 2px; }
.submenuBox dt {
	padding: 7px 14px;
	color: #FFF;
}
.submenuBox dd a { padding: 7px 0 7px 25px; }
.submenuBox dd ul { padding: 3px 0; }
.submenuBox dd li a { padding: 3px 0 3px 31px; }
.submenuBox dd li ul li a { padding: 3px 0 3px 43px; }
.submenuBox dd li ul li span a { background: url(../img/common/icon/ico_line.gif) no-repeat 47px 11px; }
}

/* #main > #main_navi
------------------------------------------------------------ */
#main_navi { padding: 0 10px; }
#main_navi p {
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 15px;
}
#main_navi ul {
	font-size: 16px; font-size: 1.6rem;
	background: #fff;
	line-height: 1.2em;
}
#main_navi ul li {
	*zoom: 1;
	width: 300px;
	margin: 0 5px 10px 0;
	padding: 5px;
	box-sizing: border-box;
	display: inline-block;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/* border */
	border: solid 1px #999;
}
#main_navi ul li a {
	display: block;
	padding: 7px 0 7px 20px;
	color: #fff;
	font-size: 16px; font-size: 1.6rem;
	position: relative;
}
#main_navi ul li a:hover::before {
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 15px;
	width: 12px;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#main_navi ul li a:hover::after {
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 12px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#main_navi ul li span {
	font-size: 14px; font-size: 1.4rem;
	display: block;
	padding: 10px;
}

/* #main > .txtBox
------------------------------------------------------------ */
.txtBox {
	padding: 10px 5px;
	background: #fff;
	margin-bottom: 5px;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.txtBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .txtBox { zoom: 1; } /* IE6 */
*:first-child+html .txtBox { zoom: 1; } /* IE7 */
.txtBox p {
	line-height: 1.5em;
	padding-bottom: 10px;
	color: #333;
	font-size: 16px; font-size: 1.6rem;
}
.Indent { text-indent:1em; }
.img_comment { font-size: 14px; font-size: 1.4rem; }
#main ol li {
	line-height: 1.5em;
	padding: 0 0 5px 0;
	font-size: 16px; font-size: 1.6rem;
}
#main ol li ul { padding: 0; }
#main ol li ul li { padding: 0 0 0 13px; }
.txtBox dl { font-size: 14px; font-size: 1.4rem; }
#main .onepoint li { padding: 5px 5px 5px 15px; }
ul.arrow li {
	position: relative;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.5em;
	padding: 0 0 0 24px;
	margin-bottom: 0.5em;
}
ul.arrow li:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 11px;
	left: 8px;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border: 2px solid;
}
ul.check {
	padding: 8px 4px;
	border-radius: 10px;
	margin-bottom: 10px;
}
ul.check li {
	position: relative;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.6em;
	padding: 0 0 4px 24px;
	margin-bottom: 0.5em;
}
ul.check li:before {
	font-family: FontAwesome;
	content: "\f046";
	display: block;
	position: absolute;
	left: 4px;
	top: 0;
}
.tel-link { color: #06F; }
.check_icon > li {
	font-size: 16px; font-size: 1.6rem;
	position: relative;
	display: block;
}
.check_icon > li::before {
	display: block;
	content: "";
	position: absolute;
	left: -15px;
	top: 2px;
	width: 8px;
	height: 4px;
	border-bottom: solid 2px currentColor;
	border-left: solid 2px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
ul.circle li {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.5em;
	padding: 0 0 0 24px;
	margin-bottom: 0.5em;
	text-indent : -1em;
}
ul.circle li::before {
	content: "●";
	padding-right: 0.5em;
}
ul.circle li span { font-weight: bold; }

@media print, screen and (min-width: 641px) {
.txtBox {
	background: none;
	padding: 0 15px 20px 15px;
}
.txtBox p {
	line-height: 1.6em;
	padding-bottom: 10px;
}
.txtBox li { line-height: 1.6em; }
.txtBox dl.exclamation {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 5px 15px 5px 15px;
	margin-bottom:10px;
}
.txtBox dl.exclamation dt {
	padding: 5px 0 5px 17px;
	background: url(../img/common/ico_exclamation.png) no-repeat 2px 8px;
}
.txtBox dl.exclamation dd {
	padding: 0 0 5px 17px;
	line-height: 1.6em;
}
.txtBox .rightImg {
	float: right;
	padding: 0 0 10px 10px;
}
.txtBox .leftImg {
	float: left;
	padding: 0 10px 10px 0;
}
.txtBox .rightImg span, .txtBox .leftImg span {
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.2em;
	display: block;
	padding: 3px 0;
}
.check_icon > li::before{ top: 5px; }
}

/* .pagemap
------------------------------------------------------------ */
.pagemap  {
	padding-bottom: 10px;
	text-align: center;
}
.pagemap > ul > li {
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.6em;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 290px;
	margin: 0 10px 10px 0;
	padding: 6px 2px;
	position: relative;
	background: #fff;
	box-sizing: border-box;
	border-top: dashed 1px #999;
}
.pagemap > ul > li:before {
	content: " ";
	position: absolute;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	top: 16px;
	left: 4px;
}
.pagemap > ul > li > a {
	display: block;
	padding-left: 20px;
}
.pagemap ul li ul { padding: 4px 0 4px 8px; }
.pagemap ul li ul li {
	position: relative;
	text-indent: 1em;
	font-size: 16px; font-size: 1.6rem;
}
.pagemap ul li ul li a {
	display: block;
	padding-left: 8px;
}
.pagemap ul li ul li:before {
	font-family: FontAwesome;
	content: "\f059";
	position: absolute;
	display: block;
	top: -1px; left: -10px;
}
.pagemap ul li ul li a:link, .pagemap ul li ul li a:visited {
	color: #333;
	text-decoration: none;
}
.pagemap ul li ul li a:hover, .pagemap ul li ul li a:active {
	color: #037AEA;
	text-decoration: underline;
}

@media print, screen and (min-width: 641px) {
.pagemap {
	padding-left: 15px;
	text-align: left;
}
}

/* .link
------------------------------------------------------------ */
.link dl {
	border: #ccc solid 1px;
	border-top: #71bc3a solid 2px;
	padding: 1px;
	background: #fff;
	margin: 0 0 10px 0;
}
.link dl dt {
	font-size: 16px; font-size: 1.6rem;
	display: block;
	line-height: 1.6em;
	padding: 2px 5px;
	color: #2d9612;
}
.link dl dt span { font-size: 12px; font-size: 1.2rem; }
.link dl dd img {
	display: block;
	margin: auto;
}
.link dl dd ul li {
	font-size: 14px; font-size: 1.4rem;
	padding: 4px 4px 4px 16px;
	line-height: 1.6em;
	word-break: break-all;
}
.link dl dd ul li span.tit {
	font-size: 14px; font-size: 1.4rem;
	color: #e48c2c;
	border-bottom: solid 1px #e48c2c;
	font-weight: bold;
	padding: 0 8px;
	display: block;
	margin: 0 0 4px -12px;
}
@media print, screen and (min-width: 641px) {
.link dl dt { padding: 5px; }
.link dl dd { margin: 0; }
.link dl dd img { float: left; }
.link dl dd ul li {
	margin-left: 302px;
	padding: 0 4px 4px 16px;
}
}

/* .credit
------------------------------------------------------------ */
ul.credit { margin-bottom: 10px; }
ul.credit li {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.2em;
	padding: 4px;
	display: inline-block;
	width: 300px;
	box-sizing: border-box;
}
.credit span {
	font-size: 14px; font-size:1.4rem;
	display: block;
}

/* #main > #innavi
------------------------------------------------------------ */
#innavi ul {
	text-align: center;
	margin-bottom: 10px;
}
#innavi ul li {
	display: inline-block;
	font-size: 14px; font-size: 1.4rem;
}
#innavi ul li a {
	padding: 0 10px;
	display: block;
	text-align: center;
	line-height: 2em;
	border-right: 1px solid #ccc;
}
#innavi ul li:last-child a { border-right: none; }

/* #main > .question
------------------------------------------------------------ */
.question {
	padding: 0 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.answer {
	padding: 2px 5px 20px 5px;
	background: #fff;
	margin-bottom: 15px;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.question p, .answer p {
	line-height: 1.5em;
	padding-bottom: 5px;
	color: #333;
	font-size: 16px; font-size: 1.6rem;
}
.icon_space {
	width: 30px ;
	height: 30px ;
	line-height: 30px ;
	text-align: center ;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	display: block;
	margin: 2px 0 5px 0;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.icon_q { background: #999; }
.answer hr {
	padding-bottom: 5px;
	margin: 0 auto;
	border:none;
	height:1px;
}
dl.dl_work {
	padding-bottom: 5px;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.6em;
}
.dl_work dt { display: block; }
.dl_work dd { padding-left: 1em; }

@media print, screen and (min-width: 641px) {
.question {
	background: none;
	padding: 0 15px;
	margin-bottom: 10px;
}
.answer {
	background: none;
	padding: 0 15px 10px 15px;
	margin-bottom: 20px;
}
.question p, .answer p {
	line-height: 1.6em;
	padding-bottom: 10px;
}
.icon_space {
	width: 40px ;
	height: 40px ;
	line-height: 40px ;
	font-size: 20px; font-size: 2rem;
	margin: 5px 0 10px 0;
}
.answer hr {
	padding-bottom: 10px;
}
dl.dl_work { padding-bottom: 10px; }
.dl_work dt {
	float: left;
	width: 80px;
	text-align: center;
}
.dl_work dd {
	float: left;
	display: block;
	width: 500px;
}
}

/* #main > .voice
------------------------------------------------------------ */
.voice { margin-bottom: 5px; }
.voice_balloon {
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	width: calc(100% - 20px);
	min-width: 115px;
	line-height: 40px;
	background: #F6F6F6;
	border: 2px solid #19283C;
	z-index: 0;
	border-radius: 10px;
	line-height: 1.5em;
	font-size: 16px; font-size: 1.6rem;
}
.voice_balloon:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 90%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #F6F6F6 transparent transparent transparent;
	z-index: 0;
}
.voice_balloon:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 90%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #19283C transparent transparent transparent;
	z-index: -1;
}
.voice_balloon span {
	display: block;
	padding: 2px 0;
	font-weight: bold;
}
.voice_person { text-align: right; }
.voice_person img {
	width: 100px;
	height: 120px;
}
.voice_balloon p { padding-bottom: 0; }
@media print, screen and (min-width: 641px) {
.voice {
	margin-bottom: 10px;
	padding: 0 0 0 15px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
}
.voice_balloon {
	width: 430px;
	margin-right: 12px;
	padding: 10px 20px;
}
.voice_balloon:before {
	content: "";
	position: absolute;
	top: 50%; left: auto; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #F6F6F6;
	z-index: 0;
}
.voice_balloon:after {
	content: "";
	position: absolute;
	top: 50%; left: auto; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}
.voice_person img {
	width: 150px;
	height: 180px;
}
}

/* #main > #page_navi
------------------------------------------------------------ */
#page_navi {
	position: relative;
	padding: 0;
	width: 300px;
	margin: 0 auto 10px auto;
	font-size: 14px; font-size: 1.4rem;
	z-index: 1;
}
#page_navi { height:40px; }
#page_navi a {
	display: block;
	position: absolute;
} 
#page_navi a span{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2em;
	height:40px;
}
#page_navi .prev {
	width: 111px;
	text-align: left;
	padding-left: 8px;
	box-sizing: border-box;
	left: 18px;
	background: #fff;
}
#page_navi .next {
	width: 111px;
	text-align: right !important;
	padding-right: 8px;
	box-sizing: border-box;
	right: 18px;
	background: #fff;
}
#page_navi .home {
	width: 42px;
	box-sizing: border-box;
	padding: 0 8px;
	left: 129px;
	background: #fff;
	color: #999;
}
#page_navi a.prev:before, #page_navi a.prev:after, #page_navi a.next:before, #page_navi a.next:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 10px;
	width: 29px;
	height: 29px;
	margin-top: -5px;
	z-index: -1;
}
#page_navi a.prev:before {
	left: -16px;
	background: #999;
}
#page_navi a.prev:after {
	left: -12px;
	background: #fff;
}
#page_navi a.next:before {
	right: -16px;
	background: #999;
}
#page_navi a.next:after {
	right: -12px;
	background: #fff;
}
#page_navi a.home:hover { color: #037AEA;}
#page_navi a.prev:hover::before, #page_navi a.next:hover::before { background: #037AEA; }
#page_navi a.prev:hover, #page_navi a.next:hover, #page_navi .home:hover, #page_navi a.prev:hover::after, #page_navi a.next:hover::after { background: #cdf9ff; }
@media print, screen and (min-width: 641px) {
}

/* #main > #page_navi2
------------------------------------------------------------ */
#page_navi2 {
	margin: 0 auto 10px auto;
	font-size: 14px; font-size: 1.4rem;
	position: relative;
	width: 300px;
	height:40px;
	z-index: 1;
}
#page_navi2 a {
	display: block;
	position: absolute;
} 
#page_navi2 a span{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2em;
	height:40px;
}
#page_navi2 .prev {
	width: 111px;
	text-align: left;
	padding: 0 8px;
	left: 19px;
	box-sizing: border-box;
	background: #fff;
}
#page_navi2 .next {
	width: 111px;
	text-align: right !important;
	padding: 0 8px;
	right: 19px;
	box-sizing: border-box;
	background: #fff;
}
#page_navi2 .home {
	width: 42px;
	box-sizing: border-box;
	padding: 0 8px;
	left: 129px;
	background: #fff;
}
#page_navi2 .home i {
	padding-right: 6px;
	color: #999;
}
#page_navi2 a.prev:before, #page_navi2 a.prev:after, #page_navi2 a.next:before, #page_navi2 a.next:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 10px;
	width: 29px;
	height: 29px;
	margin-top: -5px;
	z-index: -1;
}
#page_navi2 a.prev:before {
	left: -16px;
	background: #999;
}
#page_navi2 a.prev:after {
	left: -12px;
	background: #fff;
}
#page_navi2 a.next:before {
	right: -16px;
	background: #999;
}
#page_navi2 a.next:after {
	right: -12px;
	background: #fff;
}
#page_navi2 .pc { display: none; }
#page_navi2 .sp { display: block; }

#page_navi2 a.home:hover, #page_navi2 .home:hover i { color: #037AEA;}
#page_navi2 a.prev:hover::before, #page_navi2 a.next:hover::before { background: #037AEA; }
#page_navi2 a.prev:hover, #page_navi2 a.next:hover, #page_navi2 .home:hover, #page_navi2 a.prev:hover::after, #page_navi2 a.next:hover::after { background: #cdf9ff; }
@media print, screen and (min-width: 641px) {
#page_navi2 { width: auto; height:40px; }
#page_navi2 .prev,  #page_navi2 .next { width: 200px; }
#page_navi2 .home {
	width: 200px;
	left: 219px;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#page_navi2 .pc { display: block; }
#page_navi2 .sp { display: none; }

}

/* .acordion
------------------------------------------------------------ */
.answer label {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.6em;
	text-decoration: underline;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 0 8px 30px;
	font-weight: bold;
	cursor :pointer;
	transition: all 0.5s;
	/* border-radius */
	-webkit-border-top-left-radius: 6px;  
	-webkit-border-top-right-radius: 6px;  
	-moz-border-radius-topleft: 6px;  
	-moz-border-radius-topright: 6px;  
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.answer label:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	left: 12px;
	top: 15px;
}
.answer label:hover { text-decoration: none; }
.answer input { display: none; }
.answer .accshow {
	height: 0;/*高さを0に*/
	padding: 0;/*余白を0に*/
	overflow: hidden;/*非表示に*/
	opacity: 0;/*中身を透明に*/
	transition: 0.8s;/*クリック時の動きを滑らかに*/
}
.cssacc:checked + label + .accshow {
	height: auto;
	padding: 0 5px;
	line-height: 1.5em;
	font-size: 16px; font-size: 1.6rem;
	background: #fff;
	opacity: 1;
	/* border-radius */
	-webkit-border-bottom-left-radius: 6px;  
	-webkit-border-bottom-right-radius: 6px;  
	-moz-border-radius-bottomleft: 6px;  
	-moz-border-radius-bottomright: 6px;  
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.cssacc:checked + label:before { top: 19px; }
.accshow ul { padding-left: 18px; }
.acc_graph img {
	display: block;
	margin: 0 auto 10px auto;
}
.accshow p {
	font-size: 15px;
	padding: 0 15px 10px 15px;
	color: #000;
}

@media print, screen and (min-width: 641px) {
.cssacc:checked + label + .accshow { padding: 5px 10px; }
.cssacc:checked + label + .acc_graph { padding: 0 0 10px 0; }
}