.aboutus-waku {
  width: 965px;
  margin: 150px auto;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .aboutus-waku {
    width: 100%;
    margin: 20% auto;
  }
}
.aboutus-waku-title {
  font-size: 64px;
  position: relative;
  letter-spacing: 6px;
}
@media only screen and (max-width: 769px) {
  .aboutus-waku-title {
    font-size: 30px;
    margin: auto;
    margin-left: 15%;
    line-height: 37px;
  }
}
.aboutus-waku-title::after {
  content: "";
  position: absolute;
  background-image: url(../img/header/koron-black.svg);
  top: 13px;
  left: -35px;
  width: 27px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 769px) {
  .aboutus-waku-title::after {
    top: 15px;
    left: -24px;
    width: 10px;
  }
}
.aboutus-waku-title2 {
  font-size: 23px;
  margin-top: 0px;
}
@media only screen and (max-width: 769px) {
  .aboutus-waku-title2 {
    font-size: 12px;
    margin-left: 15%;
    margin-top: 5px;
  }
}
.aboutus-waku-title3 {
  font-size: 15px;
  margin-top: 49px;
  line-height: 3;
}
.aboutus-waku .maru1-1 {
  position: absolute;
  width: 605px;
  height: 605px;
  top: -230px;
  right: -514px;
  background-color: #9CBAA2;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(70px);
  z-index: -1;
}
.aboutus-waku .maru2 {
  position: absolute;
  width: 327px;
  height: 327px;
  top: -69px;
  left: -226px;
  background-color: #E1A39B;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(60px);
  z-index: -1;
}
.aboutus-waku .maru3 {
  position: absolute;
  width: 327px;
  height: 327px;
  top: 534px;
  left: 899px;
  background-color: #E1A39B;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(60px);
  z-index: -1;
}
.aboutus-waku .maru4 {
  position: absolute;
  width: 325px;
  height: 325px;
  top: 534px;
  left: -226px;
  background-color: #C0BA7E;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(60px);
  z-index: -1;
}

.top-img {
  width: 1010px;
  margin: 100px auto;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .top-img {
    width: 100%;
    margin: 10% auto;
  }
}
.top-img-title {
  font-size: 29px;
  background-color: rgba(255, 255, 255, 0.94);
  position: absolute;
  top: 446.5px;
  left: -10px;
  padding: 10px 25px 10px 40px;
  line-height: 45px;
}
@media only screen and (max-width: 769px) {
  .top-img-title {
    position: absolute;
    font-size: 17px;
    width: 95%;
    margin-top: -15%;
    top: -2%;
    line-height: 30px;
    padding: 5px 0px 5px 40px;
  }
}
.top-img-title2 {
  font-size: 29px;
  background-color: rgba(255, 255, 255, 0.94);
  position: absolute;
  top: 506px;
  left: -10px;
  padding: 5px 25px;
  line-height: 50px;
}
.top-img .interview-title {
  font-size: 15px;
  margin-top: 20px;
  text-align: left;
}
@media only screen and (max-width: 769px) {
  .top-img .interview-title {
    width: 84%;
    margin: 10px auto 0px;
    font-size: 12px;
  }
}
.top-img .interview-title2 {
  font-size: 12px;
  margin-top: 20px;
  text-align: left;
  color: #3E3A39;
  width: 541px;
}
@media only screen and (max-width: 769px) {
  .top-img .interview-title2 {
    width: 84%;
    margin: 10px auto 0px;
  }
}

.interview-top-img {
  width: 100%;
}

.inter-waku {
  width: 1000px;
  margin: 100px auto 100px;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .inter-waku {
    width: 84%;
    margin: 10% auto 0px;
  }
}
.inter-waku-title {
  font-size: 25px;
}
@media only screen and (max-width: 769px) {
  .inter-waku-title {
    font-size: 16px;
  }
}
.inter-waku-title2 {
  font-size: 15px;
  line-height: 30px;
  margin: 50px auto;
}
@media only screen and (max-width: 769px) {
  .inter-waku-title2 {
    margin: 10% auto;
    font-size: 13px;
  }
}
.inter-waku-inner {
  display: flex;
}

