@charset "UTF-8";
/*
特色カラーコード
rgba(0,150,124,1)
*/

/*contents
-----------------------------------------------------------------------------------------*/
#contents{
	margin:0 auto;
	width:1140px;
	text-align:left;
	position:relative;
}
#contents section{
	padding:80px 0;
}
#contents article a{
	text-decoration:underline;
}
#contents .accessbtn a{
	text-decoration:none;
}
@media screen and (max-width: 739px) {
	#contents{width:auto;}
	#contents section{padding:30px 20px;}
}
/*-------------------------アコーディオン要素*/
#contents .accordionopen{
	cursor:pointer;
}
#contents .accordion{
	display:none;
}
#contents .accordion.open{
	display:block;
}
/*-------------------------subtitle*/
.subtitle{
	font-size:40px;
	line-height:1;
	color:rgba(0,150,124,1);
	letter-spacing:3px;
}
@media screen and (max-width: 739px) {
	.subtitle{padding:10px 20px;border-bottom:none;background:rgba(0,150,124,1);font-size:18px;line-height:40px;font-weight:bold;letter-spacing:1px;text-align:left;color:#FFF;margin:-30px -20px;}
}
/*-------------------------center*/
.center{
	text-align:center;
	margin:0 auto;
	float:none;
	display:block;
}
/*-------------------------item*/
.item figure.Limg{
}
.item figure.Mimg{
	max-width:360px;
}
.item figure.Simg{
	max-width:240px;
}
.item figure{
	float:right;
	margin-left:50px;
}
.item figure.center{
	float:none;
	margin:20px auto;
}
.item figure img{
	display:block;
	margin:0 auto 10px auto;
}
.item h1{
	font-size:24px;
	font-weight:bold;
	padding:12px 0 12px 16px;
	border-left:8px solid rgba(0,150,124,1);
	margin-bottom:10px;
}
.item table{
	margin:15px 0;
	width:auto;
}
@media screen and (max-width: 739px) {
	.item figure,.item figure.center{float:none;margin:-10px auto 0 auto;padding-bottom:20px;}
	.item figure img{margin:5px auto;}
	.item h1{font-size:18px;font-weight:bold;padding:3px 0 3px 10px;border-left:4px solid rgba(0,150,124,1);margin-bottom:20px;}
}
/*-------------------------bg*/
.bg,
.item{
	position:relative;
}
.bg::before,
#page .item:nth-child(even)::before,
.item::before{
	position:absolute;
	top:0;
	left:-500%;
	width:1000%;
	height:100%;
	display:block;
	content:"";
	z-index:-1;
	background:#ECF7F5;
}
#page .item:nth-child(odd)::before,
.item:nth-child(even)::before{
	background:none
}
@media screen and (max-width: 739px) {
	#page .item:nth-child(even)::before,
	.bg::before,.item::before{width:100%;left:0;}
}

/*pagetitle
-----------------------------------------------------------------------------------------*/
#pagetitle{
	padding:60px 0;
	text-align:left;
}
#pagetitle::before{
	background:#FFF;
}
#pagetitle p{
	font-size:40px;
	line-height:1;
	color:rgba(0,150,124,1);
	letter-spacing:3px;
}
#pagetitle.nav{
	padding:0;
	margin:0 -30px;
}
#pagetitle.nav::before{
	background:rgba(0,150,124,0.2);
}
#pagetitle.nav p{
	display:none;
}
@media screen and (max-width: 739px) {
	#pagetitle{padding:10px 20px;border-bottom:none;background:rgba(0,150,124,1);}
	#pagetitle p{font-size:18px;line-height:40px;font-weight:bold;letter-spacing:1px;text-align:left;color:#FFF;}
	#pagetitle.nav{margin:0;background:none;padding:10px;}
	#pagetitle.nav p{display:block;color:rgba(0,150,124,1);font-size:12px;line-height:20px;}
}

/*localnav
-----------------------------------------------------------------------------------------*/
#localnav{
	font-size:0;
	padding:9px 0;
}
#localnav li{
	display:inline-block;
	padding:1px;
	position:relative;
	width:25%;
	font-size:16px;
}
#localnav li a{
	display:block;
	padding:10px 10px 10px 40px;
	color:#000;
	background:url(images/localnav.svg) left 10px center no-repeat;
}
#localnav li.current,
#localnav li a:hover,
#localnav li a.current{
	color:#FFF;
	background:rgba(0,150,124,1) url(images/localnav_w.svg) left 10px center no-repeat;
}
@media screen and (max-width: 739px) {
	#localnav{margin:0;background:#FFF;padding:0;}
	#localnav li{display:block;margin:0;width:auto;padding:0;font-size:14px;}
	#localnav li + li{border-top:1px solid rgba(0,150,124,1);}
	#localnav li a,
	#localnav li a.current{font-weight:bold;background-position:left 5px center;background-size:20px;padding:5px 5px 5px 25px;}
}

