@charset "utf-8";


.outline__inner {max-width: 1200px;width: 90%;margin-right:auto;margin-left:auto;position:relative;}
.outline__flex{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.outline__nowrap{ flex-wrap: nowrap; }
.outline__jc-c{ justify-content: center; }
.outline__jc-s{ justify-content: flex-start; }
.outline__jc-e{ justify-content: flex-end; }
.outline__ai-c{ align-items: center; }
.outline__ai-e{ align-items: flex-end; }
.outline__ai-st{ align-items: stretch; }
.outline__fd-cl{ flex-direction: column; }
.outline__fd-rr{ flex-direction: row-reverse; }
.outline__fd-rr > *{ min-height: 0; }
@media screen and (max-width: 768px){
  .outline__inner{ width: calc(340 / 380 * 100%);}
}



#outline{
  padding: 100px 0;
}
#outline .outline-tab{
  margin-bottom: 30px;
}
#outline .outline-tab li{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 220px;
  height: 50px;
  margin: 10px;
  font-size: 16px;
  letter-spacing: .15em;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: linear-gradient(90deg, rgba(110, 227, 227, 1) 0%, rgba(0, 102, 181, 1) 50%, rgba(0, 34, 95, 1) 100%);
  opacity: .3;
  transition: opacity .3s ease-in-out;
  cursor: pointer;
}
#outline .outline-tab li.active,
#outline .outline-tab li:hover{
  opacity: 1;
}

#outline .outline-tabcontent{
  display: none;
  position: relative;
  max-width: 900px;
}
#outline .outline-tabcontent.active{
  display: block;
  animation: tabFadeIn .5s;
}
/*#outline .outline-tabcontent > li{
  margin-bottom: 100px;
}*/
#outline .outline-tabcontent > li > .ttl1{
  color: #00215B;
  font-size: 24px;
  letter-spacing: .15em;
  text-align: center;
}
#outline .outline-tabcontent .list1{
  margin-top: 40px;
  border-top: 1px solid #cfd1d2;
  border-bottom: 1px solid #cfd1d2;
}
#outline .outline-tabcontent .list1 li + li{
  border-top: 1px solid #cfd1d2;
}
#outline .outline-tabcontent .list1 .annotation{
  width: 100%;
}
#outline .outline-tabcontent .list1 .ttl1{
  width: 300px;
  background: #f7f8f9;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  box-sizing: border-box;
  padding: 15px 30px;
}
#outline .outline-tabcontent .list1 .txt1{
  width: calc(100% - 300px);
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  padding: 15px 20px;
}
#outline .outline-tabcontent .list1 .annotation .txt1{
  width: 100%;
}
#outline .outline-tabcontent .date{
  font-size: 14px;
  line-height: 1;
  text-align: right;
  margin-top: 20px;
}
#outline .outline-tabcontent .date + .date{
  margin-top: 10px;
}
@media screen and (max-width: 480px){
  #outline{
    padding: 50px 0;
  }
  #outline .outline-tab{
    justify-content: flex-start;
  }
  #outline .outline-tab li{
    /* width: 48.4375%; */
    max-width: none;
    margin: 0 0 3.125% 0;

    width: 100%;
    height: 40px;
  }
  /* #outline .outline-tab li:nth-child(even){
    margin-left: 3.125%;
  } */
  /*#outline .outline-tabcontent > li{
    margin-bottom: 50px;
  }*/
  #outline .outline-tabcontent > li > .ttl1{
    font-size: 16px;
  }
  #outline .outline-tabcontent .list1{
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
  }
  #outline .outline-tabcontent .list1 li + li{
    border-top: 1px solid #efefef;
  }
  #outline .outline-tabcontent .list1 .ttl1{
    width: 100%;
    padding: 3% 5%;
  }
  #outline .outline-tabcontent .list1 .txt1{
    width: 100%;
    padding: 5%;
  }
}


@keyframes tabFadeIn{
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}





/*  l-subPage
--------------------------------------------------*/
.l-subPage {
  padding-block: 12.0rem;
}
.subPage-head {
  margin-bottom: 8.0rem;
  text-align: center;
}
.subPage-head__heading {
  font-size: 62px;
  letter-spacing: .1em;
  color: #ffdc7c;
  margin-bottom: 40px;
}
.subPage-head__ttl {
  font-size: 24px;
  letter-spacing: .1em;
  color: #ffdc7c;
}
#outline {
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
  background: var(--white);
  padding-block: 70px 100px;
}
@media screen and (max-width: 768px){
  .l-subPage {
    padding-block: 6.0rem;
  }
  .subPage-head {
    margin-bottom: 4.0rem;
  }
  .subPage-head__heading {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .subPage-head__ttl {
    font-size: 14px;
  }
  #outline {
    width: calc(320 / 380 * 100%);
    padding-block: 40px 50px;
  }
}