@charset "UTF-8";

body { background: #fff; }

/*common*/
section { margin-bottom: 80px; }
section .inner { overflow-y: hidden; }
section h1 { font: bold 27px/1.2 "Noto Sans JP"; letter-spacing: .2em; margin-bottom: 30px; padding: .5em 0 .5em .5em; border-left: 5px solid #004ea2; }
section h1 .sub{
	display: block;
	color:#004ea2;
	font-size: 1rem;
	margin-top: 0.7em;
}
.arrow-text{
	position: relative;
	display: block;
    padding-left: 1em;
}
.arrow-text:before{
	top:9px;
    left: 0;
    width: 9px;
    height: 1px;
    background: #004ea2;
	content: "";
    position: absolute;
    vertical-align: middle;
}
.arrow-text:after{
	top: 6px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #004ea2;
    border-right: 1px solid #004ea2;
    transform: rotate(45deg);
	content: "";
    position: absolute;
    vertical-align: middle;
}
section h2 { font: bold 20px/1.2 "Noto Sans JP"; border-bottom: 2px solid #b3b3b3; margin-bottom: 20px; padding-bottom: 10px; line-height: 1.6;}
section h3 { font: bold 18px/1.2 "Noto Sans JP"; margin-bottom: 1em; }
section h4 { font: bold 16px/1.2 "Noto Sans JP"; margin-bottom: 1em; padding: .8em .5em; background: #e6e6e6; }
section h5 { font: bold 16px/1.2 "Noto Sans JP"; margin-bottom: .5em; }
@media screen and (max-width: 769px){
	section h1 { font-size: 22px; margin-bottom: 35px; letter-spacing: 0; }
	section h2 { font-size: 16px !important; }
}
article { margin-bottom: 80px; }
article p { line-height: 2; margin-bottom: 1em; }
article p.tRight { text-align: right; }
article p.date { color: #808080; font-size: 12px; line-height: 1.3; margin-bottom: 1em; }
article .m0 {  margin-bottom: 0 !important; }
@media screen and (max-width: 769px){
	article { margin-bottom: 50px; }
}
article .box {}
article .box img { dispaly: block; width: 100%; margin: 0 auto; }

article .tableBox { padding-bottom: 10px; margin-bottom: 10px; }
@media screen and (max-width: 769px){
	article .tableBox { overflow: auto; white-space: nowrap; }
}
article table { width: 100%; border: 1px solid #e6e6e6; table-layout: fixed; border-collapse: collapse; empty-cells: show; }
article table th { padding: .8em; border: 1px solid #e6e6e6; background: #666; color: #fff; font-weight: normal; }
article table tr th:first-of-type{width: 40%; }
article table td { padding: .8em; /*border: 1px solid #e6e6e6; */border: 1px solid #000000;}
article table td.price { text-align: right; }
article table span { font-size: 13px; line-height: 1.5; }
article table tbody ul { margin-bottom: 0 !important; }
@media screen and (max-width: 769px){
	article table th { width: 50%; }
}

article table.window td:first-of-type a { position: relative; display: inline-block; white-space: nowrap; padding-left: 1em; }
article table.window td:first-of-type  a:before,
article table.window td:first-of-type  a:after  { content: ""; position: absolute; vertical-align: middle; }
article table.window td:first-of-type  a:before { top: 11px; left: 0; width: 9px; height: 1px; background: #004ea2; }
article table.window td:first-of-type  a:after  { top: 8px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

article table.download { border: 0; border-bottom: 1px solid #e6e6e6; counter-reset: rowCount; }
article table.download th { background: transparent; border: 0 !important; color: #413f33; }
article table.download td { padding: .8em 0; text-align: center; background: transparent; border: 0 !important; }
article table.download thead th { padding: .8em; background: #e6e6e6; }
article table.download thead td { background: #666; color: #fff; width: 176px !important; }
article table.download tbody tr { counter-increment: rowCount; }
article table.download tbody tr th { margin-left: 1.5em; }
article table.download tbody tr th::before { content: counter(rowCount)". "; margin: 0 .5em 0 -1.5em; }
article table.download tbody th,
article table.download tbody td { border-top: 1px solid #e6e6e6 !important; }
article table.download tbody th { padding: .8em 1em .8em 3em; border-bottom: 1px solid #e6e6e6 !important; font-weight: normal; padding-left: 2.5em; position: relative;}
article table.download tbody td { display: flex; justify-content: space-evenly; align-items: center; }
article table.download tbody td a { display: inline-block; text-align: center; }

/*241015改修*/
article table.download tbody tr.-type2 td { -webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;row-gap: 1em;  }
article table.download tbody tr.-type2 td div{    width: 100%; display: flex;justify-content: space-evenly; align-items: center;}
article table.download tbody tr.-type2 th div{    display: inline-block; }
article table.download tbody tr.-type2 th::before{    margin: 0 0 0 -1.5em;    position: absolute;}
article table.download tbody tr.-type2 th div:not(:first-of-type){margin-top: 1.2em;}
/*※2列の場合 例
<tr class="-type2">
		<th>
			<div>計画変更確認申請書(建築物)(第四号様式)（R7.3.31）</div>
			<div>計画変更確認申請書(建築物)(第四号様式)（(R7.4.1）</div>
		</th>
		<td>
			<div>
				<a class="pdf" target="_blank" href="../../data/01_01_03-02-yoshiki.pdf">PDF</a>
				<a class="word" target="_blank" href="../../data/01_01_03-02-yoshiki.docx">WORD</a>
			</div>
			<div>
				<a class="pdf" target="_blank" href="../../data/計画変更確認申請書(R7.4.1～）.pdf">PDF</a>
				<a class="word" target="_blank" href="../../data/計画変更確認申請書(R7.4.1～）.docx">WORD</a>
			</div>
		</td>
	</tr>
*/

@media screen and (max-width: 769px){
	article table.download { font-size: 14px; }
	article table.download thead th,
	article table.download thead td { font-size: 12px; line-height: 1.2; }
	article table.download thead td { display: block; width: 80px !important; }
	article table.download tbody th { white-space: normal; }
	article table.download tbody td { display: block; }
	article table.download tbody td a:last-of-type { margin-top: 6px; }
	article table.download tbody tr.-type2 td div{display: block;}
	article table.download tbody tr.-type2 td div:not(:first-of-type){margin-top: 1.2rem;}
}
a.pdf,
a.word,
a.excel { display: inline-block; width: 80px; font-size: 14px; line-height: 1.2; color :#fff; text-align: center; font-family: "Noto Sans JP"; padding: .5em 0; border-radius: 20px;margin: 0 0 0 1em; }
a.pdf { background: #ed1c24; }
a.word { background: #29abe2; }
a.excel { background: #29b572; }
a.pdf:hover,
a.word:hover,
a.excel:hover { opacity: .8; }
@media screen and (max-width: 769px){
	a.pdf,
	a.word,
	a.excel { width: 60px; font-size: 12px; line-height: 1.2; }
}
/*22_0929追加*/
.img-wrap figure{margin: initial;}
.img-wrap figure>img{width: 100%;}
.img-wrap{margin: 2em 0;}
.img-wrap .-caption{ display: block; text-align: center;  font-size: 14px;}

article table.shomei tbody td { vertical-align: top; width: 20% !important; }
article table.shomei tbody th span { font-size: 13px; }

article table.price { width: 100%; table-layout: auto; border-collapse: collapse; empty-cells: show; }
article table.price td { padding: .8em;     border: 1px solid #000000;}
article table.price th{    border: 1px solid #ffffff;}
article table.price thead td { background: #666; color: #fff;     border: 1px solid #ffffff;}
article table.price tbody th { font-weight: normal;  border: 1px solid #ffffff;}
article table.price tbody td { text-align: right; }
article table.price tbody td.text { text-align: left; }

article table.officeInfo { width: 100%; table-layout: auto; border-collapse: collapse; empty-cells: show; }
article table.officeInfo th,
article table.officeInfo td { padding: .8em; border: 1px solid #c5c5c5; }
article table.officeInfo th { font-weight: normal; background: #666; color: #fff; }


article ol { list-style-type: decimal; line-height: 2; margin: 0 0 2em 2em; }
article ol.katakana { list-style-type: katakana; line-height: 2; margin: 0 0 2em 2em; }
article ul.disc { list-style-type: disc; line-height: 2; margin: 0 0 2em 2em; }
article ul.astarisk { list-style-type: none; line-height: 2; margin: 0 0 2em; }
article ul.astarisk li { position: relative; padding-left: 1.2em; display: block; font-size: 13px; line-height: 1.5; }
article ul.astarisk li:before { position: absolute; top: 0; left: 0; content: "※"; }
/*22_1107追記*/
article ul{margin: 0 0 2em 0.7em;}
article ol{counter-reset: li;}
article ol li{position: relative;list-style: none;}
article ol li:before{position: absolute;top: 0;left: -24px;counter-increment: li;content: '('counter(li)')';}
article .inner-list li:before{content: counter(li)')';}
/*2504117追記*/
/*数字つき※リスト*/
article ul.astarisk.-num{counter-reset: number 0;  }
article ul.astarisk.-num li { padding-left: 1.8em; }
article ul.astarisk.-num li:before {counter-increment: number 1;   content: "※"counter(number); }
/*250430追記追記*/
/*○付き数字リスト*/
.num-list{counter-reset: number 0;}
.num-list .item{position: relative;list-style: none; padding-left: 1.5rem;}
.num-list .item:before{
	counter-increment: number 1; 
	content: ""counter(number); 
	position: absolute;
	left: 0;
	border: 1px solid #000;
    padding: 0.5em;
    font-size: 0.5em;
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15vw;
    margin-top: 3px;
}
/*ドットリスト*/
.dot-list .item{position: relative;list-style: none; padding-left: 1rem;}
.dot-list .item:before{content: "・"; position: absolute;left: 0;}

/*調整*/
.mt1em{margin-top: 1em;}
.mt2em{margin-top: 2em;}

article img.aligncenter { display: block; margin: 0 auto; }


/*keyVisual*/
#keyVisual { background: url("../img/keyVisualBG.jpg") no-repeat 50% 50%; background-size: cover; }
#keyVisual #title { text-align: center; font-size: 34px; line-height: 1.2; letter-spacing: .2em; color :#fff; font-family: "Noto Sans JP"; padding: 1.5em 0; }
@media screen and (max-width: 769px){
	#keyVisual #title { font-size: 20px; line-height: 1.2; }
}
/*breadcrumb*/
#breadcrumb { text-align: left; font-size: 12px; line-height: 1.3; color: #808080; padding: 1.3em 0; background: #dee6ee; margin-bottom: 50px; }
#breadcrumb ul li { display: inline-block; }
#breadcrumb ul li:after { content: " > "; }
#breadcrumb ul li:last-of-type:after { display: none; }
@media screen and (max-width: 769px){
	#breadcrumb { margin-bottom: 30px; }
}

/*list*/
section.list { text-align: left; }
section.list dl { float: left; width: 31%; margin: 0 0 3.5% 3.5%; }
section.list dl:nth-of-type(3n+1) { clear: both; margin: 0 0 3.5%; }
section.list dl dt {  }
section.list dl dt a { position: relative; display: block; display: flex; align-items: center; font-size: 18px; line-height: 1.3; color: #fff; padding: 0 40px 0 22px; height: 67px; background: #004ea2; }
section.list dl a:before,
section.list dl a:after  { content: ""; position: absolute; vertical-align: middle; }
section.list dl dt a:before { right: 22px; width: 9px; height: 1px; background: #fff; top: 0; bottom: 0; margin: auto; }
section.list dl dt a:after  { right: 22px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; margin: auto; }
section.list dl dt a:hover { background: #6091c5; }
section.list dl dt a:hover:before { background: #d4e1ef; }
section.list dl dt a:hover:after  { border-top: 1px solid #d4e1ef; border-right: 1px solid #d4e1ef; }
section.list dl dd { padding: 22px; border: 1px solid #e6e6e6; }
section.list dl dd ul {  }
section.list dl dd ul li { margin-bottom: 10px; }
section.list dl dd ul li:last-of-type { margin-bottom: 0; }
section.list dl dd ul li a { position: relative; display: block; padding-left: 1em; }
section.list dl dd ul li a:before { top: 11px; left: 0; width: 9px; height: 1px; background: #004ea2; }
section.list dl dd ul li a:after  { top: 8px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
section.list dl dd ul li a:hover:before { background: #6091c5; }
section.list dl dd ul li a:hover:after  { border-top: 1px solid #6091c5; border-right: 1px solid #6091c5; }
@media screen and (max-width: 769px){
	section.list dl { float: none; width: 100%; margin: 0 0 5%; }
	section.list dl dt a { font-size: 16px; line-height: 1.3; }
}

/*mainBase*/
#mainBase { text-align: left; overflow-y: hidden; }
#mainBaseL { float: left;  width: 28%; margin-bottom: 30px; }
#mainBaseR { float: right; width: 65%; }
@media screen and (max-width: 769px){
	#mainBaseL { float: none; width: 100%; margin-bottom: 0; }
	#mainBaseR { float: none; width: 100%; }
}

/*mainBaseL*/
#mainBaseL dl dt { font-size: 18px; font-family: "Noto Sans JP"; font-weight: 400; background: #e6e6e6; padding: .6em 22px; border: 1px solid #b3b3b3; }
#mainBaseL dl dd { border: 1px solid #e6e6e6; background: #fff; padding: 30px 22px; }
#mainBaseL ul li a { position: relative; display: block; margin-bottom: 10px; padding-left: 1em; }
#mainBaseL ul li a:before,
#mainBaseL ul li a:after { content: ""; position: absolute; vertical-align: middle; }
#mainBaseL ul li a:before { top: 12px; left: 0; width: 9px; height: 1px; background: #004ea2; }
#mainBaseL ul li a:after  { top: 9px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#mainBaseL ul li a:hover:before { background: #6091c5; }
#mainBaseL ul li a:hover:after  { border-top: 1px solid #6091c5; border-right: 1px solid #004ea2; }
@media screen and (max-width: 769px){
	#mainBaseL { display: block; background: #F5F5F5; border-bottom: 1px solid #ccc; margin-bottom: 50px; text-align: left; font-size: 14px; }
	#mainBaseL dl { margin: 0 !important; border: 0 !important; }
	#mainBaseL dl.accordion dt { position: relative; color: #004ea2; padding: 12px 38px 12px 22px; cursor: pointer; font-size: 14px; }
	#mainBaseL dl.accordion dt:before,
	#mainBaseL dl.accordion dt:after { content: ""; position: absolute; vertical-align: middle; background: #004ea2; }
	#mainBaseL dl.accordion dt:before { top: 23px; right: 22px; width: 13px; height: 1px; }
	#mainBaseL dl.accordion dt:after  { top: 17px; right: 28px; width: 1px; height: 13px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; }
	#mainBaseL dl.accordion dt.open:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; }
	#mainBaseL dl.accordion dd { padding: 5%; line-height: 1.5; display: none; }
}

/*regulations*/
#regulations {  }
#regulations ul,
ul.regulations {  }
#regulations ul li,
ul.regulations li { position: relative; display: block; margin-bottom: 10px; padding-left: 1em; }
#regulations ul li:before,
#regulations ul li:after,
ul.regulations li:before,
ul.regulations li:after { content: ""; position: absolute; vertical-align: middle; }
#regulations ul li:before,
ul.regulations li:before { top: 13px; left: 0; width: 9px; height: 1px; background: #004ea2; }
#regulations ul li:after,
ul.regulations li:after  { top: 10px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#regulations ul li a.pdf,
#regulations ul li a.word,
#regulations ul li a.excel,
ul.regulations li a.pdf,
ul.regulations li a.word,
ul.regulations li a.excel { margin: 0 1em; }


/*relation*/
#relation { background: #dee6ee; padding: 22px 0; }
#relation ul { text-align: center; }
#relation ul li { display: inline-block; font-size: 18px; line-height: 1.2; margin: 0 .5em; }
#relation ul li a { display: block; width: 210px; color: #29abe2; border: 1px solid #29abe2; background: #fff; padding: .8em 0; border-radius: 40px; }
#relation ul li a svg { display: inline-block; vertical-align: middle; height: 31px; }
#relation ul li a path { fill:#29abe2; }
#relation ul li a:hover {  color: #fff; border: 1px solid #fff; background: #29abe2; }
#relation ul li a:hover path { fill:#fff; }
@media screen and (max-width: 769px){
	#relation ul { padding: 5%; }
	#relation ul li { display: block; font-size: 14px; margin: 0 0 15px; }
	#relation ul li:last-of-type { margin: 0; }
	#relation ul li a { display: block; width: 100%; }
}

/*関連リンク*/
#relationLnk {  }
#relationLnk ul,
ul.relationLnk {  }
#relationLnk ul li,
ul.relationLnk li { position: relative; display: block; margin-bottom: 10px; padding-left: 1em; }
#relationLnk ul li:before,
#relationLnk ul li:after,
ul.relationLnk li:before,
ul.relationLnk li:after { content: ""; position: absolute; vertical-align: middle; }
#relationLnk ul li:before,
ul.relationLnk li:before { top: 13px; left: 0; width: 9px; height: 1px; background: #004ea2; }
#relationLnk ul li:after,
ul.relationLnk li:after  { top: 10px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

a[target="_blank"][rel="nofllow"] { display: inline-block; padding-right: 1em; background: url(../img/icnOut.svg) no-repeat 100% .5em; }




/*料金表*/
/*
.chart { text-align: center; margin-bottom: 60px; }
.chart span { display: inline-block; color: #004ea2; border: 1px solid #004ea2; background: #fff; padding: .8em 2em; border-radius: 40px; }
.chart span a.pdf { margin-left: 2em; }

.tableNote { padding: 22px; background: #e6e6e6; }
.tableNote ol:last-of-type { margin-bottom: 0; }
*/
.chart { text-align: center; margin-bottom: 60px; }
.chart .link {
	color: #004ea2; 
	border: 1px solid #004ea2;
	background: #fff; 
	padding: .8em 2em; 
	border-radius: 40px; 
	position: relative; 
	width: 18rem;
    text-align: left;
    display: flex;
    align-items: anchor-center;}
.chart .link span{ 
	margin-left: 2em; 
	display: inline-block;
    width: 80px;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP";
    padding: .5em 0;
    border-radius: 20px;
    margin: 0 0 0 1.5em;
	position: absolute;
    right: 1rem;
    top: 50%;
    translate: 0 -50%;
}
.chart .link.-pdf span{    background: #ed1c24;}
.chart .link.-excel span{    background: #29b572;}

.tableNote { padding: 22px; background: #e6e6e6; }
.tableNote ol:last-of-type { margin-bottom: 0; }
@media screen and (max-width: 769px){
	.chart .link {   
		width: 100%;
		text-align: left;
        padding-right: 6rem;
	}
	.chart .link span{
		position: absolute;
		right: 0.5rem;
		top: 50%;
		translate: 0 -50%;
	}
}

.chart.-type2{
	    display: flex;
		justify-content: center;
		column-gap: 6rem;
		row-gap: 0.8rem;
		flex-wrap: wrap;
}


/*センター案内*/
.thumbList .inner { max-width: 736px; }
.thumbList ul {  }
.thumbList ul li { display: inline-block; width: 48%; margin: 0 0 3% 2%; }
.thumbList ul li:nth-of-type(2n+1) { margin: 0 0 3%; clear: both; }
.thumbList ul li img { display: block; width: 100%; margin: 0; }
.thumbList ul li span { display: block; }
.thumbList ul li span { position: relative; display: block; display: flex; align-items: center; font-size: 18px; line-height: 1.3; color: #fff; padding: 0 40px 0 22px; height: 67px; background: #004ea2; }
.thumbList ul li span:before,
.thumbList ul li span:after  { content: ""; position: absolute; vertical-align: middle; }
.thumbList ul li span:before { right: 22px; width: 9px; height: 1px; background: #fff; }
.thumbList ul li span:after  { right: 22px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.thumbList ul li span:hover { background: #6091c5; }
.thumbList ul li a:hover span:before { background: #d4e1ef; }
.thumbList ul li a:hover span:after  { border-top: 1px solid #d4e1ef; border-right: 1px solid #d4e1ef; }
@media screen and (max-width:900px){
	.thumbList ul li { display: block; width: 100%; margin: 0 0 5% !important; }
}

#philosophy ul { font-size: 20px; line-height: 2; }
img.chart { display: block; max-width: 100%; margin: 0 auto; }

.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; }
.ggmap iframe,
.ggmap object,
.ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.parking { text-align: right; }
.parking span { display: inline-block; color: #004ea2; border: 1px solid #004ea2; background: #fff; padding: .8em 1.5em; border-radius: 40px; }
.parking span a.pdf { margin-left: 1em; }

#publicDoc {  }
#publicDoc ul { margin-bottom: 3em; }
#publicDoc ul li { position: relative; display: block; margin-bottom: 10px; padding-left: 1em; }
#publicDoc ul li:before,
#publicDoc ul li:after { content: ""; position: absolute; vertical-align: middle; }
#publicDoc ul li:before { top: 13px; left: 0; width: 9px; height: 1px; background: #004ea2; }
#publicDoc ul li:after  { top: 10px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#publicDoc ul li a { margin: 0 1em; }


/*column1*/
#mainBase1 { max-width: 860px; width: 90%; margin: 0 auto; text-align: left; }

/*サイトマップ*/
.sitemap ul {  }
.sitemap ul li a { position: relative; display: block; margin-bottom: 10px; padding-left: 1em; }
.sitemap ul li a:before,
.sitemap ul li a:after { content: ""; position: absolute; vertical-align: middle; }
.sitemap ul li a:before { top: 13px; left: 0; width: 9px; height: 1px; background: #004ea2; }
.sitemap ul li a:after  { top: 10px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/*リンク*/
#link {  }
#link dl {  }
#link dl dt {  }
#link dl dt a { position: relative; display: block; margin-bottom: 10px; padding-left: 1em; }
#link dl dt a:before,
#link dl dt a:after { content: ""; position: absolute; vertical-align: middle; }
#link dl dt a:before { top: 13px; left: 0; width: 9px; height: 1px; background: #004ea2; }
#link dl dt a:after  { top: 10px; left: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#link dl dd { color: #666; margin: 0 0 2em 1em; }

/*お知らせ*/
#pageNav { text-align: center; margin-top: 80px; }
#pageNav a { position: relative; display: inline-block; }
#pageNav .prev { float: left; padding-left: 1.2em; }
#pageNav .back {}
#pageNav .next { float: right; padding-right: 1.2em; }
#pageNav .prev:before,
#pageNav .prev:after,
#pageNav .next:before,
#pageNav .next:after { content: ""; position: absolute; vertical-align: middle; }
#pageNav .prev:before { top: 13px; left: 0; width: 9px; height: 1px; background: #004ea2; }
#pageNav .prev:after  { top: 10px; left: 2px; width: 6px; height: 6px; border-bottom: 1px solid #004ea2; border-left: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#pageNav .next:before { top: 13px; right: 0; width: 9px; height: 1px; background: #004ea2; }
#pageNav .next:after  { top: 10px; right: 2px; width: 6px; height: 6px; border-top: 1px solid #004ea2; border-right: 1px solid #004ea2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.news h1 { border: 0; padding: 0 0 .5em; letter-spacing: 0; border-bottom: 1px solid #ccc; font-size: 20px; line-height: 1.5; }
.news h1 span { display: block; margin-bottom: 1em; font-size: 15px; font-weight: normal; }