@charset "UTF-8";
// COLOR
@blueD:#004984;
@blue:#0077cc;
@greenL:#6ABFAB;
@orange:#eb6000;

@gray:#ccc;
@grayD:#777;
@grayL:#e6e6e6;
@grayLL:#f7f7f7;
@white:#fff;
@black:#111;
@red:#903;

// LESS
@ncc:no-repeat center center;

// MIXIN
.trans{-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
.notrans{-webkit-transition:0s; -moz-transition:0s; -o-transition:0s; -ms-transition:0s; transition:0s;}
.fb{font-weight:bold;}
.tac{text-align:center;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{background-size:cover;}
.inline{display:-moz-inline-box; display:inline-block;}

/*BASE*/
html{height:100%;}
body{height:100%; line-height:1; color:@black; -webkit-text-size-adjust:100%;
font-family:"Helvetica Neue","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Roboto,"Droid Sans","メイリオ",Meiryo,"游ゴシック",YuGothic,sans-serif;}
img{max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*LINK*/
a:link{color:@blueD; .tdu; .trans;}
a:visited{color:@blueD; .tdu;}
a:hover{color:@gray; .tdu;}
a:active{color:@blueD; .tdn;}
a img{border:none; .tdn;}
a img:hover{border:none; opacity:0.6; .tdn;}
/*LOADING*/
div#loadingWrap{position:fixed; top:0; left:0; width:100%; height:100%; background:@white; z-index:1400;
	img{position:absolute; top:50%; left:50%; max-width:69px; margin:-34.5px 0 0 -34.5px; width:auto;}
}
/*LETTER*/
strong{.fb;}
.wf{font-family:'Oswald';}
.serif{font-family:"Times New Roman","Georgia","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; transform:rotate(.03deg)}
.attention{color:@red;}
.fontsmall{font-size:77%;}
.fontlarge{font-size:139%;}
::selection{background:@blueD; color:@white;}
::-moz-selection{background:@blueD; color:@white;}

/*MOVBOX*/
div#movbox{z-index:1; position:relative; width:100%; height:100%;
	div.mask{z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:url('../img/bg/sptop.jpg') no-repeat center bottom; background-size:cover;}
	h1{z-index:200; position:relative; margin:0 auto; width:80%; padding:50% 0 0;}
	div.arrownav{z-index:300; position:absolute; bottom:0; left:50%; margin-left:-48px; font-size:200%; width:96px;
		a{display:block; padding:15px 30px; color:@white; background:@blueD; .tdn; .trans;}
		a:hover{opacity:0.6;}
	}
}

/*WRAPPER*/
div#wrapper{position:relative; z-index:1000; background:@white;}

/*HEADER*/
header{width:100%; background:@white; border-bottom:1px solid @grayL;
	h1{float:left; width:200px; margin:20px 10px;}
	button#menubtn{position:absolute; right:10px; top:10px; line-height:42px; height:42px; width:42px; background-color:none; border:none; font-size:154%;}
	button.btn:after{content: '\e80a'; font-family:'fontello';}
	button.active:after{content: '\e800'; font-family:'fontello';}
	nav#spmenu{position:absolute; top:64px; width:100%; background:rgba(7,75,126,0.9); z-index:9998; .tac;
		ul{width:100%;
			li{width:50%; float:left; border-bottom:1px solid @gray;
				a{display:block; line-height:54px; height:54px; color:@white; .tdn;}
			}
			li:nth-child(odd){border-left:1px solid @gray;}
			li:first-child{border-left:none; width:100%;}
		}
	}
}

.blog{
	header{opacity:1; .trans; position:fixed; top:0; left:0; z-index:10000;}
}

/*TOPBOX COMMON*/
div.topbox{margin:0 0 6%;
	section.titlebox{margin:0 0 6%; padding:0; color:@blueD; .tac;
		h2{font-size:154%; margin-bottom:15px;}
	}
}

/*TOPBTN BASE*/
div.detailbtn{width:100%; display:block; .tac; .fb; margin:0 auto 4%;
	a{background:@blueD; display:block; padding:15px; border-radius:8px; .tdn;
		i{float:right;}
	}
	a:link{color:@white;}
	a:visited{color:@white;}
	a:hover{color:@white; opacity:0.7;}
	a:active{color:@white;}
}

/*FIRSTBOX*/
div.firstbox{
	section.titlebox{padding:24% 0 0;}
	a{
		div.btnbox{background:@orange; color:@white; .tac;
			img{float:right; width:50%;}
			section.caption{position:relative; float:left; width:50%; padding:12% 0 0;
				h4{margin-bottom:6%;}
				h5{font-size:77%;}
			}
			section.caption:after{
				content:""; position:absolute; top:65%; right:-10px; display:block; width:0px; height:0px;
				border-style:solid; border-width:10px 0 10px 10px; border-color:transparent transparent transparent @orange;
			}
		}
	}
	a.altver{
		div.btnbox{
			img{float:left;}
			section.caption{float:right;}
			section.caption:after{
				top:70%; left:-10px;
				border-width:10px 10px 10px 0; border-color:transparent @orange transparent transparent;
			}
		}
	}
}

/*SECONDBOX*/
div.secondbox{margin:0 0 30px;
	div.span_6{padding:0 20px 20px;
		h4{font-size:124%; padding:20px 0; border-bottom:1px solid @gray; .fb;}
		a{color:@black; .tdn;
			article{padding:10px 0; border-bottom:1px solid @gray; width:100%; line-height:1.6;
				div.postdate{color:@grayD;}
			}
		}
	}
}

div.topbox.thirdbox{margin:0;}
div.fourthbox{
	h4{.fb; font-size:154%; margin:0 0 4%;}
	div.detailbtn{width:70%; display:block; .tac; .fb; margin:0 auto 6%;
		a{background:@white; display:block; padding:10px; border-radius:8px; .tdn;
			i{float:right;}
		}
		a:link{color:@blueD;}
		a:visited{color:@blueD;}
		a:hover{color:@blueD; opacity:0.7;}
		a:active{color:@blueD;}
	}
}
div#pagePlugin.sp{width:320px; margin:0 auto;}
ul.ameba{line-height:1.7; margin:0 0 4%;
	li{border-bottom:1px dashed @grayL; padding:0 0 10px; margin:0 0 10px;
		a:link{color:@white; .tdn;}
		a:visited{color:@white; .tdn;}
		a:hover{color:@grayL; .tdu;}
		a:active{color:@white; .tdn;}
	}
}

/*MESSAGE SLIDER*/
div.msgslider{padding:40px 0; margin:0; background:url("../img/bg/msg.jpg"); background-size:150px 150px;
	section.titlebox{
		h2{color:@blueD;}
	}
	div.carousel{margin:0 0 30px;
		ul{
			li{
				a{display:block; padding:0 50px;
					img{border:6px solid @blueD; border-radius:100%;}
				}
				p{background:@blueD; padding:10px; margin:10px auto 0; .tac; width:220px; color:@white;}
			}
		}
	}
}

div.msgslider02{background:url("../img/bg/msg02.jpg"); background-size:150px 150px;}

/*MESSAGE SLIDER*/
.category{
	div.msgslider{margin:0;}
}

li.memthum{
	a{
		img{display:block; opacity:1;}
	}
}

div.hovercap{overflow:hidden; position:relative;
	.imgcaption{.tac;}
}

div.hovercap div.imgmask{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;
	-webkit-transform:	rotateY(-180deg); transform:rotateY(-180deg); -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
div.hovercap:hover div.imgmask{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1;}

/* SLICK ARROW */
.slick-prev,.slick-next{z-index:1000;position:absolute;top:50%;display:block;padding:0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor:pointer; color:transparent; border:none; outline:none; background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:0.7;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.2;}
.slick-prev:before,.slick-next:before{font-family:'fontello';font-size:20px;width:30px;height:30px;line-height:30px;opacity:1;display:block;color:@white;background:@blueD;border-radius:100%;}
.slick-prev{left:0;}
.slick-prev:before{content: '\e801';}
.slick-next{right:0;}
.slick-next:before{content: '\e80f';}


/*FOURTHBOX*/
div.fourthbox{padding:20px 0; margin:0 0 4%; background:@blue; color:@white;
	section.titlebox{color:@white;}
}

/*FIFTHBOX*/
div.fifthbox{padding:0 0 45px;
	div.span_6{width:44%; margin:0 3%;
		div.btnbox{background:@blueD; padding:15px; color:@grayLL; .tac;
			i{font-size:197%; margin-bottom:15px; display:block;}
			h2{font-size:124%; margin-bottom:15px;}
			h3{font-size:85%; margin-bottom:15px;}
			a{font-size:77%; display:block; color:@blueD; background:@grayLL; padding:10px; .tdn; text-align:left;}
			a:after{font-family:"fontello"; content:"\e80f"; float:right;}
		}
	}
}
ul.topbn{
	li{width:70%; margin:0 auto 4%;
		a{display:block;
			img{border:1px solid @grayL;}
		}
	}
}

div.topfootpic{
	ul{
		li{float:left; width:25%;}
	}
}

/*FOOTER*/
footer{background:@blueD; color:@white; padding:4% 0 0;
	img{width:281.5px; margin:0 0 4%;}
	p{line-height:1.7;}
	div.copyright{background:@black; margin:4% 0 0; padding:10px 0; font-size:77%; line-height:1.7; .tac;}
	a:link{color:@white; .tdn; .trans;}
	a:visited{color:@white; .tdn;}
	a:hover{color:@gray; .tdn;}
	a:active{color:@white; .tdn;}
	ul{
		li{.inline;
			a{display:block;}
		}
	}
}

ul.footnav01{.tac;
	li{margin:0 0 4%;}
	li a{.inline;}
	li:before{content:"|"; float:left; .inline; margin:0 10px;}
	li:first-child:before{content:none;}
	li.bgnav{background:@white; display:block; width:60%; margin:0 auto 4%;
		a{padding:10px;}
		a:link{color:@blueD; .tdn; .trans;}
		a:visited{color:@blueD; .tdn;}
		a:hover{color:@blueD; .tdn; background:@gray;}
		a:active{color:@blueD; .tdn;}
	}
	li.bgnav:before{content:none;}
}
ul.footnav02{.tac;
	li{margin:0 0 4%; display:block;
		a{display:block;}
	}
}
section.footdesc{width:80%; margin:0 auto;}
/*********************** PAGES ***********************/
section.pagetitle{color:@white; padding:150px 0 0; overflow:hidden; background:url('../img/bg/page/member.jpg') @ncc; .bgsc;
	h2{font-size:330%; letter-spacing:5px; margin:0 0 -3px -3px; .fb;}
}
.date section.pagetitle{background:url('../img/bg/page/info.jpg') @ncc; .bgsc;}
.tag section.pagetitle{background:url('../img/bg/page/info.jpg') @ncc; .bgsc;}
.single section.pagetitle{background:url('../img/bg/page/info.jpg') @ncc; .bgsc;}
.category-activity section.pagetitle{background:url('../img/bg/page/info.jpg') @ncc; .bgsc;}
.page-about section.pagetitle{background:url('../img/bg/page/about.jpg') @ncc; .bgsc;}
.page-key section.pagetitle{background:url('../img/bg/page/about.jpg') @ncc; .bgsc;}
.page-greeting section.pagetitle{background:url('../img/bg/page/greeting.jpg') @ncc; .bgsc;}
.page-organization section.pagetitle{background:url('../img/bg/page/organization.jpg') @ncc; .bgsc;}
.page-recruit section.pagetitle{background:url('../img/bg/page/recruit.jpg') @ncc; .bgsc;}
.page-contact section.pagetitle{background:url('../img/bg/page/contact.jpg') @ncc; .bgsc;}

div.pagebread{background:@grayLL; padding:15px 10px; margin:0 0 30px; font-size:77%;}

div.msgbox{font-size:140%; color:@blueD; .tac; line-height:3;
	span{color:@black; text-align:right!important; display:block;}
}
div.msgbox2{font-size:120%; color:@blueD; line-height:2; padding:0 0 2%; margin:0 0 4%; border-bottom:1px solid @grayL;}
div.bluebox{font-size:120%; color:@white; background:@blueD; line-height:1.7; padding:2%; margin:0 0 4%;}
div.bottombn{margin:0 auto 8%; .tac;}

div.graybox{background:@grayLL; padding:4%;
	ul{
		li{.tac; color:@blueD; margin:0 0 4%;
			a{display:block; background:@blueD; padding:15px; .fb; }
			a:link{color:@white; .tdn; .trans;}
			a:visited{color:@white; .tdn;}
			a:hover{color:@white; .tdn; background:@grayD;}
			a:active{color:@white; .tdn;}
		}
		li:last-child{line-height:1.8; font-size:138%;}
	}
}

	a.mapbtn{display:block; background:@gray; color:@white; .fb; padding:10px; .tac;}
	a.mapbtn:link{color:@white; .tdn; .trans;}
	a.mapbtn:visited{color:@white; .tdn;}
	a.mapbtn:hover{color:@white; .tdn; background:@blueD;}
	a.mapbtn:active{color:@white; .tdn;}

ul.activelist{
	li{background:@grayL; margin:0 0 4%;
		section:first-child{float:left; width:30%; padding:5px; background:@blueD; color:@white; .tac; .fb;
			span{margin:0 0 10px; display:block;}
			img{max-height:40px; width:auto; max-width:auto; margin:auto!important; display:block;}
		}
		section:last-child{float:right; width:70%; padding:10px;}
	}
	li:nth-child(even){
		section:first-child{background:@greenL;}
	}
}

div.midashibox{line-height:1.7; .tac; margin:0 0 4%;
	h2{font-size:138%; margin:0 0 4%; color:@blueD;}
	p{font-size:100%;}
}

div.pagebody{padding:0 2%;
	article{margin:0 0 30px;
		h3{font-size:138%; padding:0 0 10px; margin:0 0 10px; line-height:1.6; color:@blueD; border-bottom:1px solid @gray; .fb;}
		h4{font-size:116%; margin:0 0 10px; color:@blueD; .fb;}
		p{line-height:1.7; margin:0 0 10px;}
		p.smallbn{
			a img{width:48%;}
		}
		div.postbody{line-height:1.7; word-wrap:break-word;
			img{margin:0 0 15px;}
			p{margin-bottom:15px;}
			p:last-child{margin-bottom:0;}
		}
		section.listbox{background:@grayLL; padding:15px 10px 9px; margin:0 0 4%;
			ul{
				li{counter-increment:number; margin:0 0 6px; line-height:1.6;}
				li::before{content:counter(number); .tac; .inline; background:@greenL; color:@white; float:left;
							margin:0 8px 0 0; padding:5px 0 0; height:19px; width:24px; border-radius:12px; line-height:1;}
			}
			ul.tabbox{
				a{cursor:pointer; color:@black; .tdn; background:@white; border-radius:6px; border:1px solid @gray; margin:0 0 6px; padding:10px; .trans; display:block;
					li{counter-increment:none; display:block; margin:0;}
					li:before{content:none;}
					li:after{content: '\e811'; font-family:'fontello'; float:right;}
				}
				a:hover{background:@gray;}
				a.tabselect{background:@greenL; border:1px solid @greenL; color:@white;}
			}
		}
		.tabhide{display:none;}
		section.peoplelist{
			a{.tdn;}
			ul{font-size:108%;
				li{margin-bottom:10px; background:@greenL; clear:both; display:block; overflow:hidden; position:relative;}
				}
			div{background:@greenL; margin-bottom:15px;}
			div:last-child{margin-bottom:0;}
			img{margin:0 10px 0 0; width:30%; float:left;}
			p{color:@white; margin:20px 0 10px 0; line-height:1;}
			h3{font-size:124%; color:@white; border-bottom:none; padding:0; margin:0; line-height:1;}
			i{position:absolute; right:10px; top:30%; background:@white; border-radius:100%; padding:11px 7px 9px; color:@greenL;}
		}
	}
}

.single{
	div.pagebody{
		article{
			div.postbody{
				section{margin:0 0 4%;}
			}
		}
	}
}
span.sns{
    background: @blueD;
    color: #fff;
    display: inline-block;
    margin:0 20px 15px 0;
    letter-spacing: 1px;
    padding: 0 10px;
    text-align: center;
    width: 120px;
}

div.postdata{font-size:124%; .fb;
	span{display:block; margin:0 0 4%;}
	span:first-child{background:@blueD; color:@white; padding:5px; .tac;}
	span:last-child{font-size:124%;}
}

div.fotorama{width:100%; max-width:100%; margin:0 auto 4%;}
div.borderbox{padding:4%; border:1px solid @grayL;}

div.infolink{padding:0 0 40px;
	h3{background:@blueD; color:@white; padding:10px; .fb; .inline; margin:0 0 4%;}
	p{margin:0 0 4%; line-height:1.8;}
	div.bnnn{.tac; background:@blueD; padding:10px;
		a:link{color:@white; .tdn;}
		a:visited{color:@white; .tdn;}
		a:hover{color:@white; .tdu;}
		a:active{color:@white; .tdn;}
	}
}

/*NEWS*/
div.pagebody{
	article.news{position:relative; padding:0 0 10px; margin-bottom:2%;
		img{float:left; width:30%; z-index:98;}
		span.postdate{background:@blueD; color:@white; position:absolute; top:0; left:0; padding:5px; font-size:77%; z-index:99;}
		div.postdetail{float:left; width:70%; padding:0 0 0 10px;
			h3{border:none; font-size:100%; line-height:1.6;}
			a:link{color:@black; .tdn;}
			a:visited{color:@black; .tdn;}
			a:hover{color:@black; .tdu;}
			a:active{color:@black; .tdn;}
			br{display:none;}
			span{float:right; background:@grayD; color:@white; padding:10px; .inline; font-size:77%;
				a:link{color:@white; .tdn;}
				a:visited{color:@white; .tdn;}
				a:hover{color:@white; .tdu;}
				a:active{color:@white; .tdn;}
			}
		}
	}
}

section.postdate{margin:0 0 5px;
				a:link{color:@white; .tdn;}
				a:visited{color:@white; .tdn;}
				a:hover{color:@white; .tdu;}
				a:active{color:@white; .tdn;}
	span{background:@gray; color:@white; padding:10px; margin:0 15px 0 0; .inline; .tac;}
}

/*PAGENATION*/
.wp-pagenavi{.tac;}
div.pagenation{font-size:77%; letter-spacing:1px;
	a:link{color:@white; .tdn;}
	a:visited{color:@white; .tdn;}
	a:hover{color:@white; .tdn;}
	a:active{color:@white; .tdn;}
	a div{background:@blueD; display:block; border-radius:6px; padding:15px; .fb; .trans;}
	a div:hover{background:@grayD;}
	div.next{float:right; margin:0 0 4%;}
	div.prev{float:left; margin:0 0 4%;}
	div.back{.tac; margin:0 0 4%;}
}

div.triangle{width:20px; margin:0 auto 4%;
height:0;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-top:20px solid @gray;}

/*PAGE TABLE*/
table{width:100%; line-height:1.7;
	tr{width:100%;
		th{padding:8px; width:100%; display:block; text-align:left; background:@grayLL; .fb;
			span{font-size:85%;}
		}
		td{padding:8px 0; width:100%; display:block;}
	}
}

table.noborder{margin:0; border-bottom:1px solid @gray;
	tr{
		th{border:none; background:@grayD; color:@white; font-size:105%;.tac;}
		td{border:none;}
	}
}

/*CONTACT*/
table.mailform{
	textarea{width:100%; padding:10px; resize:vertical; background:@white; border:1px solid #ddd;}
	input.wpcf7-text{width:100%; padding:10px;}
}
input[type="submit"],button{-webkit-appearance:button; cursor:pointer; outline:none;}
input.soushin{width:100%; height:60px; line-height:60px; position:relative; .inline; .fb; font-size:124%; .tac; .tdn; border:none; color:@white;
border-radius:10px; background-color:@grayD; box-shadow:0 4px 0 @black; -webkit-transition:none; transition:none; cursor:pointer;}
input.soushin:hover{background-color:@gray; box-shadow:0 4px 0 @grayD;}
input.soushin:active{top:4px; box-shadow:none;}
img.ajax-loader{float:left; width:auto!important;}

div.privacybox{overflow:hidden; overflow-y:scroll; padding:2%; border:1px solid @gray; height:200px;}

/********************************************************************************************************/
/************************ PC ****************************************************************************/
/********************************************************************************************************/
@media(min-width:769px){
nav#spmenu{display:none;}
.sp{display:none;}
.col_left{padding-right:20px;}
.col_right{padding-left:20px;}
.col_lefts{padding-right:7px;}
.col_rights{padding-left:7px;}

/*MOVBOX*/
div#movbox{background:none;
	div.mask{z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:url('../img/bg/dot.png'); opacity:0.2;}
	h1{width:700px; padding:12% 0 0; margin:0 40% 0; text-align:right;}
	div.arrownav{margin-left:-57px; font-size:300%; width:114px;
		a{padding:10px 30px;}
	}
}

/*HEADER*/
header{padding:25px 20px 15px;
	h1{width:280px; margin:0 0 10px;}
	div.headnav{float:right;
		nav{clear:both;
			ul#gnav{position:relative; z-index:3100; .fb;
				li{float:left; display:block; margin-right:10px;
					a{position:relative; display:block; z-index:3200; padding:10px 5px 10px;}
					a:link{color:@black; .tdn;}
					a:visited{color:@black; .tdn;}
					a:hover{color:@gray; .tdn;}
					a:active{color:@black; .tdn;}
				}
				li.navlast{margin-right:0;}
				li.orangnav{
					a{background:@orange; padding:10px;}
					a:link{color:@white; .tdn;}
					a:visited{color:@white; .tdn;}
					a:hover{color:@white; .tdn;  background:@grayD;}
					a:active{color:@white; .tdn;}
				}
				li.bluenav{
					a{background:@blueD; padding:10px;}
					a:link{color:@white; .tdn;}
					a:visited{color:@white; .tdn;}
					a:hover{color:@white; .tdn;  background:@grayD;}
					a:active{color:@white; .tdn;}
				}
			}
		}
	}
}

.blog{
	header{z-index:9999; position:fixed; top:0; left:0; opacity:0; .trans;}
	header.fixed{opacity:1; .trans;}
}

/*TOPBOX COMMON*/
div.topbox{
	section.titlebox{padding:0;
		h2{font-size:220%;}
		h3{font-size:120%;}
	}
}

/*TOPBTN BASE*/
div.detailbtn{width:50%;
	a{padding:20px;}
}

/*FIRSTBOX*/
div.firstbox{
	section.titlebox{padding:240px 0 0;}
	a{
		div.btnbox{position:relative; overflow:hidden; width:100%; background:none;
			img{float:none; width:100%;}
			img:hover{opacity:1;}
			section.caption{z-index:1100; position:absolute; float:none; left:0; top:100%; width:100%; height:100%; padding:140px 60px 0; background:rgba(7,75,126,0.85);
				h4{font-size:194%; margin:0 0 20px;}
				h5{font-size:100%;}
			}
		}
	}
	a.altver{
		div.btnbox{background:none; color:@white;
			img{float:none;}
			section.caption{float:none;}
		}
	}
}

/*SECONDBOX*/
div.secondbox{margin:0 0 60px;
	div.span_6{padding:20px;
		h4{padding:20px; letter-spacing:2px;}
		a{
			article:hover{background:@grayL;}
		}
	}
}

div.topbox.thirdbox{margin:0;}

/*MESSAGE SLIDER*/
div.msgslider{padding:60px 0; margin:0;
	div.carousel{margin:0 0 60px;
		ul{
			li{
				a{padding:0 20px;}
			}
		}
	}
}
/*MESSAGE SLIDER*/
.category{
	div.msgslider{padding:40px 0 20px; margin:0;}
}

/* SLICK ARROW */
.slick-prev:before,.slick-next:before{width:50px;height:50px;line-height:50px;}

/*FOURTHBOX*/
div.fourthbox{padding:60px 0; margin:0 0 4%; background:@blue; color:@white;
	section.titlebox{color:@white;}
	div.mbpc{margin-bottom:40px;}
}


/*FIFTHBOX*/
div.fifthbox{padding:0 0 60px;
	div.span_6{width:49.0%; margin:0 0 0 2%;
		div.btnbox{padding:30px 60px;
			i{font-size:250%;}
			h2{font-size:154%;}
			h3{font-size:116%; margin-bottom:30px;}
			a{font-size:100%; padding:15px; .tac;}
			a:hover{background:@gray;}
		}
	}
}

ul.topbn{
	li{width:32%; margin:0 2% 0 0; float:left;}
	li:last-child{margin:0;}
}

/*FOOTER*/
footer{}
ul.footnav01{text-align:left; font-size:116%;
	li{margin:0 0 4%;}
	li a{padding:0 20px;}
	li:before{.inline; margin:0 10px;}
	li.bgnav{.inline; width:auto; margin:0 20px 4%;
		a{padding:10px;}
		a:link{color:@blueD; .tdn; .trans;}
		a:visited{color:@blueD; .tdn;}
		a:hover{color:@blueD; .tdn; background:@gray;}
		a:active{color:@blueD; .tdn;}
	}
}
ul.footnav02{text-align:left; font-size:116%;
	li{margin:0 0 4%; .inline;}
	li a{padding:0 20px;}
}
section.footdesc{width:80%; margin:0 auto;}

/*BACK*/
div.backbtn{position:absolute; right:60px; bottom:60px; opacity:0.6; .trans;
	a{display:block; color:@blueD; font-size:200%; border-radius:100%; padding:20px 15px; background:@white; .tdn;}
}
div.backbtn:hover{opacity:1;}

/*****************************************************/
/*********************** PAGES ***********************/
/*****************************************************/
section.pagetitle{padding:300px 0 0;
	h2{font-size:1000%; letter-spacing:20px; margin:0 0 -12px -10px;}
}

div.pagebread{padding:20px 0; margin:0 0 60px; font-size:100%;}

div.msgbox{font-size:200%; line-height:4; padding:95px 0 0;}
div.msgbox2{font-size:180%; padding:0 0 3%; margin:0 0 3%;}
div.bluebox{font-size:180%; .tac; margin:4% 0;}

div.bottombn{width:600px; margin:0 auto 8%;}

.page-organization{
	article{
		a img{width:80%; margin:0 auto 4%!important; display:block;}
	}
}

div.borderbox{padding:20px;}

div.graybox{padding:20px;
	ul{
		li{width:32%; float:left; margin:0 2% 2% 0; 
			a{display:block; background:@blueD; padding:30px; .fb; font-size:168%;}
		}
		li:last-child{margin:1% 0 2%; font-size:168%;}
	}
}

ul.activelist{font-size:108%;
	li{width:48%; float:left; margin:0 2% 2% 0;
		section:first-child{float:left; width:30%; padding:10px;
			span{margin:0 0 10px; display:block;}
			img{max-height:60px;}
		}
		section:last-child{width:70%; padding:10px;}
	}
	li:nth-child(even){margin:0 0 2%;}
}

div.midashibox{margin:0 0 4%; 
	h2{font-size:240%; margin:0 0 2%;}
	p{font-size:154%;}
}

div.pagebody{
	article{margin:0 0 60px;
		.tabhide{display:none;}
		h3{font-size:168%; padding:0 0 15px; margin:0 0 30px; line-height:1.7; border-bottom:1px solid @grayL;}
		h4{font-size:139%; margin:0 0 30px;}
		p{line-height:1.7;  margin:0 0 15px;}
		p.smallbn{
			a img{width:180px; margin:0 10px 0 0;}
		}
		div.postbody{
			img{margin:0 0 20px;}
			.size-thumbnail{width:320px; height:auto;}
			.size-medium{width:320px; height:auto;}
			.size-large{width:640px; height:auto;}
			.aligncenter{clear:both; display:block; overflow:hidden; margin: 0 auto 20px;}
			.alignleft{float:left; margin:0 20px 20px 0; .inline;}
			.alignright{float:right; margin:0 0 20px 20px; .inline;}
			img.alignleft + br{display:none;}
			img.alignright + br{display:none;}
			p:last-child{margin-bottom:0;}
			p{font-size:116%;}
			table{font-size:116%;}
		}
		section.listbox{padding:30px 30px 18px;
			ul{font-size:108%;
				li{margin:0 0 12px; line-height:1; .inline;}
				li::before{float:none; margin:0 10px 0 0; padding:6px 0 0; height:24px; width:30px; border-radius:15px;}
			}
			ul.span33 li{width:33%;}
			ul.span99 li{width:99%;}
			ul.tabbox{
				a{width:49.5%; float:left; margin:0 0 12px; padding:15px;
					li{margin:0;}
				}
				a:nth-child(even){margin-left:1%;}
			}
		}
		section.peoplelist{.tac;
			ul{font-size:108%;
				li{margin-bottom:30px; background:none; clear:none;}
			}
			div{background:none;}
			img{width:100%; float:none; border-radius:100%; margin:0 0 15px;}
			p{font-size:93%; color:@greenL; margin:0 0 5px;}
			h3{font-size:116%; color:@grayD; border-bottom:none; padding:10px 0 0;}
		}
	}
}

.single{
	div.pagebody{padding:0 100px 100px;
		article{
			div.postbody{
				section{margin:0 0 60px;}
			}
		}
	}
}

div.postdata{font-size:168%;
	span{float:right;}
	span:first-child{float:left; padding:15px;}
}

div.infolink{
	h3{font-size:168%;}
	div.bnnn{font-size:168%; padding:30px;}
}

/*NEWS*/
div.pagebody{
	div.newslist{margin-bottom:20px;}
	div.newslist:last-child{margin-bottom:0px;}
	article.news{padding:0; border-bottom:none; border:1px solid @grayL; background:@grayLL; margin-bottom:1%;
		img{float:none; width:100%; border:none;}
		span.postdate{padding:10px; font-size:85%;}
		div.postdetail{float:none; width:100%; padding:10px;
			h3{border:none; margin:0;}
			a:link{color:@black; .tdn;}
			a:visited{color:@black; .tdn;}
			a:hover{color:@gray; .tdu;}
			a:active{color:@black; .tdn;}
		}
	}
}

/*PAGENATION*/
div.pagenation{font-size:100%;
	div.back{width:50%; margin:0 auto;}
}

/*PAGE TABLE*/
table{width:100%; margin-bottom:20px;
	tr{width:100%;
		th{vertical-align:middle; padding:20px; width:auto; display:table-cell; white-space:nowrap; background:@grayLL; border:1px solid @gray;}
		td{vertical-align:middle; padding:20px; width:auto; display:table-cell; border:1px solid @gray;}
	}
}

table.noborder{
	tr{border-bottom:10px solid @white;}
}

}
/************************ SP ************************/
@media (max-width:768px)
{
	.pc{display:none;}
	.spmb{margin-bottom:4%;}
}
/************************ VIDEO ************************/
.ggmap{position:relative;height:0;overflow:hidden;padding-bottom:33%; margin:0 0 2%;}
.ggmap iframe,.ggmap object,.ggmap embed{position:absolute;top:0;left:0;width:100% !important;height:100% !important}
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/