@charset "UTF-8";
/* topics */
.topic-headline-section.content-primary .thp_headline-ul {
  width: 860px;
  height: 515px;
  list-style: none;
  margin: 55px 0 0 -100px;
  padding: 0;
  overflow: auto;
}
.topic-headline-section.content-primary h3.topic-title_dt {
  color: #5d0611;
  font-size: 20px;
  font-weight: bold;
  padding: 26px 30px 20px 30px;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  height: auto;
  text-align: left;
}
.topic-headline-section.content-primary h3.topic-title_dt:before, .topic-headline-section.content-primary h3.topic-title_dt:after {
  display: none;
}
.topic-headline-section.content-primary h3.topic-title_dt .date {
  display: block;
  color: #313131;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}
.topic-headline-section.content-primary .thp_topic-link {
  border: 0;
  white-space: initial;
  display: block;
}
.topic-headline-section.content-primary .thp_topic-link:hover {
  background: url(../img/arrow_topics.png) no-repeat right 40px center #f7f7f7;
}
.topic-headline-section.content-primary .topic-text_dd {
  color: #313131;
  font-weight: normal;
  font-size: 18px;
  margin: -10px 0 0;
  padding: 0 30px 26px 30px;
}
.topic-headline-section.content-primary li {
  border-bottom: 1px solid #d2d2d2;
  position: relative;
}
.topic-headline-section.content-primary li:first-child {
  border-top: 1px solid #d2d2d2;
}
.topic-headline-section.content-primary li:before {
  content: "";
  width: 100px;
  height: 5px;
  background-color: #5d0611;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
}

/*toppage 
------------------*/
#main-contents {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

/* main-image */
#mv {
  /*width: 100%;*/
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
#mv img {
  width: 100%;
  min-height: 100px;
  height: auto;
  text-align: center;
  display: block;
  margin: 0 auto;
}
#mv p {
  margin: 0;
}

/* コンテンツ01 */
table.bnr01 {
  max-width: 1500px;
  margin: 0 auto;
}
table.bnr01 tr td {
  vertical-align: top;
  max-width: 460px;
}
@media screen and (max-width: 1000px) {
  table.bnr01 tr td {
    display: list-item;
    list-style: none;
  }
}
table.bnr01 tr td img {
  width: 100%;
  height: auto;
}
table.bnr01 tr td.sp {
  width: 60px;
}

table.bnr01_inner {
  max-width: 460px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  table.bnr01_inner {
    margin-bottom: 60px;
  }
}
table.bnr01_inner tr td {
  display: table-cell !important;
  vertical-align: top;
  text-align: center;
}
table.bnr01_inner tr td p {
  margin-bottom: 0;
}
table.bnr01_inner tr td p img {
  vertical-align: bottom;
}
table.bnr01_inner tr td.ttl {
  height: 150px;
  font-size: 133%;
  font-weight: bold;
  vertical-align: middle;
  background-image: url(../img/dec.png);
  background-repeat: no-repeat;
  background-position: top center;
}
table.bnr01_inner tr td.text {
  color: white;
  font-weight: bold;
  vertical-align: middle;
}
table.bnr01_inner tr td.text a {
  color: white;
}
table.bnr01_inner tr td.text a span {
  display: block;
  padding: 26px 0;
  background-color: #00532c;
}
table.bnr01_inner tr td.text a span:hover {
  opacity: 0.7;
  transition: 0.7s;
}
table.bnr01_inner tr td.text.red a span {
  background-color: #5d0611;
}
table.bnr01_inner tr td.text.blue a span {
  background-color: #042d70;
}

table.bnr02 {
  max-width: 1000px;
  margin: 87px auto 70px;
}
table.bnr02 tr td {
  vertical-align: top;
  max-width: 200px;
}
@media screen and (max-width: 800px) {
  table.bnr02 tr td {
    display: list-item;
    list-style: none;
  }
}
table.bnr02 tr td.sp {
  width: calc(200px / 3);
}

table.inner_bnr02 {
  max-width: 200px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  table.inner_bnr02 {
    margin-bottom: 70px;
  }
}
table.inner_bnr02.down {
  margin-top: 70px;
}
table.inner_bnr02 tr td {
  display: table-cell !important;
  vertical-align: top;
}
table.inner_bnr02 tr td p {
  margin-bottom: 0;
}
table.inner_bnr02 tr td p img {
  vertical-align: bottom;
}
table.inner_bnr02 tr td.ttl {
  height: 48px;
  font-weight: bold;
  text-align: center;
}
table.inner_bnr02 tr td.img a:hover {
  opacity: 0.7;
  transition: 0.7s;
}
table.inner_bnr02 tr td.text {
  vertical-align: top;
  padding-top: 25px;
}

