﻿/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, footer, header, nav, section {
  display: block
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

figcaption, figure, main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}
    
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}
    
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details, menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

*, *::before, *::after {
  box-sizing: inherit
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #000;
  background-color: #fff
}

body {
  font: 10px "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.7px
}

@media (max-width: 749.98px) {
  body {
    min-width: inherit;
    font-size: 11px
  }
}

[tabindex="-1"]:focus {
  outline: none !important
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0
}

p {
  margin-top: 0;
  margin-bottom: 1em
}

p:last-child {
  margin-bottom: 0
}

abbr[title], abbr[data-original-title] {
  cursor: help
}

hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0;
  border-top: 1px solid #000
}

address {
  font-style: normal;
  line-height: inherit
}

ol, ul, dl {
  list-style: none;
  margin: 0;
  padding: 0
}

ol:last-child, ul:last-child, dl:last-child {
  margin-bottom: 0
}

ol ol, ul ul, ol ul, ul ol {
  list-style: none;
  margin-bottom: 0
}

dt {
  font-weight: normal
}

dd {
  margin-bottom: .5em;
  margin-left: 0
}

blockquote {
  margin: 0 0 1em
}

a {
  color: #00a0e9;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

em {
  font-style: normal
}

figure {
  margin: 0 0 1em
}

img {
  vertical-align: bottom
}

[role="button"] {
  cursor: pointer
}

a, area, button, [role="button"], input, label, select, summary, textarea {
  touch-action: manipulation
}

table {
  border-collapse: collapse;
  background-color: #fff
}

caption {
  display: none
}

th {
  text-align: left
}

button {
  -webkit-appearance: none;
  background: none;
  border-width: 0
}

button:focus {
  outline: 0
}

input, button, select, textarea {
  line-height: inherit
}

input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: #333;
  padding: 10px
}
  
textarea {
  resize: vertical;
  border: 1px solid #e5e5e5
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit
}
  
[hidden] {
  display: none !important
}

.mt-0 {
  margin-top: 0
}

.mr-0 {
  margin-right: 0
}

.mb-0 {
  margin-bottom: 0
}

.ml-0 {
  margin-left: 0
}

.mt-5 {
  margin-top: 5px
}

.mr-5 {
  margin-right: 5px
}

.mb-5 {
  margin-bottom: 5px
}

.ml-5 {
  margin-left: 5px
}

.mt-10 {
  margin-top: 10px
}

.mr-10 {
  margin-right: 10px
}

.mb-10 {
  margin-bottom: 10px
}

.ml-10 {
  margin-left: 10px
}

.mt-15 {
  margin-top: 15px
}

.mr-15 {
  margin-right: 15px
}

.mb-15 {
  margin-bottom: 15px
}

.ml-15 {
  margin-left: 15px
}

.mt-20 {
  margin-top: 20px
}

.mr-20 {
  margin-right: 20px
}

.mb-20 {
  margin-bottom: 20px
}

.ml-20 {
  margin-left: 20px
}

.mt-25 {
  margin-top: 25px
}

.mr-25 {
  margin-right: 25px
}

.mb-25 {
  margin-bottom: 25px
}

.ml-25 {
  margin-left: 25px
}

.mt-30 {
  margin-top: 30px
}

.mr-30 {
  margin-right: 30px
}

.mb-30 {
  margin-bottom: 30px
}

.ml-30 {
  margin-left: 30px
}

.mt-35 {
  margin-top: 35px
}

.mr-35 {
  margin-right: 35px
}

.mb-35 {
  margin-bottom: 35px
}

.ml-35 {
  margin-left: 35px
}

.mt-40 {
  margin-top: 40px
}

.mr-40 {
  margin-right: 40px
}

.mb-40 {
  margin-bottom: 40px
}

.ml-40 {
  margin-left: 40px
}

.mt-45 {
  margin-top: 45px
}

.mr-45 {
  margin-right: 45px
}

.mb-45 {
  margin-bottom: 45px
}

.ml-45 {
  margin-left: 45px
}

.mt-50 {
  margin-top: 50px
}

.mr-50 {
  margin-right: 50px
}

.mb-50 {
  margin-bottom: 50px
}

.ml-50 {
  margin-left: 50px
}

.mt-55 {
  margin-top: 55px
}

.mr-55 {
  margin-right: 55px
}

.mb-55 {
  margin-bottom: 55px
}

.ml-55 {
  margin-left: 55px
}

.mt-60 {
  margin-top: 60px
}

.mr-60 {
  margin-right: 60px
}

.mb-60 {
  margin-bottom: 60px
}

.ml-60 {
  margin-left: 60px
}

.mt-65 {
  margin-top: 65px
}

.mr-65 {
  margin-right: 65px
}

.mb-65 {
  margin-bottom: 65px
}

.ml-65 {
  margin-left: 65px
}

.mt-70 {
  margin-top: 70px
}

.mr-70 {
  margin-right: 70px
}

.mb-70 {
  margin-bottom: 70px
}

.ml-70 {
  margin-left: 70px
}

.mt-75 {
  margin-top: 75px
}

.mr-75 {
  margin-right: 75px
}

.mb-75 {
  margin-bottom: 75px
}

.ml-75 {
  margin-left: 75px
}

.mt-80 {
  margin-top: 80px
}

.mr-80 {
  margin-right: 80px
}

.mb-80 {
  margin-bottom: 80px
}

.ml-80 {
  margin-left: 80px
}

@media (max-width: 749.98px) {
  .mt-0-sp {
    margin-top: 0
  }
  .mr-0-sp {
    margin-right: 0
  }
  .mb-0-sp {
    margin-bottom: 0
  }
  .ml-0-sp {
    margin-left: 0
  }
  .mt-5-sp {
    margin-top: 5px
  }
  .mr-5-sp {
    margin-right: 5px
  }
  .mb-5-sp {
    margin-bottom: 5px
  }
  .ml-5-sp {
    margin-left: 5px
  }
  .mt-10-sp {
    margin-top: 10px
  }
  .mr-10-sp {
    margin-right: 10px
  }
  .mb-10-sp {
    margin-bottom: 10px
  }
  .ml-10-sp {
    margin-left: 10px
  }
  .mt-15-sp {
    margin-top: 15px
  }
  .mr-15-sp {
    margin-right: 15px
  }
  .mb-15-sp {
    margin-bottom: 15px
  }
  .ml-15-sp {
    margin-left: 15px
  }
  .mt-20-sp {
    margin-top: 20px
  }
  .mr-20-sp {
    margin-right: 20px
  }
  .mb-20-sp {
    margin-bottom: 20px
  }
  .ml-20-sp {
    margin-left: 20px
  }
  .mt-25-sp {
    margin-top: 25px
  }
  .mr-25-sp {
    margin-right: 25px
  }
  .mb-25-sp {
    margin-bottom: 25px
  }
  .ml-25-sp {
    margin-left: 25px
  }
  .mt-30-sp {
    margin-top: 30px
  }
  .mr-30-sp {
    margin-right: 30px
  }
  .mb-30-sp {
    margin-bottom: 30px
  }
  .ml-30-sp {
    margin-left: 30px
  }
  .mt-35-sp {
    margin-top: 35px
  }
  .mr-35-sp {
    margin-right: 35px
  }
  .mb-35-sp {
    margin-bottom: 35px
  }
  .ml-35-sp {
    margin-left: 35px
  }
  .mt-40-sp {
    margin-top: 40px
  }
  .mr-40-sp {
    margin-right: 40px
  }
  .mb-40-sp {
    margin-bottom: 40px
  }
  .ml-40-sp {
    margin-left: 40px
  }
  .mt-45-sp {
    margin-top: 45px
  }
  .mr-45-sp {
    margin-right: 45px
  }
  .mb-45-sp {
    margin-bottom: 45px
  }
  .ml-45-sp {
    margin-left: 45px
  }
  .mt-50-sp {
    margin-top: 50px
  }
  .mr-50-sp {
    margin-right: 50px
  }
  .mb-50-sp {
    margin-bottom: 50px
  }
  .ml-50-sp {
    margin-left: 50px
  }
  .mt-55-sp {
    margin-top: 55px
  }
  .mr-55-sp {
    margin-right: 55px
  }
  .mb-55-sp {
    margin-bottom: 55px
  }
  .ml-55-sp {
    margin-left: 55px
  }
  .mt-60-sp {
    margin-top: 60px
  }
  .mr-60-sp {
    margin-right: 60px
  }
  .mb-60-sp {
    margin-bottom: 60px
  }
  .ml-60-sp {
    margin-left: 60px
  }
  .mt-65-sp {
    margin-top: 65px
  }
  .mr-65-sp {
    margin-right: 65px
  }
  .mb-65-sp {
    margin-bottom: 65px
  }
  .ml-65-sp {
    margin-left: 65px
  }
  .mt-70-sp {
    margin-top: 70px
  }
  .mr-70-sp {
    margin-right: 70px
  }
  .mb-70-sp {
    margin-bottom: 70px
  }
  .ml-70-sp {
    margin-left: 70px
  }
  .mt-75-sp {
    margin-top: 75px
  }
  .mr-75-sp {
    margin-right: 75px
  }
  .mb-75-sp {
    margin-bottom: 75px
  }
  .ml-75-sp {
    margin-left: 75px
  }
  .mt-80-sp {
    margin-top: 80px
  }
  .mr-80-sp {
    margin-right: 80px
  }
  .mb-80-sp {
    margin-bottom: 80px
  }
  .ml-80-sp {
    margin-left: 80px
  }
}

.pt-0 {
  padding-top: 0
}

.pr-0 {
  padding-right: 0
}

.pb-0 {
  padding-bottom: 0
}

.pl-0 {
  padding-left: 0
}

.pt-5 {
  padding-top: 5px
}

.pr-5 {
  padding-right: 5px
}

.pb-5 {
  padding-bottom: 5px
}

.pl-5 {
  padding-left: 5px
}

.pt-10 {
  padding-top: 10px
}

.pr-10 {
  padding-right: 10px
}

.pb-10 {
  padding-bottom: 10px
}

.pl-10 {
  padding-left: 10px
}

.pt-15 {
  padding-top: 15px
}

.pr-15 {
  padding-right: 15px
}

.pb-15 {
  padding-bottom: 15px
}

.pl-15 {
  padding-left: 15px
}

.pt-20 {
  padding-top: 20px
}

.pr-20 {
  padding-right: 20px
}

.pb-20 {
  padding-bottom: 20px
}

.pl-20 {
  padding-left: 20px
}

.pt-25 {
  padding-top: 25px
}

.pr-25 {
  padding-right: 25px
}

.pb-25 {
  padding-bottom: 25px
}

.pl-25 {
  padding-left: 25px
}

.pt-30 {
  padding-top: 30px
}

.pr-30 {
  padding-right: 30px
}

.pb-30 {
  padding-bottom: 30px
}

.pl-30 {
  padding-left: 30px
}

.pt-35 {
  padding-top: 35px
}

.pr-35 {
  padding-right: 35px
}

.pb-35 {
  padding-bottom: 35px
}

.pl-35 {
  padding-left: 35px
}

.pt-40 {
  padding-top: 40px
}

.pr-40 {
  padding-right: 40px
}

.pb-40 {
  padding-bottom: 40px
}

.pl-40 {
  padding-left: 40px
}

.pt-45 {
  padding-top: 45px
}

.pr-45 {
  padding-right: 45px
}

.pb-45 {
  padding-bottom: 45px
}

.pl-45 {
  padding-left: 45px
}

