@charset "UTF-8";
/*! このcssはsass（sass/同名の.scssファイル）からコンパイルされています。修正時はこのcssを直接いじらないようにお願いします */
#about {
  /*padding-top: 24vw;
  @include media-sp { 
  padding-top: 48vw;
  }*/
}
#about .page_title {
  /*position: absolute;
  z-index: 2;
  top:55px;
  left:0;
  width:100%;
  height:27vw;
  background-color: transparent;
  background-image: url("../images/map/pagetitle_back.svg");
  background-size: 100%;
  background-position: center bottom;
  @include media-tab { 
  top:50px;
  }
  @include media-sp { 
  height:54vw;
  background-image: url("../images/map/pagetitle_back-sp.svg");
  }*/
}
#about .page_title::before {
  background-color: #ADCACC;
}
#about .page_title .title {
  background-color: #ADCACC;
}
@media only screen and (max-width: 1024px) {
  #about .page_title .title {
    padding: 5vw 0 1rem;
  }
}
@media only screen and (max-width: 600px) {
  #about .page_title .title {
    padding: 6vw 0 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  #about .page_title .title .eng {
    margin: 0 auto 0vw;
  }
}
#about #copy {
  text-align: center;
  overflow: hidden;
}
#about #copy .text {
  padding: 6rem 0 2rem;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  #about #copy .text {
    padding: 45vw 0 20vw;
  }
}
#about #copy h2 {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1024px) {
  #about #copy h2 {
    margin-bottom: 2.4rem;
  }
}
#about #copy h2 img {
  width: 340px;
}
@media only screen and (max-width: 1024px) {
  #about #copy h2 img {
    width: 280px;
  }
}
@media only screen and (max-width: 600px) {
  #about #copy h2 img {
    width: 240px;
  }
}
#about #copy p {
  line-height: 2;
  font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  #about #copy p {
    font-size: 15px;
  }
}
#about #copy .copy_img {
  position: absolute;
  z-index: 2;
}
#about #copy .copy_img img {
  width: 100%;
}
#about #copy .copy_img1 {
  top: 7%;
  left: 10%;
  width: 18%;
}
@media only screen and (max-width: 1024px) {
  #about #copy .copy_img1 {
    left: 5%;
  }
}
@media only screen and (max-width: 600px) {
  #about #copy .copy_img1 {
    top: 5%;
    left: 2%;
    width: 22%;
  }
}
#about #copy .copy_img2 {
  top: 40%;
  left: -9%;
  width: 40%;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
@media only screen and (max-width: 1024px) {
  #about #copy .copy_img2 {
    left: -9%;
    width: 35%;
  }
}
@media only screen and (max-width: 600px) {
  #about #copy .copy_img2 {
    top: 1%;
    left: auto;
    right: -6%;
    width: 40%;
  }
}
#about #copy .copy_img3 {
  top: 89%;
  left: 17%;
  width: 15%;
}
@media only screen and (max-width: 1024px) {
  #about #copy .copy_img3 {
    left: 10%;
  }
}
@media only screen and (max-width: 600px) {
  #about #copy .copy_img3 {
    top: auto;
    bottom: -2%;
  }
}
#about #copy .copy_img4 {
  top: 12%;
  right: 17%;
  width: 12%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media only screen and (max-width: 1024px) {
  #about #copy .copy_img4 {
    right: 10%;
  }
}
@media only screen and (max-width: 600px) {
  #about #copy .copy_img4 {
    right: 45%;
    top: 2%;
    width: 15%;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
}
#about #copy .copy_img5 {
  top: 35%;
  right: 0%;
  width: 20%;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
@media only screen and (max-width: 600px) {
  #about #copy .copy_img5 {
    top: auto;
    bottom: -5%;
    right: 40%;
  }
}
#about #copy .copy_img6 {
  top: 70%;
  right: 2%;
  width: 30%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media only screen and (max-width: 1024px) {
  #about #copy .copy_img6 {
    right: -5%;
  }
}
@media only screen and (max-width: 600px) {
  #about #copy .copy_img6 {
    top: auto;
    bottom: -2%;
    right: -5%;
  }
}
#about #copy .copy_ill img {
  width: 100%;
}
#about #logo {
  padding: 0rem 0 8rem;
}
@media only screen and (max-width: 1024px) {
  #about #logo {
    padding: 0rem 0 5rem;
  }
}
#about #logo .wrapper {
  background-image: url("../images/journal/namisen.svg");
  background-position: center top;
  background-size: 1300px;
  background-repeat: no-repeat;
  padding-top: 5rem;
}
@media only screen and (max-width: 1024px) {
  #about #logo .wrapper {
    background-size: 1000px;
  }
}
#about #logo .j_midashi {
  text-align: center;
  margin: 0 0 3rem;
}
#about #logo .j_midashi .eng {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5F9DA0;
  margin-bottom: 25px;
  letter-spacing: 0.08em;
}
#about #logo .j_midashi h2 {
  line-height: 1;
  font-weight: 400;
  font-size: 1.9rem;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1024px) {
  #about #logo .j_midashi h2 {
    font-size: 1.5rem;
  }
}
#about #logo .lead {
  text-align: center;
}
#about #logo .lead p {
  line-height: 1.8;
}
#about #logo .logo {
  margin: 4rem auto;
  max-width: 320px;
  width: 90%;
}
@media only screen and (max-width: 1024px) {
  #about #logo .logo {
    max-width: 240px;
  }
}
#about #logo .logo img {
  width: 100%;
}
#about #logo .logo_parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#about #logo .logo_parts img {
  width: 100%;
}
#about #logo .logo_parts .waku {
  width: 23%;
  margin: 1%;
  border: 1px solid #090000;
  border-radius: 1rem;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  #about #logo .logo_parts .waku {
    width: 48%;
  }
}
@media only screen and (max-width: 600px) {
  #about #logo .logo_parts .waku {
    width: 90%;
    margin: 1% auto;
  }
}
#about #logo .logo_parts h3 {
  text-align: center;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #5F9DA050));
  background: linear-gradient(transparent 60%, #5F9DA050 40%);
  margin-bottom: 1rem;
  font-weight: 500;
}
#about #logo .logo_parts p {
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.7;
}
#about #ec_brand {
  padding: 0rem 0 8rem;
}
@media only screen and (max-width: 1024px) {
  #about #ec_brand {
    padding: 0rem 0 5rem;
  }
}
#about #ec_brand .wrapper {
  background-image: url("../images/journal/namisen.svg");
  background-position: center top;
  background-size: 1300px;
  background-repeat: no-repeat;
  padding-top: 5rem;
}
@media only screen and (max-width: 1024px) {
  #about #ec_brand .wrapper {
    background-size: 1000px;
  }
}
#about #ec_brand .j_midashi {
  text-align: center;
  margin: 0 0 3rem;
}
#about #ec_brand .j_midashi .eng {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5F9DA0;
  margin-bottom: 25px;
  letter-spacing: 0.08em;
}
#about #ec_brand .j_midashi h2 {
  line-height: 1;
  font-weight: 400;
  font-size: 1.9rem;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 1024px) {
  #about #ec_brand .j_midashi h2 {
    font-size: 1.5rem;
  }
}
#about #ec_brand .image {
  margin: 0 auto;
  max-width: 810px;
}
#about #ec_brand .image img {
  width: 100%;
}
/*# sourceMappingURL=about.css.map */