@charset "utf-8";

/* ---------------------------------------- bannersp */

.bannersp { text-align: center; }
.bannersp ul li:not( :last-child ) { margin: 0 0 1em; }

@media (max-width: 768px) {

	.bannersp.headlines { padding: 5em 0 0; }
	.bannersp.footlines { padding: 0 0 5em; }
	.bannersplit + .bannersp { padding: 0 0 56px; }
	.bannersp .inner {
		margin: 0 1em;
	}

} /* 768px- */

@media (min-width: 769px) {

	.bannersp { padding: 8em 0; }
	.bannersplit + .bannersp { padding: 0 0 80px; }
	.bannersp .inner {
		max-width: 1040px;
		padding: 0 20px;
		margin: 0 auto;
	}

} /* 769px- */

/* -------------------- txtbnr */

.txtbnr {
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	 align-items: center;
	 text-align: center;
}
.txtbnr span {
	font-family:'游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝',serif;
	line-height: 1.8;
}

@media (max-width: 768px) {

	.txtbnr {
		width: 100%;
		background-image: url( ../images/txtbnr-upper.jpg ), url( ../images/txtbnr-under.jpg );
		background-repeat: no-repeat, no-repeat;
		background-position: left top, right bottom;
		background-size: 24px, 24px;
		padding: 20px 40px;
	}
	.txtbnr span {
		font-size: 1.5rem;
	}
	
} /* -719 */

@media (min-width: 769px) {

	.txtbnr {
		width: 720px;
		min-height: 160px;
		background-image: url( ../images/txtbnr-upper.jpg ), url( ../images/txtbnr-under.jpg );
		background-repeat: no-repeat, no-repeat;
		background-position: left top, right bottom;
		padding: 40px 60px;
		margin: 0 auto;
	}
	.txtbnr span {
		font-size: 2.2rem;
	}

} /* 720- */


/* ---------------------------------------- banner split */

@media (max-width: 599px) {

	.bannersplit {
		background: #fff;
		padding: 56px 16px;
	}
	.bannersplit li {
		margin: 0 0 10px;
	}
	.bannersplit li:last-child {
		margin: 0;
	}
	.bannersplit a {
		display: block;
		text-align: center;
	}
	.bannersplit img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

} /* end -599 */


@media (min-width: 600px) and (max-width:959px) {

   .bannersplit {
	   width: 100%;
	   background: #fff;
	   padding: 64px 0;
   }
    .bannersplit ul {
	   width: 100%;
	   text-align: center;
	   letter-spacing: -0.4em;
	   margin: 0 auto;
   }
    .bannersplit li {
	   display: inline-block;
	   letter-spacing: normal;
   }
   .bannersplit li:not(:last-child) {
   		margin: 0 0 10px;
   }
   .bannersplit a {
	   display: inline-block;
   }
   .bannersplit img {
		width: auto;
		max-width: 100%;
		height: auto;
   }

} /* end 600-959 */

@media (min-width: 960px) {

   .bannersplit {
	   width: 100%;
	   background: #fff;
	   padding: 80px 0;
   }
   .bannersplit ul {
	   width: 740px;
	   text-align: center;
	   letter-spacing: -0.4em;
	   margin: 0 auto;
   }
   .bannersplit li {
	   display: inline-block;
	   letter-spacing: normal;
	   padding: 5px;
   }
   .bannersplit a {
	   display: inline-block;
   }
   .bannersplit img {
		width: auto;
		max-width: 100%;
		height: auto;
   }

}

/* ---------------------------------------- txtlinkbnr */

.txtlinkbnr li a {
	display: block;
	border: 1px #ccc solid;
	line-height: 1.5;
	padding: .5em 1.5em .5em 1em;
	position: relative;
}
.txtlinkbnr li a::after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: .5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 768px) {

	.txtlinkbnr .inner {
		margin: 56px 1em;
	}
	.txtlinkbnr li { margin: 0 0 .5em; }

} /* 768px- */

@media (min-width: 769px) {

	.txtlinkbnr .inner {
		max-width: 1040px;
		padding: 0 20px;
		margin: 80px auto;
	}
	.txtlinkbnr li {
		width: 49%;
		margin: 0.5em 0;
	}

} /* 769px- */