/* コンテンツ02 */
table.ttl_youtube {
  width: 100%;
}
table.ttl_youtube td {
  color: white;
  font-size: 133%;
  text-align: center;
  background-image: url(../img/ptn02.png);
  margin: 0;
  padding: 32px 0;
}
table.ttl_youtube td p {
  margin-bottom: 0;
}

table.cont_youtube {
  width: 100%;
  max-width: 1500px;
  height: 850px;
  margin: 0 auto;
  background-image: url(../img/bg_youtube.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
table.cont_youtube tr td {
  vertical-align: top;
}

table.col2 {
  width: 1000px;
  margin: 70px auto;
}
table.col2 tr td {
  vertical-align: top;
}
table.col2 tr td.left {
  width: 560px;
}
table.col2 tr td.left iframe {
  vertical-align: bottom;
}
table.col2 tr td.sp {
  width: 70px;
}
table.col2 tr td.right {
  color: white;
}
table.col2 tr td.right p {
  line-height: 1.4;
  margin-bottom: 0;
}
table.col2 tr td.right p span.bold {
  font-weight: bold;
}
table.col2 tr td.right p img {
  vertical-align: bottom;
}

table.rokusuke {
  width: 1000px;
  margin: 0 auto 50px;
}
table.rokusuke tr td {
  vertical-align: top;
}
table.rokusuke tr td.left {
  width: 182px;
  padding-right: 50px;
}
table.rokusuke tr td.left p {
  margin-bottom: 0;
}
table.rokusuke tr td.left p img {
  vertical-align: bottom;
}
table.rokusuke tr td.right.balloon {
  height: 135px;
  padding: 32px 35px;
  background-color: #eee;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  position: relative;
}
table.rokusuke tr td.right.balloon:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 50px;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  left: -50px;
  bottom: 45px;
}
table.rokusuke tr td.right.name {
  font-weight: bold;
  padding-top: 32px;
}

/* コンテンツ03 */
table.cont_news {
  width: 100%;
  max-width: 1500px;
  height: 750px;
  margin: 0 auto;
  background-image: url(../img/bg_news.png);
  background-repeat: no-repeat;
  background-position: top right;
}
table.cont_news tr td {
  vertical-align: top;
}

table.ttl_news {
  width: 100%;
}
table.ttl_news td {
  font-size: 133%;
  font-weight: bold;
  text-align: center;
  background-image: url(../img/dec.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0;
  padding: 75px 0 0;
}
table.ttl_news td p {
  margin-bottom: 0;
}

table.news {
  width: 1000px;
  margin: 0 auto;
}
table.news tr td {
  vertical-align: top;
}
table.news tr td.right {
  vertical-align: bottom;
}
table.news tr td.right p {
  margin-bottom: 0;
}
table.news tr td.right p img {
  vertical-align: bottom;
  margin-right: -25px;
  margin-bottom: -10px;
}

/* コンテンツ04 */
table.ttl_facility {
  width: 100%;
}
table.ttl_facility td {
  font-size: 133%;
  font-weight: bold;
  text-align: center;
  background-image: url(../img/dec.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0;
  padding: 75px 0 0;
}
table.ttl_facility td p {
  margin-bottom: 0;
}

table.facility {
  width: 1000px;
  margin: 55px auto 0;
}
table.facility tr td {
  width: 300px;
  vertical-align: top;
}
table.facility tr td.sp {
  width: 50px;
}

table.inner_facility {
  width: 300px;
  text-align: center;
  margin: 0 auto 70px;
}
table.inner_facility.last {
  margin-bottom: 50px;
}
table.inner_facility tr td {
  vertical-align: top;
}
table.inner_facility tr td p {
  margin-bottom: 0;
}
table.inner_facility tr td p img {
  vertical-align: bottom;
}
table.inner_facility tr td p a:hover {
  opacity: 0.7;
  transition: 0.7s;
}
table.inner_facility tr td.ttl {
  font-weight: bold;
  padding-top: 30px;
}
table.inner_facility tr td.text {
  text-align: left;
  padding-top: 20px;
}
