/* CSS Document */
#thoughts .contents .txt p {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #thoughts .contents .txt p {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  #home #lead h2 {
    font-size: 2.2rem !important;
  }
  #home #lead .iconWrap .icon.ico_01 {
    top: 268px !important;
  }
  #home #lead .iconWrap .icon.ico_02 {
    top: 146px !important;
  }
  #home #lead .content .txt {
    text-align: left;
    padding: 25px 25px 0 25px;
  }
  #home #lead .content .txt .btn {
    text-align: center;
  }
}
.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}
#home #access .map {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 560px;
  height: 400px;
  border-radius: 60px;
  overflow: hidden;
  position: absolute;
  right: -300px;
  top: 30%;
  z-index: 10;
  padding-right: 4%;
}
#home #access .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767.98px) {
  #home #access .map {
    padding-left: 0;
    width: 80%;
    max-width: 80%;
    right: auto;
    top: auto;
    border-radius: 30px;
    margin-top: 3rem;
    height: auto;
  }
}
#thoughts .imageArea {
  min-height: 1160px;
}

#thoughts .imageArea .image_03 {
  width: 40%;
  position: absolute;
  right: 70px;
  top: 160px;
}

#thoughts .imageArea .image_04 {
  width: 35%;
  position: absolute;
  left: 0px;
  top: 400px;
}

#thoughts .imageArea .image_05 {
  width: 40%;
  position: absolute;
  right: 70px;
  top: 580px;
}

#thoughts .imageArea .image_06 {
  width: 35%;
  position: absolute;
  left: 0px;
  top: 800px;
}

#thoughts .imageArea .image_07 {
  width: 40%;
  position: absolute;
  right: 70px;
  top: 1000px;
}

#thoughts .imageArea .image_08 {
  width: 35%;
  position: absolute;
  left: 0px;
  top: 1200px;
}

#thoughts .imageArea .image_09 {
  width: 40%;
  position: absolute;
  right: 70px;
  top: 1420px;
}

@media screen and (max-width: 768px) {
  #thoughts .imageArea {
    min-height: 390vw;
  }
  #thoughts .imageArea .image_01 {
    width: 100%;
  }
  #thoughts .imageArea .image_03 {
    width: 100%;
    position: absolute;
    right: 0;
    top: 54vw;
  }
  #thoughts .imageArea .image_04 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 108vw;
  }
  #thoughts .imageArea .image_05 {
    width: 100%;
    position: absolute;
    right: 0;
    top: 178vw;
  }
  #thoughts .imageArea .image_06 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 250vw;
  }
  #thoughts .imageArea .image_07 {
    width: 100%;
    position: absolute;
    right: 0;
    top: 324vw;
  }
  #thoughts .imageArea .image_08 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 324vw;
  }
  #thoughts .imageArea .image_09 {
    width: 100%;
    position: absolute;
    right: 0;
    top: 387vw;
  }
}
#home #download .dlList ul li a {
  padding-right: 68px;
}

#home #about {
  padding-top: 100px;
}

#home #info .infoWrap .block .thumb img,
.information .contents .infoWrap .block .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
}

.information .contents .detail h2 {
  font-size: 24px;
}
.information .contents .detail p {
  padding: 24px 0 60px 0;
}

#home #about .aboutWrap .block .txt p,
#thoughts .contents .txt p,
#aboutus .contents .section .txt p,
#education .txt p {
  text-align: justify;
}

@media screen and (max-width: 768px) {
  #home #info .infoWrap .block {
    max-width: calc((100% - 0px) / 1) !important;
  }
  #home #info .container .btn {
    top: auto;
  }
}
#education .contents4 .piyo .piyoClass .piyoClassWrap .block {
  background: #fff;
  border-radius: 16px;
}

#education .contents4 .piyo .piyoClass .piyoClassWrap .block:nth-child(2) {
  padding-top: 25px;
}/*# sourceMappingURL=add.css.map */