@charset "UTF-8";


/* -------------------------------------
index
------------------------------------- */
header .head {
	width:100%;
	padding-bottom:0;
	background-color:transparent;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.fullimg {
	padding-bottom:23px;
	position:relative;
}
.fullimg::before,
.fullimg::after {
	content:"";
	height:23px;
	display:block;
	position:absolute;
	bottom:0;
	z-index:1;
}
.fullimg::before {
	width:46.7%;
	background-color:#004097;
	left:0;
}
.fullimg::after {
	width:53.3%;
	background-color:#FF0000;
	left:46.7%;
}


#about {
	margin-bottom:8.9%;
}
#about .photo {
	width:58.5%;
	float:left;
}
#about .text {
	width:36.5%;
	float:right;
}
#about .text h2 {
	font-size:29px;
	color:#003E8B;
	margin-bottom:25px;
}
#about .text p {
	font-size:16px;
	font-weight:500;
	line-height:1.9;
}
#about .text p span {
	text-align:right;
	display:block;
	margin-top:10px;
}

#fb {
	font-size:0;
	margin-bottom:13.6%;
}
#fb dt {
	font-size:14px;
	margin-bottom:25px;
}
#fb dd {
	width:290px;
	display:inline-block;
}
#fb dd:not(:last-child) {
	margin-right:50px;
}
#fb dd > .fb-page {
	width:100%;
}
#fb dd > .fb-page > span,
#fb dd iframe {
	width:100%!important;
}

.info {
	margin-bottom:90px;
}
.info .postlist.news {
	display:none;
}
.info .postlist ul {
	margin-bottom:45px;
	border-top:1px solid #DFDFDF;
}
.info .postlist li {
	font-size:0;
	padding:20px 0;
	border-bottom:1px solid #DFDFDF;
}
.info .postlist li p {
	letter-spacing:0.1em;
	display:inline-block;
	vertical-align:top;
}
.info .postlist li p.date {
	font-size:15px;
	font-weight:500;
	width:155px;
}
.info .postlist li p.text {
	font-size:16px;
	width:calc(100% - 155px);
}
.info .postlist li p.text a {
	color:#004097;
	display:inline-block;
}
.info .postlist .more {
	font-size:0;
	text-align:right;
}
.info .postlist .more a {
	font-size:14px;
	font-weight:500;
	display:inline-block;
	padding-right:25px;
	background:url(../imgs/common/arrow_info.png) no-repeat right center;
}


#banner .pagettl {
	margin-bottom:40px;
}
#banner ul {
	padding:0 15px 0 15px;
	border-bottom:1px solid #CCC;
}
#banner ul li {
	width:calc((99.9% - 60px) / 4);
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#banner ul li:nth-child(4n) {
	margin-right:0;
}
#banner ul li a {
	border:1px solid #CCC;
}




