@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 800px) {
	
h2.title {
	border-bottom:#012B74 solid 1px;
}


div.banner{
	width:1200px;
	margin:0 auto;
}

div.links {
	margin-bottom:50px;
}

div.links ul{
	width:1200px;
	list-style:none;
	text-align:center;
	margin:0 auto;
	padding:0;
}
div.links ul li{
	display:inline-block;
	margin:20px 5px 0;
	padding:0;
}
div.links ul li span{
	display:block;
	position: relative;
	width:280px;
	height:206px;
	margin:0;
	padding:0;
}

div.links ul li p{
	position:absolute;
	margin:0;
	padding:0;
	bottom:0;
}

div.mssage{
	width:1200px;
	margin:0 auto 200px;
}

div.mssage p{
	padding:10px 0 0 20px;
	line-height:2.4em;
}



* {
  margin:0;
  padding:0;
}
ul li {
  list-style: none;
}
#keyimg {
  min-width: 1200px;
  overflow: hidden; //横スクロールさせないようにする
}
#keyimg .bx-viewport {
  background: transparent !important;
  border: 0;
  overflow: visible !important; //両サイドが表示される
  height: 500px !important;
  //z-index: 1; //スマホやタブレットでスワイプできないときに指定
}
.bx-wrapper .bx-prev {
  left: -50px !important;
}
.bx-wrapper .bx-next {
  right: -50px !important;
}

} /* PCここまで */





@media screen and (max-width: 799px) {

h2.title {
	border-bottom:#012B74 solid 1px;
	text-align:center;
}
h2.title img{
	height:20px;
}


div.banner{
	margin-bottom:15px;
}
div.banner img{
	width:100%;
}

div.links {
	margin-bottom:50px;
}

div.links ul{
	width:100%;
	list-style:none;
	text-align:center;
	margin:0 auto;
	padding:0;
}
div.links ul li{
	display:inline-block;
	width:49%;
	padding:0;
}
div.links ul li img{
	width:100%;
}
div.links ul li p{
	display: none;
}

div.links ul li p{
	position:absolute;
	margin:0;
	padding:0;
	bottom:5px;
	font-size:0.8em;
}

div.mssage {
	width:90%;
	margin:0 auto 50px;
	padding:0;
}

div.mssage p{
	padding:0;
	font-size:0.9em;
	line-height:1.8em;
}
	

* {
  margin:0;
  padding:0;
}
ul li {
  list-style: none;
}
#keyimg {
  min-width: 320px;
  overflow: hidden; //横スクロールさせないようにする
}
#keyimg .bx-viewport {
  background: transparent !important;
  border: 0;
  overflow: visible !important; //両サイドが表示される
  height: 500px !important;
  //z-index: 1; //スマホやタブレットでスワイプできないときに指定
}
.bx-wrapper .bx-prev {
  left: -50px !important;
}
.bx-wrapper .bx-next {
  right: -50px !important;
}

} /* SMPここまで */