.interview-archive-waku2 {
  width: 1010px;
  margin: 150px auto 200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2 {
    display: block;
    margin: 20% auto 10%;
    width: 100%;
  }
}
.interview-archive-waku2-inner {
  width: 300px;
  position: relative;
  margin-bottom: 70px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner {
    width: 100%;
  }
}
.interview-archive-waku2-inner-img {
  width: 100%;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner-img {
    width: 100%;
  }
}
.interview-archive-waku2-inner-img .story-logo {
  position: absolute;
  top: 38px;
  left: -39px;
  width: 172px;
  transform: rotate(-20deg);
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner-img .story-logo {
    width: 39%;
    left: 5%;
    top: 10%;
  }
}
.interview-archive-waku2-inner .member-title {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title {
    font-size: 16px;
    padding-left: 8%;
  }
}
.interview-archive-waku2-inner .member-title-bana {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title-bana {
    font-size: 16px;
    padding-left: 8%;
  }
}
.interview-archive-waku2-inner .member-title2 {
  color: white;
  display: table;
  padding: 3px 20px;
  font-size: 23px;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title2 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    padding: 10px 20px 5px 8%;
  }
}
.interview-archive-waku2-inner .member-title2-2-2 {
  color: white;
  display: table;
  padding: 3px 20px;
  font-size: 23px;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title2-2-2 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    padding-left: 8%;
  }
}
.interview-archive-waku2-inner .member-title2-2 {
  color: white;
  display: table;
  padding: 18px 20px 15px 20px;
  font-size: 23px;
  padding-left: 20px;
  line-height: 23px;
  margin-top: -18px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title2-2 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    margin-top: -1px;
    line-height: 10px;
    padding: 5px 20px 20px 8%;
  }
}
.interview-archive-waku2-inner .member-title2-3 {
  color: white;
  display: table;
  padding: 10px 20px 5px;
  font-size: 23px;
  padding-left: 20px;
  line-height: 23px;
  margin-bottom: -8px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title2-3 {
    display: block;
    width: 90%;
    position: relative;
    line-height: 17px;
    padding: 20px 20px 16px 8%;
    margin-bottom: 0px;
    font-size: 19px;
  }
}
.interview-archive-waku2-inner .member-title2-4 {
  color: white;
  display: table;
  padding: 11px 20px 13px 20px;
  font-size: 23px;
  padding-left: 20px;
  line-height: 23px;
  z-index: -1;
  margin-bottom: 0px;
  margin-top: 5px;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title2-4 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    margin-top: -1px;
    line-height: 10px;
    padding: 5px 20px 20px 8%;
    margin-bottom: 10px;
  }
}
.interview-archive-waku2-inner .member-title3 {
  color: #3E3A39;
  font-size: 13px;
  text-align: left;
  margin: 10px 0px;
  opacity: 0.6;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2-inner .member-title3 {
    width: 84%;
    margin: 5% auto;
  }
}
.interview-archive-waku2-inner .white-koron {
  position: relative;
}
.interview-archive-waku2-inner .white-koron::after {
  background-image: url(../img/header/koron-white.svg);
  width: 19px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: -4px;
}
.interview-archive-waku2-inner .black-btn {
  width: 114px;
  line-height: 31px;
  background-color: #3E3A39;
  color: white;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  text-decoration: none;
  outline: none;
  text-align: center;
  font-size: 15px;
  margin-top: 20px;
}
.interview-archive-waku2 .maru12-1 {
  position: absolute;
  width: 325px;
  height: 325px;
  top: -95px;
  left: 210px;
  background-color: #14939C;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(70px);
  z-index: -1;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2 .maru12-1 {
    width: 127px;
    height: 127px;
    top: 53%;
    left: 59%;
    filter: blur(30px);
    transform: translateZ(0);
  }
}
.interview-archive-waku2 .maru13-1 {
  position: absolute;
  width: 190px;
  height: 190px;
  top: -109px;
  left: 269px;
  background-color: #DEB5A4;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(30px);
  z-index: -1;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2 .maru13-1 {
    width: 127px;
    height: 127px;
    top: 40%;
    left: 94%;
    filter: blur(30px);
    transform: translateZ(0);
  }
}
.interview-archive-waku2 .maru14 {
  position: absolute;
  width: 325px;
  height: 325px;
  top: 127px;
  left: -287px;
  background-color: #14939C;
  border-radius: 50%;
  opacity: 0.2 !important;
  filter: blur(90px);
  z-index: -1;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2 .maru14 {
    width: 127px;
    height: 127px;
    top: 90%;
    left: 10%;
    filter: blur(30px);
    transform: translateZ(0);
  }
}
.interview-archive-waku2 .maru1 {
  position: absolute;
  width: 131px;
  height: 131px;
  top: 897px;
  right: 128px;
  background-color: #1E939C;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(60px);
  z-index: -1;
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2 .maru1 {
    width: 127px;
    height: 127px;
    top: 20%;
    left: 4%;
    filter: blur(30px);
    transform: translateZ(0);
  }
}
.interview-archive-waku2 .maru2 {
  position: absolute;
  width: 242px;
  height: 242px;
  top: 661px;
  left: 956px;
  background-color: #E1A39B;
  border-radius: 50%;
  opacity: 0.3 !important;
  filter: blur(60px);
}
@media only screen and (max-width: 769px) {
  .interview-archive-waku2 .maru2 {
    width: 127px;
    height: 127px;
    top: 70%;
    left: 15%;
    filter: blur(30px);
    transform: translateZ(0);
  }
}

