@charset "UTF-8";
.preBox {
  background: #eff0f4;
  border: 1px solid #000;
  padding: 15px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  margin-top: 30px;
  font-family: Arial, sans-serif;
  line-height: 1.8; }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto; }

p {
  line-height: 1.8; }
  p img {
    max-width: 100%;
    width: auto;
    height: auto; }

h2.title:before {
  content: "";
  display: inline-block;
  width: .9em;
  height: .9em;
  margin-right: .3em;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28.7" style="enable-background:new 0 0 28 28.7;" xml:space="preserve"><path fill="%2358c7e8" d="M26.5,1.5C25.9,0.6,25,0,23.9,0H3.1C1.4,0,0,1.5,0,3.3v14.1c0,1.2,0.6,2.2,1.5,2.8C2.1,21,3,21.6,4.1,21.6h11.1l7.4,7.1 v-7.1h2.3c1.7,0,3.1-1.5,3.1-3.3V4.3C28,3.1,27.4,2,26.5,1.5z M1,17.3V4.3v-1C1,2,1.9,1,3.1,1h1h19.8c0.5,0,1,0.2,1.3,0.5 c0.2,0.2,0.4,0.4,0.5,0.7C25.9,2.5,26,2.9,26,3.3v14.1c0,1.2-0.9,2.3-2.1,2.3h-3.3v5.7l-6-5.7H3.1c-0.3,0-0.6-0.1-0.8-0.2 c-0.3-0.1-0.5-0.3-0.7-0.6C1.2,18.4,1,17.9,1,17.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: 0 2px; }

.tac {
  text-align: center; }

.tar {
  text-align: right; }

table {
  width: 100%;
  border: 1px solid #b2b2b2;
  border: none; }
  table th, table td {
    border: 1px solid #b2b2b2;
    padding: 1em;
    word-break: break-all; }
    table th:nth-of-type(1), table td:nth-of-type(1) {
      border-left: none; }
    table th:last-of-type, table td:last-of-type {
      border-right: none; }
  table th {
    background-color: #f6f6f6;
    text-align: left; }
  table td.th {
    font-weight: 700; }

.faq .qa.isOpen dt span:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.faq .qa dt {
  font-weight: 700;
  position: relative;
  padding: 0 45px 20px 45px;
  border-bottom: 1px solid #d0d0d0;
  margin-top: 40px;
  cursor: pointer;
  font-size: 1.8rem; }
  .faq .qa dt:before {
    content: "Q";
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
    font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
    position: absolute;
    top: 3px;
    left: 0;
    color: #58c7e8;
    font-weight: 500; }
  .faq .qa dt span {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #58c7e8;
    position: absolute;
    bottom: 20px;
    right: 0; }
    .faq .qa dt span:before {
      content: "";
      display: block;
      width: 16px;
      height: 1px;
      background-color: #58c7e8;
      position: absolute;
      top: 11px;
      left: 4px; }
    .faq .qa dt span:after {
      content: "";
      display: block;
      height: 16px;
      width: 1px;
      background-color: #58c7e8;
      position: absolute;
      left: 11px;
      top: 4px;
      transition: all .3s; }

.faq .qa dd {
  padding-top: 30px;
  position: relative;
  padding: 0 0 20px 45px;
  margin-top: 30px; }
  .faq .qa dd:before {
    content: "A";
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 1;
    font-family: 'Josefin Sans', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    color: #fb8f1c;
    font-weight: 500; }

.faq .qa dd {
  display: none; }

ul.list {
  list-style: none;
  margin-top: 30px; }
  ul.list li {
    position: relative;
    padding-left: 1em; }
    ul.list li + li {
      margin-top: .3em; }
    ul.list li:before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background-color: #58c7e8;
      position: absolute;
      left: 0;
      top: .6em; }

a {
  color: #58c7e8;
  text-decoration: underline; }

a.icon {
  display: inline-block;
  background-repeat: no-repeat;
  position: relative; }
  a.icon:after {
    content: "";
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    background-repeat: no-repeat;
    margin-bottom: -2px;
    margin-left: .2em; }
  a.icon[target$=blank]:after {
    background-image: url(../images/common/icon_blank.png);
    color: #58c7e8;
    background-size: auto 1em;
    background-position: right 50%; }
  a.icon[href$=doc]:after, a.icon[href$=docx]:after {
    background-image: url(../images/common/icon_doc.png);
    color: #36373a;
    background-size: auto 1.3em;
    background-position: right bottom; }
  a.icon[href$=xls]:after, a.icon[href$=xlsx]:after {
    background-image: url(../images/common/icon_xls.png);
    color: #36373a;
    background-size: auto 1.3em;
    background-position: right bottom; }
  a.icon[href$=ppt]:after, a.icon[href$=pptx]:after {
    background-image: url(../images/common/icon_ppt.png);
    color: #36373a;
    background-size: auto 1.3em;
    background-position: right bottom; }
  a.icon[href$=pdf]:after {
    background-image: url(../images/common/icon_pdf.png);
    color: #36373a;
    background-size: auto 1.3em;
    background-position: right bottom; }

.textOrange {
  color: #fb8f1c; }

.textBlue {
  color: #00429a; }

.textRed {
  color: #f00; }

.textSky {
  color: #58c7e8; }

.topRead {
  text-align: center;
  font-weight: 700; }
  .topRead.normal {
    font-weight: 400; }
  .topRead.underLine {
    border-bottom: 1px solid #d0d0d0; }

p.size24 {
  font-size: 2.4rem; }

p.size20 {
  font-size: 2rem; }

p.size18 {
  font-size: 1.8rem; }

p.size14 {
  font-size: 14px; }

#secondHeader {
  background-image: url(../images/second/head-img/other.webp);
  background-size: cover;
  background-position: 50%; }
  #secondHeader.childline {
    background-image: url(../images/second/head-img/childline.webp); }
  #secondHeader.about {
    background-image: url(../images/second/head-img/about.webp); }
  #secondHeader.activity {
    background-image: url(../images/second/head-img/activity.webp); }
  #secondHeader.support {
    background-image: url(../images/second/head-img/support.webp); }
  #secondHeader.magazine {
    background-image: url(../images/second/head-img/magazine.webp); }
  #secondHeader.contact {
    background-image: url(../images/second/head-img/contact.webp); }
  #secondHeader.company {
    background-image: url(../images/second/head-img/company.webp); }

.fade {
  transition: all 2s;
  opacity: 0;
  -webkit-transform: translateY(200px);
          transform: translateY(200px); }
  .fade.inview {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important; }

.contactForm .btnWrap {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 60px; }
  .contactForm .btnWrap button {
    width: 374px;
    height: 56px;
    border-radius: 28px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 20px 15px;
    background-color: #00429a;
    background-position: calc(100% - 30px) 50%;
    color: #fff;
    border: none;
    outline: none;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .3s; }
    .contactForm .btnWrap button.back {
      background-color: #d1d1d1;
      background-image: none;
      color: #36373a; }
    .contactForm .btnWrap button:hover {
      opacity: .8;
      background-position: calc(100% - 20px) 50%; }

.noMargin {
  margin: 0 !important; }

.grayFrame .titleL .textOrange span {
  font-size: 1.4rem;
  font-weight: 400; }

#naruto {
  background-color: #fff;
  background-color: transparent !important;
  margin-top: 0 !important;
  padding-top: 0 !important; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      opacity: 0.75; }

