@charset "utf-8";






/* ------------------------------------------------
下階層共通の範囲
------------------------------------------------ */
.map {
margin-bottom: -80px;
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
.map {
margin-bottom: -40px;
}
}






/* ------------------------------------------------
INFORMATIONの範囲
------------------------------------------------ */
.information {
margin-top: 80px;
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 未満）
--------------------------------------------------------------*/
@media (max-width: 768px) {
.information {
margin-top: 40px;
}
}
/*--------------------------------------------------------------
## 極小デバイス（縦向きモバイル, 576px 未満）
--------------------------------------------------------------*/
@media (max-width: 576px) {
.information {
margin-top: 40px;
}
}

.information-article {
display: flex;
position: relative;
padding: 30px 0px 28px 0px;
border-top: 1px solid #CCC;
}
.information-article:nth-child(11){
display: flex;
position: relative;
padding: 30px 0px 28px 0px;
border-bottom: 1px solid #CCC;
}
.information-date {
font-weight: normal;
width: 22%;
}
.information-icon01 {
line-height: 0 !important;
position: absolute;
top: 29px;
left: 140px;
background-color: #8dc031;
padding: 14px 14px 14px 14px;
letter-spacing: 0;
color: #FFF;
font-size: 14px;
}
.information-icon02 {
line-height: 0 !important;
position: absolute;
top: 29px;
left: 140px;
background-color: #df8190;
padding: 14px 30px 14px 30px;
letter-spacing: 0;
color: #FFF;
font-size: 14px;
}
.information-title {
width: 78%;
}
.information-title a:hover {
color: #2bb3d5;
text-decoration: underline;
}

/*--------------------------------------------------------------
## 中デバイス（タブレット, 992px 以下）
--------------------------------------------------------------*/
@media (max-width: 992px) {
.information-date {
  font-weight: normal;
  width: 33%;
}
}
/*--------------------------------------------------------------
## 小デバイス（横向きモバイル, 768px 以下）
--------------------------------------------------------------*/
@media (max-width: 768px) {
.information-article {
  display: block;
  position: relative;
  padding: 30px 0px 28px 0px;
  border-top: 1px solid #CCC;
}
.information-article:nth-child(11) {
  display: block;
  position: relative;
  padding: 30px 0px 28px 0px;
  border-bottom: 1px solid #CCC;
}
.information-date {
  font-weight: normal;
  width: 30%;
}
.information-title {
  width: auto;
  margin-top: 10px;
}
}







/* ------------------------------------------------
## NEWSの範囲
------------------------------------------------ */
.news-inner {
border: 1px solid #b9e6f1;
padding: 20px;
background-color: #f2fafc;
margin: 30px 100px 0 100px;
}
.news-subheadline {
font-size: 20px;
color: #2bb3d5;
margin-bottom: 10px;
}
.news-text01 {
margin-bottom: 0 !important;
}
.news-text02 {
margin-bottom: 0 !important;
}








/* Smartphones (縦ベース) ----------- */
table {
margin-top: 30px;
margin-bottom: 60px;
}
.tbl-r02 {
width: 100%;
}
.tbl-r02 th,
.tbl-r02 td {
border-bottom: none;
display: block;
width: 100%;
}

.tbl-r02 th {
background: #f7f7f7;
	border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
    padding: 10px 10px 10px 20px;
}
.tbl-r02 td {
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
    padding: 16px 16px 16px 20px;
}
.tbl-r02 tbody tr.last td.end {
border-bottom: solid 1px #ccc;	
}
.entry-header h1.entry-title {
font-size: 30px;
}
.entry-header div.entry-meta {
margin-bottom: 16px;
}
.entry-content p {
margin-bottom: 16px;
line-height: 1.8rem;
}


/* Smartphones (横-sm-540px) ----------- */
@media (min-width: 576px) {

}

/* iPads (縦-md-720px） ----------- */
@media (min-width: 768px) {
table {
width: 80%;
margin-top: 60px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}

.tbl-r02 th {
background: #f2fafc;
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 0px #ccc;
padding: 10px 10px 10px 20px;
width: 30%;
display: table-cell;
vertical-align: middle;
font-weight: normal;

}
.tbl-r02 td {
border-bottom: solid 0px #ccc;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
padding: 16px 16px 16px 20px;

}
}

/* iPads (横-lg-960px）及びPC ----------- */
@media (min-width: 992px) {
.tbl-r02 {
width: 80%;
}
}

.news-headline {
padding: 0px 10px 5px 10px;
background: transparent;
border-left: solid 5px #7db4e6;
font-size: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.news01 dl dt {
font-weight: normal;
font-size: 20px;
}