@charset "UTF-8";

div#container .cp-topInner{
  position: relative;
  margin-bottom:30px;
}
div#container .cp-topInner img{
  display: block;
  width:100%;
  margin:0 auto;
}

div#container .cp-topInner .c-top-tit{
  font-size:20px;
  color:#1d69b9;
  font-weight:500;
  position: absolute;
  top:0;
  right:0;
  padding:10px 0px 0px;
}

/**/

div#container .cp-topInner-link{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-bottom:30px;
}

div#container .cp-topInner-link .c-top-btn-box{
  width:326px;
  position: relative;
}

div#container .cp-topInner-link .c-top-btn-box a{
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
}

div#container .cp-topInner-link .c-top-btn-box a:hover{
  background:rgba(255, 255, 255,0.3);
}

div#container .cp-topInner-link .c-top-btn-box img{
  display: block;
  width:100%;
  margin:0 auto;
}

div#container .cp-topInner-link .c-top-btn-box .cp-top-bg-inner{
	width:100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index:1;
}

div#container .cp-topInner-link .c-top-btn-box .cp-top-bg{
  background:rgb(239, 247, 253,0.85);
  padding:10px;
  margin:0px 8px;
  box-shadow: 1px 1px 2px 0px rgba(152, 152, 152, 0.45);
}

div#container .cp-topInner-link .c-top-btn-box p.tit{
  font-size:18px;
  font-weight:600;
  margin-bottom:10px;
  text-align: left;
  color:#1d69b9;
}

div#container .cp-topInner-link .c-top-btn-box p.txt{
  font-size:14px;
  text-align: left;
  font-weight:600;
}

/**/

div#mainAreaTop.new-info{
  width: 980px;
  margin: 0 auto;
  overflow:hidden;
}

div#contentsFrameTop.new-info-inner{
  width:100%;
  float: none;
}

div#mainAreaTop .contentsBlock_info{
  width:690px;
  float: left;
}

div#mainAreaTop .contentsBlock_info h3{
  margin-bottom: 0px;
  background: #1d69b9;
  border:1px solid #1d69b9;
  color:#fff;
  padding:10px;
  font-size:16px;
  font-weight: 500;
}

div#mainAreaTop .contentsBlock_info h3 span{
  font-size:13px;
  margin-left:20px;
}

div#mainAreaTop .contentsBlock_info h3 a{
  color:#eff7fd;
  float:right;
}

div#mainAreaTop .contentsBlock_info h3 a:hover{
  color:#8fb5dd;
}

div#mainAreaTop .contentsBlock_info .infobox{
  margin-bottom:20px;
}

div#mainAreaTop .contentsBlock_info .infobox-inner{
  border:1px solid #1d69b9;
  background:#fff;
}

div#mainAreaTop .contentsBlock_info .infobox-inner .c-t-btnlink{
  margin-bottom:20px;
}

div#mainAreaTop .contentsBlock_info .infobox-inner .c-t-btnlink a{
  display:block;
  background:#1d69b9;
  color:#fff;
  border-radius:10px;
  position: relative;
  width:130px;
  margin:0 auto;
  padding:10px 20px;
}

div#mainAreaTop .contentsBlock_info .infobox-inner .c-t-btnlink a:hover{
  text-decoration: none;
  background:#cccccc;
  color:#1d69b9;
}

div#mainAreaTop .contentsBlock_info .infobox-inner .c-t-btnlink a::before{
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: 900;
	position: absolute;
	right:10px;
	top:0;
  bottom:0;
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div#mainAreaTop .contentsBlock_info .newsList{
  padding: 15px;
}

div#mainAreaTop .contentsBlock_info .newsList li{
  background:none;
  border-bottom: 1px solid #ccc;
  margin-bottom:20px;
}

div#mainAreaTop .contentsBlock_info .newsList li:last-child{
  margin-bottom:0;
  border-bottom: none;
}

div#mainAreaTop .contentsBlock_info .newsList dl{
  margin-bottom:10px;
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div#mainAreaTop .contentsBlock_info .newsList dt{
  font-size: 12px;
  color: #000;
}
div#mainAreaTop .contentsBlock_info .newsList dd span{
  font-size: 11px;
  background:#cccccc;
  color: #000;
  border-radius:5px;
  padding:2px 6px;
  width:80px;
  text-align: center;
  display:block;
}

div#mainAreaTop .contentsBlock_info .newsList p{
  font-size: 13px;
  clear: both;
  padding: 0px 0px 10px;
  background:none;
}

/**/

div#mainAreaTop .contentsBlock_bnr{
  width:260px;
  float: right;
}

div#mainAreaTop .contentsBlock_bnr p{
  background:#eff7fd;
  border:1px solid #1d69b9;
  padding:15px;
  font-weight: bold;
  font-size:14px;
  position: relative;
  margin-bottom:10px;
}

div#mainAreaTop .contentsBlock_bnr p::before{
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  font-weight: 300;
	position: absolute;
	right:10px;
	top:0;
  bottom:0;
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  color:#c7d8f1;
  font-size:45px;
}

div#mainAreaTop .contentsBlock_bnr ul li{
  margin-bottom:10px;
}

div#mainAreaTop .contentsBlock_bnr ul li a{
  background:#ffffff;
  border:1px solid #cccccc;
  padding:15px;
  font-weight: bold;
  font-size:14px;
  position: relative;
  display: block;
}

div#mainAreaTop .contentsBlock_bnr ul li a::before{
	position: absolute;
	right:10px;
	top:0;
  bottom:0;
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  color:#c7d8f1;
  font-size:45px;
}

div#mainAreaTop .contentsBlock_bnr ul li a.kabuka::before{
  font-family: "Font Awesome 5 Free";
  content: "\f080";
  font-weight: 900;
}

div#mainAreaTop .contentsBlock_bnr ul li a.koukoku::before{
  font-family: "Font Awesome 5 Free";
  content: "\f249";
  font-weight: 900;
}