@charset "UTF-8";
.index {
  position: relative;
 }
 
  /* HEADER --------------------------------------------------------------------------------------*/
  .index #header {
    position: absolute;
    z-index: 1000; }
    .index #header .nav-pc a {
      color: #fff;
      text-shadow: 1px 1px 10px rgba(17, 17, 17, 0.6); }
      .index #header .nav-pc a:hover {
        border-bottom: #fff 2px solid; }
		
  /* SLIDESHOW --------------------------------------------------------------------------------------*/
  .index .uk-slideshow .uk-overlay-panel {
    padding: 20px 4%; }
  .index .uk-slideshow .title1 {
    font-size: 10vw;
    font-family: "Tangerine", cursive;
    color: #36c4ff;
    line-height: 1.2;
    text-align: right; }
  .index .uk-slideshow .txt1 {
    font-size: 2vw;
    font-family: "中ゴシックBBB", "Gothic Medium BBB", sans-serif;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.5em;
    margin-right: -0.5em; }
  /* ページ内タイトル ---------------------------------------------------------------- */
  .index .block-title {
    position: relative;
    padding: 100px 0 60px;
    font-size: 12px; }
    .index .block-title * {
      margin-bottom: 0; }
    .index .block-title .title-main {
      text-align: center;
      margin-bottom: 10px;
      font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
      font-size: 25px;
      line-height: 1; }
      .index .block-title .title-main span {
        display: inline-block;
        padding-bottom: 15px;
        border-bottom: 1px #009ddf solid; }
    .index .block-title .title-sub {
      position: absolute;
      top: 30px;
      right: 0;
      color: #36c4ff;
      font-family: "Tangerine", cursive;
      font-size: 120px;
      line-height: 80px;
      text-align: right; }
  /* topics --------------------------------------------------------------------------------------*/
  .index .block-list-top-news {
    background-image: url(../../common/image/bg_woodbord_w.jpg);
    padding: 100px 0 70px; }
    .index .block-list-top-news .uk-container {
      position: relative; }
    .index .block-list-top-news .block-title {
      color: #fff;
      background-color: #009ddf;
      background-image: url(../../common/image/img_imagephoto_10.jpg);
      background-size: cover;
      background-position: center;
      position: absolute;
      left: 0px;
      top: -145px;
      width: 350px;
      height: 560px;
      z-index: 45;
      padding: 170px 0 0;
      box-sizing: border-box; }
      .index .block-list-top-news .block-title .title-main {
        color: #fff; }
        .index .block-list-top-news .block-title .title-main span {
          border-bottom: 1px #fff solid; }
    .index .block-list-top-news .bt-contents {
      margin-top: 20px; }
    .index .block-list-top-news .block-list-topics {
      padding-left: 410px; }
      .index .block-list-top-news .block-list-topics a .text {
        text-decoration: underline; }
    .index .block-list-top-news .box-list-topics {
      margin-bottom: 30px; }
      .index .block-list-top-news .box-list-topics p {
        margin: 0; }
      .index .block-list-top-news .box-list-topics .date {
        font-weight: bold; }
  /* CONTENTS --------------------------------------------------------------------------------------*/
  .index .block-list-contents a:hover * {
    color: #fff; }
  .index .block-list-contents .box-list-contents {
    border-left: 1px solid #cccccc;
    background: url(../../common/image/img_puls_b.svg) no-repeat bottom 20px right 20px; }
    .index .block-list-contents .box-list-contents:hover {
      background-image: url(../../common/image/img_puls_w.svg);
      background-color: #009ddf; }
    .index .block-list-contents .box-list-contents:last-child {
      border-right: 1px solid #cccccc; }
    .index .block-list-contents .box-list-contents .box-text {
      padding: 20px; }
      .index .block-list-contents .box-list-contents .box-text h3 {
        font-size: 24px; }
        .index .block-list-contents .box-list-contents .box-text h3 small {
          font-size: 14px; }



#other_contents{
margin-top: 40px;
}
#other_contents .flex{
display: flex;
justify-content: space-between;
padding-top: 120px;
}
#other_contents .flex > div{
width: 500px;
}

#Video iframe {
display:block;
margin:0 auto;
}

.youtube {
  position: relative;
  max-width: 500px;
  width: 100%;
  aspect-ratio: 16 / 9;
/*  padding-top: 26%;*/
  margin: 0 auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



  /* SISE Smart Phone		 ==================================================================== */
@media (max-width: 480px) {
    .index {}
      .index #header {
        position: static; }
        .index #header .cls-1 {
          fill: #009ddf; }
      .index .uk-slideshow-fullscreen {
        height: calc(100vh - 60px) !important; }
        .index .uk-slideshow-fullscreen li {
          height: calc(100vh - 60px) !important; }
      .index .uk-slideshow .title1 {
        font-size: 9vh; }
      .index .uk-slideshow .txt1 {
        font-size: 1.5vh; }
      .index .block-title .title-sub {
        display: none; }
      .index .block-list-top-news {
        padding: 50px 0; }
        .index .block-list-top-news .block-title {
          position: static;
          padding: 40px 0;
          margin-bottom: 40px;
          height: auto;
          width: 100%; }
        .index .block-list-top-news .block-list-topics {
          padding-left: 0px; }
      .index .block-list-contents .box-list-contents {
        border-right: 1px solid #cccccc; }

#other_contents{
margin-top: 0px;
}
#other_contents .flex{
display: block;
padding-top: 0px;
}
#other_contents .flex > div{
width: 100%;
margin-top: 20px;
}
.index #other_contents .block-title .title-main{
font-size: 22px;
}


}
 
/*
@media (max-width: 750px) {
.youtube {
    position: relative;
    max-width: 500px;
    width: 100%;
    padding-top: 56%;
    margin: 0 auto;
}
}
*/

/*# sourceMappingURL=index.css.map */