@charset "UTF-8";
/* CSS Document */
/*NEWS*/
section.news{
    background-color: #1D2088;
    padding: 40px 0 50px;
    position: relative;
    z-index: 4;
}
section.news .c-title-box .c-title{
    color: #fff;
    margin: 0 auto 24px;
}
section.news .news__inner ul{
    overflow-y: scroll;
    height: 200px;
}
section.news .news__inner ul li{
    color: #fff;
    display: flex;
    gap: 3.125%;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding: 8px 0;
}
section.news .news__inner ul li .news__data{
    color: #F39800;
}
section.news .news__inner ul li a{
    color: #fff;
    text-decoration: underline;
}
@media (min-width: 768px) {
    section.news .c-title-box .c-title::before {
        background-image: url(../img/common/news-title-line-start.svg);
    }
    section.news .c-title-box .c-title::after {
        background-image: url(../img/common/news-title-line-end.svg);
    }
}
@media screen and (max-width: 767px) {
    section.news{
        padding: 40px 0;
        margin-bottom: 20px;
    }
    section.news .c-title-box .c-title{
        margin: 0 auto 16px;
    }
    section.news .news__inner ul{
        height: 400px;
    }
    section.news .news__inner ul li{
        display: block;
    }
    section.news .c-title-box .c-title span.-text{
        padding-bottom: 20px;
    }
    section.news .c-title-box .c-title::before {
        background-image: url(../img/common/news-title-line-start@sp.svg);
    }
    section.news .c-title-box .c-title::after {
        background-image: url(../img/common/news-title-line-end@sp.svg);
    }
}
/*Footer*/
.footer__logoarea{
    display: flex;
    gap: 30px;
}
.footer__logoarea .logoset{
    display: flex;
    align-items: center;
    gap: 6px;
}
.footer__logoarea .logoset img.jmsologo {
    width: 42px;
    height: 14px;
}
.footer__logoarea .logoset img.akindologo {
    width: 291px;
    height: 38px;
}
.footer__logoarea .footer__snsarea{
    display: flex;
    gap: 12px;
}
.footer__logoarea .footer__snsarea a{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #dcdcdc;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__logoarea .footer__snsarea a:hover{
    opacity: 0.7;
}
.footer__logoarea .footer__snsarea a img{
    width: 32px;
    height: 32px;
}
@media screen and (max-width: 767px) {
    .footer__logoarea{
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }
    .footer__logoarea .logoset img.jmsologo {
        width: 36px;
        height: 11px;
    }
    .footer__logoarea .logoset img.akindologo {
        width: 258px;
        height: 33.7px;
    }
}
/*GoogleMap*/
.map__container {
  width: 100%;
  height: 0;
  padding-bottom: 30%;
  position: relative;
  max-width: 192rem;
  margin-left: auto;
  margin-right: auto;
}

.map-title{
  color: #1D2088;
  text-align: center;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 24px;
}

.map p{
  width: 100%;
  max-width: 132rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 20px auto 0;
}

body#lp-kodomo-akindo .trial .map .c-title-box::before{
  display: none;
}

body#lp-kodomo-akindo .trial .map .c-title-box{
  margin-bottom: 24px;
}

.map__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
  max-width: 132rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .map__container{
    padding-bottom: 60%;
  }
  body#lp-kodomo-akindo .trial .map .c-title-box .c-title{
    align-items: center;
  }
}


/*trial*/
body#lp-kodomo-akindo .trial{
  padding-bottom: 8rem;
}