@charset "UTF-8";
@media screen and (max-width: 768px) {
  .menuItem.zine {
    text-align: center;
  }
  .menuItem.zine img {
    width: 12.8vw !important;
  }
}
.greetingsTitle {
  width: 176px;
  margin: 0 auto 70px;
}
@media screen and (max-width: 768px) {
  .greetingsTitle {
    width: 40vw;
    margin-bottom: 10.666666666666668vw;
  }
}
.greetingsLead {
  width: 631px;
  margin: 0 auto 45px;
}
@media screen and (max-width: 768px) {
  .greetingsLead {
    width: 72vw;
    margin-bottom: 9.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .greetingsTextWrapper {
    width: 88vw;
    margin: 0 auto;
  }
}
.greetingsText {
  font-size: 17px;
  line-height: 1.882;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .greetingsText {
    font-size: 15px;
    line-height: 2;
  }
}
.greetingsText .green {
  font-weight: bold;
  color: #1aa73b;
}
.profileWrapper {
  background-color: #fdfdfd;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .profileWrapper {
    padding: 13.333333333333334vw 0;
  }
}
.profileContainer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
      padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .profileContainer {
    display: block;
    width: 88vw;
    margin: 0 auto;
  }
}
.profileImage {
  border-radius: 8px;
  overflow: hidden;
  width: 180px;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .profileImage {
    width: 34.66666666666667vw;
    margin: 0 auto 8vw;
  }
}
.profileDetails {
  width: 767px;
}
@media screen and (max-width: 768px) {
  .profileDetails {
    width: 100%;
  }
}
.profileName {
  width: 333px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .profileName {
    width: 83.46666666666667vw;
    margin-bottom: 6.666666666666667vw;
  }
}
.profileText {
  font-size: 15px;
  color: #1aa73b;
  line-height: 1.882;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .profileText {
    text-align: center;
    margin-bottom: 8vw;
  }
}
.profileTags {
  font-size: 14px;
  line-height: 1.7857;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .profileTags {
    display: block;
    font-size: 13px;
  }
}
.profileTag {
  width: 50px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .profileTag {
    width: 13.333333333333334vw;
    margin-right: 1.333333333333333vw;
  }
}
.profileTagText {
  display: inline-block;
}
.profileBornWrapper {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .profileBornWrapper {
    margin-bottom: 2.666666666666667vw;
  }
}
.profileHobbyWrapper {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .profileHobbyWrapper {
    margin-bottom: 6.666666666666667vw;
  }
}
.profileTagLeft {
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .profileTagLeft {
    margin-right: 0;
  }
}
.loopBg {
  background-image: url("/img/about/loopbg.jpg");
  background-size: 183.4553440702782vw 14.641288433382138vw;
  -webkit-animation: bgloop 30s linear infinite;
          animation: bgloop 30s linear infinite;
  height: 14.641288433382138vw;
}
@media screen and (max-width: 768px) {
  .loopBg {
    background-size: 601.3333333333334vw 48vw;
    height: 48vw;
    -webkit-animation: bgloopSP 30s linear infinite;
            animation: bgloopSP 30s linear infinite;
  }
}
.powerWrapper {
  padding-top: 120px;
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .powerWrapper {
    padding-top: 21.333333333333336vw;
    margin-bottom: 5.333333333333334vw;
  }
}
.powerTitle {
  width: 360px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .powerTitle {
    width: 82.13333333333334vw;
    margin-bottom: 10.666666666666668vw;
  }
}
.powerText {
  font-size: 17px;
  line-height: 1.882;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .powerText {
    width: 88vw;
    text-align: center;
    font-size: 15px;
    line-height: 2;
    margin: 0 auto 8vw;
  }
}
.powerPdfList {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .powerPdfList {
    display: block;
  }
}
.powerPdfItem {
  text-align: center;
  margin: 0 80px;
  display: block;
}
@media screen and (max-width: 768px) {
  .powerPdfItem {
    margin: 0 auto 16vw;
  }
}
.powerPdfItemImage {
  width: 160px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .powerPdfItemImage {
    width: 34.13333333333333vw;
    margin-bottom: 5.333333333333334vw;
  }
}
.powerPdfItemTitle {
  position: relative;
  color: #1aa73b;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  padding-right: 1.2em;
}
.powerPdfItemTitle:after {
  content: '';
  display: block;
  background-image: url("/img/about/pdf_icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 0.9em;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2px;
  margin-right: 0;
  text-align: center;
}
.powerPdfItemText {
  font-size: 13px;
  line-height: 1.692;
  margin-bottom: 15px;
  color: #6a6a6a;
}
.zineWrapper {
  margin-bottom: 80px;
  overflow: hidden;
}
.zineTitle {
  width: 83px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .zineTitle {
    width: 21.333333333333336vw;
    margin-bottom: 10.666666666666668vw;
  }
}
.zineItemImage {
  width: 179px;
  margin: 0 auto 25px;
}
.zineItemImage.wide {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .zineItemImage.wide {
    width: 36.8vw;
  }
}
@media screen and (max-width: 768px) {
  .zineItemImage {
    width: 34.66666666666667vw;
  }
}
.zineItemText {
  font-size: 17px;
  color: #363636;
  text-align: center;
  line-height: 1.411;
}
.zineItemText .small {
  font-size: 14px;
  color: #6a6a6a;
}
.zineSlider {
  margin: 0 auto;
  width: 1366px;
  position: relative;
}
@media screen and (max-width: 1366px) {
  .zineSlider {
    margin: 0 calc(50% - 50vw);
  }
}
@media screen and (max-width: 768px) {
  .zineSlider {
    width: 148.26666666666665vw;
    margin-left: -24.133333333333333vw;
  }
}
.zineSlider:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.7);
  width: 240px;
  height: 100%;
  z-index: 9997;
}
@media screen and (max-width: 768px) {
  .zineSlider:before {
    width: 46.666666666666664vw;
  }
}
.zineSlider:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255,255,255,0.7);
  width: 240px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .zineSlider:after {
    width: 46.666666666666664vw;
  }
}
.slide-arrow {
  width: 25px;
  position: absolute;
  top: 0;
  margin-top: 108px;
  z-index: 9998;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .slide-arrow {
    width: 4.266666666666667vw;
    margin-top: 19.733333333333334vw;
  }
}
.slide-arrow.prev-arrow {
  left: 0;
  margin-left: 260px;
}
@media screen and (max-width: 768px) {
  .slide-arrow.prev-arrow {
    margin-left: 48vw;
  }
}
.slide-arrow.next-arrow {
  right: 0;
  margin-right: 260px;
}
@media screen and (max-width: 768px) {
  .slide-arrow.next-arrow {
    margin-right: 48vw;
  }
}