.pt-50 {
  padding-top: 50px
}

.pr-50 {
  padding-right: 50px
}

.pb-50 {
  padding-bottom: 50px
}

.pl-50 {
  padding-left: 50px
}

.pt-55 {
  padding-top: 55px
}

.pr-55 {
  padding-right: 55px
}

.pb-55 {
  padding-bottom: 55px
}

.pl-55 {
  padding-left: 55px
}

.pt-60 {
  padding-top: 60px
}

.pr-60 {
  padding-right: 60px
}

.pb-60 {
  padding-bottom: 60px
}

.pl-60 {
  padding-left: 60px
}

.pt-65 {
  padding-top: 65px
}

.pr-65 {
  padding-right: 65px
}

.pb-65 {
  padding-bottom: 65px
}

.pl-65 {
  padding-left: 65px
}

.pt-70 {
  padding-top: 70px
}

.pr-70 {
  padding-right: 70px
}

.pb-70 {
  padding-bottom: 70px
}

.pl-70 {
  padding-left: 70px
}

.pt-75 {
  padding-top: 75px
}

.pr-75 {
  padding-right: 75px
}

.pb-75 {
  padding-bottom: 75px
}

.pl-75 {
  padding-left: 75px
}

.pt-80 {
  padding-top: 80px
}

.pr-80 {
  padding-right: 80px
}

.pb-80 {
  padding-bottom: 80px
}

.pl-80 {
  padding-left: 80px
}

@media (max-width: 749.98px) {
  .pt-0-sp {
    padding-top: 0
  }
  .pr-0-sp {
    padding-right: 0
  }
  .pb-0-sp {
    padding-bottom: 0
  }
  .pl-0-sp {
    padding-left: 0
  }
  .pt-5-sp {
    padding-top: 5px
  }
  .pr-5-sp {
    padding-right: 5px
  }
  .pb-5-sp {
    padding-bottom: 5px
  }
  .pl-5-sp {
    padding-left: 5px
  }
  .pt-10-sp {
    padding-top: 10px
  }
  .pr-10-sp {
    padding-right: 10px
  }
  .pb-10-sp {
    padding-bottom: 10px
  }
  .pl-10-sp {
    padding-left: 10px
  }
  .pt-15-sp {
    padding-top: 15px
  }
  .pr-15-sp {
    padding-right: 15px
  }
  .pb-15-sp {
    padding-bottom: 15px
  }
  .pl-15-sp {
    padding-left: 15px
  }
  .pt-20-sp {
    padding-top: 20px
  }
  .pr-20-sp {
    padding-right: 20px
  }
  .pb-20-sp {
    padding-bottom: 20px
  }
  .pl-20-sp {
    padding-left: 20px
  }
  .pt-25-sp {
    padding-top: 25px
  }
  .pr-25-sp {
    padding-right: 25px
  }
  .pb-25-sp {
    padding-bottom: 25px
  }
  .pl-25-sp {
    padding-left: 25px
  }
  .pt-30-sp {
    padding-top: 30px
  }
  .pr-30-sp {
    padding-right: 30px
  }
  .pb-30-sp {
    padding-bottom: 30px
  }
  .pl-30-sp {
    padding-left: 30px
  }
  .pt-35-sp {
    padding-top: 35px
  }
  .pr-35-sp {
    padding-right: 35px
  }
  .pb-35-sp {
    padding-bottom: 35px
  }
  .pl-35-sp {
    padding-left: 35px
  }
  .pt-40-sp {
    padding-top: 40px
  }
  .pr-40-sp {
    padding-right: 40px
  }
  .pb-40-sp {
    padding-bottom: 40px
  }
  .pl-40-sp {
    padding-left: 40px
  }
  .pt-45-sp {
    padding-top: 45px
  }
  .pr-45-sp {
    padding-right: 45px
  }
  .pb-45-sp {
    padding-bottom: 45px
  }
  .pl-45-sp {
    padding-left: 45px
  }
  .pt-50-sp {
    padding-top: 50px
  }
  .pr-50-sp {
    padding-right: 50px
  }
  .pb-50-sp {
    padding-bottom: 50px
  }
  .pl-50-sp {
    padding-left: 50px
  }
  .pt-55-sp {
    padding-top: 55px
  }
  .pr-55-sp {
    padding-right: 55px
  }
  .pb-55-sp {
    padding-bottom: 55px
  }
  .pl-55-sp {
    padding-left: 55px
  }
  .pt-60-sp {
    padding-top: 60px
  }
  .pr-60-sp {
    padding-right: 60px
  }
  .pb-60-sp {
    padding-bottom: 60px
  }
  .pl-60-sp {
    padding-left: 60px
  }
  .pt-65-sp {
    padding-top: 65px
  }
  .pr-65-sp {
    padding-right: 65px
  }
  .pb-65-sp {
    padding-bottom: 65px
  }
  .pl-65-sp {
    padding-left: 65px
  }
  .pt-70-sp {
    padding-top: 70px
  }
  .pr-70-sp {
    padding-right: 70px
  }
  .pb-70-sp {
    padding-bottom: 70px
  }
  .pl-70-sp {
    padding-left: 70px
  }
  .pt-75-sp {
    padding-top: 75px
  }
  .pr-75-sp {
    padding-right: 75px
  }
  .pb-75-sp {
    padding-bottom: 75px
  }
  .pl-75-sp {
    padding-left: 75px
  }
  .pt-80-sp {
    padding-top: 80px
  }
  .pr-80-sp {
    padding-right: 80px
  }
  .pb-80-sp {
    padding-bottom: 80px
  }
  .pl-80-sp {
    padding-left: 80px
  }
}

@media (max-width: 749.98px) {
  .only-pc {
    display: none !important
  }
}

@media (min-width: 750px) {
  .only-sp {
    display: none !important
  }
}

.isPc {
  display: block !important
}

@media (max-width: 749.98px) {
  .isPc {
    display: none !important
  }
  .isTab {
    display: none !important;
  }
}

.isSp {
  display: none !important
}

@media (max-width: 749.98px) {
  .isSp {
    display: block !important
  }
}

@media (max-width: 749.98px) {
  .baseImage {
    max-width: 100%;
    height: auto
  }
}

.baseMovie {
  height: auto;
  width: 100%
}

.algnC {
  text-align: center
}

.bold {
  font-weight: bold !important
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal
}

body {
  background-color: #fffFFF;
  font-family: "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  min-width: 1080px;
  letter-spacing: 0.1px;
  line-height: 1.939
}

@media (max-width: 749.98px) {
  body {
    min-width: 100%;
    font-size: 14px;
    line-height: 1.6
  }
}

.secItem+.secItem {
  margin-top: 50px
}

.secItem__innerA {
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px !important
}

.secItem2 {
  margin-top: 60px
}

.secItem3 {
  margin-top: 40px
}

@media (max-width: 749.98px) {
  .secItem3 {
    margin-top: 20px
  }
}

.secItem3__innerA {
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px !important
}

.secItemScroll {
  border: 1px solid #ccc;
  width: 100%;
  height: 200px;
  overflow-x: auto;
  padding: 20px
}

@media (max-width: 749.98px) {
  .secItemScroll {
    margin-top: 20px
  }
}

.secDetailFooter {
  margin-top: 40px
}

.secDetailFooter__inner {
  border-top: 1px solid #ccc
}

.btn-02 {
  text-align: center;
  margin-top: 20px
}

.btn-02__li {
  display: inline-block
}

.btn-02__li+.btn-02__li {
  margin-left: 30px
}

@media (max-width: 749.98px) {
  .btn-02__li+.btn-02__li {
    margin-left: 0;
    margin-top: 20px
  }
}

.btnBase__link {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background-color: #00a0e9;
  border-radius: 35px;
  font-size: 24px;
  line-height: 70px;
  width: 470px;
  height: 70px;
  position: relative;
  vertical-align: middle
}
.btnBase__link-long {
  width: 560px;
}
@media (max-width: 749.98px) {
  .btnBase__link {
    max-width: 100%
  }
  .btnBase__link-long {
    width: 100%;
  }
}

.btnBase__link:link, .btnBase__link:hover {
  color: #fff;
  text-decoration: none
}

.btnBase__link--010 {
  background-color: #fff
}

.btnBase__link--010:link, .btnBase__link--010:hover {
  color: #00a0e9;
  text-decoration: none
}

.btnBase__link--020 {
  width: 100%
}

.btnBase__link--030 {
  width: 310px
}

@media (max-width: 749.98px) {
  .btnBase__link--030 {
    max-width: 100%
  }
}

.btnBase__010 {
  text-align: center
}

.btnBase__mark__010 {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px
}

.btnBase__mark__010--010 {
  border-top: solid 2px #00a0e9;
  border-right: solid 2px #00a0e9
}

.btnBase__mark__010--020 {
  right: 0;
  left: 25px;
  transform: rotate(-135deg)
}

.btnBase__mark__010--030 {
  margin-top: -8px;
  transform: rotate(135deg)
}

@media (max-width: 749.98px) {
  .btnBase__mark__010--030 {
    right: 6px;
    height: 5px;
    width: 5px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    top: 50%;
    margin-top: -3px
  }
  .btnBase__mark__010-long {
    right: 10px;
  }

}

.btnBase__030 {
  text-align: center;
  margin-top: 10px
}

.btnBase__040 {
  text-align: center;
  margin-top: 30px
}

.btnA1__010 {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background-color: #00a0e9;
  border-radius: 35px;
  font-size: 14px;
  margin-left: 15px;
  text-align: center;
  padding: 0 30px 0 15px;
  position: relative;
  vertical-align: top
}

@media (max-width: 749.98px) {
  .btnA1__010 {
    padding: 3px 30px 3px 15px
  }
}

.btnA1__010:link, .btnA1__010:hover {
  color: #fff;
  text-decoration: none
}

.btnA1__mark__010 {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px
}

@media (max-width: 749.98px) {
  .btnA1__mark__010 {
    width: 8px;
    height: 8px;
    margin-top: -4px
  }
}

.btnA2 {
  border-radius: 7px;
  position: relative;
  background-color: rgba(0, 160, 233, 0.2);
  color: #000
}

.btnA2:hover {
  text-decoration: none
}

.btnA2 .btnA2__icon--a:before, .btnA2 .btnA2__icon--a:after, .btnA2 .btnA2__icon--b:before, .btnA2 .btnA2__icon--b:after {
  content: "";
  border: none;
  transition: border .3s
}

.btnA2.active .btnA2__icon--a:before, .btnA2.active .btnA2__icon--a:after, .btnA2:hover .btnA2__icon--a:before, .btnA2:hover .btnA2__icon--a:after {
  content: "";
  width: 15px;
  height: 15px;
  transition: border .3s
}

.btnA2.active .btnA2__icon--a:before, .btnA2:hover .btnA2__icon--a:before {
  position: absolute;
  top: -5px;
  left: -5px;
  border-top: 2px solid #00a0e9;
  border-left: 2px solid #00a0e9;
  border-radius: 10px 0 0 0
}

.btnA2.active .btnA2__icon--a:after, .btnA2:hover .btnA2__icon--a:after {
  position: absolute;
  bottom: -5px;
  left: -5px;
  border-bottom: 2px solid #00a0e9;
  border-left: 2px solid #00a0e9;
  border-radius: 0 0 0 10px
}

.btnA2.active .btnA2__icon--b:before, .btnA2.active .btnA2__icon--b:after, .btnA2:hover .btnA2__icon--b:before, .btnA2:hover .btnA2__icon--b:after {
  content: "";
  width: 15px;
  height: 15px;
  transition: border .3s
}

