@charset "UTF-8";
/* CSS Document */
body {
  /*background: #2a2869;*/
    background: linear-gradient(180deg, #004174 0%, #004174 100px, #ffffff 100px, #ffffff 100%);
}
/*.main_contents {
  min-width: 880px;
  width: 100%;
max-width: 1500px;
}*/
.main_date {
  background-image: url("../img/main_bg.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 920px 961px;
    min-height: 961px;
}
.section-top__logo_sp {
  display: none;
}
.top_date {
    width: 920px;
    margin-left: 40px;
    text-align: left;
}
.title {   
  width: 460px;
    margin-top: 30px;
    margin-bottom: 170px;
}
.bottom {
    text-align: right;
}
.date {
  max-width: 330px;
  margin: 0 0px 212px 0;
}
.date_sp {
  display: none;
}
.top-date-wrap {
  width: 920px;
    margin-left: 40px;
}
.date_flex {
    display: flex;
    justify-content: center;
    gap:30px;
}
.top-date-wrap h2 {
  width: 360px;
  font-size: 1.2rem;
  color: #fff;
  padding: 8px 35px 8px 35px;
}
.top-date-wrap p {
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 12px 0;
}
.flex-wrap h2 {
  margin-bottom: 0;
}
.abstract-date {
  margin-top: 15px;
  display: inline-grid;
}
.abstract-date p {
  border-top: none;
  line-height: 1.2em;
color: #000;
    font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.abstract-date h2 {
  width: 360px;
  background-color: #ec6c00;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 37px;
  font-size: 1.25rem;
}
.registration-date {
  margin-top: 15px;
  display: inline-grid;
}
.registration-date p {
  border-top: none;
  line-height: 1.2em;
    color: #000;
    font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.registration-date h2 {
  width: 360px;
  background-color: #00a199;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 37px;
  font-size: 1.25rem;
}
.date_box2 {
    display: flex;
    justify-content:center;
    font-size: 1.2rem;
  font-weight: 600;
  padding: 12px 0;
     line-height: 1.2em;
    color: #000;
    font-family: YakuHanJP, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.strikethrough {
  text-decoration: line-through;
}
.dead-line-line {
  text-decoration: line-through;
  text-decoration-color: #d00;
  text-decoration-thickness: 2px;
}
.section-news {
    width: 920px;
    margin-left: 40px;
    /*height: 400px;*/
}
.section-news a {
    color: #f0be95;
}
.section-news h3 {
  width: 920px;
  height: 60px;
  background-image:url("../img/info_h2.png");
  background-size: 192px;
  background-position: 30px 15px;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 30px;
    background-color: #004174;
}
  #info {
    width: 890px;
    margin-left: 30px;
  }
  #info dl {
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;
    line-height: 150%;
    margin-bottom: 50px;
  }
  #info dl dt {
    font-size: 16px;
    width: 80px;
    color: #00a199;
    font-weight: 600;
      padding-left: 15px;
      position: relative;
  }
  #info dl dt::before {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px  #00a199;
    border-right: solid 2px  #00a199;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
  #info dl dd {
    font-size: 16px;
    width: 810px;
    padding-bottom: 20px;
    color: #000000;
    text-align: justify;
    text-justify: inter-ideograph;
      padding-left: 20px;
  }
.banner02 {
  margin-bottom: 20px;
}
.banner02 ul {
  list-style: none;
}
.banner02 img {
  width: 240px;
}
.banner02 ul li {
  margin-top: 15px;
}
.caution {
    max-width: 700px;
    margin: 0 auto;
    border: 2px solid #ea5455;
    margin-bottom: 40px;
    background-color: #fff;
    padding: 20px;
    line-height: 170%;
}
.caution h2 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #ea5455;
    margin-bottom: 15px;
}
.caution a {
    color: #f19e55;
}
.main_pc-none {
  display: none;
}
.bate-br-none {
  display: none;
}
@media(max-width:1199px) {
  .main_date {
  background-image: url("../img/main_bg.png");
  background-repeat: no-repeat;
  background-position: 40px 0;
  background-size: 822px 858.5px;
      min-height: 859px;
}
.top-date-wrap {
  width: 820px;
}
  .top-date-wrap p {
    font-size: 1.5rem;
    font-size: 1.25rem;
  }
/*  .top-date-wrap {
    width: 100%;
    width: 29.5vw;
  }*/
.top_date {
    width: 820px;
}
.section-news {
    width: 820px;
}
.section-news h3 {
  width: 820px;
}
  #info {
    width: 790px;
    margin-left: 30px;
  }
  #info dl dd {
    width: 710px;
    padding-bottom: 20px;
  }
