@charset "UTF-8";
/**************************************
common
**************************************/
.main-area .main-inner {
  width: 100%;
}

.pc_only {
  display: none !important; }

#staffcoordinate_200518 {
  font-family: "quasimoda", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000000;
  margin-bottom: 150px; }

#staffcoordinate_200518 img{
  width: 100%; }

#staffcoordinate_200518 video{
  width: 100%; }

#staffcoordinate_200518 .flex{
  display: flex; }

#staffcoordinate_200518 .name{
  font-size: calc(50*(100vw/750));
  letter-spacing: 0.06em;
}

#staffcoordinate_200518 .text {
  font-size: calc(24*(100vw/750));
  line-height: 2;
  letter-spacing: 0.12em;
  margin-top: calc(50*(100vw/750));
}

#staffcoordinate_200518 .credit_wrap {
  font-family: "quasimoda", 'Open Sans', sans-serif;
  font-size: calc(24*(100vw/750));
  letter-spacing: 0.08em;
  line-height: calc(36*(100vw/750));
  margin-top: calc(20*(100vw/750));
}

/*-----  fade  -----*/
.fade {
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/*-----  title  -----*/
#staffcoordinate_200518 .title .content_wrap{
  width: calc(678*(100vw/750));
  margin: calc(80*(100vw/750)) auto calc(120*(100vw/750)); }

#staffcoordinate_200518 .title .content_wrap img{
  width: calc(678*(100vw/750));
  margin: 0 auto;}

/*-----  sec01  -----*/
#staffcoordinate_200518 .sec01 ,#staffcoordinate_200518 .sec01 .sp_only {
  width: 100%;
}
#staffcoordinate_200518 .sec01 .content_wrap{
  width: 100%;
  height: calc(1800*(100vw/750));
  position: relative;
  background-color: #f4eff2;
  margin-bottom: calc(860*(100vw/750));
}
#staffcoordinate_200518 .sec01 .content_wrap h2{
  margin:calc(60*(100vw/750)) auto 0;
  text-align: center;
  line-height: 1;
}
#staffcoordinate_200518 .sec01 .content_wrap .name img{
  width: calc(120*(100vw/750));
  margin-bottom: calc(30*(100vw/750));
}

#staffcoordinate_200518 .sec01 .content_wrap .img{
  width: calc(675*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(70*(100vw/750));
}

#staffcoordinate_200518 .sec01 .content_wrap .movie{
  width: calc(450*(100vw/750));
  margin-left: calc(38*(100vw/750));
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec01 .content_wrap .text{
  margin-top: calc(40*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: justify;
}

#staffcoordinate_200518 .sec01 .content_wrap .credit{
  margin-left: calc(38*(100vw/750));
  text-align: left;
}

#staffcoordinate_200518 .sec01 .content_wrap .text,#staffcoordinate_200518 .sec01 .content_wrap .credit{
  width: calc(662*(100vw/750));
}

/*-----  sec02  -----*/
#staffcoordinate_200518 .sec02 ,#staffcoordinate_200518 .sec02 .sp_only {
  width: 100%;
}
#staffcoordinate_200518 .sec02 .content_wrap{
  width: 100%;
  height: calc(1660*(100vw/750));
  position: relative;
  background-color: #f7f7f0;
  margin-bottom: calc(780*(100vw/750));
}
#staffcoordinate_200518 .sec02 .content_wrap h2{
  margin:calc(60*(100vw/750)) auto 0;
  text-align: center;
  line-height: 1;
}
#staffcoordinate_200518 .sec02 .content_wrap .name img{
  width: calc(120*(100vw/750));
  margin-bottom: calc(30*(100vw/750));
}

#staffcoordinate_200518 .sec02 .content_wrap .img{
  width: calc(600*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(70*(100vw/750));
}

#staffcoordinate_200518 .sec02 .content_wrap .movie{
  width: calc(410*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec02 .content_wrap .text{
  margin-top: calc(40*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: justify;
}

#staffcoordinate_200518 .sec02 .content_wrap .credit{
  margin-left: calc(38*(100vw/750));
  text-align: left;
}

#staffcoordinate_200518 .sec02 .content_wrap .text,#staffcoordinate_200518 .sec02 .content_wrap .credit{
  width: calc(662*(100vw/750));
}

/*-----  sec03  -----*/
#staffcoordinate_200518 .sec03 ,#staffcoordinate_200518 .sec03 .sp_only {
  width: 100%;
}
#staffcoordinate_200518 .sec03 .content_wrap{
  width: 100%;
  height: calc(2400*(100vw/750));
  position: relative;
  background-color: #f5f2f7;
  margin-bottom: calc(760*(100vw/750));
}
#staffcoordinate_200518 .sec03 .content_wrap h2{
  margin:calc(60*(100vw/750)) auto 0;
  text-align: center;
  line-height: 1;
}
#staffcoordinate_200518 .sec03 .content_wrap .name img{
  width: calc(120*(100vw/750));
  margin-bottom: calc(30*(100vw/750));
}

#staffcoordinate_200518 .sec03 .content_wrap .img_01{
  width: calc(638*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(70*(100vw/750));
}