.btnA2.active .btnA2__icon--b:before, .btnA2:hover .btnA2__icon--b:before {
  position: absolute;
  top: -5px;
  right: -5px;
  border-top: 2px solid #00a0e9;
  border-right: 2px solid #00a0e9;
  border-radius: 0 10px 0 0
}

.btnA2.active .btnA2__icon--b:after, .btnA2:hover .btnA2__icon--b:after {
  position: absolute;
  bottom: -5px;
  right: -5px;
  border-bottom: 2px solid #00a0e9;
  border-right: 2px solid #00a0e9;
  border-radius: 0 0 10px 0
}

.btnA3 {
  background-color: #00a0e9;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 18px;
  position: relative;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center
}

.btnA3:hover {
  text-decoration: none
}

@media (max-width: 749.98px) {
  .btnA3 {
    font-size: 12px;
    width: 100%;
    height: 35px;
    line-height: 35px
  }
}

.btnA4 {
  background-color: #00a0e9;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 18px;
  position: relative;
  width: 184px;
  height: 50px;
  line-height: 50px;
  text-align: center
}

.btnA4:hover {
  text-decoration: none
}

@media (max-width: 749.98px) {
  .btnA4 {
    font-size: 12px;
    width: 100%;
    height: 35px;
    line-height: 35px
  }
}

.btnHref {
  font-weight: normal;
  position: relative
}

.btnHref__mark {
  display: inline-block;
  position: relative
}

.btnHref__mark:after {
  content: '';
  position: absolute;
  right: -20px;
  width: 10px;
  height: 10px;
  bottom: 0;
  border-top: solid 2px #00a0e9;
  border-right: solid 2px #00a0e9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.btnHref2 {
  color: #333;
  font-size: 18px;
  position: relative;
  width: 92%;
  display: block
}

.btnHref2--02 {
  width: 97%
}

.btnFlex__li {
  display: flex;
  position: relative;
}

.btnFlex__link {
  display: inline-block;
  width: auto;
}

.btnFlex__li>.btnHref2__mark {
  right: 8%;
}

@media (max-width: 749.98px) {
  .btnHref2 {
    font-size: 12px
  }
}

.btnHref2__mark {
  display: inline-block;
  position: absolute;
  margin-top: 3px;
  top: 50%;
  right: 0
}

.btnHref2__mark:after {
  content: '';
  position: absolute;
  right: -20px;
  width: 10px;
  height: 10px;
  bottom: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hrefA {
  color: #fff
}

.pageTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  z-index: 1000
}

.search {
  position: fixed;
  top: 100px;
  right: -300px;
  z-index: 1000;
  transition: right .3s
}

@media (max-width: 749.98px) {
  .search__img {
    width: 40px;
    height: auto
  }
}

.isSearchFixed {
  right: -10px;
  transition: right .3s
}

.col2A::after {
  display: block;
  content: "";
  clear: both
}

.col2A+.col2A {
  margin-top: 50px
}

.col2A__block {
  float: left
}

@media (max-width: 749.98px) {
  .col2A__block {
    float: none
  }
}

.col2A__block .images {
  text-align: center
}

.col2A__block .images .imageBase__010__item {
  max-width: 100%
}

@media (max-width: 749.98px) {
  .col2A__block .images .imageBase__010__item {
    max-width: 50%
  }
}

.col2A__block:first-child {
  width: 62%
}

@media (max-width: 749.98px) {
  .col2A__block:first-child {
    width: auto
  }
}

.col2A__block:nth-child(2) {
  width: 30%;
  float: right
}

@media (max-width: 749.98px) {
  .col2A__block:nth-child(2) {
    width: auto;
    float: none
  }
}

@media (max-width: 749.98px) {
  .col2A__block+.col2A__block {
    margin-top: 20px
  }
}

.col2A--b .col2A__block:first-child {
  width: 62%;
  float: right
}

@media (max-width: 749.98px) {
  .col2A--b .col2A__block:first-child {
    width: auto;
    float: none
  }
}

.col2A--b .col2A__block:nth-child(2) {
  width: 30%;
  float: left
}

@media (max-width: 749.98px) {
  .col2A--b .col2A__block:nth-child(2) {
    width: auto;
    float: none
  }
}

@media (max-width: 749.98px) {
  .col2A--c .col2A__block .images .imageBase__010__item {
    max-width: 100%
  }
}

.col2A--c .col2A__block:first-child {
  width: 48%;
  float: left
}

@media (max-width: 749.98px) {
  .col2A--c .col2A__block:first-child {
    width: auto;
    float: none
  }
}

.col2A--c .col2A__block:nth-child(2) {
  width: 48%;
  float: right
}

@media (max-width: 749.98px) {
  .col2A--c .col2A__block:nth-child(2) {
    width: auto;
    float: none
  }
}

.list__010 {
  font-size: 0
}

.list__020::after {
  display: block;
  content: "";
  clear: both
}

.list__030 {
  font-size: 0;
  display: block
}

