@charset "UTF-8";

/*
  トップページ用CSS
 */

.layout_global-content p {
  margin-bottom: 16px;
}

/*
  見出し
 */

.content-title {
  border-bottom: none;
  color: #3686c6;
  margin-bottom: 24px;
  padding-bottom: 0;
}

.headline {
  color: #444;
  margin-bottom: 24px;
  text-align: center;
}

.sub-headline {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .headline {
    font-size: 24px;
  }
}

@media screen and (min-width: 769px) {
  .sub-headline {
    font-size: 22px;
  }
}

/*
  section
 */

.section {
  margin: 72px auto;
}

/*
  message
 */

.section_message {
  background: url('../images/main-visual_sp.png') center center no-repeat;
  background-size: cover;
  margin: 40px auto 0;
  padding: 72px 0 56px;
  text-align: center;
}

.section_message .message_main {
  font-size: 18px;
}

.message_main::after {
  border-bottom: 1px solid #222;
  content: '';
  display: block;
  height: 0;
  margin: 8px auto 16px;
  width: 3em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .section_message {
    /* レチーナ画像 */
    background-image: url('../images/main-visual_sp-2x.jpg');
  }
}

@media screen and (min-width: 769px) {
  .section_message {
    background-image: url('../images/main-visual_pc.png');
    max-width: 1600px;
    padding: 144px 0 56px;
  }

  .section_message .message_main {
    font-size: 32px;
    line-height: 40px;
  }

  .section_message .sakura {
    font-size: 18px;
  }

  .message_main::after {
    margin: 48px auto;
  }

  .lead {
    text-align: center;
  }

}

@media only screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2) {
  .section_message {
    /* レチーナ画像 */
    background-image: url('../images/main-visual_pc-2x.jpg');
  }
}

/* ナビ */

.section_navigation .inner {
  padding: 0 10px;
}

.nav-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 40px;
}

.nav-class {
  display: flex;
  flex-direction: column;
  margin: 0 10px 40px;
  max-width: 335px;
  width: 100%;
}

.nav-class:last-child {
  margin-bottom: 0;
}

.nav-class > .sub-headline {
  background-color: rgba(54, 134, 198, 0.85); /* #3686c6dd; */
  color: #fff;
  margin: -48px 0 0;
  order: 2;
  padding: 8px 16px;
  z-index: 1;
}

.nav-link-units {
  background-color: #fff;
  flex-grow: 1;
  order: 3;
}

.nav-link-units li {
  margin: 16px;
}

.nav-link-units a {
  color: inherit;
  font-size: 16px;
}

.nav-link-units a:hover {
  text-decoration: underline;
}

.nav-img {
  max-height: 250px;
  order: 1;
  overflow-y: hidden;
}

@media screen and (min-width: 769px) {
  .section_navigation .inner {
    padding: 0;
  }

  .section_navigation .nav-wrap {
    justify-content: space-between;
  }

  .nav-class {
    max-width: 460px;
  }

  .nav-class:nth-child(n + 3) {
    margin-bottom: 0;
    width: 300px;
  }

  .nav-class:nth-child(1) > .sub-headline,
  .nav-class:nth-child(2) > .sub-headline {
    margin-top: -53px;
  }

  .nav-class:nth-child(n + 3) > .sub-headline {
    font-size: 18px;
    line-height: 24px;
  }
}

/* 加入・協賛団体 */

.section_supporting-groups {
  background-color: #f4f4f4;
}

.section_supporting-groups .inner {
  padding: 72px 12px;
}

.section_supporting-groups .sub-headline {
  border-bottom: 1px solid #222;
  margin: 0 12px 24px;
  padding-bottom: 8px;
}

.supporting-groups-logo_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.supporting-groups-logo_wrap .supporting-groups-logo {
  height: 80px;
  margin: 0 12px 40px;
  width: 132px;
}

.supporting-groups-logo_link {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.supporting-groups-logo_link:hover {
  opacity: 0.7;
}

.section_supporting-groups .supporting-groups_to-list {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin: 0 12px;
}

.supporting-groups_to-list::before {
  border-right: 2px solid #444;
  border-top: 2px solid #444;
  content: '';
  display: inline-block;
  height: 5px;
  margin-right: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
}

.supporting-groups_to-list .link-to-list {
  color: inherit;
  font-size: 16px;
}

@media screen and (min-width: 769px) {
  .section_supporting-groups .inner {
    padding: 72px 0 112px;
    position: relative;
  }

  .section_supporting-groups .sub-headline {
    padding-bottom: 16px;
    margin: 0 10px;
  }

  .supporting-groups-logo_wrap .supporting-groups-logo {
    height: 88px;
    margin: 32px 10px 0;
    width: 220px;
  }

  .supporting-groups-logo img {
    width: 160px;
  }

  .section_supporting-groups .supporting-groups_to-list {
    position: absolute;
    right: 0;
    top: 75px;
  }
}

/* --------------------
 共通フッターCSS 上書き
-------------------- */
.layout_global-pc .layout_global-footer {
  margin-top: 0;
}

.layout_global-pc .layout_global-footer .inner_footer {
  padding-top: 0;
}

@media screen and (min-width: 769px) {
  .inner_footer .btn_pagetop:not(.is-fixed) {
    bottom: -20px;
  }
}

/* --------------------
 IE11 hack
 スペースの調整
-------------------- */

@media all and (-ms-high-contrast: none) and (min-width: 769px) {
  .nav-class .sub-headline {
    box-sizing: border-box;
    padding-top: 12px;
  }

  .nav-class:nth-child(1) > .sub-headline,
  .nav-class:nth-child(2) > .sub-headline {
    height: 48px;
    margin-top: -56px;
  }

  .nav-class:nth-child(n + 3) > .sub-headline {
    height: 40px;
  }
}