.loopimgWrapper {
  margin-bottom: 80px;
  overflow: hidden;
}
.loopimgTitle {
  width: 83px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .loopimgTitle {
    width: 21.333333333333336vw;
    margin-bottom: 10.666666666666668vw;
  }
}
.loopimgItemImage {
  width: 179px;
  margin: 0 auto 25px;
}
.loopimgItemImage.wide {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .loopimgItemImage.wide {
    width: 36.8vw;
  }
}
@media screen and (max-width: 768px) {
  .loopimgItemImage {
    width: 34.66666666666667vw;
  }
}
.loopimgItemText {
  font-size: 17px;
  color: #363636;
  text-align: center;
  line-height: 1.411;
}
.loopimgItemText .small {
  font-size: 14px;
  color: #6a6a6a;
}
.loopimgSlider {
  margin: 0 auto;
  width: 1366px;
  position: relative;
}
@media screen and (max-width: 1366px) {
  .loopimgSlider {
    margin: 0 calc(50% - 50vw);
  }
}
@media screen and (max-width: 768px) {
  .loopimgSlider {
    width: 148.26666666666665vw;
    margin-left: -24.133333333333333vw;
  }
}
.loopimgSlider:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.7);
  width: 240px;
  height: 100%;
  z-index: 9997;
}
@media screen and (max-width: 768px) {
  .loopimgSlider:before {
    width: 46.666666666666664vw;
  }
}
.loopimgSlider:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255,255,255,0.7);
  width: 240px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .loopimgSlider:after {
    width: 46.666666666666664vw;
  }
}





.linksWrapper {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .linksWrapper {
    width: 88vw;
    margin: 0 auto;
    padding-bottom: 16vw;
  }
}
.linksText {
  font-size: 17px;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .linksText {
    font-size: 15px;
  }
}
.linksList {
  width: 900px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .linksList {
    display: block;
    width: 100%;
  }
}
.linkItem {
  margin: 0 25px 60px;
  width: 400px;
  display: block;
}
@media screen and (max-width: 768px) {
  .linkItem {
    width: 100%;
    margin: 0 auto 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .linkItem:nth-of-type(2) {
    margin-bottom: 13.333333333333334vw;
  }
}
@-webkit-keyframes bgloop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 183.4553440702782vw 0;
  }
}
@keyframes bgloop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 183.4553440702782vw 0;
  }
}
@-webkit-keyframes bgloopSP {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 601.3333333333334vw 0;
  }
}
@keyframes bgloopSP {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 601.3333333333334vw 0;
  }
}