.list__040 {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

.listItem__010 {
  font-size: 16px;
  margin-left: 1.2%;
  margin-bottom: 1.2%;
  display: inline-block;
  vertical-align: top
}

.listItem__010--big {
  width: 23.045%;
  height: auto;
  margin-left: 1.4%
}

.listItem__010--middle {
  width: 20.525%;
  height: auto
}

.listItem__010--small {
  width: 10.9715%;
  height: auto
}

.listItem__020 {
  font-size: 16px;
  margin-left: 25px;
  display: inline-block;
  width: 470px
}

.listItem__020::after {
  display: block;
  content: "";
  clear: both
}

.listItem__020:nth-child(odd) {
  float: left
}

.listItem__020:nth-child(even) {
  float: right
}

.listItem__020:first-child {
  margin-left: 0
}

.listItem__030 {
  border: 3px solid #038ece;
  box-sizing: border-box;
  margin-top: 0;
  margin-left: 25px;
  display: inline-block;
  padding: 30px;
  width: 470px
}

.listItem__030::after {
  display: block;
  content: "";
  clear: both
}

@media (max-width: 749.98px) {
  .listItem__030 {
    font-size: 12px;
    margin-top: 20px;
    margin-left: 0;
    padding: 20px;
    width: 100%;
    box-sizing: border-box
  }
}

.listItem__030 .text {
  min-height: 200px
}

@media (max-width: 749.98px) {
  .listItem__030 .text {
    min-height: 0
  }
}

.listItem__030 .text2 {
  text-align: center;
  font-weight: bold
}

.listItem__030:nth-child(odd) {
  float: left
}

@media (max-width: 749.98px) {
  .listItem__030:nth-child(odd) {
    float: none
  }
}

.listItem__030:nth-child(even) {
  float: right
}

@media (max-width: 749.98px) {
  .listItem__030:nth-child(even) {
    float: none
  }
}

.listItem__030:first-child {
  margin-left: 0;
  margin-top: 0
}

.listItem__040 {
  display: inline-block
}

.listItem__040+.listItem__040 {
  margin-left: 20px
}

.listItem__050 {
    width:470px;
    text-align: center;
    margin-bottom: 20px;
}

.listItem__link {
  text-decoration: underline
}

.listItem__link:hover {
  text-decoration: none
}

.textBase__010 {
  text-align: center
}

.textBase__018-px {
  font-size: 18px
}
@media (max-width: 749.98px) {
  .textBase__018-px {
    font-size: 12px
  }
}

.textBase__024-px {
  font-size: 24px
}

@media (max-width: 749.98px) {
  .textBase__024-px {
    font-size: 15px
  }
}

.textBase__notice {
  font-size: 14px
}

@media (max-width: 749.98px) {
  .textBase__notice {
    font-size: 12px
  }
}

  /* レポートタイトルと、レポート本文をくくるdiv */
  .report-content{
    padding: 22px 0;
  }

  .square-text__flex{
    display: flex;
    margin-bottom: 10px;
  }

  @media (max-width: 749.98px) {
    .report-content{
    }
    .report-content-bullet-points{
      padding: 22px 0 14px;
    }
  }
  /* レポートタイトル */
  .report-content__header{
    color: #00a0e9;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 10px;
  }

  .report-content__header--sq-icon::before{
    content: "";
    width: 17px;
    height: 17px;
    background-color: #00a0e9;
    display:inline-block;
    vertical-align: middle;
    vertical-align: -1px;
  }

  @media (max-width: 749.98px) {
    .report-content__header{
      font-size: 17px;
    }

    .report-content__header--sq-icon::before{
      width: 14px;
      height: 14px;
    }

  }

  .textBase__basic__link{
    display: block;
    color: #00a0e9;
  }

  .textBase__basic__link:hover{
    text-decoration: underline;
  }

.textBase__bold{
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 0;
}

.labelBase__010 {
  background-color: gray;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px
}

@media (max-width: 749.98px) {
  .labelBase__010 {
    font-size: 10px;
    padding: 5px
  }
}

.labelBase__010--010 {
  background-color: #f9a333
}

.labelBase__010--020 {
  background-color: #189f55
}

.labelBase__010--030 {
  background-color: #33189f
}

.labelBase--small {
  font-size: 12px;
  padding: 0 10px
}

@media (max-width: 749.98px) {
  .labelBase--small {
    font-size: 10px
  }
}

.imageBase__basic {
  text-align: center
}
.imageBase__basic--left-align {
  text-align: start
}

.imageBase__basic--large{

}
.imageBase__basic__item {
  width: 100%;
  max-width: 600px;
}
.imageBase__basic__item--max-width-700 {
  max-width: 700px;
}
.imageBase__basic__item--none-max-width {
  max-width: none;
}

.imageBase__basic__item__large{
  max-width: 1000px;
}

.imageBase__basic__text {
  display: block;
  text-align: center;
  word-break: break-all;
}
.imageBase__flex {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}
.imageBase__flex--column {
  flex-direction: column;
  justify-content: start;
}
.mageBase__flex--column-mb22{
  margin-bottom: 22px;
}
.imageBase__flex--mb{
  margin-bottom: 0;
}
.imageBase__flex-small {
  max-width: 700px;
  margin: 0 auto;
}

.imageBase__flex-item {
  width: 48%;
}
.imageBase__flex-item--bullet-points{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 14px;
}
.imageBase__flex-item--bullet-points:last-of-type{
  margin-bottom: 0;
}
@media (max-width: 749.98px) {
  .imageBase__flex-item--bullet-points{
    max-width: 600px;
  }
}
.imageBase__basic__text--right {
  max-width:650px;
  margin:0 auto;
  text-align: right;
}

.imageBase__scroll {
  text-align: center
}

.imageBase__scroll__item {
  width: 1000px;
  height: auto
}

@media (max-width: 749.98px) {
  .imageBase__flex {
    display: block;
  }
  .imageBase__flex--mb{
    margin-bottom: 14px;
  }
  .imageBase__flex-item {
    width: 100%;
  }
  .imageBase__scroll {
    overflow-x: auto
  }
  .imageBase__scroll__item {
    width: 500px;
    height: auto
  }
}

.imageBase__010 {
  margin: 0 0 10px 0;
  box-sizing: border-box
}

.imageBase__010__item {
  max-width: 100%;
  height: auto
}

.imageBase__020 {
  width: 470px;
  height: auto;
  box-sizing: border-box
}

.imageBase__020 .text {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 10px
}

.imageBase__item {
  max-width: 100%;
  height: auto
}

.imageBase--border {
  border: 3px solid #038ece
}

.imageTrimming {
  position: relative;
  overflow: hidden;
  height: 260px;
  width: 100%
}

@media (max-width: 749.98px) {
  .imageTrimming {
    height: 200px
  }
}

.imageTrimming__item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.movieBase__flex {
  display: flex;
  align-items: flex-end;
}

.movieBase__left {
  margin-right: 20px;
}

@media (max-width: 749.98px) {
  .movieBase__flex {
    display: block;
  }

  .movieBase__left {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.headerCommon {
  width: 100%
}

@media (max-width: 749.98px) {
  .headerCommon {
    position: fixed;
    top: 0;
    z-index: 1000
  }
}

.headerCommon__inner {
  background: url("../img/bg_header_02.png") no-repeat center 0;
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1000px;
  min-height: 180px;
  padding: 20px;
  position: relative
}

.headerCommon__inner::after {
  display: block;
  content: "";
  clear: both
}

.headerCommon__title {
  float: left;
  line-height: 1;
  width: 230px
}

.headerCommon__title::after {
  display: block;
  content: "";
  clear: both
}

.headerCommon__title__01 {
  float: left;
  margin-right: 5px
}

@media (max-width: 749.98px) {
  .headerCommon__title__01 {
    display: block;
    float: none;
    margin-right: 0
  }
}

.headerCommon__title__02 {
  font-size: 13px;
  vertical-align: text-bottom
}

@media (max-width: 749.98px) {
  .headerCommon__title__02 {
    display: block;
    font-size: 10px;
    margin-top: 2px;
    vertical-align: top
  }
}

.headerCommon__titleCenter {
  position: absolute;
  left: 50%;
  margin-left: -85px
}

.headerCommon__titleCenter__img {
  width: 170px;
  height: auto
}

.headerCommon__link {
  float: right
}

.headerCommon__link__item {
  display: inline-block;
  vertical-align: middle
}

.headerCommon__link__item:first-child {
  width: 201px;
  height: auto
}

.headerCommon__link__item:first-child img {
  width: 100%;
  height: auto
}

.headerCommon__link__item+.headerCommon__link__item {
  margin-left: 10px
}

@media (max-width: 749.98px) {
  .navGlobal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1100
  }
}

.navGlobalList {
  text-align: center;
  padding: 20px 0
}

.navGlobalList__item {
  display: inline-block;
  font-size: 17px
}

.navGlobalList__item+.navGlobalList__item {
  margin-left: 1px
}

.navGlobalList__item:first-child {
  display: none
}

.navGlobalList__item__link {
  display: block;
  position: relative;
  padding: 0 12px;
  text-decoration: none;
  border: 1px solid transparent
}

.navGlobalList__item__link:link, .navGlobalList__item__link:hover {
  text-decoration: none
}

.navGlobalList__item__link.active, .navGlobalList__item__link:hover {
  border: 1px solid #00a0e9;
  transition: border .3s;
  border-radius: 10px
}

.navGlobalList__item__mark {
  display: block;
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -15px
}

.navGlobalList__item__mark::after {
  content: "";
  border-bottom: 1px solid #00a0e9;
  position: absolute;
  width: 30px;
  display: block;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -1px
}

.navGlobalSub {
  margin-top: 10px;
  padding: 0 20px
}

.navGlobalSubList {
  margin: 0 auto;
  margin-left: -25px
}

.navGlobalSubList::after {
  display: block;
  content: "";
  clear: both
}

@media (max-width: 749.98px) {
  .navGlobalSubList {
    margin-left: -7.145%
  }
}

.navGlobalSubList__item {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  width: 310px;
  height: 50px;
  line-height: 50px
}

@media (max-width: 749.98px) {
  .navGlobalSubList__item {
    margin-top: 20px;
    margin-left: 7.145%;
    font-size: 10px;
    line-height: 4;
    width: 42.7%;
    height: auto
  }
}

.navGlobalSubList__item__link {
  display: block;
  text-align: center
}

.navGlobalSubList__item--b {
  width: 480px
}

@media (max-width: 749.98px) {
  .navGlobalSubList__item--b {
    margin-top: 20px;
    margin-left: 7.145%;
    width: 93.5%
  }
}

@media (max-width: 749.98px) {
  .navGlobalSubList__item--c {
    margin-top: 20px;
    margin-left: 7.145%;
    width: 93.5%
  }
}

.breadcrumb {
  margin-bottom: 80px
}

@media (max-width: 749.98px) {
  .breadcrumb {
    margin-bottom: 40px
  }
}

.breadcrumbList__item {
  display: inline-block;
  margin-right: 10px
}

@media (max-width: 749.98px) {
  .breadcrumbList__item {
    font-size: 14px;
    margin-right: 6px
  }
}

.breadcrumbList__item:after {
  content: '>';
  padding-left: 10px
}

@media (max-width: 749.98px) {
  .breadcrumbList__item:after {
    padding-left: 6px
  }
}

.breadcrumbList__item:last-child {
  content: '';
  margin-right: 0
}

.breadcrumbList__item:last-child:after {
  content: ''
}

.headerA {
  width: 100%;
  margin-top: 30px;
  position: relative
}

@media (max-width: 749.98px) {
  .headerA {
    margin-top: 0
  }
}

.headerA::after {
  display: block;
  content: "";
  clear: both
}

.headerA__blockA {
  background-color: #2aafeb;
  display: inline-block;
  float: left;
  font-size: 0;
  width: 50%;
  height: 400px
}

@media (max-width: 749.98px) {
  .headerA__blockA {
    display: block;
    float: none;
    width: 100%;
    height: 250px;
    text-align: center
  }
}

.headerA__blockA__inner {
  background-color: #00a0e9;
  border-radius: 327px 0 327px 0 / 183px 0 183px 0;
  display: table;
  padding: 130px 60px;
  width: 100%;
  height: 100%
}

@media (max-width: 749.98px) {
  .headerA__blockA__inner {
    border-radius: 120px 0 120px 0 / 90px 0 90px 0;
    display: block;
    padding: 40px 30px
  }
}

.headerA__blockA__ttl {
  display: table-cell;
  vertical-align: middle
}

@media (max-width: 749.98px) {
  .headerA__blockA__ttl {
    display: block
  }
}

.headerA__blockB {
  display: inline-block;
  float: left;
  font-size: 0;
  width: 50%;
  height: 400px;
  overflow: hidden;
  position: relative
}

@media (max-width: 749.98px) {
  .headerA__blockB {
    float: none;
    width: 90%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    max-width: 300px;
    left: 0;
    right: 0;
    margin: auto
  }
}

.headerA__blockB__inner {
  width: 100%;
  height: 100%
}

.headerA__blockB__img {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  display: block
}

.titleBase__000 {
  color: #fff;
  font-size: 40px;
  line-height: 1
}

@media (max-width: 749.98px) {
  .titleBase__000 {
    font-size: 24px
  }
}

.area-supporter-item {
  display: flex;
  overflow: hidden
}

@media (max-width: 749.98px) {
  .area-supporter-item {
    display: block
  }
}

.area-supporter-item+.area-supporter-item {
  margin-top: 80px
}

@media (max-width: 749.98px) {
  .area-supporter-item+.area-supporter-item {
    margin-top: 50px
  }
}

.area-supporter-item__left {
  box-sizing: border-box;
  float: left;
  padding-right: 30px;
  width: 350px
}

@media (max-width: 749.98px) {
  .area-supporter-item__left {
    float: none;
    padding-right: 0;
    width: 100%
  }
}

.area-supporter-item__right {
  border-left: 6px solid #038ece;
  box-sizing: border-box;
  float: left;
  padding-left: 30px;
  width: 650px
}

@media (max-width: 749.98px) {
  .area-supporter-item__right {
    border-left: none;
    border-top: 3px solid #038ece;
    float: left;
    margin-top: 15px;
    padding-left: 0;
    padding-top: 15px;
    width: 100%
  }
}

.area-supporter-item__link {
  color: #333;
  text-decoration: none
}

.area-supporter-item__detail {
  overflow: hidden;
  position: relative
}

.area-supporter-item__detail__img {
  background-color: #d7e1eb;
  height: auto;
  text-align: center;
  width: 100%;
  vertical-align: top
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail__img {
    position: absolute;
    width: 45%;
    position: static;
    float: left
  }
}

.area-supporter-item__detail__img img {
  height: auto;
  max-width: 100%
}

.area-supporter-item__detail__name {
  margin-bottom: 20px
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail__name {
    margin-bottom: 0
  }
}

.area-supporter-item__detail__txts {
  margin-top: 20px;
  vertical-align: top
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail__txts {
    margin-left: 50%;
    margin-top: 0
  }
}

.area-supporter-item__detail__txt {
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: .5em
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail__txt {
    font-size: 12px
  }
}

.area-supporter-item__detail__txt__txt:last-child {
  margin-bottom: 0
}

.area-supporter-item__detail__btn {
  margin-top: 30px
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail__btn {
    margin-top: 10px
  }
}

.area-supporter-item__ul__li+.area-supporter-item__ul__li {
  margin-top: 30px
}

@media (max-width: 749.98px) {
  .area-supporter-item__ul__li+.area-supporter-item__ul__li {
    margin-top: 15px
  }
}

.area-supporter-item__detail2 {
  overflow: hidden;
  position: relative
}

.area-supporter-item__detail2__left {
  width: 100px;
  position: absolute
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail2__left {
    width: 60px
  }
}

.area-supporter-item__detail2__right {
  margin-left: 100px
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail2__right {
    margin-left: 65px
  }
}

.area-supporter-item__detail2__date {
  display: block;
  font-size: 15px;
  line-height: 1.2em
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail2__date {
    font-size: 10px
  }
}

.area-supporter-item__detail2__txt {
  font-size: 18px;
  line-height: 1.4em
}

@media (max-width: 749.98px) {
  .area-supporter-item__detail2__txt {
    font-size: 12px
  }
}

.area-news-list__li {
  padding: 20px 0;
  margin-right: 20px;
  word-break: break-word
}

.area-news-list__li__detail {
  margin-top: 5px
}

.area-news-list__li:last-child {
  border-bottom: 1px solid #ccc
}

.area-news-list__li+li {
  border-top: 1px solid #ccc
}

.area-news-list__link {
  color: #333;
  text-decoration: none
}

.area-news-list__time {
  vertical-align: middle
}

.area-news-list.mode-latest .area-news-list__li {
  display: none
}

.area-news-list.mode-latest .area-news-list__li:nth-child(1), .area-news-list.mode-latest .area-news-list__li:nth-child(2), .area-news-list.mode-latest .area-news-list__li:nth-child(3), .area-news-list.mode-latest .area-news-list__li:nth-child(4), .area-news-list.mode-latest .area-news-list__li:nth-child(5) {
  display: block
}

.area-attention-wrapper {
  margin-top: 20px
}

.area-attention-wrapper__txt {
  margin-bottom: 0
}

.area-attention {
  font-size: 20px;
  position: relative;
  margin-left: 60px
}

@media (max-width: 749.98px) {
  .area-attention {
    font-size: 12px;
    margin-left: 25px
  }
}

.area-attention__li {
  display: flex;
  align-items: center
}

.area-attention__li+.area-attention__li {
  margin-top: 20px
}

.area-attention__mark {
  background-color: #00a0e9;
  border-radius: 60%;
  color: #fff;
  font-size: 30px;
  left: -60px;
  line-height: 50px;
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center
}

@media (max-width: 749.98px) {
  .area-attention__mark {
    font-size: 15px;
    left: -30px;
    line-height: 25px;
    width: 25px;
    height: 25px
  }
}

.area-notice-wrapper {
  margin-top: 20px
}

.area-notice-wrapper__txt {
  margin-bottom: 0
}

.area-notice {
  font-size: 14px;
  position: relative;
  margin-left: 30px
}

@media (max-width: 749.98px) {
  .area-notice {
    font-size: 12px;
    margin-left: 25px
  }
}

.area-notice__mark {
  position: absolute;
  left: -30px
}

@media (max-width: 749.98px) {
  .area-notice__mark {
    left: -25px
  }
}

.container__header {
  background: url("../img/bg_header_01.png") repeat 0 0;
  padding-bottom: 50px
}

@media (max-width: 749.98px) {
  .container__header {
    padding-top: 120px;
    padding-bottom: 30px
  }
}

@media (max-width: 749.98px) {
  .container {
    padding-top: 80px
  }
}

.contentsInner {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px;
  width: 1040px;
}

.contents-inner {
  width: 980px;
  margin: 0 auto
}

@media (max-width: 749.98px) {
  .contents-inner {
    width: auto;
    padding: 0 20px
  }
}

.contents-flex_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.sectionTable {
  border-collapse: collapse;
  width: 100%
}

.sectionTable__thead__tr, .sectionTable__tbody__tr {
  border: 1px solid #fff
}

.sectionTable__thead__th, .sectionTable__thead__td, .sectionTable__tbody__th, .sectionTable__tbody__td {
  line-height: 26.18px;
  padding: 30px
}

@media (max-width: 749.98px) {
  .sectionTable__thead__th, .sectionTable__thead__td, .sectionTable__tbody__th, .sectionTable__tbody__td {
    line-height: 20px;
    padding: 15px
  }
}

.sectionTable__thead__th, .sectionTable__tbody__th {
  background-color: #00a0e9;
  color: #fff
}

@media (max-width: 749.98px) {
  .sectionTable__thead__th, .sectionTable__tbody__th {
    font-size: 12px;
    width: 100px
  }
}

.sectionTable__thead__td, .sectionTable__tbody__td {
  background-color: #f2f3f3;
  font-size: 18px;
  font-weight: normal
}

@media (max-width: 749.98px) {
  .sectionTable__thead__td, .sectionTable__tbody__td {
    font-size: 12px
  }
}

.sectionTable--010 .sectionTable__thead__th, .sectionTable--010 .sectionTable__tbody__th {
  padding: 10px
}

.sectionTable--010 .sectionTable__thead__th, .sectionTable--010 .sectionTable__thead__td, .sectionTable--010 .sectionTable__tbody__th, .sectionTable--010 .sectionTable__tbody__td {
  border-left: 1px solid #fff
}

.sectionTable--form .sectionTable__thead__th, .sectionTable--form .sectionTable__tbody__th {
  width: 220px
}

@media (max-width: 749.98px) {
  .sectionTable--form .sectionTable__thead__th, .sectionTable--form .sectionTable__tbody__th {
    width: 140px
  }
}

.sectionTable--form input, .sectionTable--form textarea {
  width: 100%
}

.sectionTable--form textarea {
  height: 150px
}

.section-promotion__01 .contents-inner {
  height: 450px;
  background: url(../images/img_home_0001.jpg) no-repeat 50% bottom;
  padding-top: 65px
}

@media (max-width: 749.98px) {
  .section-promotion__01 .contents-inner {
    height: auto;
    background-size: 110%;
    background-position: 80% 50%;
    padding-top: 10px;
    padding-bottom: 10px
  }
}

.section-promotion__02 {
  background-color: #f1eae4
}

.section-promotion__02 .contents-inner {
  height: 400px;
  background: url(../images/img_home_0002.jpg) no-repeat 0 0
}

@media (max-width: 749.98px) {
  .section-promotion__02 .contents-inner {
    height: auto;
    background-size: 80%;
    background-position: 70% 40%;
    padding: 20px
  }
}

@media (max-width: 749.98px) {
  .section-promotion__02 .contents-inner .text-base__010 {
    margin-bottom: 10px
  }
}

.section-promotion__03 {
  background-color: #00ab98
}

.section-promotion__03 .contents-inner {
  display: flex;
  justify-content: center;
  padding: 16px 0 12px 0;
  text-align: center
}

.section-topics {
  clear: both
}

.section-contents__gropuread .contents-inner {
  background: url(../images/img_group_0001.png) no-repeat 0 bottom
}

@media (max-width: 749.98px) {
  .section-contents__gropuread .contents-inner {
    background-size: 30%
  }
}

.section-contents__gropuread.ct__030 .contents-inner {
  background-image: none
}

.section-contents__gropuread.ct__040 .contents-inner {
  background: url(../images/img_safety_bg_0001.png) no-repeat 0 70%
}

@media (max-width: 749.98px) {
  .section-contents__gropuread.ct__040 .contents-inner {
    background-size: 30%
  }
}

.section-contents__gropuread.ct__050 .contents-inner {
  background: url(../images/img_gltd_bg_0001.png) no-repeat 0 80%
}

@media (max-width: 749.98px) {
  .section-contents__gropuread.ct__050 .contents-inner {
    background-size: 30%
  }
}

.section-contents__gropuread.ct__060 .contents-inner {
  background: url(../images/img_nenkin_bg_0001.png) no-repeat 0 50%
}

@media (max-width: 749.98px) {
  .section-contents__gropuread.ct__060 .contents-inner {
    background-size: 30%
  }
}

.section-contents__gropuread.ct__070 .contents-inner {
  background: url(../images/img_care_bg_0001.png) no-repeat 0 bottom
}

@media (max-width: 749.98px) {
  .section-contents__gropuread.ct__070 .contents-inner {
    background-size: 30%
  }
}

.section-contents__gropuread.ct__080 .contents-inner {
  background-image: none
}

.section-contents__gropuread.ct__090 .contents-inner {
  background-image: none
}

.section-homepoint {
  padding-top: 50px;
  padding-bottom: 50px;
  background: url(../images/bg_homepoint_0002.jpg) no-repeat 100% bottom;
  overflow: hidden
}

@media (max-width: 749.98px) {
  .section-homepoint {
    background-image: none
  }
}

.section-contents__head {
  background-color: #f9c1c1
}

.section-contents__head .contents-inner {
  height: 100px
}

.section-contents__head.ct__010 {
  background-color: #f9c1c1
}

.section-contents__head.ct__020 {
  background-color: #f1eae4
}

.section-contents__head.ct__030 {
  background-color: #00ab98
}

.section-contents__head.ct__040 {
  background-color: #a3c8dc
}

.section-contents__head.ct__050 {
  background-color: #f7d3a0
}

.section-contents__head.ct__060 {
  background-color: #b6decc
}

.section-contents__head.ct__070 {
  background-color: #e3d99e
}

.section-contents__head.ct__080 {
  background-color: #d0e6e9
}

.section-contents__head.ct__090 {
  background-color: #ebebeb
}

.section-contents__smallhead .contents-inner {
  height: 100px
}

.section-contents__thinkhead .contents-inner {
  background-position: center 90%;
  background-repeat: no-repeat
}

.section-contents__read .contents-inner {
  padding: 40px 0
}

@media (max-width: 749.98px) {
  .section-contents__read .contents-inner {
    height: auto;
    padding: 20px
  }
}

.areaHighlight {
  background-color: #00a0e9;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  padding: 40px;
  margin: 0 auto;
  text-align: center;
  width: 700px
}

@media (max-width: 749.98px) {
  .areaHighlight {
    font-size: 14px;
    line-height: 1.7;
    padding: 20px;
    width: auto
  }
}

.areaHighlight-b {
  background-color: #fff;
  border-radius: 10px;
  border: 3px solid #00a0e9;
  box-sizing: border-box;
  color: #333;
  font-size: 18px;
  padding: 40px;
  margin: 0 auto;
  width: 700px
}

@media (max-width: 749.98px) {
  .areaHighlight-b {
    font-size: 14px;
    line-height: 1.7;
    padding: 20px;
    width: auto
  }
}

.article-list {
  padding-top: 80px;
  padding-bottom: 50px
}

@media (max-width: 749.98px) {
  .article-list {
    padding-top: 40px;
    padding-bottom: 30px
  }
}

.article-list .contents-inner ul {
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 749.98px) {
  .article-list .contents-inner ul {
    flex-wrap: wrap
  }
}

.article-list .contents-inner ul a {
  color: #000000;
  text-decoration: none
}

.article-list__item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 80px
}

@media (max-width: 749.98px) {
  .article-list__item {
    width: 47.5%;
    margin-bottom: 20px
  }
}

.article-list__item:nth-child(3n) {
  margin-right: 0
}

@media (max-width: 749.98px) {
  .article-list__item:nth-child(odd) {
    margin-right: 2.5%
  }
}

@media (max-width: 749.98px) {
  .article-list__item:nth-child(even) {
    margin-left: 2.5%;
    margin-right: 0
  }
}

.article-list__image {
  overflow: hidden;
  height: 200px
}

@media (max-width: 749.98px) {
  .article-list__image {
    height: 100px
  }
}

.article-list__image img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.article-list__category {
  display: inline-block;
  background-color: #00479d;
  color: #FFFFFF;
  font-size: 12px;
  margin-right: 10px;
  padding: 0 6px;
  border-radius: 6px
}

@media (max-width: 749.98px) {
  .article-list__category {
    font-size: 10px
  }
}

.article-list__category.ct__010 {
  color: #000;
  background-color: #f9c1c1
}

.article-list__category.ct__020 {
  color: #000;
  background-color: #f1eae4
}

.article-list__category.ct__030 {
  color: #fff;
  background-color: #00ab98
}

.article-list__category.ct__040 {
  color: #000;
  background-color: #a3c8dc
}

.article-list__category.ct__050 {
  color: #000;
  background-color: #f7d3a0
}

.article-list__category.ct__060 {
  color: #000;
  background-color: #b6decc
}

.article-list__category.ct__070 {
  color: #000;
  background-color: #e3d99e
}

.article-list__category.ct__090 {
  color: #000;
  background-color: #ebebeb
}

.article-list__date {
  display: inline-block;
  font-size: 13px
}

@media (max-width: 749.98px) {
  .article-list__date {
    font-size: 10px
  }
}

.article-list__title {
  display: block;
  font-weight: 900;
  padding-top: 10px;
  min-height: 4em
}

@media (max-width: 749.98px) {
  .article-list__title {
    min-height: auto
  }
}

.article-list__text {
  display: block;
  padding-top: 10px
}

.nav-category__head {
  border-bottom: 1px solid #f9c1c1
}

.nav-category__head.ct__010 {
  border-bottom: 1px solid #d95e78
}

.nav-category__head.ct__020 {
  border-bottom: 1px solid #9e8d79
}

.nav-category__head.ct__040 {
  border-bottom: 1px solid #00479d
}

.nav-category__head.ct__050 {
  border-bottom: 1px solid #e89b2f
}

.nav-category__head.ct__060 {
  border-bottom: 1px solid #63a246
}

.nav-category__head.ct__070 {
  border-bottom: 1px solid #e3d99e
}

.nav-category__head.ct__080 {
  border-bottom: 1px solid #eaeaea
}

.nav-category__head .current {
  border-top: 1px solid #d95e78;
  border-left: 1px solid #d95e78;
  border-right: 1px solid #d95e78;
  top: 1px;
  border-radius: 10px 10px 0 0
}

@media (max-width: 749.98px) {
  .nav-category__head .current {
    top: 2px
  }
}

.nav-category__head .current a {
  color: #d95e78
}

.nav-category__head .current.ct__010 {
  border-top: 1px solid #d95e78;
  border-left: 1px solid #d95e78;
  border-right: 1px solid #d95e78
}

.nav-category__head .current.ct__010 a {
  color: #d95e78
}

.nav-category__head .current.ct__020 {
  border-top: 1px solid #9e8d79;
  border-left: 1px solid #9e8d79;
  border-right: 1px solid #9e8d79
}

.nav-category__head .current.ct__020 a {
  color: #9e8d79
}

.nav-category__head .current.ct__040 {
  border-top: 1px solid #00479d;
  border-left: 1px solid #00479d;
  border-right: 1px solid #00479d
}

.nav-category__head .current.ct__040 a {
  color: #00479d
}

.nav-category__head .current.ct__050 {
  border-top: 1px solid #e89b2f;
  border-left: 1px solid #e89b2f;
  border-right: 1px solid #e89b2f
}

.nav-category__head .current.ct__050 a {
  color: #e89b2f
}

.nav-category__head .current.ct__060 {
  border-top: 1px solid #63a246;
  border-left: 1px solid #63a246;
  border-right: 1px solid #63a246
}

.nav-category__head .current.ct__060 a {
  color: #63a246
}

.nav-category__head .current.ct__070 {
  border-top: 1px solid #e3d99e;
  border-left: 1px solid #e3d99e;
  border-right: 1px solid #e3d99e
}

.nav-category__head .current.ct__070 a {
  color: #e3d99e
}

.nav-category__head .current.ct__080 {
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea
}

@media (max-width: 749.98px) {
  .nav-category__head .current.ct__080 {
    border: none
  }
}

.nav-category__head .current.ct__080 a {
  color: #000000;
  background-color: #f6f6f6
}

.nav-category__foot {
  border-top: 1px solid #d95e78;
  margin-top: 40px
}

.nav-category__foot.ct__010 {
  border-top: 1px solid #d95e78
}

.nav-category__foot.ct__020 {
  border-top: 1px solid #9e8d79
}

.nav-category__foot.ct__040 {
  border-top: 1px solid #00479d
}

.nav-category__foot.ct__050 {
  border-top: 1px solid #e89b2f
}

.nav-category__foot.ct__060 {
  border-top: 1px solid #63a246
}

.nav-category__foot.ct__060 {
  border-top: 1px solid #e3d99e
}

.nav-category__foot.ct__070 {
  border-top: 1px solid #e3d99e
}

.nav-category__foot.ct__080 {
  border-top: 1px solid #eaeaea
}

.nav-category__foot .current {
  border-bottom: 1px solid #d95e78;
  border-left: 1px solid #d95e78;
  border-right: 1px solid #d95e78;
  top: -1px;
  border-radius: 0 0 10px 10px
}

@media (max-width: 749.98px) {
  .nav-category__foot .current {
    top: -2px
  }
}

.nav-category__foot .current a {
  color: #d95e78
}

.nav-category__foot .current.ct__010 {
  border-bottom: 1px solid #d95e78;
  border-left: 1px solid #d95e78;
  border-right: 1px solid #d95e78
}

.nav-category__foot .current.ct__010 a {
  color: #d95e78
}

.nav-category__foot .current.ct__020 {
  border-bottom: 1px solid #9e8d79;
  border-left: 1px solid #9e8d79;
  border-right: 1px solid #9e8d79
}

.nav-category__foot .current.ct__020 a {
  color: #9e8d79
}

.nav-category__foot .current.ct__040 {
  border-bottom: 1px solid #00479d;
  border-left: 1px solid #00479d;
  border-right: 1px solid #00479d
}

.nav-category__foot .current.ct__040 a {
  color: #00479d
}

.nav-category__foot .current.ct__050 {
  border-bottom: 1px solid #e89b2f;
  border-left: 1px solid #e89b2f;
  border-right: 1px solid #e89b2f
}

.nav-category__foot .current.ct__050 a {
  color: #e89b2f
}

.nav-category__foot .current.ct__060 {
  border-bottom: 1px solid #63a246;
  border-left: 1px solid #63a246;
  border-right: 1px solid #63a246
}

.nav-category__foot .current.ct__060 a {
  color: #63a246
}

.nav-category__foot .current.ct__070 {
  border-bottom: 1px solid #e3d99e;
  border-left: 1px solid #e3d99e;
  border-right: 1px solid #e3d99e
}

.nav-category__foot .current.ct__070 a {
  color: #e3d99e
}

.nav-category__foot .current.ct__080 {
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea
}

@media (max-width: 749.98px) {
  .nav-category__foot .current.ct__080 {
    border: none
  }
}

.nav-category__foot .current.ct__080 a {
  color: #eaeaea
}

.nav-category ul {
  width: 980px;
  margin: 0 auto;
  display: flex
}

@media (max-width: 749.98px) {
  .nav-category ul {
    width: auto;
    margin: 0;
    padding: 0 20px
  }
}

@media (max-width: 749.98px) {
  .nav-category ul.ct__080 {
    flex-wrap: wrap
  }
}

.nav-category__item {
  width: 50%;
  text-align: center;
  background-color: #FFF;
  position: relative
}

.nav-category__item a {
  color: #999999;
  font-size: 24px;
  display: block;
  padding: 20px 0
}

@media (max-width: 749.98px) {
  .nav-category__item a {
    font-size: 16px;
    padding: 10px 10px
  }
}

.nav-category__item a:hover {
  text-decoration: none
}

.nav-category__item.ct__080 {
  width: 16%;
  margin: 0 .5%;
  top: 1px
}

@media (max-width: 749.98px) {
  .nav-category__item.ct__080 {
    width: 32%;
    top: 0;
    border-radius: 6px
  }
}

.nav-category__item.ct__080 a {
  font-size: 12px;
  background-color: #eaeaea;
  color: #000;
  border-radius: 10px 10px 0 0
}

@media (max-width: 749.98px) {
  .nav-category__item.ct__080 a {
    font-size: 12px;
    padding: 16px 0;
    border-radius: 6px;
    margin-bottom: 10px
  }
}

.article_base {
  padding-bottom: 100px
}

@media (max-width: 749.98px) {
  .article_base {
    padding-bottom: 60px
  }
}

.article_base.subcolor {
  background-color: #fafafa;
  padding-top: 100px
}

@media (max-width: 749.98px) {
  .article_base.subcolor {
    padding-top: 60px
  }
}

.article_base .subcolor2 {
  background-color: #FFFFFF;
  padding: 30px 100px 60px 100px;
  margin-top: 60px
}

@media (max-width: 749.98px) {
  .article_base .subcolor2 {
    padding: 30px 10px
  }
}

.article_base .subcolor2 .col-age .mt10 {
  margin-bottom: 30px
}

.article_base .subcolor2 .col-age>div table {
  width: 100% !important
}

.article_base .subcolor2 .col-age>div .sp_box {
  border: #0080CC solid 2px;
  padding: 5px
}

.article_base .subcolor2 .col-age>div .sp_dashed {
  border: #0080CC 1px dashed;
  padding: 5px 0;
  margin-top: 5px
}

.article_base .subcolor2 .col-age>div .gp_box {
  border: #E95377 solid 2px
}

.article_base .subcolor2 .col-age>div .gltd_box {
  border: #F39800 solid 2px
}

.article_base .subcolor2 .col-age>div .nenkin_box {
  border: #469C30 solid 2px
}

.article_base .subcolor2 .col-age>div .mt5 {
  margin-top: 5px !important
}

.section-article {
  padding-top: 100px
}

@media (max-width: 749.98px) {
  .section-article {
    padding-top: 60px
  }
}

.section-article.section-article__bottom {
  padding-bottom: 100px
}

@media (max-width: 749.98px) {
  .section-article.section-article__bottom {
    padding-bottom: 60px
  }
}

.footerCommon {
  background-color: #00a0e9;
  box-sizing: border-box;
  color: #fff;
  padding: 20px 80px 50px 80px;
  padding-top: 130px
}

.footerCommon__inner {
  max-width: 1920px;
  margin: 0 auto
}

.footerCommon__num {
  padding-top: 20px;
  text-align: center;
  font-size: 12px
}

@media (max-width: 749.98px) {
  .footerCommon__num {
    padding: 10px
  }
}

.footerCommon__listlinks {
  background: url(../images/img_footer_0001.png) no-repeat center 0;
  padding-top: 100px;
  margin-top: 20px;
  text-align: center
}

.footerCommon__listlinks li {
  display: inline-block;
  font-size: 14px;
  margin: 0 15px
}

@media (max-width: 749.98px) {
  .footerCommon__listlinks li {
    margin: 8px 15px
  }
}

.footerCommon__listlinks li a {
  color: #666666
}

.footerCommon__copyright {
  padding-top: 20px;
  font-size: 14px;
  text-align: center
}

.colBaseFooter {
  font-size: 14px
}

.colBaseFooter::after {
  display: block;
  content: "";
  clear: both
}

@media (max-width: 749.98px) {
  .colBaseFooter {
    font-size: 12px
  }
}

.colBaseFooter__left, .colBaseFooter__right {
  float: left;
  vertical-align: top
}

.colBaseFooter__left, .colBaseFooter__right {
  display: flex;
  flex-wrap: wrap
}

.listFooter__010 {
  padding-left: 1em;
  position: relative
}

.listFooter__010__item:before {
  content: '・';
  left: 0;
  position: absolute
}

.listFooter__010__item__link {
  color: #fff
}

.listFooter__010__item+.listFooter__010__item {
  margin-top: 10px
}

.listFooter__020 {
  font-size: 14px;
  margin-right: 50px;
  margin-top: 60px;
  text-align: center
}

.listFooter__020__item {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  padding-left: 10px;
  display: inline-block
}

.listFooter__020__item__link {
  color: #fff
}

.listFooter__020__item:first-child {
  padding-left: 0;
  border-left: none
}

.listFooter__020__item+.listFooter__020__item {
  margin-left: 10px;
  padding-left: 10px
}

.listFooterBanner {
  font-size: 0;
  text-align: center;
  margin-top: 70px
}

@media (max-width: 749.98px) {
  .listFooterBanner {
    margin-top: 30px
  }
}

.listFooterBanner__item {
  width: 235px;
  height: auto;
  display: inline-block
}

.listFooterBanner__item+.listFooterBanner__item {
  margin-left: 19px
}

.listFooterBanner__item__image {
  width: 100%;
  height: auto
}

.sectionArchive {
  margin-top: 50px
}

.colBase__010::after {
  display: block;
  content: "";
  clear: both
}

.colBase__010 .details {
  float: left;
  width: 70%;
  vertical-align: top
}

.colBase__010 .images {
  float: right;
  text-align: right;
  vertical-align: top;
  width: 30%
}

.colBase__020::after {
  display: block;
  content: "";
  clear: both
}

.colBase__020 .images {
  float: left;
  vertical-align: top;
  width: 34%;
  box-sizing: border-box;
  padding-right: 40px
}

@media (max-width: 749.98px) {
  .colBase__020 .images {
    float: none;
    width: auto;
    padding-right: 0;
    margin-top: 20px
  }
}

.colBase__020 .details {
  float: right;
  width: 66%;
  vertical-align: top
}

@media (max-width: 749.98px) {
  .colBase__020 .details {
    float: none;
    width: auto
  }
}

.colBase__030::after {
  display: block;
  content: "";
  clear: both
}

.colBase__030 .details {
  float: left;
  width: 45%;
  vertical-align: top
}

@media (max-width: 749.98px) {
  .colBase__030 .details {
    float: none;
    width: auto
  }
}

.colBase__030 .images {
  float: right;
  text-align: right;
  vertical-align: top;
  width: 50%
}

@media (max-width: 749.98px) {
  .colBase__030 .images {
    float: none;
    text-align: center;
    width: auto;
    margin-top: 20px
  }
}

.colBase__040::after {
  display: block;
  content: "";
  clear: both
}

.colBase__040 .images {
  vertical-align: top
}

.colBase__article::after {
  display: block;
  content: "";
  clear: both
}

.colBase__article .details {
  vertical-align: top
}

@media (max-width: 749.98px) {
  .colBase__article .details {
    float: none;
    width: auto
  }
}

.colBase__article .images {
  text-align: center;
  vertical-align: top;
  margin-top: 20px
}

.colBase__article+.colBase__article {
  margin-top: 40px
}

@media(max-width:749.98px) {
  .youtube-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
  }
}