/*message
-----------------------------------------------------------------------------------------*/
#message section + section{
	border-top:2px dotted #CCC;
}
#message section:first-child{
	margin-top:-60px;
}
#message h1{
	font-size:30px;
	line-height:1.5;
	padding-bottom:10px;
	color:rgba(0,150,124,1);
	font-weight:bold;
}
/*-------------------------text*/
#message .text{
	width:680px;
	float:left;
	border-top:2px solid rgba(0,150,124,1);
	margin-top:10px;
	padding-top:20px;
}
#message .text p{
	font-size:16px;
	line-height:1.9;
}
/*-------------------------profile*/
#message .profile{
	width:400px;
	float:right;
	margin-top:10px;
}
#message .profile figure img{
	display:block;
	margin:0 auto;
}
#message .profile figcaption{
	display:block;
	text-align:center;
	font-weight:bold;
	margin:10px 0;
}
#message .profile dl{
	background:#ECF7F5;
	padding:20px;
}
#message .profile dt:first-child{
	margin:0;
}
#message .profile dt{
	font-size:14px;
	line-height:1.75;
	color:rgba(0,150,124,1);
	font-weight:bold;
	margin-top:20px;
}
#message .profile dd{
	font-size:14px;
	line-height:1.75;
}
@media screen and (max-width: 739px) {
	#message section:first-child{margin:0;}
	#message h1{font-size:18px;padding-bottom:5px;}
	#message .text{width:auto;float:none;}
	#message .text p{font-size:16px;line-height:30px;text-align:justify;text-justify:distribute;}
	#message .profile{width:auto;float:none;margin-top:20px;}
}

/*info
-----------------------------------------------------------------------------------------*/
/*-------------------------data*/
#info .data h1{
	font-size:30px;
	line-height:1.5;
	text-align:center;
	margin-bottom:30px;
}
#info .data h1 span{
	display:block;
	font-size:16px;
	margin-top:5px;
}
#info .data figure{
	float:right;
}
#info .data figure img{
	display:block;
	margin:0 auto;
}
#info .data > div{
	width:600px;
	float:left;
	text-align:center;
}
#info .data table{
/* 	background-color: transparent; 透明にしたい場合*/
	background-color: #fff;
}
#info .data table th{
	background-color: transparent;
	padding:5px 2px;
	font-size:14px;
	color:#000;
	border: none;
	border-bottom: solid 1px #ccc;
}
#info .data table td{
	padding:10px;
	text-align:center;
	border: none;
	border-bottom: solid 1px #ccc;
}
#info .data table td span{
	display:block;
}
#info .data table + p{
	text-align:left;
	margin-top:5px;
	font-size:14px;
	line-height:1.75;
}
#info .data ul{
	background:#FFF;
	margin-top:20px;
	padding:5px;
	border-radius:10px;
}
#info .data li.adress{
	font-size:14px;
	padding-top:10px;
	line-height:1.75;
}
#info .data li.adress span{
	padding:0 7px;
	white-space:nowrap;
}
#info .data li.tel{
	font-size:30px;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:5px;
}
#info .data li.tel a{
	color:#000;
	text-decoration:none;
}
@media screen and (max-width: 739px) {
	#info .data h1{font-size:24px;margin-bottom:15px;}
	#info .data h1 span{font-size:14px;}
	#info .data figure{float:none;}
	#info .data > div{width:auto;float:none;margin-top:20px;}
	#info .data table th{font-size:12px;font-weight:bold;}
	#info .data table td{padding:5px;font-size:14px;}
	#info .data li.tel{font-size:20px;line-height:40px;margin:5px 0;}
	#info .data li.tel a{display:block;background:#FFF url(images/ya_g.png) right no-repeat;background-size:30px;border:1px solid #888;border-radius:5px;width:300px;margin:0 auto;color:#000;}
}
/*-------------------------access*/
#info .access .subtitle{
	font-weight:bold;
	font-size:30px;
	margin-bottom:30px;
}
#info .access figure{
	float:left;
	padding-right:50px;
	padding-bottom:20px;