.men-1 {
  color: #51ADB1 !important;
  font-weight: 700;
}

.men-2 {
  color: #C0BA7E !important;
  font-weight: 700;
}

.men-3 {
  color: #9CBAA2 !important;
  font-weight: 700;
}

.men-4 {
  color: #648DCA !important;
  font-weight: 700;
}

.men-5 {
  color: #DB8B81 !important;
  font-weight: 700;
}

@media only screen and (max-width: 769px) {
  .sm-margin30 {
    margin: 30% auto 0px;
  }
}

.koro1 {
  position: relative;
}
.koro1::after {
  content: "";
  background-image: url(../img/interview/koro1.svg);
  width: 19px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: -24px;
}
@media only screen and (max-width: 769px) {
  .koro1::after {
    width: 12px;
    height: 22px;
    top: 8px;
    left: -14px;
  }
}

.koro2 {
  position: relative;
}
.koro2::after {
  content: "";
  background-image: url(../img/interview/koro2.svg);
  width: 19px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: -24px;
}
@media only screen and (max-width: 769px) {
  .koro2::after {
    width: 12px;
    height: 22px;
    top: 8px;
    left: -14px;
  }
}

.koro3 {
  position: relative;
}
.koro3::after {
  content: "";
  background-image: url(../img/interview/koro3.svg);
  width: 19px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: -24px;
}
@media only screen and (max-width: 769px) {
  .koro3::after {
    width: 12px;
    height: 22px;
    top: 8px;
    left: -14px;
  }
}

.koro4 {
  position: relative;
}
.koro4::after {
  content: "";
  background-image: url(../img/interview/koro4.svg);
  width: 19px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: -24px;
}
@media only screen and (max-width: 769px) {
  .koro4::after {
    width: 12px;
    height: 22px;
    top: 8px;
    left: -14px;
  }
}

.koro5 {
  position: relative;
}
.koro5::after {
  content: "";
  background-image: url(../img/interview/koro5.svg);
  width: 19px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: -24px;
}
@media only screen and (max-width: 769px) {
  .koro5::after {
    width: 12px;
    height: 22px;
    top: 8px;
    left: -14px;
  }
}

.font-17 {
  font-size: 18px !important;
}

.margin-top200 {
  margin-top: 200px;
}
@media only screen and (max-width: 769px) {
  .margin-top200 {
    margin-top: 40%;
  }
}

