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

#h1-kv-news {
  background-image: url("../news/img/kv-news.jpg") ;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 400px;
}

#contents-news-h1 {
  width: 100%;
/*  padding-top: 57px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
}

#contents-news-h1 h1 {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  color: #fff;
}

#s-visual {
    width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 39.0404%;
	background: url("../news/img/s-visual.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    /*display: flex;
    justify-content: center;
    align-items: center;
   flex-direction: column;*/
	position: relative;
}

#s-visual h1 {
	/*margin-top: -60%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.s-h2-contents {
	padding: 30px 0 30px;
	margin: 0 auto;
	width: 840px;
}
.s-h2-contents h2 {
	line-height: 1.0;
	padding: 0;
}
.s-h2-contents p {
	color: #26C9FF;
	line-height: 1.0;
}
/*.boder-bttom-blue {
	display: inline-block;
    border-bottom: solid 2px #26C9FF;
}*/
#news h3 {
	color: #333;
	font-size: 25px;
	line-height: 1.0;
	padding: 0;
	margin: 0;
}
.length {
	padding-top: 40px;
	position: relative;
	margin-bottom: 50px;
	width: 100%;
}
.length h3 {
	padding-bottom: 20px;
	line-height: 3.0;
}
.length:before {
  content: '';
  position: absolute;
  left: 50px;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 100px;/*長さ*/
  height: 2px;/*太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #26C9FF;
  border-radius: 1px;/*線の丸み*/
}
.contents-box p {
	padding-right: 10px;
	line-height: 1.5;
}
.under-link {
	border-bottom: 1px solid #0247AE;
	border-top: 1px solid #0247AE;
	padding: 30px 0 30px;
	margin: 0 auto 8em;
	width: 840px;
    display: flex;
    flex-direction: row;
}
.under-link ul {
	display: flex;
	justify-content: center;
	width: 100%;
}
.under-link li {
	font-size: 20px;
	color:  #0247AE;
    margin-left: 2%;
	list-style-position: outside;
	width: 400px;
}
.under-link a {
	color: #0247AE;
}
.under-link a:hover {
	text-decoration: underline;
}
.list-kadomaru {
    display: inline-block; 
    border-radius: 28px; 
    padding: 0.5em; 
    text-decoration: none; 
    font-size: 20px;
    width: 150px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.list-kadomaru:hover {
	background-color: #CAF7FF;
}

.list-table table {
    margin: 20px 0;
	width: 840px;
}
.tbl th {
    border-bottom: solid 1px #ccc;
    padding: 20px;
	text-align: left;
}
.tbl td {
    border-bottom: solid 1px #ccc;
    padding: 20px;
}


/* ------------------------------
ニュース詳細
------------------------------ */

h2.h2-news-deatil {
  margin: 50px 0;
  padding: 0;
  line-height: 1.5;
  display: block;
  font-size: 2.0rem;
/*  font-weight: bold;*/
  text-align: center;
  width: 100%;
}



@media screen and (max-width:1113px){
#s-visual {
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 39.0404%;
}
#s-visual h1 img {
    width: auto;
	}

}



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

#h1-kv-news {
  height: 255px;
}

#s-visual h1 img {
    width: auto;
	}

.s-h2-contents {
	margin: 0 5%;
	width: auto;
}
#news h3 {
	font-size: 20px;
}
.list-table table {
    margin: 20px 0;
	width: auto;
}
.tbl th {
	width: 33%;
}
.tbl td {
	width: auto;
}
}



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

#h1-kv-news {
  height: 155px;
}

#s-visual h1 img {
    top: 60%;
    width: auto;
}
.s-h2-contents {
	padding: 30px 0 15px;
}
.w840-contents-bnone img, .w840-contents img {
    width: auto;
	height: auto;
}
.list-table table {
	margin: 0 5%;
	width: 90%;
}
.last td:last-child {
    border-bottom: none;
    width: 90%;
  }
.tbl th,
.tbl td {
    border-bottom: none;
   display: block;
   width: 90%;
    padding: 10px 20px;
}	
.tbl th {
   background-color: #ECECEC;
	margin-top: 20px;
}
	
.pd-left30 {
	padding-left: 30px;	
}

/* ------------------------------
ニュース詳細
------------------------------ */

h2.h2-news-deatil {
  margin: 30px 0;
  font-size: 1.75rem;
}

}