@media screen and (max-width: 768px) {
  .topRead {
    margin-top: 40px; }
    .topRead.underLine {
      padding-bottom: 20px; }
  article.secondContents {
    width: 90%;
    margin: 40px auto 0;
    padding-bottom: 60px; }
    article.secondContents img {
      max-width: 100%;
      width: auto;
      height: auto; }
    article.secondContents .preBox {
      display: none; }
    article.secondContents p {
      margin-top: 20px; }
    article.secondContents ul.list {
      margin-top: 20px; }
    article.secondContents h1.title {
      font-size: 2.6rem;
      font-weight: 700;
      margin-top: 90px;
      text-align: center;
      position: relative;
      padding-bottom: 20px; }
      article.secondContents h1.title:after {
        content: "";
        display: block;
        width: 70px;
        height: 4px;
        background-color: #00429a;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto; }
      article.secondContents h1.title + p {
        margin-top: 30px; }
    article.secondContents h2.title, article.secondContents h2.read {
      font-size: 2.2rem;
      position: relative;
      margin-top: 55px; }
    article.secondContents h3.title {
      font-size: 2rem;
      font-weight: 700;
      margin-top: 35px;
      position: relative;
      padding-left: 1em; }
      article.secondContents h3.title:before {
        content: "";
        display: block;
        width: 6px;
        height: 90%;
        position: absolute;
        top: 5%;
        left: 0;
        background-color: #58c7e8; }
    article.secondContents h4.title {
      font-size: 1.8rem;
      position: relative;
      margin-top: 20px; }
    article.secondContents h5.title {
      font-size: 1.8rem;
      color: #58c7e8;
      position: relative;
      padding-bottom: 10px;
      margin-top: 20px; }
      article.secondContents h5.title:after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background-color: #58c7e8;
        position: absolute;
        bottom: 0;
        left: 0; }
    article.secondContents table {
      margin-top: 30px; }
    article.secondContents .grayFrame {
      width: 100%;
      border: 6px solid #f6f6f6;
      padding: 20px;
      margin-top: 40px; }
      article.secondContents .grayFrame hr {
        margin-top: 30px; }
      article.secondContents .grayFrame .titleL {
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 10px; }
      article.secondContents .grayFrame .titleM {
        font-size: 1.8rem;
        position: relative;
        padding-left: 25px;
        margin-top: 30px;
        font-weight: 700; }
        article.secondContents .grayFrame .titleM:before {
          content: "";
          display: block;
          width: 6px;
          height: 90%;
          position: absolute;
          top: 5%;
          left: 0;
          background-color: #58c7e8; }
      article.secondContents .grayFrame dl {
        background-color: #f6f6f6;
        padding: 10px;
        margin-top: 20px; }
        article.secondContents .grayFrame dl dt {
          font-size: 1.6rem;
          font-weight: 700;
          padding-bottom: 10px; }
        article.secondContents .grayFrame dl dd {
          padding-top: 10px;
          border-top: 1px solid #d0d0d0; }
        article.secondContents .grayFrame dl.flow {
          background-color: transparent;
          margin: 0;
          position: relative;
          padding: 20px 0; }
          article.secondContents .grayFrame dl.flow + .flow {
            border-top: 2px solid #fb8f1c;
            padding: 20px 0 15px; }
            article.secondContents .grayFrame dl.flow + .flow:before {
              content: "";
              display: block;
              border-top: 10px solid #fb8f1c;
              border-right: 15px solid transparent;
              border-left: 15px solid transparent;
              width: 0;
              height: 0;
              position: absolute;
              top: -1px;
              left: 0;
              right: 0;
              margin: 0 auto; }
          article.secondContents .grayFrame dl.flow dt {
            font-size: 1.8rem;
            font-weight: 700;
            line-height: 1.2; }
          article.secondContents .grayFrame dl.flow dd {
            border: none;
            padding: 0; }
    article.secondContents .grayBG {
      background-color: #f6f6f6;
      padding: 20px;
      margin-top: 30px; }
      article.secondContents .grayBG p {
        margin: 0; }
    article.secondContents .clo2Box {
      width: 100%;
      margin-top: 40px; }
      article.secondContents .clo2Box .item {
        width: 100%;
        border: 5px solid #f6f6f6;
        padding: 20px; }
        article.secondContents .clo2Box .item + .item {
          margin-top: 20px; }
        article.secondContents .clo2Box .item.bg {
          background-color: #f6f6f6; }
        article.secondContents .clo2Box .item .title {
          font-size: 1.8rem;
          color: #58c7e8;
          text-align: center;
          font-weight: 700;
          position: relative;
          padding-bottom: 15px; }
          article.secondContents .clo2Box .item .title:after {
            content: "";
            display: block;
            width: 2em;
            height: 2px;
            background-color: #58c7e8;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto; }
    article.secondContents .flexImg {
      margin-top: 30px; }
      article.secondContents .flexImg .img img {
        width: 100%;
        height: auto; }
        article.secondContents .flexImg .img img.mw100 {
          max-width: 100%;
          width: auto;
          height: auto; }
      article.secondContents .flexImg .img .cap {
        font-size: 1.3rem;
        line-height: 1.4; }
      article.secondContents .flexImg .img + .img {
        margin-top: 20px; }
    article.secondContents .button {
      margin-top: 30px; }
      article.secondContents .button a.btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        min-height: 56px;
        background-color: #fb8f1c;
        text-decoration: none;
        border-radius: 28px;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        padding: 5px 50px 5px 25px; }
        article.secondContents .button a.btn + a.btn {
          margin-top: 30px; }
        article.secondContents .button a.btn.blue {
          background-color: #00429a; }
        article.secondContents .button a.btn.arrow {
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
          background-size: 2rem;
          background-repeat: no-repeat;
          background-position: calc(100% - 0.8em) 50%; }
    article.secondContents p.imgInP img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto 2em; }
    article.secondContents p.youtube {
      width: 100%;
      aspect-ratio: 16 / 9; }
      article.secondContents p.youtube iframe {
        width: 100%;
        height: 100%; }
    article.secondContents a:hover {
      text-decoration: none; }
    article.secondContents a.icon:hover {
      text-decoration: none; }
    article.secondContents .centerTable {
      margin: 30px auto 0;
      padding: 20px; }
      article.secondContents .centerTable *:nth-child(1) {
        margin-top: 0; }
  .faq .qa dt {
    font-size: 1.8rem; }
  #secondHeader {
    height: 30vw;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    #secondHeader .inner {
      width: 90%;
      height: 20vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background-color: #fff;
      border-radius: 20px 20px 0 0;
      padding: 10px 15px 0;
      line-height: 1.2; }
      #secondHeader .inner #catName {
        font-size: 2rem;
        font-weight: 700;
        font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
        text-align: center; }
    #secondHeader .en {
      font-size: 1.2rem;
      font-weight: 700;
      color: #00429a; }
      #secondHeader .en:first-letter {
        text-transform: capitalize; }
    #secondHeader.tobira {
      height: 40vw; }
      #secondHeader.tobira .inner {
        height: 25vw; }
        #secondHeader.tobira .inner #catName {
          font-size: 1.8rem; }
  .pankuzu {
    margin-top: 15px; }
    .pankuzu .inner {
      list-style: none;
      display: flex;
      width: 90%;
      margin: 0 auto; }
      .pankuzu .inner span {
        position: relative;
        font-size: 1rem; }
        .pankuzu .inner span a {
          text-decoration: none;
          color: #36373a;
          font-size: 1rem;
          font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
          display: block; }
          .pankuzu .inner span a.home {
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 77.6 88.5" style="enable-background:new 0 0 77.6 88.5;" xml:space="preserve"><path fill="%2336373a" d="M38.5,0L0,25.4v63.1h27.7v-0.2h0V48.4h22.6v39.9h0v0.2h27.3V25.4L38.5,0z M72.9,83.8H55V43.7H23v40.1H4.7V28L38.5,5.6 L72.9,28V83.8z"/></svg>');
            background-repeat: no-repeat;
            padding-left: 20px;
            background-size: 12px auto; }
        .pankuzu .inner span + span {
          margin-left: 1em;
          padding-left: 1em; }
          .pankuzu .inner span + span:before {
            content: "";
            display: block;
            width: 1px;
            height: 1em;
            background-color: #36373a;
            position: absolute;
            left: 0;
            top: calc(50% - .5em); }
  .post-password-form {
    position: relative;
    margin-bottom: 80px; }
    .post-password-form input {
      position: absolute; }
      .post-password-form input[type=password] {
        position: absolute;
        width: calc(100% - 70px);
        height: 46px;
        border-radius: 5px;
        background-color: #f7f7f7;
        border: 1px solid #d1d1d1;
        bottom: -50px;
        left: 0;
        outline: none; }
      .post-password-form input[type=submit] {
        position: absolute;
        bottom: -50px;
        right: 0;
        background-color: #00429a;
        color: #fff;
        width: 60px;
        height: 46px;
        border: none;
        outline: none;
        border-radius: 5px; }
  #gCalendar {
    margin-top: 30px; }
    #gCalendar iframe {
      margin: 0 auto;
      max-width: 800px;
      width: 100%; }
  #gForm {
    margin-top: 30px; }
    #gForm iframe {
      margin: 0 auto;
      max-width: 640px;
      width: 100%; }
  .snsInfo {
    margin-top: 30px; }
    .snsInfo .item + .item {
      margin-top: 20px; }
    .snsInfo .item .title a {
      display: flex;
      align-items: center;
      flex-direction: column;
      background-size: 20px auto;
      background-repeat: no-repeat;
      background-position: 100% calc(50% - 5px);
      font-size: 1.8rem;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%2300429a" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
      border-bottom: 1px solid #00429a;
      padding-bottom: 10px;
      text-decoration: none; }
      .snsInfo .item .title a img {
        margin-right: 10px;
        width: 100px; }
        .snsInfo .item .title a img img {
          width: 100%;
          height: auto; }
    .snsInfo .item p {
      margin-top: 10px; }
  article#magazineIndex #catTab {
    display: flex;
    gap: 3px;
    justify-content: space-between; }
    article#magazineIndex #catTab .cat {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      flex: 1;
      background-color: #f6f6f6;
      height: 54px;
      font-size: 1.4rem;
      text-decoration: none;
      text-align: center;
      line-height: 1.4;
      color: #959595;
      transition: all .3s; }
      article#magazineIndex #catTab .cat:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 12px solid #f6f6f6;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        bottom: -11px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      article#magazineIndex #catTab .cat.isView {
        background-color: #fb8f1c;
        color: #fff; }
        article#magazineIndex #catTab .cat.isView:after {
          border-top-color: #fb8f1c; }
  article#magazineIndex #magazineArchive {
    margin-top: 40px; }
    article#magazineIndex #magazineArchive .item {
      width: 100%; }
      article#magazineIndex #magazineArchive .item + .item {
        margin-top: 40px; }
      article#magazineIndex #magazineArchive .item a {
        display: block;
        overflow: hidden;
        text-decoration: none; }
        article#magazineIndex #magazineArchive .item a span {
          display: block; }
          article#magazineIndex #magazineArchive .item a span.img {
            border-radius: 10px;
            overflow: hidden;
            aspect-ratio: 127 / 77;
            width: 100%; }
            article#magazineIndex #magazineArchive .item a span.img img {
              width: 100%;
              height: auto;
              transition: all .3s; }
          article#magazineIndex #magazineArchive .item a span.txt {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin-top: 10px; }
            article#magazineIndex #magazineArchive .item a span.txt .day {
              width: 87px;
              color: #b3b3b3;
              font-size: 1.3rem; }
            article#magazineIndex #magazineArchive .item a span.txt .tag {
              width: 90px;
              font-size: 1.1rem;
              height: 21px;
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff; }
              article#magazineIndex #magazineArchive .item a span.txt .tag[data=media] {
                background-color: #fb8f1c; }
              article#magazineIndex #magazineArchive .item a span.txt .tag[data=news] {
                background-color: #68cbea; }
              article#magazineIndex #magazineArchive .item a span.txt .tag[data=event] {
                background-color: #ba8fdf; }
              article#magazineIndex #magazineArchive .item a span.txt .tag + .tag {
                margin-left: 5px; }
            article#magazineIndex #magazineArchive .item a span.txt .title {
              width: 100%;
              color: #000;
              font-size: 1.5rem;
              font-weight: 700;
              margin-top: 10px; }
            article#magazineIndex #magazineArchive .item a span.txt .info {
              width: 100%;
              color: #36373a;
              margin-top: 10px;
              font-size: 1.4rem; }
  article#magazineIndex .pageing {
    margin-top: 60px; }
    article#magazineIndex .pageing .wp-pagenavi {
      list-style: none;
      display: flex;
      justify-content: center;
      align-items: center; }
      article#magazineIndex .pageing .wp-pagenavi span.current {
        border-bottom: 2px solid #68cbea;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 26px;
        font-size: 1.8rem;
        line-height: 1;
        color: #36373a;
        margin: 0 10px;
        text-decoration: none; }
      article#magazineIndex .pageing .wp-pagenavi .arrow a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 1px solid #00429a; }
        article#magazineIndex .pageing .wp-pagenavi .arrow a svg {
          width: 18px;
          height: 18px;
          fill: #00429a; }
        article#magazineIndex .pageing .wp-pagenavi .arrow a.pre {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      article#magazineIndex .pageing .wp-pagenavi a.page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 26px;
        font-size: 1.8rem;
        line-height: 1;
        color: #36373a;
        margin: 0 10px;
        text-decoration: none; }
  #magazinePostHead .postInfo {
    display: flex;
    align-items: center; }
    #magazinePostHead .postInfo .day {
      font-size: 1.4rem;
      color: #ccc; }
    #magazinePostHead .postInfo .tag {
      width: 90px;
      height: 21px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 1.1rem;
      margin-left: 20px; }
      #magazinePostHead .postInfo .tag.media {
        background-color: #fb8f1c; }
      #magazinePostHead .postInfo .tag.news {
        background-color: #68cbea; }
      #magazinePostHead .postInfo .tag.event {
        background-color: #ba8fdf; }
  #magazinePostHead .postH1 {
    font-size: 2.6rem;
    border-bottom: 1px solid #36373a;
    padding-bottom: 15px;
    margin-top: 20px; }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important; }
  #formSelect .obj {
    width: 100%; }
    #formSelect .obj + .obj {
      margin-top: 50px; }
    #formSelect .obj a {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto auto;
          grid-template-rows: auto auto;
      -ms-grid-columns: 1fr 60px;
          grid-template-columns: 1fr 60px;
      color: #36373a;
      text-decoration: none; }
      #formSelect .obj a .img {
        width: 100%;
        aspect-ratio: 250 / 121;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / span 2; }
        #formSelect .obj a .img img {
          width: 100%;
          height: auto; }
      #formSelect .obj a .title {
        font-size: 1.6rem;
        font-weight: 700;
        padding-top: 10px;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1; }
      #formSelect .obj a svg {
        width: 50px;
        height: 14px;
        float: #36373a;
        margin-top: 5px;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row-align: center;
            align-self: center;
        -ms-grid-column-align: end;
            justify-self: end; }
  .contactForm {
    margin-top: 40px; }
    .contactForm dl + dl {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #d1d1d1; }
    .contactForm dl dt {
      font-size: 1.6rem;
      position: relative; }
      .contactForm dl dt .memo {
        display: block;
        font-size: 1.2rem; }
      .contactForm dl dt.req {
        padding-left: 50px; }
        .contactForm dl dt.req:before {
          content: "必須";
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #fb8f1c;
          color: #fff;
          width: 40px;
          height: 20px;
          font-size: 1.2rem;
          position: absolute;
          top: 3px;
          left: 0;
          line-height: 1; }
    .contactForm dl dd {
      margin-top: 15px; }
      .contactForm dl dd input[type=text], .contactForm dl dd input[type=email], .contactForm dl dd input[type=number] {
        width: 100%;
        height: 46px;
        border-radius: 5px;
        background-color: #f7f7f7;
        border: 1px solid #d1d1d1;
        outline: none;
        padding: 0 .5em; }
        .contactForm dl dd input[type=text]:focus, .contactForm dl dd input[type=email]:focus, .contactForm dl dd input[type=number]:focus {
          background-color: #fff; }
      .contactForm dl dd textarea {
        width: 100%;
        height: 170px;
        border-radius: 5px;
        background-color: #f7f7f7;
        border: 1px solid #d1d1d1;
        outline: none;
        padding: .5em; }
        .contactForm dl dd textarea:focus {
          background-color: rgba(251, 143, 28, 0.2); }
      .contactForm dl dd label {
        display: block;
        position: relative;
        padding-left: 30px; }
        .contactForm dl dd label:nth-of-type(n + 2) {
          margin-top: 15px; }
        .contactForm dl dd label.radio:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background-color: #f7f7f7;
          border: 1px solid #d1d1d1;
          position: absolute;
          top: 0;
          left: 0; }
        .contactForm dl dd label.radio.bold {
          font-weight: 700; }
        .contactForm dl dd label.checkbox:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          border-radius: 5px;
          background-color: #f7f7f7;
          border: 1px solid #d1d1d1;
          position: absolute;
          top: 0;
          left: 0; }
      .contactForm dl dd span.fontS {
        display: block;
        font-size: 1.3rem; }
      .contactForm dl dd p {
        margin: 0; }
      .contactForm dl dd input[type=radio] {
        display: none; }
        .contactForm dl dd input[type=radio]:checked + label:after {
          content: "";
          display: block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #58c7e8;
          border: 1px solid #d1d1d1;
          position: absolute;
          top: 4px;
          left: 4px; }
      .contactForm dl dd input[type=checkbox] {
        display: none; }
        .contactForm dl dd input[type=checkbox]:checked + label:after {
          content: "";
          display: block;
          width: 8px;
          height: 13px;
          border-right: 4px solid #58c7e8;
          border-bottom: 4px solid #58c7e8;
          -webkit-transform: rotate(40deg);
                  transform: rotate(40deg);
          position: absolute;
          top: -2px;
          left: 4px; }
      .contactForm dl dd .error {
        display: block;
        background-color: #B70000;
        color: #fff;
        padding: 0 5px;
        font-size: 1.4rem; }
    .contactForm .mwform-radio-field {
      display: block; }
      .contactForm .mwform-radio-field label {
        position: relative;
        padding-left: 30px; }
        .contactForm .mwform-radio-field label:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background-color: #f7f7f7;
          border: 1px solid #d1d1d1;
          position: absolute;
          top: 0;
          left: 0; }
        .contactForm .mwform-radio-field label:after {
          content: "";
          display: block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #58c7e8;
          border: 1px solid #d1d1d1;
          position: absolute;
          top: 4px;
          left: 4px;
          opacity: 0; }
      .contactForm .mwform-radio-field.checked label:after {
        opacity: 1; }
    .contactForm .mwform-checkbox-field {
      display: block; }
      .contactForm .mwform-checkbox-field label {
        position: relative;
        padding-left: 30px; }
        .contactForm .mwform-checkbox-field label:before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          border-radius: 5px;
          background-color: #f7f7f7;
          border: 1px solid #d1d1d1;
          position: absolute;
          top: 0;
          left: 0; }
        .contactForm .mwform-checkbox-field label:after {
          content: "";
          display: block;
          width: 8px;
          height: 13px;
          border-right: 4px solid #58c7e8;
          border-bottom: 4px solid #58c7e8;
          -webkit-transform: rotate(40deg);
                  transform: rotate(40deg);
          position: absolute;
          top: -2px;
          left: 4px;
          opacity: 0; }
      .contactForm .mwform-checkbox-field.checked label:after {
        opacity: 1; }
    .contactForm .btnWrap {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px 30px;
      margin-top: 60px; }
      .contactForm .btnWrap button {
        width: 90%;
        height: 50px;
        border-radius: 28px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
        background-repeat: no-repeat;
        background-size: 20px 15px;
        background-color: #00429a;
        background-position: calc(100% - 15px) 50%;
        color: #fff;
        border: none;
        outline: none;
        font-size: 1.8rem;
        cursor: pointer; }
        .contactForm .btnWrap button.back {
          background-color: #d1d1d1;
          background-image: none;
          color: #36373a; }
    .contactForm .btnWrap {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-top: 60px; }
      .contactForm .btnWrap button {
        width: 374px;
        height: 56px;
        border-radius: 28px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
        background-repeat: no-repeat;
        background-size: 20px 15px;
        background-color: #00429a;
        background-position: calc(100% - 30px) 50%;
        color: #fff;
        border: none;
        outline: none;
        font-size: 1.8rem;
        cursor: pointer;
        transition: all .3s; }
        .contactForm .btnWrap button.back {
          background-color: #d1d1d1;
          background-image: none;
          color: #36373a; }
        .contactForm .btnWrap button:hover {
          opacity: .8;
          background-position: calc(100% - 20px) 50%; }
  .tel .grayFrame .telNum {
    color: #fb8f1c;
    font-size: 2.4rem;
    font-weight: 600; }
    .tel .grayFrame .telNum a {
      text-decoration: none;
      color: #fb8f1c; }
    .tel .grayFrame .telNum + p {
      margin-top: 0; }
  h2.fukidashi {
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    margin-top: 100px; }
    h2.fukidashi:before {
      content: "";
      display: block;
      width: 2px;
      height: 35px;
      background-color: #36373a;
      -webkit-transform: rotate(-35deg);
              transform: rotate(-35deg);
      margin-right: 20px; }
    h2.fukidashi:after {
      content: "";
      display: block;
      width: 2px;
      height: 35px;
      background-color: #36373a;
      -webkit-transform: rotate(35deg);
              transform: rotate(35deg);
      margin-left: 20px; }
    h2.fukidashi .catch {
      position: absolute;
      width: 100px;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      -webkit-transform: translateY(-84%);
              transform: translateY(-84%); }
      h2.fukidashi .catch img {
        width: 100%;
        height: auto; }
  #magazine {
    margin-top: 60px; }
    #magazine .inner {
      width: 100%;
      margin: 20px auto 0;
      background-color: #f6f6f6;
      padding: 30px 15px 45px; }
      #magazine .inner #pickupSlide .item a {
        display: block;
        text-decoration: none;
        color: #36373a;
        background-color: #fff; }
      #magazine .inner #pickupSlide .item .img {
        overflow: hidden;
        aspect-ratio: 29 / 17; }
        #magazine .inner #pickupSlide .item .img img {
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: 50% 0;
             object-position: 50% 0;
          min-width: 100%;
          min-height: 100%;
          width: 100%;
          height: 100%;
          transition: all .3s; }
      #magazine .inner #pickupSlide .item .txt {
        padding: 20px 15px; }
        #magazine .inner #pickupSlide .item .txt span {
          display: block; }
          #magazine .inner #pickupSlide .item .txt span.date {
            color: #b3b3b3;
            font-size: 1.3rem;
            display: inline-block; }
          #magazine .inner #pickupSlide .item .txt span.tag {
            width: 75px;
            height: 21px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: .8rem;
            margin-left: 5px; }
            #magazine .inner #pickupSlide .item .txt span.tag.media {
              background-color: #fb8f1c; }
            #magazine .inner #pickupSlide .item .txt span.tag.news {
              background-color: #68cbea; }
            #magazine .inner #pickupSlide .item .txt span.tag.event {
              background-color: #ba8fdf; }
          #magazine .inner #pickupSlide .item .txt span.title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-top: 10px;
            height: 36px;
            line-height: 1.2; }
          #magazine .inner #pickupSlide .item .txt span.read {
            margin-top: 10px;
            height: 101px; }
      #magazine .inner #pickupSlide .slick-dots {
        bottom: -50px;
        width: 65%;
        left: 0;
        right: 0;
        margin: 0 auto;
        line-height: 1; }
        #magazine .inner #pickupSlide .slick-dots li {
          height: 13px; }
          #magazine .inner #pickupSlide .slick-dots li button {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: #fff; }
          #magazine .inner #pickupSlide .slick-dots li.slick-active button {
            background-color: #00429a; }
      #magazine .inner #pickupSlide .slick-prev, #magazine .inner #pickupSlide .slick-next {
        background-image: url(../images/home/arrow-wht.webp);
        background-size: 100% auto;
        width: 40px;
        height: 41px;
        background-repeat: no-repeat;
        background-size: 40px auto;
        top: auto;
        bottom: -75px; }
      #magazine .inner #pickupSlide .slick-prev {
        -webkit-transform: scale(-1, 1);
                transform: scale(-1, 1);
        left: 0;
        top: auto;
        bottom: -55px; }
      #magazine .inner #pickupSlide .slick-next {
        right: 0; }
  #activityMenu {
    margin-top: 60px; }
    #activityMenu .act {
      width: 100%;
      position: relative;
      z-index: 3;
      overflow: hidden; }
      #activityMenu .act + .act {
        margin-top: 60px; }
      #activityMenu .act:before {
        content: "";
        display: block;
        width: 100%;
        aspect-ratio: 360 / 233;
        background-size: auto 100%; }
      #activityMenu .act:nth-of-type(even):before {
        background-position: right top; }
      #activityMenu .act#kiku:before {
        background-image: url(../images/activity/bg-img1.webp); }
      #activityMenu .act#kiku .inner .title {
        border-bottom: 1px dotted #58c7e8; }
        #activityMenu .act#kiku .inner .title .icon {
          background-color: #58c7e8; }
        #activityMenu .act#kiku .inner .title .enTit {
          color: #58c7e8; }
      #activityMenu .act#tsutaeru:before {
        background-image: url(../images/activity/bg-img2.webp); }
      #activityMenu .act#tsutaeru .inner .title {
        border-bottom: 1px dotted #ba8fdf; }
        #activityMenu .act#tsutaeru .inner .title .icon {
          background-color: #ba8fdf; }
        #activityMenu .act#tsutaeru .inner .title .enTit {
          color: #ba8fdf; }
      #activityMenu .act#manabu:before {
        background-image: url(../images/activity/bg-img3.webp); }
      #activityMenu .act#manabu .inner .title {
        border-bottom: 1px dotted #a7d01a; }
        #activityMenu .act#manabu .inner .title .icon {
          background-color: #a7d01a; }
        #activityMenu .act#manabu .inner .title .enTit {
          color: #a7d01a; }
      #activityMenu .act .inner {
        width: 100%; }
        #activityMenu .act .inner .title {
          display: -ms-grid;
          display: grid;
          -ms-grid-rows: 57px auto;
              grid-template-rows: 57px auto;
          -ms-grid-columns: auto auto;
              grid-template-columns: auto auto;
          padding-bottom: 30px;
          padding-right: 8px;
          margin-top: 30px; }
          #activityMenu .act .inner .title .icon {
            width: 84px;
            height: 84px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            grid-row: 1 / span 2;
            -ms-grid-column: 1;
            grid-column: 1;
            justify-self: flex-end; }
            #activityMenu .act .inner .title .icon svg {
              width: 50px;
              height: 50px;
              fill: #fff; }
          #activityMenu .act .inner .title h2 {
            font-size: 2.8rem;
            -ms-grid-row: 1;
            grid-row: 1;
            -ms-grid-column: 2;
            grid-column: 2;
            -ms-grid-row-align: center;
                align-self: center;
            padding-left: 25px; }
          #activityMenu .act .inner .title .enTit {
            font-size: 1.4rem;
            -ms-grid-row: 2;
            grid-row: 2;
            -ms-grid-column: 2;
            grid-column: 2;
            padding-left: 25px; }
        #activityMenu .act .inner p {
          text-align: center;
          margin-top: 35px; }
        #activityMenu .act .inner ul.link {
          list-style: none;
          margin-top: 35px; }
          #activityMenu .act .inner ul.link li + li {
            margin-top: 20px; }
          #activityMenu .act .inner ul.link li a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-decoration: none;
            width: 100%;
            height: 56px;
            background-color: #00429a;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
            background-repeat: no-repeat;
            background-size: 20px 16px;
            background-position: 94% 50%;
            border-radius: 28px; }
  #aboutWrap h2.topCatch {
    text-align: center; }
    #aboutWrap h2.topCatch img {
      max-width: 100%;
      width: auto;
      height: auto; }
  #aboutWrap .topLink {
    width: 100vw;
    margin-left: -5vw;
    margin-right: -5vw; }
    #aboutWrap .topLink:before {
      content: "";
      display: block;
      width: 100%;
      aspect-ratio: 720 / 465;
      background-size: cover; }
    #aboutWrap .topLink .inner .obj {
      width: 90%;
      margin: 0 auto; }
      #aboutWrap .topLink .inner .obj .button {
        padding: 0; }
    #aboutWrap .topLink.message {
      margin-top: 60px; }
      #aboutWrap .topLink.message:before {
        background-image: url(../images/about/top-img1.webp); }
    #aboutWrap .topLink.weAre {
      margin-top: 60px; }
      #aboutWrap .topLink.weAre:before {
        background-image: url(../images/about/top-img2.webp); }
  #aboutWrap #aboutInfo {
    margin: 60px auto 0; }
    #aboutWrap #aboutInfo .links {
      margin-top: 60px; }
      #aboutWrap #aboutInfo .links a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #36373a; }
        #aboutWrap #aboutInfo .links a + a {
          margin-top: 40px; }
        #aboutWrap #aboutInfo .links a .img {
          width: 100%;
          overflow: hidden; }
          #aboutWrap #aboutInfo .links a .img img {
            width: 100%;
            height: auto; }
        #aboutWrap #aboutInfo .links a .txt {
          font-size: 1.8rem;
          font-weight: 700;
          margin-top: 20px; }
        #aboutWrap #aboutInfo .links a svg {
          width: 60px;
          height: 14px;
          fill: #36373a;
          margin-top: 10px; }
  #aboutJoin {
    margin: 60px auto 0; }
    #aboutJoin .joinLink {
      margin-top: 30px; }
      #aboutJoin .joinLink a {
        display: block;
        color: #36373a;
        text-decoration: none; }
        #aboutJoin .joinLink a + a {
          margin-top: 30px; }
        #aboutJoin .joinLink a .img {
          display: block;
          overflow: hidden;
          aspect-ratio: 5 / 2;
          overflow: hidden; }
          #aboutJoin .joinLink a .img img {
            width: 100%;
            height: auto; }
        #aboutJoin .joinLink a .txt {
          display: block;
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%2300429a" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
          background-size: 20px auto;
          background-repeat: no-repeat;
          background-position: 100% 50%;
          font-size: 1.8rem; }
  .aboutMesTit {
    background-color: #f6f6f6; }
    .aboutMesTit .img {
      text-align: center;
      padding: 5vw 5vw 0; }
      .aboutMesTit .img img {
        max-width: 100%;
        width: auto;
        height: auto; }
    .aboutMesTit .title {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 30px 5vw; }
      .aboutMesTit .title h2.read {
        margin-top: 0;
        text-align: center; }
  .youTube {
    margin-top: 80px; }
    .youTube h3 {
      font-size: 2rem;
      font-weight: 700;
      text-align: center;
      line-height: 1.4; }
    .youTube .movie {
      width: 100%;
      aspect-ratio: 16 / 9;
      margin: 20px auto 0; }
      .youTube .movie iframe {
        width: 100%;
        height: 100%; }
  #childline h2.clRead {
    text-align: center;
    font-size: 22px;
    line-height: 2; }
  #kikasetene {
    margin: 60px auto 0; }
    #kikasetene .likaseteList {
      width: 90%;
      margin: 40px auto 0;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto;
          grid-template-rows: auto;
      gap: 30px 30px;
      list-style: none; }
      #kikasetene .likaseteList li img {
        max-width: 100%;
        width: auto;
        height: auto; }
  .clDetail {
    width: 90%;
    margin: 60px auto 0; }
    .clDetail .obj + .obj {
      margin-top: 30px; }
    .clDetail .obj .img {
      text-align: center;
      padding-right: 30px; }
      .clDetail .obj .img img {
        max-width: 84%;
        width: auto;
        height: auto; }
    .clDetail .obj .txt {
      margin-top: 30px;
      line-height: 2; }
      .clDetail .obj .txt p {
        line-height: 2; }
  #mamorimasu {
    background: #c6f7f6;
    background: linear-gradient(120deg, #c6f7f6 0%, #d5e1f8 100%);
    padding: 30px 0;
    width: 100vw;
    margin: 40px -5vw 0; }
    #mamorimasu .inner {
      width: 90%;
      margin: 0 auto; }
      #mamorimasu .inner .head {
        display: flex;
        justify-content: center;
        align-items: center; }
        #mamorimasu .inner .head:before {
          content: "";
          display: block;
          background-image: url(../images/childline/mamoruyo1.webp);
          background-size: 100% auto;
          width: 60px;
          height: 51px; }
        #mamorimasu .inner .head:after {
          content: "";
          display: block;
          background-image: url(../images/childline/mamoruyo2.webp);
          background-size: 100% auto;
          width: 55px;
          height: 43px; }
        #mamorimasu .inner .head h2 {
          font-size: 2.2rem;
          font-weight: 700;
          color: #00429a;
          margin: 0 10px; }
      #mamorimasu .inner .body ul li {
        font-size: 2rem;
        font-weight: 700;
        color: #00429a; }
        #mamorimasu .inner .body ul li:before {
          width: 8px;
          height: 8px;
          top: .9em; }
  #clHanashi {
    margin-top: 60px; }
    #clHanashi .inner {
      width: 90%;
      margin: 0 auto; }
      #clHanashi .inner h2 {
        font-size: 2.2rem;
        font-weight: 700;
        text-align: center; }
      #clHanashi .inner p.sup {
        font-size: 1.3rem;
        text-align: center;
        margin-top: 0; }
      #clHanashi .inner .voice {
        margin-top: 30px; }
        #clHanashi .inner .voice .item {
          background-color: #f6f6f6;
          padding: 15px 25px 25px; }
          #clHanashi .inner .voice .item + .item {
            margin-top: 30px; }
          #clHanashi .inner .voice .item .head {
            padding-left: 90px;
            background-repeat: no-repeat;
            background-position: 20px bottom;
            border-bottom: 1px solid #36373a;
            min-height: 75px; }
          #clHanashi .inner .voice .item.boy .head {
            background-image: url(../images/childline/icon-boy1.webp); }
          #clHanashi .inner .voice .item.girl .head {
            background-image: url(../images/childline/icon-girl1.webp); }
  #kakerutoki {
    margin-top: 60px; }
    #kakerutoki .inner {
      width: 90%;
      margin: 0 auto; }
      #kakerutoki .inner h2 {
        font-size: 2.2rem;
        font-weight: 700;
        text-align: center; }
      #kakerutoki .inner .likeChat {
        margin-top: 30px; }
        #kakerutoki .inner .likeChat .talk {
          width: 100%;
          display: flex;
          margin: 28px auto 0 0;
          align-items: flex-start; }
          #kakerutoki .inner .likeChat .talk:before {
            content: "";
            display: block;
            width: 70px;
            height: 70px;
            background-repeat: no-repeat;
            background-size: 100% auto; }
          #kakerutoki .inner .likeChat .talk p {
            padding: 15px;
            border-radius: 30px;
            border: 1px solid #000;
            border-width: 1px 6px 6px 1px;
            margin: 0 0 0 20px;
            width: calc(100% - 88px);
            display: block;
            position: relative; }
          #kakerutoki .inner .likeChat .talk.girl2:before {
            background-image: url(../images/childline/icon-girl2.webp); }
          #kakerutoki .inner .likeChat .talk.girl2 p {
            border-color: #cae131; }
            #kakerutoki .inner .likeChat .talk.girl2 p:before {
              content: "";
              display: block;
              width: 0;
              height: 0;
              border-right: 15px solid #cae131;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              position: absolute;
              top: 23px;
              left: -15px; }
          #kakerutoki .inner .likeChat .talk.girl3 {
            margin: 28px 0 0 auto; }
            #kakerutoki .inner .likeChat .talk.girl3:before {
              background-image: url(../images/childline/icon-girl3.webp);
              order: 2; }
            #kakerutoki .inner .likeChat .talk.girl3 p {
              order: 1;
              margin: 0 20px 0 0;
              border-color: #fb8f1c; }
              #kakerutoki .inner .likeChat .talk.girl3 p:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 15px solid #fb8f1c;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                position: absolute;
                top: 23px;
                right: -20px; }
          #kakerutoki .inner .likeChat .talk.boy2:before {
            background-image: url(../images/childline/icon-boy2.webp); }
          #kakerutoki .inner .likeChat .talk.boy2 p {
            border-color: #cae131; }
            #kakerutoki .inner .likeChat .talk.boy2 p:before {
              content: "";
              display: block;
              width: 0;
              height: 0;
              border-right: 15px solid #cae131;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              position: absolute;
              top: 23px;
              left: -15px; }
  .telMe {
    background: #c6f7f6;
    background: linear-gradient(120deg, #c6f7f6 0%, #d5e1f8 100%);
    padding: 40px 0;
    margin: 60px -5vw 0;
    width: 100vw; }
    .telMe .inner {
      width: 90%;
      margin: 0 auto;
      background-color: #fff;
      padding: 25px 0; }
      .telMe .inner h2 {
        font-size: 2.2rem;
        text-align: center;
        padding: 0 20px; }
      .telMe .inner .icons {
        list-style: none;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
        gap: 25px;
        margin-top: 30px;
        padding: 0 20px; }
        .telMe .inner .icons li img {
          width: 100%;
          height: auto; }
      .telMe .inner .button {
        margin-top: 50px; }
      .telMe .inner .line {
        border-bottom: 1px solid #e4e4e4;
        position: relative;
        margin-top: 50px; }
        .telMe .inner .line.pic {
          margin-top: 70px; }
          .telMe .inner .line.pic:after {
            content: "";
            display: block;
            background-image: url(../images/childline/img-mamoruyo.webp);
            background-size: 100px auto;
            width: 100px;
            height: 69px;
            position: absolute;
            bottom: -7px;
            right: 0%; }
      .telMe .inner .info {
        padding: 0 20px;
        margin-top: 30px; }
        .telMe .inner .info hr {
          border-bottom: 1px solid #e4e4e4;
          margin-top: 30px;
          border-width: 0 0 1px 0; }
        .telMe .inner .info .item:nth-of-type(n + 2) {
          margin-top: 30px; }
        .telMe .inner .info .item .obi {
          background-color: #fb8f1c;
          color: #fff;
          font-size: 1.3rem;
          line-height: 1;
          text-align: center;
          padding: 5px 0; }
        .telMe .inner .info .item .name {
          text-align: center;
          font-size: 1.4rem;
          font-weight: 700;
          margin: 5px 0;
          line-height: 1.6; }
        .telMe .inner .info .item .tel {
          margin-top: 0; }
          .telMe .inner .info .item .tel a {
            line-height: 1;
            display: block;
            text-decoration: none;
            color: #fb8f1c;
            font-weight: 700;
            font-size: 3.2rem;
            text-align: center; }
  .mokuji {
    list-style: none;
    border-radius: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 5px;
    margin: 0 auto; }
    .mokuji li {
      border: 1px solid #d0d0d0; }
      .mokuji li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #36373a;
        font-size: 1.3rem;
        line-height: 1.2;
        text-decoration: none;
        padding: 15px 5px; }
        .mokuji li a span {
          display: block; }
        .mokuji li a svg {
          width: 18px;
          height: 18px;
          fill: #00429a;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
  .noMargin {
    margin: 0 !important; }
  #comKifu, #naruto {
    background-color: #f6f6f6;
    padding: 40px 5vw;
    margin: 60px -5vw 0;
    width: 100vw; }
    #comKifu h2.title, #naruto h2.title {
      margin-top: 0; }
    #comKifu .options, #naruto .options {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr 1fr;
          grid-template-rows: 1fr 1fr;
      margin-top: 40px; }
      #comKifu .options .item, #naruto .options .item {
        display: flex;
        flex-direction: column;
        align-items: center; }
        #comKifu .options .item:nth-of-type(1), #naruto .options .item:nth-of-type(1) {
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1 /span 2; }
        #comKifu .options .item .img, #naruto .options .item .img {
          width: 40vw; }
          #comKifu .options .item .img img, #naruto .options .item .img img {
            max-width: 100%;
            height: auto; }
        #comKifu .options .item .txt, #naruto .options .item .txt {
          text-align: center;
          font-size: 1.6rem;
          font-weight: 700; }
          #comKifu .options .item .txt span, #naruto .options .item .txt span {
            font-size: 1.2rem; }
  #kifuIgai {
    background-color: #f6f6f6;
    margin: 60px -5vw 0;
    padding: 45px 0;
    width: 100vw; }
    #kifuIgai .inner {
      width: 90%;
      margin: 0 auto 0; }
      #kifuIgai .inner h2.title {
        margin-top: 0; }
      #kifuIgai .inner .igaiInfo .clo2Box .item {
        background-color: #fff;
        border-color: #fff; }
  #dekirukoto {
    margin-top: 60px; }
    #dekirukoto #dekiruBody {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto;
          grid-template-rows: auto auto; }
      #dekirukoto #dekiruBody .item {
        width: 40vw;
        border: 2px solid #cae131;
        position: relative;
        padding: 18vw 10px 10px;
        margin-top: 80px; }
        #dekirukoto #dekiruBody .item:nth-of-type(1) {
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1 / span 2;
          -ms-grid-column-align: center;
              justify-self: center; }
        #dekirukoto #dekiruBody .item:nth-of-type(2) {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 1;
          grid-column: 1; }
        #dekirukoto #dekiruBody .item:nth-of-type(3) {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 2;
          grid-column: 2; }
        #dekirukoto #dekiruBody .item .icon {
          position: absolute;
          right: 0;
          left: 0;
          top: -15vw;
          margin: 0 auto;
          text-align: center;
          width: 30vw; }
          #dekirukoto #dekiruBody .item .icon img {
            width: 100%;
            height: auto; }
        #dekirukoto #dekiruBody .item p {
          margin: 0;
          text-align: center; }
    #dekirukoto .underLine {
      border-bottom: 1px solid #d0d0d0;
      padding-bottom: 40px;
      margin-top: 40px; }
      #dekirukoto .underLine p {
        text-align: center; }
  #shienNoHouhou .tabs {
    list-style: none;
    margin-top: 40px; }
    #shienNoHouhou .tabs li {
      flex: 1;
      position: relative;
      background-color: #f6f6f6;
      min-height: 70px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 15px;
      font-weight: 700;
      cursor: pointer;
      transition: all .3s; }
      #shienNoHouhou .tabs li.isCurrent {
        background-color: #fb8f1c;
        color: #fff; }
      #shienNoHouhou .tabs li + li {
        margin-top: 5px; }
  #shienNoHouhou #tabBody #tab1kai, #shienNoHouhou #tabBody #tabTsunagaru {
    display: none; }
  #shienNoHouhou .grayFrame .titleL .sTxt {
    display: block;
    font-size: 1.3rem;
    text-align: center; }
  #shienNoHouhou .grayFrame .withYou {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 30px; }
    #shienNoHouhou .grayFrame .withYou .txt {
      flex: 1;
      font-weight: 700;
      padding-top: 20px; }
  #shienNoHouhou .grayFrame p .txtS {
    font-size: 1.4rem; }
  #shienNoHouhou .grayFrame .tunaInfo {
    background-color: #f6f6f6;
    padding: 20px 15px;
    margin-top: 30px; }
    #shienNoHouhou .grayFrame .tunaInfo .tsunaTitle {
      display: flex;
      flex-direction: column;
      align-items: center; }
    #shienNoHouhou .grayFrame .tunaInfo .tsunaBody {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 20px; }
      #shienNoHouhou .grayFrame .tunaInfo .tsunaBody .item a {
        display: block; }
  #shienNoHouhou .grayFrame .button .btn.spNoArrow {
    background-image: none;
    width: 100%;
    line-height: 1.22; }
  .kifuForyokocha {
    background-color: #f6f6f6;
    padding: 50px 0;
    width: 100vw;
    margin: 60px -5vw 0; }
    .kifuForyokocha .inner {
      width: 90%;
      margin: 0 auto; }
      .kifuForyokocha .inner h3.normalTxt {
        font-size: 2rem;
        text-align: center; }
      .kifuForyokocha .inner .flowImg {
        margin-top: 30px;
        text-align: center; }
        .kifuForyokocha .inner .flowImg img {
          max-width: 100%;
          width: auto;
          height: auto; }
      .kifuForyokocha .inner .izo {
        background-color: #fff;
        margin-top: 30px;
        padding: 20px; }
        .kifuForyokocha .inner .izo h3.title {
          margin-top: 0; }
        .kifuForyokocha .inner .izo .button .btn {
          width: 100%; }
  #forGroup {
    background-image: url(../images/home/sp-support-bg.webp);
    background-size: cover;
    background-position: 50% 0;
    padding: 5vw;
    width: 100vw;
    margin: 0 -5vw; }
    #forGroup .border {
      border: 1px solid #fff;
      width: 100%;
      height: 100%;
      padding: 0 15px; }
      #forGroup .border .inner {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0; }
        #forGroup .border .inner h2 {
          color: #fff;
          font-size: 2.2rem;
          text-align: center; }
        #forGroup .border .inner p {
          text-align: center;
          color: #fff;
          margin-top: 35px; }
        #forGroup .border .inner #supBtns {
          display: flex;
          justify-content: center;
          gap: 22px;
          flex-wrap: wrap;
          margin-top: 60px; }
          #forGroup .border .inner #supBtns a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 90%;
            height: 56px;
            position: relative;
            background-color: #fff;
            border-radius: 28px;
            text-decoration: none;
            color: #00429a;
            font-weight: 700; }
            #forGroup .border .inner #supBtns a svg {
              width: 16px;
              height: 10px;
              fill: #00429a;
              transition: all .3s;
              position: absolute;
              top: calc(50% - 5px);
              right: 8px; }
            #forGroup .border .inner #supBtns a:hover {
              opacity: .8; }
              #forGroup .border .inner #supBtns a:hover svg {
                right: 15px; }
  #donateOthers {
    margin: 60px auto 0; }
    #donateOthers p strong {
      font-size: 1.8rem; }
  #suppMenu {
    width: 100%;
    margin: 0 auto; }
    #suppMenu .item {
      width: 100%;
      aspect-ratio: 965 / 517; }
      #suppMenu .item + .item {
        margin-top: 40px; }
      #suppMenu .item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
        text-decoration: none;
        color: #36373a;
        padding-bottom: 50px; }
        #suppMenu .item a:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: 50%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1; }
        #suppMenu .item a h2 {
          font-size: 1.8rem;
          color: #fff;
          text-shadow: 0 0 10px #000; }
        #suppMenu .item a svg {
          width: 60px;
          height: 14px;
          fill: #fff;
          margin-top: 15px; }
        #suppMenu .item a ul {
          background-color: rgba(255, 255, 255, 0.55);
          width: 100%;
          min-height: 50px;
          position: absolute;
          bottom: 0;
          left: 0;
          display: flex;
          list-style: none;
          align-items: center;
          padding: 0 20px; }
          #suppMenu .item a ul li {
            background-color: #fff;
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 1.1rem;
            line-height: 1; }
            #suppMenu .item a ul li + li {
              margin-left: 10px; }
      #suppMenu .item#cat1 a:before {
        background-image: url(../images/support/top-btn-img1.webp); }
      #suppMenu .item#cat2 a:before {
        background-image: url(../images/support/top-btn-img2.webp); }
      #suppMenu .item#cat3 a:before {
        background-image: url(../images/support/top-btn-img3.webp); }
      #suppMenu .item#cat4 a:before {
        background-image: url(../images/support/top-btn-img4.webp); }
  #suppoMessage {
    background-color: #f6f6f6;
    width: 100vw;
    margin: 60px -5vw; }
    #suppoMessage .inner {
      width: 90%;
      margin: 0 auto;
      padding: 40px 0; }
      #suppoMessage .inner .head h2 {
        font-size: 2.2rem;
        text-align: center; }
      #suppoMessage .inner .head .en {
        font-size: 1.4rem;
        font-weight: 700;
        color: #00429a;
        margin-top: 10px;
        text-align: center;
        line-height: 1; }
      #suppoMessage .inner .head p {
        text-align: center;
        margin-top: 40px; }
      #suppoMessage .inner .body {
        margin-top: 50px; }
        #suppoMessage .inner .body ul {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
              grid-template-columns: 1fr 1fr;
          -ms-grid-rows: auto;
              grid-template-rows: auto;
          list-style: none;
          gap: 40px 20px; }
          #suppoMessage .inner .body ul li a {
            display: block;
            text-decoration: none;
            color: #36373a; }
            #suppoMessage .inner .body ul li a .img {
              display: block; }
              #suppoMessage .inner .body ul li a .img img {
                width: 100%;
                height: auto; }
            #suppoMessage .inner .body ul li a .txt {
              display: block;
              position: relative;
              font-size: 1.3rem;
              padding-left: 30px;
              margin-top: 5px;
              font-weight: 700; }
              #suppoMessage .inner .body ul li a .txt:before {
                content: "";
                display: block;
                width: 20px;
                height: 1px;
                background-color: #36373a;
                position: absolute;
                top: 12px;
                left: 0; }
      #suppoMessage .inner .button {
        margin-top: 40px; }
  #suppoMore .moreList {
    list-style: none;
    margin: 40px auto 0; }
    #suppoMore .moreList li {
      display: flex;
      border-top: 1px solid #36373a; }
      #suppoMore .moreList li + li {
        margin-top: 30px; }
      #suppoMore .moreList li .img {
        width: 50%; }
        #suppoMore .moreList li .img img {
          width: 100%;
          height: auto; }
      #suppoMore .moreList li .txt {
        padding: 10px 0 0 10px;
        width: 50%; }
        #suppoMore .moreList li .txt .title {
          font-size: 1.5rem;
          line-height: 1.3;
          font-weight: 700; }
          #suppoMore .moreList li .txt .title .ex {
            display: block;
            font-size: 1.2rem;
            font-weight: 400; }
        #suppoMore .moreList li .txt p {
          font-size: 1.3rem;
          margin-top: 15px;
          line-height: 1.4; }
  #suppoMore .daredemo {
    margin-top: 60px; }
  #eventList {
    margin-top: 40px; }
    #eventList .evObj + .evObj {
      margin-top: 40px; }
    #eventList .evObj .tn {
      wtnidth: 100%; }
      #eventList .evObj .tn img {
        width: 100%;
        height: auto; }
    #eventList .evObj .info {
      width: 100%;
      margin-top: 15px; }
      #eventList .evObj .info h3.title {
        margin-top: 0; }
  .gotoEvent {
    margin-top: 60px; }
  #donateRead #doneKochira {
    width: 140px;
    height: 140px;
    margin: 30px auto 0; }
    #donateRead #doneKochira a {
      display: block; }
    #donateRead #doneKochira img {
      width: 100%;
      height: auto; }
  .supPickUp {
    background-color: #f6f6f6;
    margin: 60px -5vw 0;
    padding: 40px 0 30px;
    width: 100vw; }
    .supPickUp h2.title.tac {
      margin-top: 0px; }
    .supPickUp .inner {
      width: 90%;
      margin: 30px auto 0; }
      .supPickUp .inner .item + .item {
        margin-top: 30px; }
      .supPickUp .inner .item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #36373a;
        text-decoration: none; }
        .supPickUp .inner .item a .img {
          overflow: hidden; }
          .supPickUp .inner .item a .img img {
            width: 100%;
            height: auto;
            transition: all .3s; }
        .supPickUp .inner .item a .txt {
          font-size: 1.6rem;
          font-weight: 700;
          margin-top: 15px; }
        .supPickUp .inner .item a svg {
          width: 60px;
          height: 14px;
          fill: #36373a;
          margin-top: 10px; }
  /* Slider */
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
    .slick-list:focus {
      outline: none; }
    .slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .slick-track:before, .slick-track:after {
      content: "";
      display: table; }
    .slick-track:after {
      clear: both; }
    .slick-loading .slick-track {
      visibility: hidden; }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
    [dir="rtl"] .slick-slide {
      float: right; }
    .slick-slide img {
      display: block; }
    .slick-slide.slick-loading img {
      display: none; }
    .slick-slide.dragging img {
      pointer-events: none; }
    .slick-initialized .slick-slide {
      display: block; }
    .slick-loading .slick-slide {
      visibility: hidden; }
    .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent; }
  .slick-arrow.slick-hidden {
    display: none; }
  .slick-prev,
  .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none; }
    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
      outline: none;
      background: transparent;
      color: transparent; }
      .slick-prev:hover:before, .slick-prev:focus:before,
      .slick-next:hover:before,
      .slick-next:focus:before {
        opacity: 1; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
      opacity: 0.25; }
    .slick-prev:before,
    .slick-next:before {
      font-size: 20px;
      line-height: 1;
      opacity: 0.75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .slick-prev {
    left: -25px; }
    [dir="rtl"] .slick-prev {
      left: auto;
      right: -25px; }
  .slick-next {
    right: -25px; }
    [dir="rtl"] .slick-next {
      left: -25px;
      right: auto; }
  .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%; }
    .slick-dots li {
      position: relative;
      display: inline-block;
      height: 20px;
      width: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer; }
        .slick-dots li button:hover, .slick-dots li button:focus {
          outline: none; }
          .slick-dots li button:hover:before, .slick-dots li button:focus:before {
            opacity: 1; }
        .slick-dots li button:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          font-size: 6px;
          line-height: 20px;
          text-align: center;
          opacity: 0.25;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      .slick-dots li.slick-active button:before {
        opacity: 0.75; } }