.single-archive-waku2 {
  width: 1100px;
  margin: 150px auto 200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2 {
    display: block;
    margin: 20% auto 10%;
    width: 100%;
  }
}
.single-archive-waku2-inner {
  width: 276px;
  position: relative;
  margin: 0px 45px 70px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner {
    width: 84%;
    margin: 10% auto;
  }
}
.single-archive-waku2-inner-img {
  width: 100%;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner-img {
    width: 100%;
  }
}
.single-archive-waku2-inner-img .story-logo {
  position: absolute;
  top: 38px;
  left: -39px;
  width: 172px;
  transform: rotate(-20deg);
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner-img .story-logo {
    width: 39%;
    left: 5%;
    top: 10%;
  }
}
.single-archive-waku2-inner .post-date {
  color: rgba(62, 58, 57, 0.5882352941);
  letter-spacing: 1.5px;
  font-size: 11px;
}
.single-archive-waku2-inner .member-title {
  font-size: 18px;
  margin: 10px auto 0px;
  line-height: 20px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title {
    font-size: 16px;
    padding-left: 0px;
  }
}
.single-archive-waku2-inner .member-title-bana {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title-bana {
    font-size: 16px;
    padding-left: 8%;
  }
}
.single-archive-waku2-inner .member-title2 {
  color: white;
  display: table;
  padding: 3px 20px;
  font-size: 23px;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title2 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    padding: 10px 20px 5px 8%;
  }
}
.single-archive-waku2-inner .member-title2-2-2 {
  color: white;
  display: table;
  padding: 3px 20px;
  font-size: 23px;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title2-2-2 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    padding-left: 8%;
  }
}
.single-archive-waku2-inner .member-title2-2 {
  color: white;
  display: table;
  padding: 18px 20px 15px 20px;
  font-size: 23px;
  padding-left: 20px;
  line-height: 23px;
  margin-top: -18px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title2-2 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    margin-top: -1px;
    line-height: 10px;
    padding: 5px 20px 20px 8%;
  }
}
.single-archive-waku2-inner .member-title2-3 {
  color: white;
  display: table;
  padding: 10px 20px 5px;
  font-size: 23px;
  padding-left: 20px;
  line-height: 23px;
  margin-bottom: -8px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title2-3 {
    display: block;
    width: 90%;
    position: relative;
    line-height: 17px;
    padding: 20px 20px 16px 8%;
    margin-bottom: 0px;
    font-size: 19px;
  }
}
.single-archive-waku2-inner .member-title2-4 {
  color: white;
  display: table;
  padding: 11px 20px 13px 20px;
  font-size: 23px;
  padding-left: 20px;
  line-height: 23px;
  z-index: -1;
  margin-bottom: 0px;
  margin-top: 5px;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title2-4 {
    font-size: 19px;
    display: block;
    width: 90%;
    position: relative;
    margin-top: -1px;
    line-height: 10px;
    padding: 5px 20px 20px 8%;
    margin-bottom: 10px;
  }
}
.single-archive-waku2-inner .member-title3 {
  color: #3E3A39;
  font-size: 13px;
  text-align: left;
  margin: 10px 0px;
  opacity: 0.6;
}
@media only screen and (max-width: 769px) {
  .single-archive-waku2-inner .member-title3 {
    width: 84%;
    margin: 5% auto;
  }
}
.single-archive-waku2-inner .single-information-flexbox {
  display: flex;
  width: 100%;
  margin: 5px auto 0px;
  justify-content: flex-start;
  align-items: center;
}
.single-archive-waku2-inner .white-koron {
  position: relative;
}
.single-archive-waku2-inner .white-koron::after {
  background-image: url(../img/header/koron-white.svg);
  width: 19px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: -4px;
}
.single-archive-waku2-inner .black-btn {
  width: 114px;
  line-height: 31px;
  background-color: #3E3A39;
  color: white;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  text-decoration: none;
  outline: none;
  text-align: center;
  font-size: 15px;
  margin-top: 20px;
}/*# sourceMappingURL=interview.css.map */