.date {
  max-width: 285px;
  margin: 0 0px 158px 0;
}
}
@media(max-width:1100px) {
  .registration-date {
    /*margin-top: 0;*/
      margin-top: 15px;
  }
  .top-date-wrap p {
    font-size: 1.25rem;
  }
}
@media(max-width:1099px) {
body {
  /*background: #2a2869;*/
    background: none;
}
.main_date {
  background-image: url("../img/main_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  /*background-size: contain;*/
    background-size: cover;
}
.top_date {
    width: 100%;
    margin-left: 0px;
    text-align: left;
}
  .title {
    max-width: 54%;
    width: 100%;
    padding-bottom: 40px;
    display: block;
      padding-top: 20px;
      margin-bottom: 180px;
  }
  .date {
      max-width: 330px;
    width: 35%;
    width: 100%;
    display: block;
    margin: 0 0 23% auto;
    /*padding: 52% 3% 83% 0;*/
  }
  .flex-wrap {
    padding: 0 0 0 0;
      margin-top: -30px;
  }
  .top-date-wrap {
      width: 100%;
      margin-left: 0;
      padding-bottom: 30px;
  }
  .top-date-wrap h2 {
    width: 370px;
    margin: 0 auto;
  }
  .abstract-date {
    display: block;
    margin: 15px auto;
    max-width: 730px;
  }
  .abstract-date h2 {
    padding: 10px 20px;
    font-size: 1.25rem;
  }
  .top-date-wrap p {
    font-size: 1.5rem;
    padding: 15px 0;
  }
  .registration-date {
    display: block;
    margin: 15px auto;
    max-width: 730px;
  }
  .registration-date h2 {
    padding: 10px 20px;
    font-size: 1.25rem;
  }
.date_flex {
    /*margin-bottom: 100px;*/
}
  .section-news h3 {
      width: 100%;
    color: #4e4946;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 36px;
    padding-left: 0;
  }
  .section-news h3:before {
    content: "";
    display: none;
  }
  .section-news {
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    /*height: 500px;*/
    margin: 0 auto;
  }
  .section-news ol {
    height: 275px;
  }
  #info {
    width: calc(100% - 30px);
  }
  #info dl dd {
    width: calc(100% - 130px);
  }
  .reg_br {
    display: none;
  }
}
@media(max-width:1000px) {
  .date {
    max-width: 33%;
    /*padding-bottom: 110%;
    padding: 208px 2% 85% 0;*/
  }
}
@media(max-width:920px) {
  .date {
    max-width: 30%;
    /*padding-bottom: 110%;
    padding: 35% 2% 85% 0;*/
  }
.date_flex {
    margin-bottom: 0px;
}
}
@media(max-width:880px) {
  .title {
      margin-bottom: 156px;
  }
  .date {
    max-width: 33%;
    margin: 0 0 17% auto;
    /*padding-bottom: 110%;
    padding: 30% 2% 65% 0;*/
  }
  .main_date {
    padding-bottom: 0;
  }
}
@media(max-width:819px) {
.main_date {
  background-image: url("../img/bg_smp.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
  .section-news {
    width: 100%;
  }
  .abstract-date {
    margin: 15px 6%;
  }
  .registration-date {
    margin: 15px 6%;
  }
  .flex-wrap {
    padding-top: 160px;
  }
.top-date-wrap {
    padding: 30px 0 0 0;
  }
  .title {
    max-width: 550px;
    width: 100%;
    /*padding-bottom: 100%;*/
    margin: -130px auto 88% auto;
  }
  /*  .date {
      max-width: 65%;
    width: 100%;
    display: block;
      margin: 62% auto 0 auto;
      padding: 0 ;
  }*/
  .bottom {
    display: none;
  }
  .date_sp {
    display: block;
    width: 500px;
    margin: 0 auto 160px auto;
    padding: 0;
  }
.date_flex {
    display: block;
}
  .top-date-wrap h2 {
    width: 350px;
    margin: 0 auto;
  }
  .abstract-date h2 {
    font-size: 1.4rem;
  }
  .top-date-wrap p {
    font-size: 1.4rem;
  }
  .registration-date h2 {
    font-size: 1.4rem;
  }
}
@media(max-width:740px) {
  .date_sp {
    display: block;
    width: 500px;
    margin: 0 auto 120px auto;
    padding: 0;
  }
}
@media(max-width:670px) {
  .title {
    margin: -130px auto 82% auto;
  }
      .date_sp {
    width: 70%;
    margin: 0 auto 100px auto;
    padding: 0;
  }
}
@media(max-width:600px) {
      .date_sp {
    margin: 0 auto 100px auto;
  }
  .title {
    max-width: 450px;
  }
}
@media(max-width:499px) {
    .date_sp {
        width: 76%;
    }
  .news_list_date {
    display: block;
  }
  .news_list_date p {
    margin-left: 0;
    padding-top: 30px;
  }
  .news_list_item {
    align-items: baseline;
  }
  .main_pc-none {
    display: block;
  }
  .bate-br-none {
    display: block;
  }
  .flex-wrap {
    padding-top: 155px;
  }
  .section-news {
  }
  .title {
    max-width: 400px;
      margin: -125px auto 73% auto;
  }
  .date_sp {
    padding: 40px 0 0 0;
  }
  .abstract-date {
    margin-top: 0px;
  }
/*  .abstract-date h2 {
    padding: 0px 37px;
    font-size: 1.2rem;
  }*/
    .section-news h3 {
  background-size: 50%;
}
  .top-date-wrap {
    padding-top: 0px;
  }
  .section-news {
  }
  .section-news ol {
    overflow-y: scroll;
    height: 245px;
    padding-top: 16px;
  }
  .mt_15 {
    margin-top: 0;
    display: block;
  }
  .abstract-date h2 {
    max-width: 100%;
    margin: 0 auto;
      padding: 10px 15px;
  }
  .registration-date h2 {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 30px;
      font-size: 1.5em;
  }
  .abstract-date p {
    font-size: 1.5em;
  }
  .registration-date p {
    /*font-size: 1.75em;*/
      font-size: 1.5em;
  }
  .embo-btn ul {
    margin-bottom: 30px;
  }
}
@media(max-width:430px) {
      .title {
      margin: -125px auto 66% auto;
  }
 }
@media(max-width:400px) {
      .date_sp {
          width: 80%;
    margin: 0 auto 50px auto;
  }
 }
@media(max-width:370px) {
  .date_sp {
    padding: 10px 0 0 0;
      margin-bottom: 40px;
  }
}