@media screen and (max-width:1010px) {
	.fullimg {
		padding-bottom:20px;
	}
	.fullimg::before,
	.fullimg::after {
		height:20px;
	}
	
	
	#about .text h2 {
		font-size:27px;
		margin-bottom:23px;
	}
	#about .text p {
		font-size:15px;
	}
	#about .text p span img {
		width:130px;
		height:auto;
	}
	
	
	#fb dt {
		margin-bottom:23px;
	}
	#fb dd:not(:last-child) {
		margin-right:40px;
	}
	
	.info {
		margin-bottom:9%;
	}
	.info .postlist ul {
		margin-bottom:42px;
	}
	.info .postlist li {
		padding:18px 0;
	}
	.info .postlist li p.date {
		font-size:14px;
		width:145px;
	}
	.info .postlist li p.text {
		font-size:15px;
		width:calc(100% - 145px);
	}
	
	
	#banner .pagettl {
		margin-bottom:37px;
	}
}
@media screen and (max-width:880px) {
	#about .text h2 br {
		display:none;
	}
}
@media screen and (max-width:768px) {
	.fullimg {
		padding-bottom:17px;
	}
	.fullimg::before,
	.fullimg::after {
		height:17px;
	}
	
	
	#about .text h2 {
		font-size:25px;
		margin-bottom:21px;
	}
	#about .text p {
		font-size:14px;
		line-height:1.8;
	}
	#about .text p span img {
		width:120px;
	}
	
	
	#fb dt {
		margin-bottom:21px;
	}
	#fb dd:not(:last-child) {
		margin-right:30px;
	}
	
	
	.info .postlist ul {
		margin-bottom:39px;
	}
	.info .postlist li {
		padding:16px 0;
	}
	.info .postlist li p.date {
		font-size:13px;
		width:125px;
	}
	.info .postlist li p.text {
		font-size:14px;
		width:calc(100% - 125px);
	}
	.info .postlist .more a {
		font-size:13px;
		padding-right:20px;
		background-size:15px auto;
	}
	
	
	#banner .pagettl {
		margin-bottom:34px;
	}
	#banner ul li {
		width:calc((99.9% - 45px) / 4);
		margin-right:15px;
		margin-bottom:15px;
	}
	#banner ul li:nth-child(4n) {
		margin-right:0;
	}
}
@media screen and (max-width:700px) {
	#fb dd {
		width:calc((99.9% - 30px) / 2);
	}
}
@media screen and (max-width:640px) {
	header .head {
		padding-bottom:15px;
		background-color:#FFF;
		position:relative;
	}
	
	.fullimg {
		padding-bottom:15px;
	}
	.fullimg::before,
	.fullimg::after {
		height:15px;
	}
	
	
	#about .text h2 {
		font-size:24px;
		margin-bottom:20px;
	}
	#about .text p span img {
		width:110px;
	}
	
	
	#fb dt {
		margin-bottom:20px;
	}
	#fb dd {
		width:calc((99.9% - 20px) / 2);
	}
	#fb dd:not(:last-child) {
		margin-right:20px;
	}
	
	
	.info {
		margin-bottom:55px;
	}
	.info .postlist ul {
		margin-bottom:36px;
	}
	.info .postlist li {
		padding:15px 0;
	}
	.info .postlist li p.date {
		width:100px;
	}
	.info .postlist li p.text {
		width:calc(100% - 100px);
	}
	
	
	#banner .pagettl {
		margin-bottom:32px;
	}
	#banner ul li {
		width:calc((99.9% - 15px) / 2);
		margin-right:15px;
	}
	#banner ul li:nth-child(4n) {
		margin-right:15px;
	}
	#banner ul li:nth-child(2n) {
		margin-right:0;
	}
}
@media screen and (max-width:500px) {
	header .head {
		padding-bottom:11px;
	}
	
	.fullimg {
		padding-bottom:12px;
	}
	.fullimg::before,
	.fullimg::after {
		height:12px;
	}
	
	
	#about {
		margin-bottom:40px;
	}
	#about .photo {
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	#about .text {
		width:100%;
		float:none;
	}
	#about .text h2 {
		font-size:22px;
		margin-bottom:15px;
	}
	#about .text h2 br {
		display:block;
	}
	#about .text p span img {
		width:100px;
	}
	
	
	#fb dd {
		width:calc((100% - 0px) / 1);
	}
	#fb dd:not(:last-child) {
		margin-right:0;
		margin-bottom:20px;
	}
	
	
	.info {
		margin-bottom:50px;
	}
	.info .postlist ul {
		margin-bottom:30px;
	}
	.info .postlist li p {
		display:block;
	}
	.info .postlist li p.date {
		width:100%;
	}
	.info .postlist li p.text {
		width:calc(100% - 0px);
	}
	
	
	#banner .pagettl {
		margin-bottom:30px;
	}
}
@media screen and (max-width:320px) {
	#about .text h2 {
		font-size:21px;
	}
	
	
	.info {
		margin-bottom:45px;
	}
}
@media screen and (min-width:769px) {
	
}