@charset "UTF-8";
/*
 * common
 * common：トップ画面用css。
 */
/*
 * setting
 * setting：各変数の定義。
 */
/*
 * helpers
 * helpers：mixinなどのヘルパーcss
 */
/*
 * borders
 */
/*
 * clearfix
 */
/*
 * gradient
 */
/*
 * margin-auto
 */
/*
 * off-left
 */
/*
 * placeholder
 */
/*
 * buttons
 */
/* line 6, ../../../../assets/common/css/modules/_buttons.scss */
.btnArea {
  text-align: center;
}

/*common btns*/
/* line 11, ../../../../assets/common/css/modules/_buttons.scss */
.btnInactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  cursor: default;
}

/* line 4, ../../../../assets/common/css/top/_topMembers.scss */
.btn-more02 {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 38px;
  position: relative;
  overflow: hidden;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  width: 298px;
  margin-right: auto;
  margin-left: auto;
  background: rgba(0, 0, 0, 0.7);
}
/* line 31, ../../../../assets/common/css/modules/_buttons.scss */
.btn-more02::after {
  content: "→";
  position: absolute;
  right: 10px;
}
/* line 36, ../../../../assets/common/css/modules/_buttons.scss */
.btn-more02:visited {
  text-decoration: none;
}
/* line 39, ../../../../assets/common/css/modules/_buttons.scss */
.btn-more02:active {
  background: rgba(255, 255, 255, 0.4);
}

/* line 10, ../../../../assets/common/css/top/_topMembers.scss */
.memberList {
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  width: 90vw;
  max-width: 936px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 18, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo {
  box-sizing: border-box;
  width: 50%;
  padding: 25px 2.5%;
  text-align: center;
}
/* line 23, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo:nth-child(2), .memberList .memberInfo:first-child {
  padding-top: 0;
}
/* line 27, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 33, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a:hover .memberPhoto {
  border: 3px solid #fcc1ca;
}
/* line 36, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a:hover .memberName,
.memberList .memberInfo > a:hover .memberName-roman,
.memberList .memberInfo > a:hover .memberJob {
  color: #ffa7ca;
}
/* line 42, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a .memberPhoto {
  height: 23vw;
  width: 23vw;
  max-width: 200px;
  max-height: 200px;
  border-radius: 50%;
  overflow: hidden;
  transition: all .4s;
  border: 3px solid transparent;
}
/* line 52, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a .memberName {
  color: #444;
  font-size: 22px;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
  transition: all .4s;
}
/* line 60, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a .memberName-roman {
  color: #666;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 7px auto 0;
  padding: 3px 0;
  width: 160px;
  transition: all .4s;
}
/* line 70, ../../../../assets/common/css/top/_topMembers.scss */
.memberList .memberInfo > a .memberJob {
  color: #666;
  font-size: 11px;
  letter-spacing: 1px;
  margin-right: auto;
  margin-left: auto;
  padding: 3px 0;
  width: 160px;
  transition: all .4s;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 92, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo > a .memberPhoto {
    height: 19vw;
    width: 19vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 104, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo {
    border-bottom: 1px solid #ccc;
  }
  /* line 106, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo:nth-last-child(2):not(.for-odd), .memberList .memberInfo:last-child {
    border-bottom: none;
  }
  /* line 110, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo:nth-child(odd) {
    border-right: 1px solid #ccc;
  }
  /* line 114, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo > a .memberName {
    font-size: 18px;
  }
  /* line 117, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo > a .memberJob {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  /* line 128, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo:nth-child(odd) {
    padding-left: 0;
    padding-right: 5%;
  }
  /* line 132, ../../../../assets/common/css/top/_topMembers.scss */
  .memberList .memberInfo:nth-child(even) {
    padding-left: 5%;
    padding-right: 0;
  }
}
/* line 16, ../../../../assets/common/css/top.scss */
section {
  padding: 70px 0;
  z-index: 5;
}
/* line 20, ../../../../assets/common/css/top.scss */
section.image {
  background-attachment: fixed;
  background-size: cover;
  font-size: 0;
  padding: 0;
  z-index: 2;
}

/* line 29, ../../../../assets/common/css/top.scss */
.content {
  padding: 0;
  z-index: 0;
}

/* line 34, ../../../../assets/common/css/top.scss */
#loader {
  text-align: center;
  font-size: 16px;
  color: #f5b29b;
}
/* line 38, ../../../../assets/common/css/top.scss */
#loader #loader-logo {
  margin-bottom: 30px;
}
/* line 40, ../../../../assets/common/css/top.scss */
#loader #loader-logo img {
  width: 200px;
  display: block;
  margin: 0 auto;
}