@media(max-width:749.98px) {
  .youtube-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.titleFooter__imgWrap {
  width: 117px;
  height: auto;
  display: block;
  position: absolute;
  top: -100px;
  left: 0
}

.titleFooter__img {
  width: 100%;
  height: auto
}

.titleFooter__txt__01 {
  font-size: 14px;
  display: block
}

.titleFooter__txt__02 {
  font-size: 24px
}

.titleFooter__010 {
  position: relative
}

.titleFooter__020 {
  font-size: 14px;
  font-weight: bold
}

.txtFooter__010 {
  margin-top: 30px;
  font-size: 14px
}

@media (max-width: 749.98px) {
  .txtFooter__010 {
    font-size: 12px
  }
}

.colFooter {
  margin-top: -30px
}

.colFooter__010 {
  margin-right: 10px;
  margin-top: 30px
}

.colFooter__020 {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  padding-left: 10px;
  margin-right: 20px;
  margin-top: 30px
}

.colFooter__020:last-child {
  margin-right: 0
}

.archiveList {
  font-size: 0;
  margin-left: -20px
}

.archiveList::after {
  display: block;
  content: "";
  clear: both
}

.archiveList__item {
  display: inline-block;
  margin-bottom: 19px;
  margin-left: 19px
}

@media (max-width: 749.98px) {
  .archiveList__item {
    margin-bottom: 10px;
    margin-left: 2.81%;
    width: 30.5%
  }
}

.area-japanese-syllabary {
  font-size: 0;
  margin-left: -20px
}

.area-japanese-syllabary::after {
  display: block;
  content: "";
  clear: both
}

.area-japanese-syllabary__item {
  display: inline-block;
  margin-bottom: 19px;
  margin-left: 19px
}

@media (max-width: 749.98px) {
  .area-japanese-syllabary__item {
    margin-bottom: 10px;
    margin-left: 2.81%;
    width: 17%
  }
}

.area-kana-list {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 70px;
  grid-column-gap: 60px;
}

@media (max-width: 749.98px) {
  .area-kana-list {
    display: block;
    margin-top: 30px
  }
}

@media (max-width: 749.98px) {
  .area-kana-list-line__item{
    margin-bottom: 30px;
  }
  .area-kana-list-line__item:last-of-type{
    margin-bottom: 0;
  }
}

.area-kana-list-line__ul__li {
  border-bottom: 1px dotted #999;
  font-size: 18px;
  padding: 30px 0
}

@media (max-width: 749.98px) {
  .area-kana-list-line__ul__li {
    font-size: 12px;
    padding: 20px 0
  }
}

.titleBase__010 {
  font-size: 36px;
  line-height: 1.274;
  border-bottom: 6px solid #038ece;
  padding-bottom: 20px;
  margin-bottom: 60px;
  position: relative;
  z-index: 10
}

@media (max-width: 749.98px) {
  .titleBase__010 {
    border-bottom: 3px solid #038ece;
    font-size: 180px;
    margin-bottom: 30px;
    padding-bottom: 10px
  }
}

.titleBase__010--020 {
  margin-bottom: 30px
}

@media (max-width: 749.98px) {
  .titleBase__010--020 {
    margin-bottom: 0 !important
  }
}

.titleBase__020 {
  border-left: 6px solid #038ece;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.274;
  margin-bottom: 20px;
  padding-left: 10px
}

@media (max-width: 749.98px) {
  .titleBase__020 {
    border-left: 3px solid #038ece;
    font-size: 14px
  }
}

.titleBase__020--b {
  margin-bottom: 40px
}

.titleBase__020--d {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 749.98px) {
  .titleBase__020--b {
    margin-bottom: 30px
  }
}

.titleBase__020--c {
  margin-bottom: 0
}

@media (max-width: 749.98px) {
  .titleBase__020--c {
    margin-bottom: 0
  }
}

.titleBase__020>.date {
  display: block;
  font-size: 14px;
  margin-bottom: 5px
}

.titleBase__030 {
  font-size: 36px;
  line-height: 1.274;
  position: relative;
  border-bottom: 6px solid #038ece;
  padding-bottom: 20px;
  margin-bottom: 40px
}

@media (max-width: 749.98px) {
  .titleBase__030 {
    border-bottom: 3px solid #038ece;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px
  }
}

.titleBase__030:after {
  content: ""
}

.titleBase__030--010 {
  margin-bottom: 40px
}

@media (max-width: 749.98px) {
  .titleBase__030--010 {
    margin-bottom: 30px
  }
}

.titleBase__040 {
  color: #00a0e9;
  font-size: 42px;
  line-height: 1.274;
  position: relative
}

@media (max-width: 749.98px) {
  .titleBase__040 {
    font-size: 19px;
    font-weight: bold
  }
}

.titleBase__050 {
  color: #0096e6;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.274;
  margin-bottom: 20px
}

@media (max-width: 749.98px) {
  .titleBase__050 {
    font-size: 14px
  }
}

.secBase {
  padding: 70px 0
}

.secBase__010 {
  background: -ms-linear-gradient(top, #f1fafe 200px, #fff 400px);
  background: -moz-linear-gradient(top, #f1fafe 200px, #fff 400px);
  background: -webkit-linear-gradient(top, #f1fafe 200px, #fff) 400px;
  background: linear-gradient(to bottom, #f1fafe 200px, #fff 400px)
}

.secBase__020 {
  background-color: #f1fafe
}

.secBase__020__inner {
  box-sizing: border-box;
  margin: 0 auto;
  width: 1040px;
  margin-bottom: 60px
}

@media (max-width: 749.98px) {
  .secBase__020__inner {
    margin-bottom: 30px
  }
}

.secBase__030 {
  background-color: #fff
}

.secBase__040 {
  background-color: #f1fafe
}

.secBase__040__inner {
  box-sizing: border-box;
  margin: 0 auto;
  width: 1040px;
  margin-bottom: 60px;
  text-align: center
}

@media (max-width: 749.98px) {
  .secBase__040__inner {
    width: auto;
    margin-bottom: 30px
  }
}

.secBase__040__ttl {
  margin-top: 20px
}

@media (max-width: 749.98px) {
  .secBase__040__img {
    display: inline-block;
    width: 85px;
    height: auto
  }
}
.secBase__050{
  background: #F1FAFE;
}

.secBase--01 {
  padding: 30px 0 70px 0
}
.secBase--02 {
  padding: 30px 0 70px 0
}
.secBase--03 {
  padding: 136px 0;
}
@media (max-width: 749.98px) {
  .secBase--03 {
    padding: 60px 20px;
  }
}


.color-notice {
  color: red
}

.page-form .error {
  background-color: #fbff00;
  padding: 20px
}

.isFixed {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%
}

.isFixedSp {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%
}

.isFixedSp .headerCommon__inner {
  background: none
}

.swiper-container {
  margin: 0 auto
}

.swiper-wrapper {
  margin: 0 auto
}

.swiper-slide {
  transform: scale(0.95);
  position: relative;
  transition: transform .5s
}

.swiper-slide-active {
  transform: scale(1);
  z-index: 100
}

.swiper-container {
  overflow: hidden;
  text-align: center
}

.swiper-container_wrapper {
  width: 100%;
  margin: 0 auto;
  padding-top: 120px;
  text-align: center
}

.swiper-slide {
  border: 3px solid #00a0e9;
  border-radius: 25px;
  box-sizing: border-box;
  overflow: hidden
}

.swiper-slide .swiper-slide__link {
  color: #333
}

.swiper-slide .swiper-slide-image {
  width: 100%;
  height: auto
}

.swiper-slide .swiper-slide__movie {
  margin-bottom: -10px;
}

.swiper-slide .swiper-slide__txtWrap {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: .7;
  width: 100%;
  padding: 20px 30px;
  box-sizing: border-box;
  text-align: left
}

.swiper-slide .swiper-slide__txt {
  border-left: 6px solid #038ece;
  display: inline-block;
  font-size: 18px;
  line-height: 1.3;
  padding-left: 10px;
  font-weight: bold;
  box-sizing: border-box
}

@media (max-width: 749.98px) {
  .swiper-slide .swiper-slide__txt {
    border-left: 3px solid #038ece
  }
}

.swiper-pagination {
  position: relative;
  margin-top: 20px
}

.swiper-pagination .swiper-pagination-bullet {
  margin: 0 15px;
  width: 15px;
  height: 15px;
  background: #00a0e9;
  opacity: .41;
  outline: none
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #00a0e9;
  opacity: 1
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px
}

@media (max-width: 749.98px) {
  .modaal-close {
    position: fixed;
    top: 15%;
    margin-top: -5%
  }
}

@media (max-width: 749.98px) {
  .container {
    padding-top: 0;
    overflow-x: hidden
  }
  .contentsInner {
    width: auto;
    padding: 0
  }
  .secBase {
    padding: 40px 20px
  }
  .secBase__020__inner {
    width: auto
  }
  .headerCommon__inner {
    max-width: initial;
    min-width: initial;
    min-height: 120px;
    padding: 7px
  }
  .headerCommon__title {
    width: 35%
  }
  .headerCommon__title img {
    max-width: 100%;
    width: auto;
    padding: 0
  }
  .headerCommon__titleCenter {
    margin-left: -50px;
    top: 20px
  }
  .headerCommon__titleCenter .headerCommon__titleCenter__img {
    width: 100px
  }
  .headerCommon__link {
    display: none
  }
  .headerCommon__sphm {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1000100
  }
  .headerCommon__sphm a, .headerCommon__sphm a span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box
  }
  .headerCommon__sphm a {
    position: relative;
    width: 30px;
    height: 20px
  }
  .headerCommon__sphm a span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000000;
    transition: all 0.4s ease-in-out
  }
  .headerCommon__sphm a span:nth-of-type(1) {
    top: 0
  }
  .headerCommon__sphm a span:nth-of-type(2) {
    top: 9px
  }
  .headerCommon__sphm a span:nth-of-type(3) {
    bottom: 0
  }
  .headerCommon__sphm.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
    background-color: #ffffff;
    transition: all 0.4s ease-in-out
  }
  .headerCommon__sphm.active span:nth-of-type(2) {
    opacity: 0;
    background-color: #ffffff;
    transition: all 0.4s ease-in-out
  }
  .headerCommon__sphm.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
    background-color: #ffffff;
    transition: all 0.4s ease-in-out
  }
  .navGlobalList {
    touch-action: none;
    pointer-events: none;
    opacity: 0;
    padding: 20px;
    position: fixed;
    z-index: 1000090;
    top: -3vh;
    left: 0;
    background-color: rgba(0, 160, 233, 0.9);
    width: 100vw;
    height: 120vh;
    transition: all 0.4s ease-in-out
  }
  .navGlobalList::before {
    content: "";
    display: block;
    background-image: url("../img/logo_kanen_wh.png");
    width: 117px;
    height: 89px
  }
  .navGlobalList .navGlobalList__item {
    touch-action: none;
    pointer-events: none;
    margin: 0;
    opacity: 0;
    display: block;
    left: 20px;
    position: relative;
    transition: all 0.4s ease-in-out
  }
  .navGlobalList .navGlobalList__item:nth-child(1) {
    padding-top: 40px
  }
  .navGlobalList .navGlobalList__item+.navGlobalList__item {
    padding-top: 20px
  }
  .navGlobalList .navGlobalList__item__link {
    position: static;
    padding: 0;
    border: none
  }
  .navGlobalList.active {
    opacity: 1;
    left: 0;
    top: 0;
    transition: all 0.8s ease-in-out
  }
  .navGlobalList.active .navGlobalList__item {
    pointer-events: auto;
    touch-action: auto;
    margin: 0;
    opacity: 1;
    left: 0;
    transition: all 0.8s ease-in-out
  }
  .navGlobalList.active .navGlobalList__item .navGlobalList__item__link {
    color: #ffffff;
    padding: 0;
    text-align: left
  }
  .navGlobalList__item__mark {
    display: none
  }
  .imageBase__010 .imageBase__010__item {
    max-width: 100%;
    width: auto;
    height: auto
  }
  .imageBase__020 {
    width: auto
  }
  .imageBase__020 .text {
    font-size: 16px
  }
  .imageBase__item {
    max-width: 100%;
    width: auto;
    height: auto
  }
  .imageBase__010--big {
    width: 50%
  }
  .imageBase__010--middle {
    width: 50%
  }
  .imageBase__010--small {
    width: 25%
  }
  .titleBase__010 {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    left: 0;
    width: auto
  }
  .titleBase__010::before {
    width: 70px;
    height: 54px;
    bottom: 5px;
    left: 0
  }
  .titleBase__010::after {
    padding: 0
  }
  .btnBase__link {
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 12px
  }
  .textBase__010 {
    text-align: left;
    font-size: 16px
  }
  .colBase__010 .details {
    float: none;
    width: auto
  }
  .colBase__010 .images {
    float: none;
    width: auto;
    text-align: center
  }
  .list__010 {
    display: flex;
    flex-wrap: wrap
  }
  .list__010 .listItem__010 {
    margin: 0 0 20px 0
  }
  .list__010 .listItem__010.listItem__010--big {
    width: 50%
  }
  .list__010 .listItem__010.listItem__010--middle {
    width: 50%
  }
  .list__010 .listItem__010.listItem__010--small {
    width: 25%
  }
  .list__010 .listItem__010 .imageBase__010 {
    padding: 0 5px 0 5px;
    margin-bottom: 5px
  }
  .list__010 .listItem__010 .textBase__010 {
    padding: 0 5px 0 5px;
    text-align: center;
    font-size: 14px;
    line-height: 1.24
  }
  .list__020 .listItem__010 {
    margin-left: 0;
    margin-bottom: 0
  }
  .list__020 .listItem__020 {
    width: auto;
    margin-left: 0;
    margin-top: 30px
  }
  .list__020 .listItem__020:first-child {
    margin-top: 0
  }
}

@media (max-width: 749.98px) and (max-width: 749.98px) {
  .list__020 .listItem__020--010 {
    margin-top: 0;
    width: 47%
  }
}

@media (max-width: 749.98px) {
  .listFooterBanner .listFooterBanner__item {
    width: 44.5%;
    margin: 0 2.5% 20px
  }
  .listFooterBanner .listFooterBanner__item+.listFooterBanner__item {
    margin-left: 2.5%
  }
  .footerCommon {
    padding: 40px 20px
  }
  .footerCommon .titleFooter__010 {
    display: flex
  }
  .footerCommon .titleFooter__010 .titleFooter__imgWrap {
    position: static
  }
  .footerCommon .titleFooter__010 .titleFooter__txt {
    margin-left: 10px
  }
  .footerCommon .titleFooter__010 .titleFooter__txt__01 {
    font-size: 12px
  }
}

@media (max-width: 749.98px) and (max-width: 749.98px) {
  .footerCommon .titleFooter__010 .titleFooter__txt__01 {
    font-size: 11px
  }
}

@media (max-width: 749.98px) {
  .footerCommon .titleFooter__010 .titleFooter__txt__02 {
    font-size: 16px
  }
  .footerCommon .colFooter__010 {
    margin-right: 0
  }
  .footerCommon .colFooter__020 {
    margin-right: 0
  }
  .footerCommon .colBaseFooter__left, .footerCommon .colBaseFooter__right {
    margin-left: 0
  }
  .pageTop {
    position: fixed;
    bottom: 10px;
    right: 10px
  }
  .pageTop img {
    width: 40px
  }
  .swiper-slide .swiper-slide__txtWrap {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .7;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: left
  }
  .swiper-slide .swiper-slide__txt {
    border-left: 2px solid #038ece;
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
    padding-left: 10px;
    font-weight: bold;
    box-sizing: border-box
  }
  .swiper-pagination .swiper-pagination-bullet {
    margin: 0 15px;
    width: 7px;
    height: 7px;
    background: #00a0e9;
    opacity: .41;
    outline: none
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px
  }
}

.homeHero {
  margin-bottom: 40px
}

.homeHero__inner {
  background-color: #ccc;
  width: 100%;
  height: 400px
}

.colDL {
  margin-bottom: 40px;
  overflow: hidden
}

.colDL .colDL__left {
  box-sizing: border-box;
  float: left;
  padding-right: 30px;
  width: 350px
}

@media (max-width: 749.98px) {
  .colDL .colDL__left {
    width: auto;
    float: none;
    padding-right: 0;
    margin-bottom: 20px
  }
}

.colDL .colDL__left figure {
  padding: 20px;
  text-align: center
}

.colDL .colDL__right {
  box-sizing: border-box;
  float: left;
  padding-left: 30px;
  width: 650px
}

@media (max-width: 749.98px) {
  .colDL .colDL__right {
    width: auto;
    float: none;
    padding-left: 0
  }
}

.colDL .code {
  padding: 20px;
  border: 1px solid #038ece;
  background-color: #f0f5f7;
  word-break: break-all
}

.colSitemap {
  display: flex;
  flex-wrap: wrap
}

.colSitemap .listFooter__010__item__link.b2 {
  color: #00a0e9
}

.colSitemap .colFooter__020 {
  width: 30%
}

@media (max-width: 749.98px) {
  .colSitemap .colFooter__020 {
    width: auto
  }
}

.area-osselect {
  margin-bottom: 60px
}

@media (max-width: 749.98px) {
  .area-osselect {
    margin-bottom: 30px
  }
}

.area-osselect__item {
  display: inline-block;
  margin-right: 20px
}

@media (max-width: 749.98px) {
  .area-osselect__item {
    margin-right: 10px
  }
}

@media (max-width: 749.98px) {
  .area-osselect__item:last-child {
    margin-right: 0
  }
}

.btnA4.wide {
  width: 300px
}

@media (max-width: 749.98px) {
  .btnA4.wide {
    width: 100%;
    padding: 0 15px
  }
}

.textBase__000.note {
  border: 3px solid #038ece;
  padding: 20px
}

.textBase__000.subTxt {
  border-top: 1px solid #333333;
  padding-top: 20px
}

.titleBase__020 .sub {
  font-size: 12px;
  margin-left: 0.5em
}

.innerPrivacy {
  margin-top: 5px;
  margin-bottom: 40px;
  padding: 10px;
  border: solid 1px #ccc;
  height: 400px;
  overflow: auto
}


.tEvent-Overview__detail{
  margin-bottom: 3px;
  flex-shrink: 0;
}
.tEvent-Overview__detail:last-of-type{
  margin-bottom: 0;
}

.innerPrivacy {
  margin-top: 5px;
  margin-bottom: 40px;
  padding: 10px;
  border: solid 1px #ccc;
  height: 400px;
  overflow: auto
}

.supporter__group {
  line-height: 1.4rem;
  color: #00a0e9;
}

.supporter__group--link {
  text-decoration: underline;
}

.supporter__group--link:hover {
  text-decoration: none;
}

/* 開催概要のレイアウト */
.Event-Overview__flex:first-of-type{
  padding: 0 0 5px;
}
.Event-Overview__flex{
  display: flex;
  padding: 5px 0;
}
.Event-Overview__flex:last-of-type{
  padding: 5px 0 0;
}
.Event-Overview__label{
  line-height: 1.6;
  margin-bottom: 0;
  flex-shrink: 0;
}
.Event-Overview__details--mb{
  margin-bottom: 5px;
}
.Event-Overview__detail{
  line-height: 1.6;
  margin-bottom: 0px;
}
.Event-Overview__detail-flex{
  display: flex;
}
.Event-Overview__detail--mr{
  margin-right: 2px;
}
.Event-Overview__h4{
  font-size: 16px;
  font-weight: bold;
}

.bullet-points__flex{
  display: flex;
}
@media (max-width: 749.98px) {
  .bullet-points__flex{
    flex-direction: column;
  }
}

.bullet-points{
  flex-shrink: 0;
  margin-right: 20px;
}

.bullet-points__list-mb{
  margin-bottom: 6px;
}
.bullet-points-block{
  margin-bottom: 22px;
}
.bullet-points-block:last-of-type{
  margin-bottom: 0;
}

.Event-Overview__detail--mt-0723{
  margin-top: 30px;
}

.imageBase__basic--0823{
  margin: 0 auto;
  max-width: 600px;
  margin-bottom: 10px;
}


/* new class */
.report__image-grid-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
}
.report__image-grid-item{
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.report__image-grid-item-img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.report-content--contact{
  text-align: center;
  font-size: 14px;
  border-top: 1px solid #00a0e9;
  padding-top: 40px;
}

@media (max-width: 749.98px) {
    .report__image-grid-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .report-content--contact{
      font-size: 13px;
    }
}

/* トップ */
.supporter-list{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1.2%;
  padding: 0 1.2% 1.2%;
}
.supporter-list__item{
  width: 100%;
  display: block;
}
.supporter-list__item-img{
  width: 100%;
  display: block;
}
.project-message__button{
    width: fit-content;
    display: block;
    margin: 4px auto 0;
}
@media (max-width: 749.98px) {
  .supporter-list{
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    align-items: start;
  }
  .supporter-list__item-img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top center;
  }
  .supporter-list .imageBase__010{
    margin: 0;
    overflow: hidden;
  }
  .supporter-list .textBase__010{
    font-size: 11px;
    text-align: center;
    padding: 2px 1px;
    word-break: keep-all;
    overflow-wrap: break-word;
    line-height: 1.4;
  }
}
/*  */

.mail-button{
  margin-top: 50px;
}
.secBase--contact{
  padding-bottom: 140px;
}
@media (max-width: 749.98px) {
  .mail-button{
    margin-top: 30px;
  }
  .secBase--contact{
    padding-bottom: 80px;
  }
}


/*  */