/* 	background:#FFF; */
}
#info .access h2{
	margin-top:30px;
	font-weight:bold;
}
@media screen and (max-width: 739px) {
	/*#info .access div.clearfix{padding:10px 20px;}*/
	#info .access figure{float:none;padding:0 0 5px 0;}
	#info .access .subtitle{font-size:22px;padding:30px 0 0 0;margin-bottom:0;text-align:center;background:none;color:rgba(0,150,124,1);}
}
/*-------------------------map*/
#info .map{
	width:100%;
	height:600px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin-top:40px;
}
#info .map iframe{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
@media screen and (max-width: 739px) {
	#info .map{height:400px;margin:20px -20px -30px -20px;width:auto;}
}

/*sitemap
-----------------------------------------------------------------------------------------*/
#sitemap{
	padding:80px 0;
}
#sitemap > div{
	background:#FFF;
	padding:60px 120px;
}
#sitemap h1{
	font-size:25px;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
#sitemap ul{
	border-bottom:1px solid #BFBFBF;
}
#sitemap li{
	border-top:1px solid #BFBFBF;
	padding:10px 20px;
}
#sitemap li a{
	display:block;
	padding:10px 40px 10px 20px;
	margin:-10px -20px;
	background:url(images/ya_g.png) right no-repeat;
	color:#000;
	text-decoration:none;
}
#sitemap li a:hover{
	background-color:#ECF7F5;
}
#sitemap li ul{
	margin:10px 0;
	border:1px solid #BFBFBF;
	border-top:none;
}
@media screen and (max-width: 739px) {
	#sitemap{padding:10px 0;}
	#sitemap > div{padding:20px;}
	#sitemap h1{font-size:20px;margin-bottom:15px;}
	#sitemap li{font-size:14px;line-height:1.5;padding:10px;}
	#sitemap li a{padding:10px 20px 10px 10px;margin:-10px;background-size:30px;background-position:right -5px center}
	#sitemap li ul{margin:10px 0 0 0;}
}

/*siteinfo
-----------------------------------------------------------------------------------------*/
#siteinfo{
	padding:80px 0;
}
#siteinfo > div{
	background:#FFF;
	padding:60px 120px;
}
#siteinfo h1{
	font-size:25px;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
#siteinfo h2{
	font-weight:bold;
	font-size:18px;
	padding:30px 0 0 0;
	margin-top:30px;
	margin-bottom:10px;
	border-top:1px dashed #CCC;
}
#siteinfo p,
#siteinfo li{
	font-size:14px;
	line-height:1.6;
	margin-top:5px;
}
#siteinfo li{
	padding-left:16px;
}
#siteinfo li img{
	margin:5px 0;
}
#siteinfo li::before{
	content:"";
	float:left;
	width:12px;
	height:12px;
	background:rgba(0,150,124,1);
	margin:6px 6px 0 -16px;
	border-radius:7px;
}
@media screen and (max-width: 739px) {
	#siteinfo{padding:10px 0;}
	#siteinfo > div{padding:20px;}
	#siteinfo h1{font-size:20px;margin-bottom:15px;}
}

