@charset "UTF-8";
#top #contents_wrapper_top a {
  color: #1d1d3f;
}

#top #contents_wrapper_top a:link {
  color: #1d1d3f;
  text-decoration: none;
}

#top #contents_wrapper_top a:visited {
  color: #1d1d3f;
}

#top #contents_wrapper_top a:hover {
  color: #4c4c9d;
}

#main_image {
  width: 750px;
  height: 1324px;
  background: url("../img/sp/img_main.jpg") 0 0/100% auto no-repeat;
}

/*-- top_contents --*/
#top_contents {
  position: relative;
}

/*-- お知らせ --*/
#news {
  width: 720px;
  margin: 28px auto 28px;
}

#news h2 {
  width: 720px;
  height: 62px;
  background: url("../img/txt01.png") 0 0/100% auto no-repeat;
}

#news ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#news {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

#news li {
  margin-bottom: 0.7em;
  font-size: 2em;
}

#news li:nth-child(3n+2) {
  width: 9%;
}

#news li:nth-child(3n+2) img {
  width: 90%;
}

#news li:nth-child(3n+1) {
  width: 90%;
  padding-left: 1.7em;
  background: url("../img/point01.png") 0 -11px no-repeat;
  background-size: 1.7em;
}

#news li:nth-child(3n+3) {
  width: 85%;
  margin-left: 1.2em;
  line-height: 1.4em;
}

#top #contents_wrapper_top #news li.news a,
#top #contents_wrapper_top #news li.news a:link {
  color: #05f;
}

#top #contents_wrapper_top #news li.news a:hover {
  color: #f30;
}

#top #contents_wrapper_top #news li.news span {
  color: #333;
}

#news li span.date {
  width: 190px;
}

#news li img {
  margin: 0px 5px 0 20px;
}

#open {
  width: 120px;
  position: relative;
  top: 0px;
  left: 510px;
  cursor: pointer;
  color: #1d1d3f;
  text-decoration: underline;
}

#close {
  width: 60px;
  position: relative;
  top: -15px;
  left: 570px;
  cursor: pointer;
  color: #1d1d3f;
  text-decoration: underline;
  display: none;
}

#close_contents {
  padding: 20px 10px 0;
}

#open_contents {
  padding: 0px 0px 20px 40px;
  display: none;
}

/*-- ご挨拶 --*/
#intro {
  width: 70%;
  margin: 0 auto;
}

#intro img {
  width: 100%;
}
