@charset "utf-8";
/* CSS Document */

/* 共通 */
.blue_ttl {
  color: #06c;
  font-size: 2.8rem;
  font-weight: 700;
  &.blue_ttl--fig {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
}





/* outline_art */
.outline_art {
  position: relative;
  margin-bottom: 72px;
  @media screen and (max-width: 767px) {
    margin-bottom: 48px;
  }
}
.outline_art .container {
  background: #fff;
  /* box-shadow: 7px 7px #06C; */
  box-shadow: 0px 3px 6px #00000029;
  padding: 32px 20px;
  @media screen and (max-width: 767px) {
    padding: 32px 5%;
  }
}
.outline_art .blue_ttl {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 20px;
  & + p {
    width: 95%;
    margin: 0 auto 20px;
    font-weight: 500;
  }
  @media screen and (max-width: 767px) {
    width: 100%;
    & + p {width: 100%;font-size: 1.4rem;}
  }
}
.outline_fig {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  @media screen and (max-width: 767px) {
    flex-direction: column;
    gap: 16px;
  }
}


/* greeting_art */
.greeting_art {
  position: relative;
  margin-bottom: 104px;
  @media screen and (max-width: 767px) {
    margin-bottom: 64px;
  }
}
.greeting_art .container {
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  padding: 32px 40px;
  @media screen and (max-width: 767px) {
    padding: 32px 5%;
  }
}
.greeting_art .blue_ttl {margin-bottom: 24px;}
.greeting_txt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px 48px;
  p {font-weight: 500;}
  @media screen and (max-width: 767px) {
    flex-direction: column;
    align-items: center;
    p.sp-small {font-size: 1.4rem;}
  }
}
.greeting_txt--pre {
  width: 100%;
  min-width: 162px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  p {
    font-weight: 400;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 767px) {
    min-width: initial;
    align-items: center;
  }
}


/* news_art */
.news_art {
  margin-bottom: 64px;
  @media screen and (max-width: 767px) {
    
  }
}

.news_tabs {
  background-color: #fff;
  width: 100%;
  margin: 40px auto 0;
}
.news_tabs li {
  &:nth-of-type(1) .news_tabs--btn {background: #003AC0;}
  &:nth-of-type(2) .news_tabs--btn {background: #06C;}
  &:nth-of-type(3) .news_tabs--btn {background: #0085E0;}

  &:nth-of-type(1) .news_tabs--btn.-active,
  &:nth-of-type(2) .news_tabs--btn.-active,
  &:nth-of-type(3) .news_tabs--btn.-active {
    height: 70px;
    background: #fff;
    color: #06C;
    margin-top: 0;
  }
}
.news_tabs--btn {
  width: calc(100% / 3);
  height: 50px;
  margin-top: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: none;
  border-left: 1px solid #fff;
  &:hover {
    opacity: 0.75;
    cursor: pointer;
  }
  @media screen and (max-width: 767px) {
    font-size: min(1.2rem, 3.5vw);
  }
}
.news_content {
  display: none;
  padding: 15px 30px 30px;
  clear: both;
  overflow: hidden;
  background: #fff;
  &.-active {display: block;}
  @media screen and (max-width: 767px) {
    padding: 15px 5% 30px;
  }
}

a.news_btn {
  background: #06C;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 400px;
  height: 50px;
  margin: 40px auto 0;
  padding: 10px;
}



/* intro_block */
.intro_block {
  position: relative;
}
.intro_block .blue_ttl {
  margin-bottom: 40px;
  @media screen and (max-width: 767px) {
    margin-bottom: 28px;
  }
}
.intro_sub--ttl {
  text-align: center;
  color: #000;
  font-weight: 700;
  font-size: 2.8rem;
  margin-bottom: 56px;
}
.intro_art {
  position: relative;
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  padding: 72px 5% 40px;
  margin-bottom: 64px;
  &.mb0 {margin-bottom: 0;}
  &.mb104 {margin-bottom: 104px;}
  @media screen and (max-width: 767px) {
    margin-bottom: 40px;
    &.mb104 {margin-bottom: 64px;}
  }
}
.intro_art--ttl {
  position: absolute;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  top: -28px;
  left: 0;
  right: 0;
  background: #06C;
  color: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  @media screen and (max-width: 767px) {
    width: 85%;
    &.sp_16 {
      font-size: min(1.6rem, 4.5vw);
    }
  }
}

.intro_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  @media screen and (max-width: 767px) {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
.intro_main--fig {
  width: 100%;
  min-width: 427px;
  @media screen and (max-width: 767px) {
    min-width: initial;
  }
}
.intro_flex--half {
  width: calc(50% - 10px);
  @media screen and (max-width: 767px) {
    width: 100%;
    &:first-of-type {
      margin-bottom: 32px;
    }
  }
}
.intro_art--subttl {
  width: 100%;
  color: #090909;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid #06C;
  padding-bottom: 24px;
}
.intro_flex--name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  min-width: 164px;
  @media screen and (max-width: 767px) {
    min-width: initial;
    align-items: center;
    text-align: center;
  }
}
.intro_list {
  li {
    padding: 8px;
    padding-left: 56px;
    border-bottom: 1px solid #ccc;
  }
  @media screen and (max-width: 767px) {
    li {
      padding: 8px 16px;
    }
  }
}
a.intro_external-link {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #090909;
  font-weight: 500;
  span.blue_txt {
    color: #0029A3;
    margin-right: -4px;
  }
  span:nth-of-type(2) {text-decoration: underline;}
  &:hover span:nth-of-type(2) {text-decoration: none;}

  &[tabindex="-1"] {opacity: 0.5;}
  &[tabindex="-1"] span:nth-of-type(2) {text-decoration: none;}
}


/* member_art */
.member_art--outer {
  padding: 64px 0;
}
.member_art {
  margin-bottom: 64px;
  &:last-of-type {margin-bottom: 0;}
  @media screen and (max-width: 767px) {
    margin-bottom: 40px;
  }
}
.member_art .container {
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  padding: 32px 5%;
  @media screen and (max-width: 767px) {
    
  }
}
.member_art .blue_ttl {
  margin-bottom: 28px;
}
.member_list {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px 64px;
  li:nth-child(odd) {
    width: 100%;
    max-width: 304px;
  }
  li:nth-child(even) {
    width: 100%;
    max-width: 208px;
  }
  @media screen and (max-width: 767px) {
    gap: 10px 32px;
    li:nth-child(odd),
    li:nth-child(even) {
      width: auto;
      max-width: initial;
    }
  }
}