@charset "UTF-8";
/* CSS Document */
.m-top-img1 {
  padding-top: 13vw;
  max-width: 700px;
  width: 78%;
  margin: 0 auto;
  display: block;
}
.m-top-title {
  margin-top: 10vw;
  text-align: center;
  font-size: 3vw;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}
.m-top-title2 {
  margin-top: 3vw;
  text-align: center;
  font-size: 2.5vw;
  line-height: 2em;
  letter-spacing: 0.1em;
}
.relative {
  position: relative;
}
.m-sec1 {
  padding-top: 11vw;
  padding-bottom: 4vw;
}
.m-sec1-img {
  display: block;
  margin: 0 auto;
  max-width: 970px;
  width: 90%;
}
.m-sec1-1-txt {
  vertical-align: middle;
  position: absolute;
  width: 75%;
  top: 95%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 2vw 0;
}
.m-sec1-1-txt h2 {
  font-size: 4.0vw;
  font-weight: 1000;
  text-align: center;
  letter-spacing: 0;
  line-height: 2.0;
  display: block;
  border-bottom: 1px solid #000;
  width: 90%;
  margin: 0 auto;
  font-family: 'Noto Serif JP', serif;
}
.m-sec1-2-txt {
  font-size: 2.6vw;
  padding-top: 15vw;
  line-height: normal;
  max-width: 870px;
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
.m-list {
  display: block;
  padding-top: 6vw;
  padding-bottom: 1vw;
  margin: 0 auto;
  max-width: 870px;
  width: 80%;
}
.m-item a {
  text-decoration: none;
  color: #000;
}
.m-item1 {
  display: flex;
  width: 80%;
  margin: 0 auto;
  max-width: 870px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2vw;
  padding-top: 1.5vw;
  border-bottom: 1px solid black;
}
.m-item1-1 {
  font-size: 2.6vw;
}
.m-item1-2 {
  width: 35%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.m-item1-3{
  font-size: 2.0vw;
  color: gray;
}
main{
  margin-bottom: 10vw;
}
@media(min-width: 1000px) {
  .m-top-img1 {
    padding-top: 130px;
  }
  .m-top-title {
    font-size: 32px;
    margin-top: 110px;
  }
  .m-top-title2 {
    font-size: 25px;
    margin-top: 65px;
  }
  .m-sec1 {
    padding-top: 110px;
    padding-bottom: 40px;
  }
  .m-sec1-1-txt {
    max-width: 750px;
    padding: 35px 0 0;
  }
  .m-sec1-1-txt h2 {
    font-size: 40px;
  }
  .m-sec1-2-txt {
    font-size: 23px;
    padding-top: 155px;
  }
  .m-sec1-2-txt {
    font-size: 23px;
  }
  .m-list {
    padding-top: 55px;
    padding-bottom: 15px;
  }
  .m-item1 {
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .m-item1-1 {
    font-size: 23px;
  }
  .m-item1-3{
  font-size: 20px;
}
  .m-item1-2 {
    max-width: 90px;
  }
  main{
  margin-bottom: 130px;
}
}
@media(max-width: 1000px) {
  .m-item1-2 {
    width: 13%;
  }
  @media(max-width: 500px) {
    .m-item1-2 {
      width: 13%;
    }
    .m-sec1-1-txt h2 {
      font-weight: 1000;
      letter-spacing: 0;
      border-bottom: 0.7px solid #000;
    }
    .m-item1 {
      border-bottom: 0.7px solid black;
    }
  }
}

/* #main .fitmove{text-align: center;}
#main video{width:100%;}
@media (max-width:650px){#main video{width:100%;}}
*/


div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 2% 2% 2% 2%;/*ここで動画の周りの余白を調整*/
margin: 40px 0px 10px 0px;
background: #e6e6e6;/*余白の背景色*/
}
video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}


#pageItem .cv__list{width:90%;margin:50px auto}@media (max-width:850px){#pageItem .cv__list{width:100%;margin:25px auto}}@media (max-width:450px){#pageItem .cv__list{margin-top:20px}}
#pageItem .cv__list li+li{margin-top:30px}@media (max-width:850px){#pageItem .cv__list li+li{margin-top:15px}}

#pageItem .txt--date{width:34%;display:block;margin:30px auto}#pageItem .txt--date+.cv__list{margin-top:0}


.banner--common{font-family:"Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,'Noto Sans JP',sans-serif;
font-size:28px;
font-weight:600;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";
line-height:1.4;
color:#fff;
width:100%;
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;
-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;vertical-align:baseline;padding:.75em 1em;-webkit-transition:.3s;transition:.3s}
@media (max-width:850px){#pageItem .banner--common{font-size:3.7vw}}
@media (max-width:450px){#pageItem .banner--common{font-size:14px}}
#pageItem .banner--common:after{content:"";position:absolute;background-image:url(../img/flyer/arrow_wh.png);background-size:contain;background-repeat:no-repeat;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:36px;height:36px}
@media (max-width:650px){#pageItem .banner--common:after{width:24px;height:24px}}
@media (max-width:450px){#pageItem .banner--common:after{width:18px;height:18px}}
#pageItem .banner--common.bg--green{color:#124734}
#pageItem .banner--common.bg--green:after{background-image:url(../img/flyer/arrow_grn.png)}#pageItem .banner--common:hover{opacity:.8}


#pageItem .bg--green{border:3px solid #124734}@media (max-width:450px){#pageItem .bg--green{border-width:2px}}

#pageItem .banner--common.bg--green{color:#124734}
#pageItem .banner--common.bg--green:after{background-image:url(../img/flyer/arrow_grn.png)}#pageItem .banner--common:hover{opacity:.8}