#staffcoordinate_200518 .sec03 .content_wrap .img_02{
  width: calc(450*(100vw/750));
  margin-left: calc(38*(100vw/750));
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec03 .content_wrap .movie{
  width: calc(375*(100vw/750));
  margin-left: auto;
  margin-right: calc(38*(100vw/750));
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec03 .content_wrap .text{
  margin-top: calc(40*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: justify;
}

#staffcoordinate_200518 .sec03 .content_wrap .credit{
  width: calc(680*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: left;
}

#staffcoordinate_200518 .sec03 .content_wrap .text{
  width: calc(662*(100vw/750));
}

/*-----  sec04  -----*/
#staffcoordinate_200518 .sec04 ,#staffcoordinate_200518 .sec04 .sp_only {
  width: 100%;
}
#staffcoordinate_200518 .sec04 .content_wrap{
  width: 100%;
  height: calc(2260*(100vw/750));
  position: relative;
  background-color: #f9f7f2;
  margin-bottom: calc(820*(100vw/750));
}
#staffcoordinate_200518 .sec04 .content_wrap h2{
  margin:calc(60*(100vw/750)) auto 0;
  text-align: center;
  line-height: 1;
}
#staffcoordinate_200518 .sec04 .content_wrap .name img{
  width: calc(120*(100vw/750));
  margin-bottom: calc(30*(100vw/750));
}

#staffcoordinate_200518 .sec04 .content_wrap .img_01{
  width: calc(488*(100vw/750));
  margin-left: calc(38*(100vw/750));
  margin-top: calc(70*(100vw/750));
}

#staffcoordinate_200518 .sec04 .content_wrap .img_02{
  width: calc(488*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec04 .content_wrap .movie{
  width: calc(415*(100vw/750));
  margin-left: calc(60*(100vw/750));
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec04 .content_wrap .text{
  margin-top: calc(40*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: justify;
}

#staffcoordinate_200518 .sec04 .content_wrap .credit{
  margin-left: calc(38*(100vw/750));
  text-align: left;
}

#staffcoordinate_200518 .sec04 .content_wrap .text,#staffcoordinate_200518 .sec04 .content_wrap .credit{
  width: calc(662*(100vw/750));
}

/*-----  sec05  -----*/
#staffcoordinate_200518 .sec05 ,#staffcoordinate_200518 .sec05 .sp_only {
  width: 100%;
}
#staffcoordinate_200518 .sec05 .content_wrap{
  width: 100%;
  height: calc(1840*(100vw/750));
  position: relative;
  background-color: #f7f1ed;
  margin-bottom: calc(840*(100vw/750));
}
#staffcoordinate_200518 .sec05 .content_wrap h2{
  margin:calc(60*(100vw/750)) auto 0;
  text-align: center;
  line-height: 1;
}
#staffcoordinate_200518 .sec05 .content_wrap .name img{
  width: calc(120*(100vw/750));
  margin-bottom: calc(30*(100vw/750));
}

#staffcoordinate_200518 .sec05 .content_wrap .img{
  width: calc(676*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(70*(100vw/750));
}

#staffcoordinate_200518 .sec05 .content_wrap .movie{
  width: calc(486*(100vw/750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec05 .content_wrap .text{
  margin-top: calc(40*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: justify;
}

#staffcoordinate_200518 .sec05 .content_wrap .credit{
  margin-left: calc(38*(100vw/750));
  text-align: left;
}

#staffcoordinate_200518 .sec05 .content_wrap .text,#staffcoordinate_200518 .sec05 .content_wrap .credit{
  width: calc(662*(100vw/750));
}

/*-----  sec06  -----*/
#staffcoordinate_200518 .sec06 ,#staffcoordinate_200518 .sec06 .sp_only {
  width: 100%;
}
#staffcoordinate_200518 .sec06 .content_wrap{
  width: 100%;
  height: calc(2320*(100vw/750));
  position: relative;
  background-color: #f9f7f4;
  margin-bottom: calc(890*(100vw/750));
}
#staffcoordinate_200518 .sec06 .content_wrap h2{
  margin:calc(60*(100vw/750)) auto 0;
  text-align: center;
  line-height: 1;
}
#staffcoordinate_200518 .sec06 .content_wrap .name img{
  width: calc(120*(100vw/750));
  margin-bottom: calc(30*(100vw/750));
}

#staffcoordinate_200518 .sec06 .content_wrap .img_01{
  width: calc(562*(100vw/750));
  margin-left: calc(38*(100vw/750));
  margin-top: calc(70*(100vw/750));
}

#staffcoordinate_200518 .sec06 .content_wrap .img_02{
  width: calc(488*(100vw/750));
  margin-left: auto;
  margin-right: 0;
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec06 .content_wrap .movie{
  width: calc(415*(100vw/750));
  margin-left: calc(38*(100vw/750));
  margin-top: calc(40*(100vw/750));
}

#staffcoordinate_200518 .sec06 .content_wrap .text{
  margin-top: calc(40*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: justify;
}

#staffcoordinate_200518 .sec06 .content_wrap .credit{
  width: calc(680*(100vw/750));
  margin-left: calc(38*(100vw/750));
  text-align: left;
}

#staffcoordinate_200518 .sec06 .content_wrap .text{
  width: calc(662*(100vw/750));
}

/*-----  btn_area  -----*/
#staffcoordinate_200518 .btn_area .img{
  width: calc(676*(100vw/750));
  margin: 0 auto;
}

#staffcoordinate_200518 .before_btn a {
  font-family: brandon-grotesque, sans-serif;
  display: block;
  width: calc(200 * (100vw / 750));
  border-bottom: 1px solid #000;
  margin: calc(74 * (100vw / 750)) auto calc(200 * (100vw / 750)) auto;
  font-weight: 300;
  font-size: calc(46 * (100vw / 750));
  letter-spacing: 0.04em;
  padding: 0 0 calc(20 * (100vw / 750)) calc(32 * (100vw / 750));
  position: relative;
}
#staffcoordinate_200518 .before_btn a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: calc(40 * (100vw / 750));
  left: calc(154 * (100vw / 750));
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #000;
}