/*topics
-----------------------------------------------------------------------------------------*/
#topics{
	float:left;
	width:840px;
	padding:80px 0;
}
@media screen and (max-width: 739px) {
	#topics{float:none;width:auto;padding:20px;}
}
/*-------------------------list*/
#topics .list h2{
	color:rgba(0,150,124,1);
	font-size:31px;
	font-weight:bold;
	line-height:1.5;
}
#topics .list ul{
	margin:20px 0;
	border-top:1px solid #BFBFBF;
}
#topics .list li{
	border-bottom:1px solid #BFBFBF;
	padding:20px 0 20px 140px;
	position:relative;
}
#topics .list li a{
	display:block;
	margin:-20px 0 -20px -140px;
	padding:20px 40px 20px 140px;
	background:url(images/ya_g.png) right no-repeat;
}
#topics .list li a:hover{
	background-color:#ECF7F5;
}
#topics .list li a p{
	line-height:25px;
}
#topics .list li a .date{
	font-size:14px;
	color:rgba(0,150,124,1);
	letter-spacing:1px;
	position:absolute;
	left:20px;
	top:20px;
}
#topics .list li a .kiji{
	color:#000;
	font-size:15px;
}
@media screen and (max-width: 739px) {
	#topics .list h2{font-size:18px;text-align:center;}
	#topics .list ul{margin:10px 0}
	#topics .list li{padding:10px 0}
	#topics .list li a{margin:-10px 0;padding:10px 20px 10px 0;background-size:30px;background-position:right -5px center}
	#topics .list li a .date{font-size:12px;font-weight:bold;position:static}
	#topics .list li a .kiji{font-size:14px}
}
/*-------------------------article*/
#topics article > h1{
	font-size:30px;
	line-height:1.5;
}
#topics article time{
	display:block;
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:1px;
	color:rgba(0,150,124,1);
	padding:10px 0 20px 0;
	border-bottom:1px solid #333;
}
#topics article table caption{
	background:#666;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:5px 15px;
}
#topics article table{
	margin:15px 0;
	width:auto;
}
/*section*/
#topics article section{
	padding:50px 0;
}
#topics article section + section{
	border-top:1px solid #CCC;
}
#topics article section h1{
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	color:rgba(0,150,124,1);
}
#topics article section h2{
	background:rgba(0,150,124,1);
	color:#FFF;
	font-weight:bold;
	padding:1px 12px;
	margin-top:40px;
}
#topics article section figure{
	text-align:center;
	margin:30px auto 0 auto;
}
#topics article section figure img{
	display:block;
	margin:0 auto 10px auto;
}
@media screen and (max-width: 739px) {
	#topics article > h1{font-size:18px;line-height:1.75;}
	#topics article time{font-size:12px;line-height:1.5;}
	#topics article section{padding:30px 0;}
	#topics article section h1{font-size:18px;margin-bottom:5px;}
	#topics article section h2{margin-top:25px;}
	#topics article section figure{margin:15px auto 0 auto;}
	#topics article section figure img{margin:0 auto 5px auto;}
}
/*-------------------------pager*/
.pager{
	margin:15px 0;
	text-align:center;
}
.pager p{
	font-size:12px;
}
.pager ul{
	font-size:0;
}
.pager li{
	display:inline-block;
}
.pager li a,
.pager li span{
	display:block;
	color:rgba(0,150,124,1);
	background:#F1F1F1;
	font-size:16px;
	width:40px;
	line-height:40px;
	text-align:center;
	margin:2px;
}
.pager li span,
.pager li a:hover{
	color:#FFF;
	background:rgba(0,150,124,1) ;
}
@media screen and (max-width: 739px) {
	.pager li a,
	.pager li span{font-size:14px;width:36px;line-height:36px;}
}

/*sidebar
-----------------------------------------------------------------------------------------*/
#sidebar{
	padding:60px 0;
	float:right;
	width:220px;
}
#sidebar nav{
	padding:20px 0;
}
#sidebar h2{
	font-size:15px;
	line-height:20px;
	padding-bottom:10px;
	color:rgba(0,150,124,1);
	letter-spacing:1px;
	border-bottom:1px solid rgba(0,150,124,1);
}
#sidebar li{
	border-bottom:1px dotted #666;
}
#sidebar li a{
	display:block;
	padding:10px;
	font-size:14px;
	line-height:1.5;
	color:#000;
}
#sidebar li a:hover{
	background:#ECF7F5;
}
@media screen and (max-width: 739px) {
	#sidebar{padding:20px;float:none;width:auto;border:20px solid rgba(0,150,124,1);margin-bottom:1px;}
	#sidebar nav{padding:0;}
	#sidebar nav + nav{margin-top:20px;}
}

/*privacyploicy
-----------------------------------------------------------------------------------------*/
#privacypolicy{
	padding:80px 0;
}
#privacypolicy > div{
	background:#FFF;
	padding:60px 120px;
}
#privacypolicy h1{
	font-size:25px;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
#privacypolicy h2{
	font-weight:bold;
	font-size:18px;
	padding:30px 0 0 0;
	margin-top:30px;
	margin-bottom:10px;
	border-top:1px dashed #CCC;
}
#privacypolicy p,
#privacypolicy li{
	font-size:14px;
	line-height:1.6;
	margin-top:5px;
}
/*#privacypolicy li{
	padding-left:16px;*/
}
#privacypolicy li img{
	margin:5px 0;
}
/*#privacypolicy li::before{
	content:"";
	float:left;
	width:12px;
	height:12px;
	background:rgba(0,150,124,1);
	margin:6px 6px 0 -16px;
	border-radius:7px;
}*/
@media screen and (max-width: 739px) {
	#privacypolicy{padding:10px 0;}
	#privacypolicy > div{padding:20px;}
	#privacypolicy h1{font-size:20px;margin-bottom:15px;}
}