@media print, screen and (min-width: 769px) {
  .topRead {
    margin-top: 60px; }
    .topRead.underLine {
      padding-bottom: 40px; }
  article.secondContents {
    max-width: 860px;
    width: 95%;
    margin: 100px auto 0;
    padding-bottom: 100px; }
    article.secondContents.wide {
      max-width: 1080px; }
    article.secondContents.full {
      width: 100%;
      max-width: none; }
    article.secondContents p {
      margin-top: 20px; }
    article.secondContents a[href^="tel:"] {
      color: #36373a;
      text-decoration: none;
      pointer-events: none; }
    article.secondContents h1.title {
      font-size: 3rem;
      font-weight: 700;
      margin-top: 90px;
      text-align: center;
      position: relative;
      padding-bottom: 20px; }
      article.secondContents h1.title:after {
        content: "";
        display: block;
        width: 70px;
        height: 4px;
        background-color: #00429a;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto; }
      article.secondContents h1.title + p {
        margin-top: 35px; }
    article.secondContents h2.title, article.secondContents h2.read {
      font-size: 2.6rem;
      position: relative;
      margin-top: 80px; }
    article.secondContents h3.title {
      font-size: 2.2rem;
      font-weight: 700;
      margin-top: 40px;
      position: relative;
      padding-left: 30px; }
      article.secondContents h3.title:before {
        content: "";
        display: block;
        width: 6px;
        height: 90%;
        position: absolute;
        top: 5%;
        left: 0;
        background-color: #58c7e8; }
    article.secondContents h4.title {
      font-size: 2rem;
      margin-top: 20px; }
    article.secondContents h5.title {
      font-size: 1.8rem;
      color: #58c7e8;
      position: relative;
      padding-bottom: 10px;
      margin-top: 20px; }
      article.secondContents h5.title:after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background-color: #58c7e8;
        position: absolute;
        bottom: 0;
        left: 0; }
    article.secondContents table {
      margin-top: 30px; }
    article.secondContents .grayFrame {
      width: 100%;
      border: 8px solid #f6f6f6;
      padding: 50px 60px;
      margin-top: 40px; }
      article.secondContents .grayFrame hr {
        width: 100%;
        height: 1px;
        border: none;
        box-shadow: none;
        background-color: #d0d0d0;
        margin-top: 30px; }
      article.secondContents .grayFrame .titleL {
        font-size: 1.8em;
        font-weight: 700;
        text-align: center;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 30px; }
      article.secondContents .grayFrame .titleM {
        font-size: 2.2rem;
        position: relative;
        padding-left: 25px;
        margin-top: 30px;
        font-weight: 700; }
        article.secondContents .grayFrame .titleM:before {
          content: "";
          display: block;
          width: 6px;
          height: 90%;
          position: absolute;
          top: 5%;
          left: 0;
          background-color: #58c7e8; }
      article.secondContents .grayFrame dl {
        background-color: #f6f6f6;
        display: flex;
        padding: 20px;
        margin-top: 30px; }
        article.secondContents .grayFrame dl dt {
          width: 25%;
          display: flex;
          align-items: center;
          padding-right: 15px; }
        article.secondContents .grayFrame dl dd {
          padding-left: 15px;
          width: 75%;
          border-left: 1px solid #d0d0d0; }
        article.secondContents .grayFrame dl.flow {
          background-color: transparent;
          margin: 0;
          position: relative;
          padding: 20px 0; }
          article.secondContents .grayFrame dl.flow + .flow {
            border-top: 2px solid #fb8f1c;
            padding: 30px 0 20px; }
            article.secondContents .grayFrame dl.flow + .flow:before {
              content: "";
              display: block;
              border-top: 14px solid #fb8f1c;
              border-right: 15px solid transparent;
              border-left: 15px solid transparent;
              width: 0;
              height: 0;
              position: absolute;
              top: -1px;
              left: 0;
              right: 0;
              margin: 0 auto; }
          article.secondContents .grayFrame dl.flow dt {
            font-size: 2rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            line-height: 1.2;
            width: 25%; }
          article.secondContents .grayFrame dl.flow dd {
            width: 75%;
            border: none;
            padding: 0; }
    article.secondContents .grayBG {
      background-color: #f6f6f6;
      padding: 30px;
      margin-top: 40px; }
      article.secondContents .grayBG p {
        margin: 0; }
    article.secondContents .clo2Box {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 40px; }
      article.secondContents .clo2Box .item {
        width: calc((100% - 20px) / 2);
        border: 8px solid #f6f6f6;
        padding: 20px; }
        article.secondContents .clo2Box .item.bg {
          background-color: #f6f6f6; }
        article.secondContents .clo2Box .item .title {
          font-size: 1.8rem;
          color: #58c7e8;
          text-align: center;
          font-weight: 700;
          position: relative;
          padding-bottom: 15px; }
          article.secondContents .clo2Box .item .title:after {
            content: "";
            display: block;
            width: 2em;
            height: 2px;
            background-color: #58c7e8;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto; }
    article.secondContents .flexImg {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      margin-top: 40px; }
      article.secondContents .flexImg .img img {
        width: 100%;
        height: auto; }
        article.secondContents .flexImg .img img.mw100 {
          max-width: 100%;
          width: auto;
          height: auto; }
      article.secondContents .flexImg .cap {
        font-size: 1.3rem;
        line-height: 1.4; }
      article.secondContents .flexImg.col3 .img {
        width: calc((100% - 60px) / 3); }
      article.secondContents .flexImg.col2 .img {
        width: calc((100% - 30px) / 2); }
    article.secondContents .button {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-top: 30px;
      padding: 0 4em; }
      article.secondContents .button.center {
        justify-content: center; }
      article.secondContents .button.right {
        justify-content: flex-end; }
      article.secondContents .button a.btn {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 375px;
        min-height: 56px;
        background-color: #fb8f1c;
        text-decoration: none;
        border-radius: 28px;
        color: #fff;
        transition: all .3s;
        text-align: center;
        padding: 5px 50px 5px 25px; }
        article.secondContents .button a.btn:hover {
          opacity: .8; }
        article.secondContents .button a.btn.blue {
          background-color: #00429a; }
        article.secondContents .button a.btn.arrow {
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
          background-size: 2rem;
          background-repeat: no-repeat;
          background-position: calc(100% - 1.5em) 50%;
          line-height: 1.3; }
          article.secondContents .button a.btn.arrow:hover {
            background-position: calc(100% - 1em) 50%; }
      article.secondContents .button.col2 {
        justify-content: space-between;
        gap: 30px 40px; }
        article.secondContents .button.col2 a.btn {
          width: calc((100% - 40px) / 2);
          min-width: auto; }
    article.secondContents p.imgInP:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      overflow: hidden;
      clear: both; }
    article.secondContents p.imgInP img {
      padding: 0 1.5em 1.5em 0px;
      float: left; }
      article.secondContents p.imgInP img.right {
        padding: 0 0 1.5em 1.5em;
        float: right; }
    article.secondContents p.youtube {
      text-align: center; }
      article.secondContents p.youtube iframe {
        max-width: 100%;
        aspect-ratio: 16 / 9; }
    article.secondContents a:hover {
      text-decoration: none; }
    article.secondContents a.icon:hover {
      text-decoration: none; }
    article.secondContents .centerTable {
      width: auto;
      display: table;
      margin: 30px auto 0;
      padding: 20px; }
      article.secondContents .centerTable *:nth-child(1) {
        margin-top: 0; }
  #secondHeader {
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    #secondHeader .inner {
      max-width: 1080px;
      width: 95%;
      height: 110px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background-color: #fff;
      border-radius: 20px 20px 0 0; }
      #secondHeader .inner #catName {
        font-size: 2.4rem;
        font-weight: 700;
        font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif; }
      #secondHeader .inner .en {
        font-size: 1.2rem;
        font-weight: 700;
        color: #00429a; }
        #secondHeader .inner .en:first-letter {
          text-transform: capitalize; }
    #secondHeader.tobira {
      height: 320px; }
      #secondHeader.tobira .inner {
        height: 175px; }
        #secondHeader.tobira .inner #catName {
          font-size: 3.4rem; }
  .pankuzu {
    margin-top: 15px; }
    .pankuzu .inner {
      list-style: none;
      display: flex;
      max-width: 860px;
      width: 95%;
      margin: 0 auto;
      align-items: baseline; }
      .pankuzu .inner span {
        position: relative;
        font-size: 1.2rem; }
        .pankuzu .inner span[property=name] {
          display: flex;
          height: 22px;
          align-items: center;
          line-height: 1; }
        .pankuzu .inner span a {
          text-decoration: none;
          color: #36373a;
          font-size: 1.2rem;
          font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
          display: block; }
          .pankuzu .inner span a.home {
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 77.6 88.5" style="enable-background:new 0 0 77.6 88.5;" xml:space="preserve"><path fill="%2336373a" d="M38.5,0L0,25.4v63.1h27.7v-0.2h0V48.4h22.6v39.9h0v0.2h27.3V25.4L38.5,0z M72.9,83.8H55V43.7H23v40.1H4.7V28L38.5,5.6 L72.9,28V83.8z"/></svg>');
            background-repeat: no-repeat;
            padding-left: 30px;
            background-size: 15px auto; }
        .pankuzu .inner span + span {
          margin-left: 1em;
          padding-left: 1em; }
          .pankuzu .inner span + span:before {
            content: "";
            display: block;
            width: 1px;
            height: 1em;
            background-color: #36373a;
            position: absolute;
            left: 0;
            top: calc(50% - .6em); }
  .post-password-form {
    position: relative;
    margin-bottom: 80px; }
    .post-password-form input {
      position: absolute; }
      .post-password-form input[type=password] {
        position: absolute;
        width: 300px;
        height: 46px;
        border-radius: 5px;
        background-color: #f7f7f7;
        border: 1px solid #d1d1d1;
        bottom: -50px;
        left: 0;
        outline: none; }
      .post-password-form input[type=submit] {
        position: absolute;
        bottom: -50px;
        left: 305px;
        background-color: #00429a;
        color: #fff;
        width: 60px;
        height: 46px;
        border: none;
        outline: none;
        border-radius: 5px; }
  #gCalendar {
    margin-top: 30px; }
    #gCalendar iframe {
      margin: 0 auto;
      max-width: 800px;
      width: 100%; }
  #gForm {
    margin-top: 30px; }
    #gForm iframe {
      margin: 0 auto;
      max-width: 640px;
      width: 100%; }
  #modWin {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    #modWin #modInner {
      max-width: 80%;
      max-height: 80%;
      position: relative; }
      #modWin #modInner img {
        width: 100%;
        height: auto; }
      #modWin #modInner .closeBtn {
        width: 60px;
        height: 60px;
        position: absolute;
        top: -60px;
        right: 0; }
        #modWin #modInner .closeBtn:after {
          content: "";
          display: block;
          width: 60px;
          height: 2px;
          background-color: #fff;
          position: absolute;
          top: 29px;
          left: 0;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        #modWin #modInner .closeBtn:before {
          content: "";
          display: block;
          width: 60px;
          height: 2px;
          background-color: #fff;
          position: absolute;
          top: 29px;
          left: 0;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
  .snsInfo {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px; }
    .snsInfo .item {
      width: calc((100% - 60px) / 3); }
      .snsInfo .item .title a {
        display: flex;
        align-items: center;
        flex-direction: column;
        background-size: 20px auto;
        background-repeat: no-repeat;
        background-position: 100% calc(50% - 5px);
        font-size: 1.8rem;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%2300429a" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
        border-bottom: 1px solid #00429a;
        padding-bottom: 10px;
        text-decoration: none; }
        .snsInfo .item .title a img {
          margin-right: 10px;
          width: 100px; }
          .snsInfo .item .title a img img {
            width: 100%;
            height: auto; }
      .snsInfo .item p {
        margin-top: 10px; }
  article#magazineIndex #catTab {
    display: flex;
    gap: 7px;
    justify-content: space-between; }
    article#magazineIndex #catTab .cat {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      flex: 1;
      background-color: #f6f6f6;
      height: 60px;
      font-size: 1.6rem;
      text-decoration: none;
      color: #959595;
      transition: all .3s; }
      article#magazineIndex #catTab .cat:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 16px solid #f6f6f6;
        border-right: 16px solid transparent;
        border-left: 16px solid transparent;
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        transition: all .3s; }
      article#magazineIndex #catTab .cat:hover, article#magazineIndex #catTab .cat.isView {
        background-color: #fb8f1c;
        color: #fff; }
        article#magazineIndex #catTab .cat:hover:after, article#magazineIndex #catTab .cat.isView:after {
          border-top-color: #fb8f1c; }
  article#magazineIndex #magazineArchive {
    display: flex;
    gap: 40px 50px;
    flex-wrap: wrap;
    margin-top: 45px; }
    article#magazineIndex #magazineArchive .item {
      width: calc((100% - 100px) / 3); }
      article#magazineIndex #magazineArchive .item a {
        display: block;
        overflow: hidden;
        text-decoration: none; }
        article#magazineIndex #magazineArchive .item a:hover .img img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        article#magazineIndex #magazineArchive .item a span {
          display: block; }
          article#magazineIndex #magazineArchive .item a span.img {
            border-radius: 10px;
            overflow: hidden;
            aspect-ratio: 127 / 77;
            width: 100%; }
            article#magazineIndex #magazineArchive .item a span.img img {
              width: 100%;
              height: auto;
              transition: all .3s; }
          article#magazineIndex #magazineArchive .item a span.txt {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin-top: 10px; }
            article#magazineIndex #magazineArchive .item a span.txt .day {
              width: 80px;
              color: #b3b3b3;
              font-size: 1.3rem; }
            article#magazineIndex #magazineArchive .item a span.txt .tag {
              width: 75px;
              font-size: .8rem;
              height: 21px;
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff; }
              article#magazineIndex #magazineArchive .item a span.txt .tag[data=media] {
                background-color: #fb8f1c; }
              article#magazineIndex #magazineArchive .item a span.txt .tag[data=news] {
                background-color: #68cbea; }
              article#magazineIndex #magazineArchive .item a span.txt .tag[data=event] {
                background-color: #ba8fdf; }
              article#magazineIndex #magazineArchive .item a span.txt .tag + .tag {
                margin-left: 5px; }
            article#magazineIndex #magazineArchive .item a span.txt .title {
              width: 100%;
              color: #000;
              font-size: 1.5rem;
              font-weight: 700;
              margin-top: 10px; }
            article#magazineIndex #magazineArchive .item a span.txt .info {
              width: 100%;
              color: #36373a;
              margin-top: 10px;
              font-size: 1.3rem; }
  article#magazineIndex .pageing {
    margin-top: 60px; }
    article#magazineIndex .pageing .wp-pagenavi {
      list-style: none;
      display: flex;
      justify-content: center;
      align-items: center; }
      article#magazineIndex .pageing .wp-pagenavi span.current {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 2px solid #68cbea;
        width: 18px;
        font-size: 1.8rem;
        margin: 0 20px; }
      article#magazineIndex .pageing .wp-pagenavi span.arrow a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 1px solid #00429a; }
        article#magazineIndex .pageing .wp-pagenavi span.arrow a svg {
          width: 18px;
          height: 18px;
          fill: #00429a; }
        article#magazineIndex .pageing .wp-pagenavi span.arrow a.pre {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      article#magazineIndex .pageing .wp-pagenavi a.page {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 26px;
        font-size: 1.8rem;
        line-height: 1;
        color: #36373a;
        margin: 0 20px;
        text-decoration: none;
        border-bottom: 2px solid transparent; }
        article#magazineIndex .pageing .wp-pagenavi a.page:hover {
          border-bottom: 2px solid #68cbea; }
  #magazinePostHead .postInfo {
    display: flex;
    align-items: center; }
    #magazinePostHead .postInfo .day {
      font-size: 1.6rem;
      color: #ccc; }
    #magazinePostHead .postInfo .tag {
      width: 90px;
      height: 21px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 1.1rem;
      margin-left: 20px; }
      #magazinePostHead .postInfo .tag.media {
        background-color: #fb8f1c; }
      #magazinePostHead .postInfo .tag.news {
        background-color: #68cbea; }
      #magazinePostHead .postInfo .tag.event {
        background-color: #ba8fdf; }
  #magazinePostHead .postH1 {
    font-size: 3rem;
    border-bottom: 1px solid #36373a;
    padding-bottom: 20px;
    margin-top: 30px; }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
    margin-top: 15px; }
  #formSelect {
    display: flex;
    gap: 50px;
    flex-wrap: wrap; }
    #formSelect .obj {
      width: calc((100% - 50px) / 2); }
      #formSelect .obj a {
        display: flex;
        align-items: center;
        flex-direction: column;
        color: #36373a;
        text-decoration: none; }
        #formSelect .obj a .img {
          width: 100%;
          aspect-ratio: 250 / 121;
          overflow: hidden; }
          #formSelect .obj a .img img {
            width: 100%;
            height: auto;
            transition: all .3s; }
        #formSelect .obj a .title {
          font-size: 2rem;
          font-weight: 700;
          margin-top: 30px; }
        #formSelect .obj a svg {
          width: 80px;
          height: 23px;
          float: #36373a;
          transition: all .3s;
          margin-top: 20px; }
        #formSelect .obj a:hover .img img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        #formSelect .obj a:hover svg {
          margin-left: 20px; }
  .contactForm {
    margin-top: 70px; }
    .contactForm dl {
      display: flex; }
      .contactForm dl + dl {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #d1d1d1; }
      .contactForm dl dt {
        font-size: 1.6rem;
        position: relative;
        width: 300px;
        padding-top: 5px; }
        .contactForm dl dt .memo {
          display: block;
          font-size: 1.2rem; }
        .contactForm dl dt.req {
          padding-left: 50px; }
          .contactForm dl dt.req:before {
            content: "必須";
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fb8f1c;
            color: #fff;
            width: 40px;
            height: 20px;
            font-size: 1.2rem;
            position: absolute;
            top: 8px;
            left: 0;
            line-height: 1; }
      .contactForm dl dd {
        flex: 1; }
        .contactForm dl dd input[type=text], .contactForm dl dd input[type=email], .contactForm dl dd input[type=number] {
          width: 100%;
          height: 46px;
          border-radius: 5px;
          background-color: #f7f7f7;
          border: 1px solid #d1d1d1;
          outline: none;
          padding: 0 1em; }
          .contactForm dl dd input[type=text]:focus, .contactForm dl dd input[type=email]:focus, .contactForm dl dd input[type=number]:focus {
            background-color: #fff; }
        .contactForm dl dd textarea {
          width: 100%;
          height: 170px;
          border-radius: 5px;
          background-color: #f7f7f7;
          border: 1px solid #d1d1d1;
          outline: none;
          padding: 1em; }
          .contactForm dl dd textarea:focus {
            background-color: #fff; }
        .contactForm dl dd .mwform-radio-field {
          display: block; }
          .contactForm dl dd .mwform-radio-field label {
            position: relative;
            padding-left: 30px; }
            .contactForm dl dd .mwform-radio-field label:before {
              content: "";
              display: block;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              background-color: #f7f7f7;
              border: 1px solid #d1d1d1;
              position: absolute;
              top: 0;
              left: 0; }
            .contactForm dl dd .mwform-radio-field label:after {
              content: "";
              display: block;
              width: 12px;
              height: 12px;
              border-radius: 50%;
              background-color: #58c7e8;
              border: 1px solid #d1d1d1;
              position: absolute;
              top: 4px;
              left: 4px;
              opacity: 0; }
          .contactForm dl dd .mwform-radio-field.checked label:after {
            opacity: 1; }
        .contactForm dl dd .mwform-checkbox-field {
          display: block; }
          .contactForm dl dd .mwform-checkbox-field label {
            position: relative;
            padding-left: 30px; }
            .contactForm dl dd .mwform-checkbox-field label:before {
              content: "";
              display: block;
              width: 20px;
              height: 20px;
              border-radius: 5px;
              background-color: #f7f7f7;
              border: 1px solid #d1d1d1;
              position: absolute;
              top: 0;
              left: 0; }
            .contactForm dl dd .mwform-checkbox-field label:after {
              content: "";
              display: block;
              width: 8px;
              height: 13px;
              border-right: 4px solid #58c7e8;
              border-bottom: 4px solid #58c7e8;
              -webkit-transform: rotate(40deg);
                      transform: rotate(40deg);
              position: absolute;
              top: -2px;
              left: 4px;
              opacity: 0; }
          .contactForm dl dd .mwform-checkbox-field.checked label:after {
            opacity: 1; }
      .contactForm dl span.fontS {
        display: block;
        font-size: 1.3rem; }
      .contactForm dl p {
        margin: 0; }
      .contactForm dl input[type=radio] {
        display: none; }
      .contactForm dl input[type=checkbox] {
        display: none; }
    .contactForm .btnWrap {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-top: 60px; }
      .contactForm .btnWrap button {
        width: 374px;
        height: 56px;
        border-radius: 28px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
        background-repeat: no-repeat;
        background-size: 20px 15px;
        background-color: #00429a;
        background-position: calc(100% - 30px) 50%;
        color: #fff;
        border: none;
        outline: none;
        font-size: 1.8rem;
        cursor: pointer;
        transition: all .3s; }
        .contactForm .btnWrap button.back {
          background-color: #d1d1d1;
          background-image: none;
          color: #36373a; }
        .contactForm .btnWrap button:hover {
          opacity: .8;
          background-position: calc(100% - 20px) 50%; }
  .tel .grayFrame .telNum {
    color: #fb8f1c;
    font-size: 3rem;
    font-weight: 600; }
    .tel .grayFrame .telNum a {
      pointer-events: none;
      text-decoration: none;
      color: #fb8f1c; }
    .tel .grayFrame .telNum + p {
      margin-top: 0; }
  h2.fukidashi {
    font-size: 2.6rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    margin-top: 140px; }
    h2.fukidashi:before {
      content: "";
      display: block;
      width: 2px;
      height: 50px;
      background-color: #36373a;
      -webkit-transform: rotate(-35deg);
              transform: rotate(-35deg);
      margin-right: 30px; }
    h2.fukidashi:after {
      content: "";
      display: block;
      width: 2px;
      height: 50px;
      background-color: #36373a;
      -webkit-transform: rotate(35deg);
              transform: rotate(35deg);
      margin-left: 30px; }
    h2.fukidashi .catch {
      position: absolute;
      width: 124px;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      -webkit-transform: translateY(-76%);
              transform: translateY(-76%); }
      h2.fukidashi .catch img {
        width: 100%;
        height: auto; }
  #magazine {
    margin-top: 130px; }
    #magazine .inner {
      max-width: 1080px;
      margin: 40px auto 0;
      background-color: #f6f6f6;
      padding: 90px 8.5vw; }
      #magazine .inner #pickupSlide .item {
        margin: 0 20px; }
        #magazine .inner #pickupSlide .item a {
          display: block;
          text-decoration: none;
          color: #36373a;
          background-color: #fff;
          transition: all .3s; }
          #magazine .inner #pickupSlide .item a:hover .img img {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05); }
        #magazine .inner #pickupSlide .item .img {
          overflow: hidden;
          aspect-ratio: 29 / 17; }
          #magazine .inner #pickupSlide .item .img img {
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: 50% 0;
               object-position: 50% 0;
            min-width: 100%;
            min-height: 100%;
            width: 100%;
            height: 100%;
            transition: all .3s; }
        #magazine .inner #pickupSlide .item .txt {
          padding: 20px 30px; }
          #magazine .inner #pickupSlide .item .txt span {
            display: block; }
            #magazine .inner #pickupSlide .item .txt span.date {
              color: #b3b3b3;
              font-size: 1.3rem;
              display: inline-block; }
            #magazine .inner #pickupSlide .item .txt span.tag {
              width: 90px;
              height: 21px;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              color: #fff;
              font-size: 1.1rem;
              margin-left: 20px; }
              #magazine .inner #pickupSlide .item .txt span.tag + .tag {
                margin-left: 5px; }
              #magazine .inner #pickupSlide .item .txt span.tag.media {
                background-color: #fb8f1c; }
              #magazine .inner #pickupSlide .item .txt span.tag.news {
                background-color: #68cbea; }
              #magazine .inner #pickupSlide .item .txt span.tag.event {
                background-color: #ba8fdf; }
            #magazine .inner #pickupSlide .item .txt span.title {
              font-size: 1.5rem;
              font-weight: 700;
              margin-top: 10px;
              line-height: 1.2;
              height: 36px; }
            #magazine .inner #pickupSlide .item .txt span.read {
              margin-top: 10px;
              font-size: 1.3rem; }
      #magazine .inner #pickupSlide .slick-dots {
        bottom: -45px;
        line-height: 1; }
        #magazine .inner #pickupSlide .slick-dots li {
          height: 13px; }
          #magazine .inner #pickupSlide .slick-dots li button {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: #fff; }
          #magazine .inner #pickupSlide .slick-dots li.slick-active button {
            background-color: #00429a; }
      #magazine .inner #pickupSlide .slick-prev, #magazine .inner #pickupSlide .slick-next {
        background-image: url(../images/home/arrow-wht.webp);
        background-size: 100% auto;
        width: 50px;
        height: 51px;
        background-repeat: no-repeat;
        top: calc(50% - 25px); }
        #magazine .inner #pickupSlide .slick-prev:hover, #magazine .inner #pickupSlide .slick-next:hover {
          background-image: url(../images/home/arrow-blu.webp); }
      #magazine .inner #pickupSlide .slick-prev {
        -webkit-transform: scale(-1, 1);
                transform: scale(-1, 1);
        left: -65px;
        top: calc(50% - 50px); }
      #magazine .inner #pickupSlide .slick-next {
        right: -65px; }
  #activityMenu {
    margin-top: 120px; }
    #activityMenu .act {
      width: 100%;
      position: relative;
      z-index: 3;
      overflow: hidden; }
      #activityMenu .act + .act {
        margin-top: 130px; }
      #activityMenu .act:before {
        content: "";
        display: block;
        width: 50vw;
        height: 466px;
        background-size: cover;
        top: 0;
        position: absolute;
        z-index: -1; }
      #activityMenu .act:nth-of-type(odd):before {
        left: 50%; }
      #activityMenu .act:nth-of-type(even):before {
        right: 50%;
        background-position: right top; }
      #activityMenu .act:nth-of-type(even) .inner {
        align-items: flex-end; }
      #activityMenu .act#kiku:before {
        background-image: url(../images/activity/bg-img1.webp); }
      #activityMenu .act#kiku .inner .title {
        border-bottom: 1px dotted #58c7e8;
        padding-right: 5px; }
        #activityMenu .act#kiku .inner .title .icon {
          background-color: #58c7e8; }
        #activityMenu .act#kiku .inner .title .enTit {
          color: #58c7e8; }
      #activityMenu .act#tsutaeru:before {
        background-image: url(../images/activity/bg-img2.webp); }
      #activityMenu .act#tsutaeru .inner .title {
        border-bottom: 1px dotted #ba8fdf;
        padding-right: 37px; }
        #activityMenu .act#tsutaeru .inner .title .icon {
          background-color: #ba8fdf; }
        #activityMenu .act#tsutaeru .inner .title .enTit {
          color: #ba8fdf; }
      #activityMenu .act#manabu:before {
        background-image: url(../images/activity/bg-img3.webp); }
      #activityMenu .act#manabu .inner .title {
        border-bottom: 1px dotted #a7d01a;
        padding-right: 65px; }
        #activityMenu .act#manabu .inner .title .icon {
          background-color: #a7d01a; }
        #activityMenu .act#manabu .inner .title .enTit {
          color: #a7d01a; }
      #activityMenu .act .inner {
        max-width: 1110px;
        width: 95%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 466px; }
        #activityMenu .act .inner .title {
          width: 375px;
          display: -ms-grid;
          display: grid;
          -ms-grid-rows: 57px auto;
              grid-template-rows: 57px auto;
          -ms-grid-columns: 1fr 1fr;
              grid-template-columns: 1fr 1fr;
          padding-bottom: 30px; }
          #activityMenu .act .inner .title .icon {
            width: 84px;
            height: 84px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            grid-row: 1 / span 2;
            -ms-grid-column: 1;
            grid-column: 1;
            justify-self: flex-end; }
            #activityMenu .act .inner .title .icon svg {
              width: 50px;
              height: 50px;
              fill: #fff; }
          #activityMenu .act .inner .title h2 {
            font-size: 2.8rem;
            -ms-grid-row: 1;
            grid-row: 1;
            -ms-grid-column: 2;
            grid-column: 2;
            -ms-grid-row-align: center;
                align-self: center;
            padding-left: 25px; }
          #activityMenu .act .inner .title .enTit {
            font-size: 1.4rem;
            -ms-grid-row: 2;
            grid-row: 2;
            -ms-grid-column: 2;
            grid-column: 2;
            padding-left: 25px; }
        #activityMenu .act .inner p {
          width: 375px;
          text-align: center;
          margin-top: 35px; }
        #activityMenu .act .inner ul.link {
          list-style: none;
          margin-top: 35px; }
          #activityMenu .act .inner ul.link li + li {
            margin-top: 20px; }
          #activityMenu .act .inner ul.link li a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-decoration: none;
            width: 375px;
            height: 56px;
            background-color: #00429a;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%23fff" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
            background-repeat: no-repeat;
            background-size: 20px 16px;
            background-position: 94% 50%;
            border-radius: 28px;
            transition: all .3s; }
            #activityMenu .act .inner ul.link li a:hover {
              opacity: .8;
              background-position: 96% 50%; }
  #aboutWrap {
    background-image: url(../images/about/bg1.webp);
    background-repeat: no-repeat;
    background-position: 50% 0; }
    #aboutWrap h2.topCatch {
      text-align: center; }
      #aboutWrap h2.topCatch img {
        max-width: 462px;
        width: auto;
        height: auto; }
    #aboutWrap .topLink {
      background-repeat: no-repeat;
      background-size: 50% auto;
      min-height: 465px;
      position: relative; }
      #aboutWrap .topLink:before {
        content: "";
        display: block;
        background-image: url(../images/about/bg2.webp);
        width: 259px;
        height: 166px;
        position: absolute;
        z-index: -1; }
      #aboutWrap .topLink .inner {
        width: 100%;
        margin: 0 auto;
        min-height: 465px;
        height: 100%;
        display: flex;
        align-items: center; }
        #aboutWrap .topLink .inner .obj {
          width: 50%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          #aboutWrap .topLink .inner .obj .button {
            padding: 0; }
            #aboutWrap .topLink .inner .obj .button .btn {
              max-width: 100%; }
      #aboutWrap .topLink.message {
        background-image: url(../images/about/top-img1.webp);
        background-position: 100% 50%;
        margin-top: 140px; }
        #aboutWrap .topLink.message:before {
          bottom: -150px;
          right: 0; }
        #aboutWrap .topLink.message .obj {
          padding-right: 40px; }
      #aboutWrap .topLink.weAre {
        background-image: url(../images/about/top-img2.webp);
        background-position: 0 50%;
        margin-top: 170px; }
        #aboutWrap .topLink.weAre:before {
          bottom: -150px;
          left: 0; }
        #aboutWrap .topLink.weAre .obj {
          margin: 0 0 0 auto;
          padding-left: 40px; }
    #aboutWrap #aboutInfo {
      max-width: 1080px;
      width: 95%;
      margin: 160px auto 0; }
      #aboutWrap #aboutInfo .links {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        gap: 80px;
        margin-top: 60px; }
        #aboutWrap #aboutInfo .links a {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-decoration: none;
          color: #36373a; }
          #aboutWrap #aboutInfo .links a .img {
            width: 100%;
            overflow: hidden; }
            #aboutWrap #aboutInfo .links a .img img {
              width: 100%;
              height: auto;
              transition: all .3s; }
          #aboutWrap #aboutInfo .links a .txt {
            font-size: 2rem;
            font-weight: 700;
            margin-top: 30px; }
          #aboutWrap #aboutInfo .links a svg {
            width: 60px;
            height: 14px;
            fill: #36373a;
            margin-top: 20px; }
          #aboutWrap #aboutInfo .links a:hover .img img {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05);
            opacity: .7; }
  #aboutJoin {
    max-width: 1080px;
    width: 95%;
    margin: 180px auto 0; }
    #aboutJoin .joinLink {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
      gap: 30px;
      margin-top: 50px; }
      #aboutJoin .joinLink a {
        display: block;
        color: #36373a;
        text-decoration: none; }
        #aboutJoin .joinLink a .img {
          display: block;
          overflow: hidden; }
          #aboutJoin .joinLink a .img img {
            width: 100%;
            transition: all .3s; }
        #aboutJoin .joinLink a .txt {
          margin-top: 20px;
          display: block;
          background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.6 185.8"><path fill="%2300429a" d="M211.7,0L202.5 9.2 279.7 86.4 0 86.4 0 99.4 279.7 99.4 202.5 176.6 211.7 185.8 304.6 92.9 z"></path></svg>');
          background-size: 20px auto;
          background-repeat: no-repeat;
          background-position: 95% 50%;
          transition: all .3s; }
        #aboutJoin .joinLink a:hover .img img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
          opacity: .7; }
        #aboutJoin .joinLink a:hover .txt {
          background-position: 100% 50%; }
  .aboutMesTit {
    background-color: #f6f6f6;
    display: flex; }
    .aboutMesTit .img img {
      max-width: 100%;
      width: auto;
      height: auto; }
    .aboutMesTit .title {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 0 30px; }
      .aboutMesTit .title h2.read {
        margin-top: 0;
        text-align: center; }
  .youTube {
    margin-top: 140px; }
    .youTube h3 {
      font-size: 2.4rem;
      font-weight: 700;
      text-align: center;
      line-height: 1.4; }
    .youTube .movie {
      width: 720px;
      aspect-ratio: 16 / 9;
      margin: 20px auto 0; }
      .youTube .movie iframe {
        width: 100%;
        height: 100%; }
  #childline {
    background-image: url(../images/childline/top-bg.webp);
    background-repeat: no-repeat;
    background-position: 50% 0px; }
    #childline h2.clRead {
      text-align: center;
      font-size: 28px;
      line-height: 1.9; }
  #kikasetene {
    margin: 120px auto 0; }
    #kikasetene .likaseteList {
      max-width: 860px;
      width: 95%;
      margin: 50px auto 0;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
          grid-template-rows: auto;
      gap: 30px 60px;
      list-style: none; }
      #kikasetene .likaseteList li img {
        max-width: 100%;
        width: auto;
        height: auto; }
  .clDetail {
    max-width: 1080px;
    width: 95%;
    margin: 120px auto 0; }
    .clDetail .obj {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7%; }
      .clDetail .obj + .obj {
        gap: 5.5%; }
      .clDetail .obj .img {
        width: 40%; }
      .clDetail .obj .txt {
        width: 50%; }
        .clDetail .obj .txt p {
          line-height: 2.2; }
      .clDetail .obj:nth-of-type(odd) .img {
        order: 2; }
      .clDetail .obj:nth-of-type(odd) .txt {
        order: 1; }
  #mamorimasu {
    background: #c6f7f6;
    background: linear-gradient(120deg, #c6f7f6 0%, #d5e1f8 100%);
    padding: 55px 0 70px;
    margin-top: 80px; }
    #mamorimasu .inner {
      max-width: 1080px;
      width: 95%;
      margin: 0 auto 0;
      display: flex; }
      #mamorimasu .inner .head {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        #mamorimasu .inner .head:before {
          content: "";
          display: block;
          background-image: url(../images/childline/mamoruyo1.webp);
          width: 87px;
          height: 76px; }
        #mamorimasu .inner .head:after {
          content: "";
          display: block;
          background-image: url(../images/childline/mamoruyo2.webp);
          width: 87px;
          height: 68px; }
        #mamorimasu .inner .head h2 {
          font-size: 2.8rem;
          font-weight: 700;
          color: #00429a;
          margin: 0 10px; }
      #mamorimasu .inner .body ul li {
        font-size: 2.2rem;
        font-weight: 700;
        color: #00429a; }
        #mamorimasu .inner .body ul li:before {
          width: 8px;
          height: 8px;
          top: .9em; }
  #clHanashi {
    margin-top: 110px; }
    #clHanashi .inner {
      max-width: 860px;
      width: 95%;
      margin: 0 auto; }
      #clHanashi .inner h2 {
        font-size: 2.8rem;
        font-weight: 700;
        text-align: center; }
      #clHanashi .inner p.sup {
        font-size: 1.4rem;
        text-align: center;
        margin-top: 0; }
      #clHanashi .inner .voice {
        display: flex;
        justify-content: center;
        gap: 40px;
        margin-top: 60px; }
        #clHanashi .inner .voice .item {
          background-color: #f6f6f6;
          padding: 25px; }
          #clHanashi .inner .voice .item .head {
            padding-left: 90px;
            background-repeat: no-repeat;
            background-position: 20px bottom;
            border-bottom: 1px solid #36373a;
            min-height: 75px; }
          #clHanashi .inner .voice .item.boy .head {
            background-image: url(../images/childline/icon-boy1.webp); }
          #clHanashi .inner .voice .item.girl .head {
            background-image: url(../images/childline/icon-girl1.webp); }
  #kakerutoki {
    margin-top: 120px; }
    #kakerutoki .inner {
      max-width: 860px;
      width: 95%;
      margin: 0 auto; }
      #kakerutoki .inner h2 {
        font-size: 2.8rem;
        font-weight: 700;
        text-align: center; }
      #kakerutoki .inner .likeChat {
        margin-top: 60px; }
        #kakerutoki .inner .likeChat .talk {
          max-width: 530px;
          width: 100%;
          display: flex;
          margin: 28px auto 0 0;
          align-items: flex-start; }
          #kakerutoki .inner .likeChat .talk:before {
            content: "";
            display: block;
            width: 91px;
            height: 91px;
            background-repeat: no-repeat; }
          #kakerutoki .inner .likeChat .talk p {
            padding: 15px;
            border-radius: 30px;
            border: 1px solid #000;
            border-width: 1px 4px 4px 1px;
            margin: 15px 0 0 34px;
            width: calc(100% - 125px);
            display: block;
            position: relative; }
          #kakerutoki .inner .likeChat .talk.girl2:before {
            background-image: url(../images/childline/icon-girl2.webp); }
          #kakerutoki .inner .likeChat .talk.girl2 p {
            border-color: #cae131; }
            #kakerutoki .inner .likeChat .talk.girl2 p:before {
              content: "";
              display: block;
              width: 0;
              height: 0;
              border-right: 15px solid #cae131;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              position: absolute;
              top: 23px;
              left: -15px; }
          #kakerutoki .inner .likeChat .talk.girl3 {
            margin: 28px 0 0 auto; }
            #kakerutoki .inner .likeChat .talk.girl3:before {
              background-image: url(../images/childline/icon-girl3.webp);
              order: 2; }
            #kakerutoki .inner .likeChat .talk.girl3 p {
              order: 1;
              margin: 15px 34px 0 0;
              border-color: #fb8f1c; }
              #kakerutoki .inner .likeChat .talk.girl3 p:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 15px solid #fb8f1c;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                position: absolute;
                top: 23px;
                right: -18px; }
          #kakerutoki .inner .likeChat .talk.boy2:before {
            background-image: url(../images/childline/icon-boy2.webp); }
          #kakerutoki .inner .likeChat .talk.boy2 p {
            border-color: #cae131; }
            #kakerutoki .inner .likeChat .talk.boy2 p:before {
              content: "";
              display: block;
              width: 0;
              height: 0;
              border-right: 15px solid #cae131;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              position: absolute;
              top: 23px;
              left: -15px; }
  .telMe {
    background: #c6f7f6;
    background: linear-gradient(120deg, #c6f7f6 0%, #d5e1f8 100%);
    padding: 90px 0;
    margin-top: 110px; }
    .telMe .inner {
      max-width: 1080px;
      width: 95%;
      margin: 0 auto;
      background-color: #fff;
      padding: 45px 0 0; }
      .telMe .inner h2 {
        font-size: 2.8rem;
        text-align: center;
        padding: 0 45px; }
      .telMe .inner .icons {
        list-style: none;
        display: flex;
        justify-content: center;
        gap: 25px;
        margin-top: 40px;
        padding: 0 45px; }
        .telMe .inner .icons li img {
          max-width: 142px;
          width: auto;
          height: auto; }
      .telMe .inner .button {
        margin-top: 50px; }
        .telMe .inner .button a.denwaWoKakeru {
          pointer-events: auto; }
      .telMe .inner .line {
        border-bottom: 1px solid #e4e4e4;
        position: relative;
        margin-top: 50px; }
        .telMe .inner .line.pic:after {
          content: "";
          display: block;
          background-image: url(../images/childline/img-mamoruyo.webp);
          width: 200px;
          height: 138px;
          position: absolute;
          bottom: -14px;
          right: 10%; }
      .telMe .inner .info {
        padding: 0 9%;
        display: flex;
        justify-content: space-between;
        gap: 90px;
        padding: 45px;
        position: relative; }
        .telMe .inner .info:before {
          content: "";
          display: block;
          width: 1px;
          height: 100%;
          background-color: #e4e4e4;
          position: absolute;
          top: 0;
          left: 50%; }
        .telMe .inner .info .item {
          flex: 1; }
          .telMe .inner .info .item .obi {
            background-color: #fb8f1c;
            color: #fff;
            font-size: 1.3rem;
            line-height: 1;
            text-align: center;
            padding: 5px 0; }
          .telMe .inner .info .item .name {
            text-align: center;
            font-size: 1.6rem;
            font-weight: 700;
            margin-top: 10px; }
          .telMe .inner .info .item .tel {
            margin-top: 10px; }
            .telMe .inner .info .item .tel a {
              line-height: 1;
              display: block;
              pointer-events: none;
              text-decoration: none;
              color: #fb8f1c;
              font-weight: 700;
              font-size: 3.2rem;
              text-align: center; }
  .mokuji {
    list-style: none;
    border: 1px solid #d0d0d0;
    border-radius: 40px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    max-width: 860px;
    width: 95%;
    margin: 0 auto; }
    .mokuji li {
      width: 25%; }
      .mokuji li + li {
        border-left: 1px solid #d0d0d0; }
      .mokuji li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        color: #36373a;
        font-size: 1.4rem;
        line-height: 1.3;
        text-decoration: none; }
        .mokuji li a:hover {
          opacity: .7; }
        .mokuji li a span {
          display: block;
          padding-bottom: 5px; }
        .mokuji li a svg {
          width: 18px;
          height: 18px;
          fill: #00429a;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
  .w860 {
    max-width: 860px;
    width: 95%;
    margin-right: auto;
    margin-left: auto; }
  .noMargin {
    margin: 0 !important; }
  #comRenke {
    margin-top: 70px; }
  #comKifu, #naruto {
    background-color: #f6f6f6;
    padding: 90px 0;
    margin-top: 100px; }
    #comKifu h2.title, #naruto h2.title {
      margin-top: 0; }
    #comKifu .options, #naruto .options {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
      gap: 78px;
      margin-top: 60px; }
      #comKifu .options .item .img img, #naruto .options .item .img img {
        max-width: 100%;
        height: auto; }
      #comKifu .options .item .txt, #naruto .options .item .txt {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        margin-top: 10px; }
        #comKifu .options .item .txt span, #naruto .options .item .txt span {
          font-size: 1.3rem; }
  #kifuIgai {
    background-color: #f6f6f6;
    margin-top: 100px;
    padding: 45px 0 90px; }
    #kifuIgai .inner {
      max-width: 860px;
      width: 95%;
      margin: 0 auto 0; }
      #kifuIgai .inner .igaiInfo .clo2Box .item {
        background-color: #fff;
        border-color: #fff; }
  #dekirukoto {
    max-width: 860px;
    width: 95%;
    margin: 80px auto 0; }
    #dekirukoto #dekiruBody {
      display: flex;
      justify-content: center;
      margin-top: 135px;
      gap: 32px; }
      #dekirukoto #dekiruBody .item {
        width: calc((100% - 64px) / 3);
        border: 2px solid #cae131;
        position: relative;
        padding: 115px 15px 20px; }
        #dekirukoto #dekiruBody .item .icon {
          position: absolute;
          right: 0;
          left: 0;
          top: -75px;
          margin: 0 auto;
          text-align: center; }
        #dekirukoto #dekiruBody .item p {
          margin: 0;
          text-align: center; }
    #dekirukoto .underLine {
      border-bottom: 1px solid #d0d0d0;
      padding-bottom: 80px;
      margin-top: 60px; }
      #dekirukoto .underLine p {
        text-align: center; }
  #shienNoHouhou {
    max-width: 860px;
    width: 95%;
    margin: 0 auto; }
    #shienNoHouhou .tabs {
      display: flex;
      gap: 12px;
      list-style: none;
      margin-top: 70px; }
      #shienNoHouhou .tabs li {
        flex: 1;
        position: relative;
        background-color: #f6f6f6;
        min-height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 15px;
        font-weight: 700;
        cursor: pointer;
        transition: all .3s; }
        #shienNoHouhou .tabs li:after {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-top: 16px solid #f6f6f6;
          border-right: 16px solid transparent;
          border-left: 16px solid transparent;
          position: absolute;
          bottom: -15px;
          left: calc(50% - 16px);
          transition: all .3s; }
        #shienNoHouhou .tabs li:hover, #shienNoHouhou .tabs li.isCurrent {
          background-color: #fb8f1c;
          color: #fff; }
          #shienNoHouhou .tabs li:hover:after, #shienNoHouhou .tabs li.isCurrent:after {
            border-top-color: #fb8f1c; }
    #shienNoHouhou #tabBody #tab1kai, #shienNoHouhou #tabBody #tabTsunagaru {
      display: none; }
    #shienNoHouhou .grayFrame .titleL .sTxt {
      display: block;
      font-size: 1.3rem;
      text-align: center; }
    #shienNoHouhou .grayFrame .withYou {
      display: flex;
      align-items: center;
      margin-top: 30px; }
      #shienNoHouhou .grayFrame .withYou .txt {
        flex: 1;
        font-weight: 700;
        padding-left: 40px; }
    #shienNoHouhou .grayFrame p .txtS {
      font-size: 1.4rem; }
    #shienNoHouhou .grayFrame .tunaInfo {
      background-color: #f6f6f6;
      padding: 35px;
      margin-top: 20px; }
      #shienNoHouhou .grayFrame .tunaInfo .tsunaTitle {
        display: flex;
        flex-direction: column;
        align-items: center; }
      #shienNoHouhou .grayFrame .tunaInfo .tsunaBody {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        margin-top: 40px; }
        #shienNoHouhou .grayFrame .tunaInfo .tsunaBody .item a {
          display: block;
          transition: all .3s; }
          #shienNoHouhou .grayFrame .tunaInfo .tsunaBody .item a:hover {
            opacity: .7; }
  .kifuForyokocha {
    background-color: #f6f6f6;
    padding: 50px 0 100px;
    margin-top: 100px; }
    .kifuForyokocha .inner {
      max-width: 860px;
      width: 95%;
      margin: 0 auto; }
      .kifuForyokocha .inner h3.normalTxt {
        font-size: 2.8rem;
        text-align: center; }
      .kifuForyokocha .inner .flowImg {
        margin-top: 80px;
        text-align: center; }
        .kifuForyokocha .inner .flowImg img {
          max-width: 100%;
          width: auto;
          height: auto; }
      .kifuForyokocha .inner .izo {
        background-color: #fff;
        margin-top: 50px;
        padding: 50px; }
        .kifuForyokocha .inner .izo h3.title {
          margin-top: 0; }
        .kifuForyokocha .inner .izo strong {
          font-size: 1.8rem; }
  #forGroup {
    background-image: url(../images/home/support-bg.webp);
    background-size: cover;
    background-position: 50% 0;
    padding: 15px; }
    #forGroup .border {
      border: 1px solid #fff;
      width: 100%;
      height: 100%;
      padding: 0 40px; }
      #forGroup .border .inner {
        max-width: 1080px;
        width: 95%;
        margin: 0 auto;
        padding: 80px 0; }
        #forGroup .border .inner h2 {
          color: #fff;
          font-size: 2.8rem;
          text-align: center; }
        #forGroup .border .inner p {
          text-align: center;
          color: #fff;
          margin-top: 35px; }
        #forGroup .border .inner #supBtns {
          display: flex;
          justify-content: center;
          gap: 22px;
          flex-wrap: wrap;
          margin-top: 60px; }
          #forGroup .border .inner #supBtns a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 345px;
            height: 56px;
            position: relative;
            background-color: #fff;
            border-radius: 28px;
            text-decoration: none;
            color: #00429a;
            font-weight: 700; }
            #forGroup .border .inner #supBtns a svg {
              width: 20px;
              height: 20px;
              fill: #00429a;
              margin-left: 15px;
              transition: all .3s;
              position: absolute;
              top: calc(50% - 10px);
              right: 20px; }
            #forGroup .border .inner #supBtns a:hover {
              opacity: .8; }
              #forGroup .border .inner #supBtns a:hover svg {
                right: 15px; }
  #donateOthers {
    max-width: 860px;
    width: 95%;
    margin: 100px auto 0; }
    #donateOthers p strong {
      font-size: 2rem; }
  #suppMenu {
    max-width: 860px;
    width: 95%;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    gap: 25px; }
    #suppMenu .item {
      position: relative;
      z-index: 5;
      overflow: hidden; }
      #suppMenu .item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
        text-decoration: none;
        color: #36373a;
        padding-bottom: 65px;
        min-height: 285px; }
        #suppMenu .item a:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: 50%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          transition: all .3s; }
        #suppMenu .item a:hover:before {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        #suppMenu .item a h2 {
          font-size: 1.8rem;
          color: #fff;
          text-shadow: 0 0 10px #000; }
        #suppMenu .item a svg {
          width: 60px;
          height: 14px;
          fill: #fff;
          margin-top: 15px; }
        #suppMenu .item a ul {
          background-color: rgba(255, 255, 255, 0.55);
          width: 100%;
          min-height: 65px;
          position: absolute;
          bottom: 0;
          left: 0;
          display: flex;
          list-style: none;
          align-items: center;
          padding: 0 20px; }
          #suppMenu .item a ul li {
            background-color: #fff;
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 1.3rem;
            line-height: 1; }
            #suppMenu .item a ul li + li {
              margin-left: 10px; }
      #suppMenu .item#cat1 a:before {
        background-image: url(../images/support/top-btn-img1.webp); }
      #suppMenu .item#cat2 a:before {
        background-image: url(../images/support/top-btn-img2.webp); }
      #suppMenu .item#cat3 a:before {
        background-image: url(../images/support/top-btn-img3.webp); }
      #suppMenu .item#cat4 a:before {
        background-image: url(../images/support/top-btn-img4.webp); }
  #suppoMessage {
    background-color: #f6f6f6;
    margin-top: 120px; }
    #suppoMessage .inner {
      max-width: 1080px;
      width: 95%;
      margin: 0 auto;
      padding: 100px 0; }
      #suppoMessage .inner .head h2 {
        font-size: 2.8rem;
        text-align: center; }
      #suppoMessage .inner .head .en {
        font-size: 1.4rem;
        font-weight: 700;
        color: #00429a;
        margin-top: 10px;
        text-align: center;
        line-height: 1; }
      #suppoMessage .inner .head p {
        text-align: center;
        margin-top: 40px; }
      #suppoMessage .inner .body {
        margin-top: 50px; }
        #suppoMessage .inner .body ul {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr 1fr 1fr;
              grid-template-columns: 1fr 1fr 1fr 1fr;
          -ms-grid-rows: auto;
              grid-template-rows: auto;
          list-style: none;
          gap: 40px 25px; }
          #suppoMessage .inner .body ul li a {
            display: block;
            text-decoration: none;
            color: #36373a;
            transition: all .3s; }
            #suppoMessage .inner .body ul li a:hover {
              opacity: .7; }
            #suppoMessage .inner .body ul li a .img {
              display: block; }
              #suppoMessage .inner .body ul li a .img img {
                width: 100%;
                height: auto; }
            #suppoMessage .inner .body ul li a .txt {
              display: block;
              position: relative;
              font-size: 1.3rem;
              padding-left: 30px;
              margin-top: 5px;
              font-weight: 700; }
              #suppoMessage .inner .body ul li a .txt:before {
                content: "";
                display: block;
                width: 20px;
                height: 1px;
                background-color: #36373a;
                position: absolute;
                top: 12px;
                left: 0; }
      #suppoMessage .inner .button {
        margin-top: 60px; }
  #suppoMore .moreList {
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    gap: 30px 45px;
    margin: 50px auto 0;
    max-width: 860px;
    width: 95%; }
    #suppoMore .moreList li {
      display: flex;
      border-top: 1px solid #36373a; }
      #suppoMore .moreList li .img {
        width: 52%; }
        #suppoMore .moreList li .img img {
          width: 100%;
          height: auto; }
      #suppoMore .moreList li .txt {
        padding: 20px 0 0 20px;
        width: 48%; }
        #suppoMore .moreList li .txt .title {
          font-size: 1.5rem;
          line-height: 1.3;
          font-weight: 700; }
          #suppoMore .moreList li .txt .title .ex {
            display: block;
            font-size: 1.2rem;
            font-weight: 400; }
        #suppoMore .moreList li .txt p {
          font-size: 1.3rem;
          margin-top: 15px;
          line-height: 1.4; }
  #suppoMore .daredemo {
    margin-top: 60px; }
  #eventList {
    margin-top: 60px; }
    #eventList .evObj {
      display: flex; }
      #eventList .evObj + .evObj {
        margin-top: 60px; }
      #eventList .evObj .tn {
        width: 315px; }
        #eventList .evObj .tn img {
          width: 100%;
          height: auto; }
      #eventList .evObj .info {
        width: calc(100% - 315px);
        padding-left: 30px; }
        #eventList .evObj .info h3.title {
          margin-top: 0; }
  .gotoEvent {
    margin-top: 100px; }
  #donateRead {
    position: relative;
    max-width: 860px;
    width: 95%;
    margin: 0 auto; }
    #donateRead #doneKochira {
      width: 140px;
      height: 140px;
      position: absolute;
      right: calc(50% - 400px);
      top: -30px; }
      #donateRead #doneKochira a {
        display: block; }
      #donateRead #doneKochira img {
        width: 100%;
        height: auto; }
  .supPickUp {
    background-color: #f6f6f6;
    margin: 100px 0 90px;
    padding: 90px 0 90px; }
    .supPickUp h2.title.tac {
      margin-top: 0px; }
    .supPickUp .inner {
      max-width: 1080px;
      width: 95%;
      margin: 50px auto 0;
      display: flex;
      gap: 50px; }
      .supPickUp .inner .item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #36373a;
        text-decoration: none; }
        .supPickUp .inner .item a .img {
          overflow: hidden; }
          .supPickUp .inner .item a .img img {
            width: 100%;
            height: auto;
            transition: all .3s; }
        .supPickUp .inner .item a .txt {
          font-size: 2rem;
          font-weight: 700;
          margin-top: 15px; }
        .supPickUp .inner .item a svg {
          width: 60px;
          height: 14px;
          fill: #36373a;
          margin-top: 10px; }
        .supPickUp .inner .item a:hover .img img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05);
          opacity: .7; }
  /* Slider */
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
    .slick-list:focus {
      outline: none; }
    .slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .slick-track:before, .slick-track:after {
      content: "";
      display: table; }
    .slick-track:after {
      clear: both; }
    .slick-loading .slick-track {
      visibility: hidden; }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
    [dir="rtl"] .slick-slide {
      float: right; }
    .slick-slide img {
      display: block; }
    .slick-slide.slick-loading img {
      display: none; }
    .slick-slide.dragging img {
      pointer-events: none; }
    .slick-initialized .slick-slide {
      display: block; }
    .slick-loading .slick-slide {
      visibility: hidden; }
    .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent; }
  .slick-arrow.slick-hidden {
    display: none; }
  .slick-prev,
  .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none; }
    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
      outline: none;
      background: transparent;
      color: transparent; }
      .slick-prev:hover:before, .slick-prev:focus:before,
      .slick-next:hover:before,
      .slick-next:focus:before {
        opacity: 1; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
      opacity: 0.25; }
    .slick-prev:before,
    .slick-next:before {
      font-size: 20px;
      line-height: 1;
      opacity: 0.75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .slick-prev {
    left: -25px; }
    [dir="rtl"] .slick-prev {
      left: auto;
      right: -25px; }
  .slick-next {
    right: -25px; }
    [dir="rtl"] .slick-next {
      left: -25px;
      right: auto; }
  .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%; }
    .slick-dots li {
      position: relative;
      display: inline-block;
      height: 20px;
      width: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer; }
        .slick-dots li button:hover, .slick-dots li button:focus {
          outline: none; }
          .slick-dots li button:hover:before, .slick-dots li button:focus:before {
            opacity: 1; }
        .slick-dots li button:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          font-size: 6px;
          line-height: 20px;
          text-align: center;
          opacity: 0.25;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      .slick-dots li.slick-active button:before {
        opacity: 0.75; } }

/*# sourceMappingURL=map/second.css.map */