@charset "UTF-8";
#mv {
  background-image: url(../images/mv.jpg);
}
/*------------------------------------------
　index
--------------------------------------------*/

.newsList dl {
  margin-bottom: 1.5vh;
}
.newsList dl:last-child {
  margin-bottom: 0;
}
.newsList .newsTitle {
  background: #fff;
  padding: 2vh 1.5vw;
}
.newsList dt {
  padding-bottom: .5vh;
  margin-bottom: 1vh;
  border-bottom: solid 1px #e0e0e0;
  position: relative;
  line-height: 1.8;
}
.newsList dt::after {
  font-family: 'icon' !important;
  content: "\e90a";
  color: #00A8A9;
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8em;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.newsList dt:hover::after {
  right: -10px;
}
.newsTitle .day {
  color: #00A8A9;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: italic;
  display: block;
}
.newsTitle .lead {
  font-size: 1.6rem;
  line-height: 1.4;
  padding-right: 3vw;
  display: inline-block;
}
.newsTitle .category {
  font-size: 1.2rem;
  position: relative;
  padding-left: 20px;
  color: #888;
}
#contents.gInr .newsTitle .category a {
  color: #888!important;
}
.newsTitle .category::before {
  font-size: 2rem;
  font-family: 'icon' !important;
  content: "\e921";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1rem;
}

@media (max-width: 768px) {
.newsList .newsTitle {
  padding: 2vh 3vw;
}
}

@media (max-width: 500px) {
.newsList dt::after {
  display: none;
}
.newsList .newsTitle .day {
  position: relative;
}
.newsList .newsTitle .day::after {
  font-family: 'icon' !important;
  content: "\e90a";
  color: #00A8A9;
  font-weight: 500;
  font-size: 1.4rem;
  font-style: normal;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8em;
}
.newsList .newsTitle .lead {
  padding-right: 0;
  font-size: 1.4rem;
}
}

/* pagination     –––––––––––––––––––––– */

nav.pagination {
  width: 100%;
  text-align: center;
}

nav.pagination li {
  display: inline-block;
  font-size: 1.4rem;
}

#contents.gInr nav.pagination li a { color: #00A8A9;}

nav.pagination li.current,
nav.pagination li a {
  padding: 7px 8px 5px;  
  text-align: center;
  line-height: 1;
}

nav.pagination li a {
  background: #fff;
  position: relative;
  display: block;
}

#contents.gInr nav.pagination li a:active,
#contents.gInr nav.pagination li a:hover,
nav.pagination li.current {
  background: #00A8A9;
  color: #fff;
}

nav.pagination li.prev a {
  padding-left: 20px;
}
nav .prev:hover a::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
nav .prev a::before {
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #00A8A9;
  border-right: 1px solid #00A8A9;
  -webkit-transform: rotate(-130deg);
  transform: rotate(-130deg);
  z-index: 20;
}
nav.pagination li.next a {
  padding-right: 20px;
}
nav .next a::after {
  content: '';
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #00A8A9;
  border-right: 1px solid #00A8A9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 20;
}
nav .next:hover a::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media (max-width: 500px) {
#contents.gInr nav.pagination li {
  font-size: 1.2rem;
}
}
/*------------------------------------------
　newsEdit
--------------------------------------------*/

#contents .newsEdit p {
  line-height: 1.4;
  margin-bottom: 2rem;
}
#contents .newsEdit img {
 max-width: 100%;
	height: auto;
}
.newsEdit h3.newsTitle {
  margin-bottom: 2vh;
  border-bottom: solid 1px #e0e0e0;
}
#contents .newsEdit .newsTitle p.news_titleHead {
  margin-bottom: 5px;
}
.newsEdit .newsTitle .day {
  display: inline-block;
  font-size: 1.8rem;
}
.newsEdit .newsTitle .category::before {
  margin-top: -1.5rem;
}
#contents .newsEdit .newsTitle p.lead {
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 5px;
}

@media (max-width: 500px) {
.newsEdit .newsTitle .day {
  font-size: 1.4rem;
}
#contents .newsEdit .newsTitle p.lead {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
}
/* Link     –––––––––––––––––––––– */
#contents.gInr .newsEdit a[target="_blank"] {
  color: #00A8A9;
  position: relative;
  word-break: break-word;
  display: block;
  margin-top: 5px;
}
#contents.gInr .newsEdit a[target="_blank"]::before {
  font-family: 'icon' !important;
  content: "\e900";
  color: #00A8A9;
  font-size: 1rem;
  padding-right: 10px;
}

@media (max-width: 500px) {
/*  #contents.gInr .newsEdit a[target="_blank"] { line-height: 1.4;}*/
}
/* List     –––––––––––––––––––––– */

.newsEdit ul, .newsEdit ol {
  margin-bottom: 30px;
}
.newsEdit li {
  margin-bottom: 10px;
}
.newsEdit ul li {
  position: relative;
  padding-left: 20px;
}
.newsEdit ul li::before {
  content: "・";
  font-size: 3rem;
  color: #00A8A9;
  display: inline-block;
  position: absolute;
  top: -6px;
  left: -6px;
}
.newsEdit ol {
  counter-reset: item;
  padding-right: 5px;
}
.newsEdit ol li:before {
  content: counter(item)".";
  counter-increment: item;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  color: #00A8A9;
  padding-right: 5px;
}

@media (max-width: 500px) {
.newsEdit ul li {
  padding-left: 13px;
}
.newsEdit ul li::before {
  font-size: 1.8rem;
  top: -4px;
}
.newsEdit ol li:before {
  font-size: 1.2rem;
}
}
/* table     –––––––––––––––––––––– */

table {
  border-collapse: collapse;
  width: 100%;
}
table tr {
  border-bottom: 1px solid #DDD;
}
table tr:last-child {
  border-bottom: none;
}
table th, table td {
  background-color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #DDD;
  line-height: 1.4;
  padding: 20px 20px 17px;
  text-align: left;
}
table th:last-child, table td:last-child {
  border-right: none;
}
table th {
  background-color: #00a8a9;
  color: #fff;
  text-align: center;
}
table tr.head th {
  background-color: #448CBC;
  color: #FFF;
}
/* btn     –––––––––––––––––––––– */
.bscBtn03 a {
  border: 2px solid #00A8A9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #00A8A9;
  zoom: 1; /* Fix for IE7 */
 *display: inline; /* Fix for IE7 */
  padding: 13px 50px 10px;
  line-height: 140%;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bscBtn03 a i {
  margin-left: 0.5em;
  vertical-align: middle;
}
.bscBtn03 a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #018396;
  background: -moz-linear-gradient(top left, #00A8A9 0%, #018396 100%);
  background: -webkit-gradient(linear, left top, right bottom, from(#00A8A9), to(#018396));
  background: -webkit-linear-gradient(top left, #00A8A9 0%, #018396 100%);
  background: -o-linear-gradient(top left, #00A8A9 0%, #018396 100%);
  background: linear-gradient(to bottom right, #00A8A9 0%, #018396 100%);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bscBtn03 a:hover, .bscBtn03 a:focus, .bscBtn03 a:active {
  color: #fff!important;
}
.bscBtn03 a:hover:before, .bscBtn03 a:focus:before, .bscBtn03 a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