/* line 52, ../../../../assets/common/css/top.scss */
#bar {
  width: 300px;
  height: 2px;
  border: 1px solid #f5b29b;
  padding: 1px;
  font-size: 1px;
  margin: 10px auto 0;
}
/* line 59, ../../../../assets/common/css/top.scss */
#bar span {
  display: block;
  width: 0px;
  height: 2px;
  background: #f5b29b;
}

/* line 67, ../../../../assets/common/css/top.scss */
.top-bg-1 {
  background: url(/common/images/top_bg_1.jpg) no-repeat 50% 0;
}

/* line 70, ../../../../assets/common/css/top.scss */
.top-bg-2 {
  background: url(/common/images/top_bg_2.jpg) no-repeat 50% 0;
}

/* line 73, ../../../../assets/common/css/top.scss */
.top-bg-3 {
  background: url(/common/images/top_bg_3.jpg) no-repeat 50% 0;
}

/* line 77, ../../../../assets/common/css/top.scss */
h2 {
  font-size: 30px;
  letter-spacing: 15px;
  text-align: center;
}
/* line 81, ../../../../assets/common/css/top.scss */
h2 > span {
  display: block;
  font-size: 16px;
  letter-spacing: 8px;
}
/* line 85, ../../../../assets/common/css/top.scss */
h2 > span::before {
  content: "-";
}
/* line 88, ../../../../assets/common/css/top.scss */
h2 > span::after {
  content: "-";
}

/* line 94, ../../../../assets/common/css/top.scss */
.intro {
  padding: 250px 0 150px;
}

/* line 98, ../../../../assets/common/css/top.scss */
.intro-ttl {
  opacity: 0;
  margin-top: 50px;
}
/* line 101, ../../../../assets/common/css/top.scss */
.intro-ttl::before {
  content: "{";
}
/* line 104, ../../../../assets/common/css/top.scss */
.intro-ttl::after {
  content: "}";
}

/* line 109, ../../../../assets/common/css/top.scss */
.intro-txt {
  opacity: 0;
  font-size: 14px;
  letter-spacing: 6px;
  line-height: 2;
  margin-top: 100px;
  text-align: center;
}

/* line 118, ../../../../assets/common/css/top.scss */
.colorBoxArea {
  width: 50px;
  margin: 80px auto 0;
}

@media screen and (max-width: 768px) {
  /* line 126, ../../../../assets/common/css/top.scss */
  section {
    padding: 30px 0;
  }

  /*
    .header {
      height: 245px !important;
    }
  */
  /* line 134, ../../../../assets/common/css/top.scss */
  .intro {
    padding: 250px 3% 300px;
  }

  /*
  }
  
  @media screen and (max-width:480px){
  */
  /* line 145, ../../../../assets/common/css/top.scss */
  section.image {
    height: 200px !important;
    background-attachment: inherit;
  }

  /* line 151, ../../../../assets/common/css/top.scss */
  #bar {
    width: 200px;
  }

  /* line 155, ../../../../assets/common/css/top.scss */
  .intro {
    padding: 80px 3% 70px;
  }

  /* line 159, ../../../../assets/common/css/top.scss */
  .intro-ttl {
    font-size: 18px;
    letter-spacing: 1px;
  }

  /* line 164, ../../../../assets/common/css/top.scss */
  .intro-txt {
    opacity: 0;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.8;
    margin-top: 20px !important;
    text-align: center;
  }

  /* line 173, ../../../../assets/common/css/top.scss */
  h2 {
    font-size: 18px;
    letter-spacing: 15px;
    text-align: center;
  }

  /* line 178, ../../../../assets/common/css/top.scss */
  .colorBoxArea {
    margin: 20px auto 0;
    clear: both;
  }

  /* line 184, ../../../../assets/common/css/top.scss */
  .btnArea {
    margin-top: 25px;
  }
}