/* line 3, ../sass/about.scss */
#contents-wrapper {
  padding: 20px 0 0 0;
}

/* line 6, ../sass/about.scss */
#contents-wrapper .js-object,
#contents-wrapper .js-build,
#contents-wrapper .js-character,
#contents-wrapper .js-build-parts {
  display: block;
}

/* line 14, ../sass/about.scss */
.animation {
  padding-bottom: 20px;
}

/* line 19, ../sass/about.scss */
.animation .illust .about_build_01 {
  top: 40px;
  left: 114px;
}

/* line 24, ../sass/about.scss */
.animation .illust .about_build_02 {
  top: 322px;
  left: 29px;
}

/* line 29, ../sass/about.scss */
.animation .illust .about_build_03 {
  top: 407px;
  left: 320px;
}

/* line 34, ../sass/about.scss */
.animation .illust .about_build_04 {
  top: 295px;
  left: 644px;
}

/* line 39, ../sass/about.scss */
.animation .illust .about_build_05 {
  top: 44px;
  left: 588px;
}

/* line 44, ../sass/about.scss */
.animation .illust .about_character_01 {
  top: 174px;
  left: 235px;
}

/* line 49, ../sass/about.scss */
.animation .illust .about_character_02 {
  top: 471px;
  left: 178px;
}

/* line 54, ../sass/about.scss */
.animation .illust .about_character_03 {
  top: 490px;
  left: 520px;
}

/* line 59, ../sass/about.scss */
.animation .illust .about_character_04 {
  top: 459px;
  left: 738px;
}

/* line 64, ../sass/about.scss */
.animation .illust .about_character_05 {
  top: 164px;
  left: 550px;
}

/* line 69, ../sass/about.scss */
.animation .illust .about_character_06 {
  top: 253px;
  left: 401px;
}

/* line 77, ../sass/about.scss */
.fc_about_area {
  background: url(../images/about/fc_about_bg.png) no-repeat;
}

/* line 80, ../sass/about.scss */
.fc_about_area .fc_about {
  margin: 0 auto;
  width: 60%;
  padding: 20px;
  background: #c8edfd;
  color: #1b6080;
  margin-top: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(../js/PIE.htc);
  position: relative;
}

/* line 94, ../sass/about.scss */
.fc_about_area .fc_about div.heightLine-0-1 {
  vertical-align: middle;
  display: table-cell;
}

/* line 99, ../sass/about.scss */
.fc_about_area .fc_about .fc_about_img {
  float: left;
  margin-right: 20px;
  width: 111px;
}

/* line 104, ../sass/about.scss */
.fc_about_area .fc_about .fc_about_img div {
  width: 111px;
}

/* line 108, ../sass/about.scss */
.fc_about_area .fc_about .fc_about_img img {
  width: 100%;
}

/* line 113, ../sass/about.scss */
.fc_about_area .fc_about .fc_about_txt {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
}

/* line 122, ../sass/about.scss */
.about_space {
  height: 77px;
  background: #90df61 url(../images/about/about_moku.png) 0 30px no-repeat;
}

/* line 128, ../sass/about.scss */
.about_cha {
  background: #d2f2bf;
  width: 100%;
  position: relative;
  padding-bottom: 20px;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  behavior: url(../js/PIE.htc);
  position: relative;
}

/* line 141, ../sass/about.scss */
.about_cha .title {
  margin: 0 auto;
  background: #fff;
  width: 70%;
  text-align: center;
  font-size: 22px;
  color: #76c346;
  padding: 15px 20px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  behavior: url(../js/PIE.htc);
  position: relative;
}

/* line 157, ../sass/about.scss */
.about_cha .title span {
  font-size: 16px;
}

/* line 162, ../sass/about.scss */
.about_cha .cha_list_all {
  padding-top: 10px;
}

/* line 166, ../sass/about.scss */
.about_cha .p_a {
  width: 50%;
  position: absolute;
  top: -55px;
  left: 249px;
}

/* line 173, ../sass/about.scss */
.about_cha .cha_list {
  padding: 0 15px;
  float: left;
  width: 20%;
  margin-bottom: 40px;
}

/* line 179, ../sass/about.scss */
.about_cha .cha_list .img_cha {
  width: 100%;
  text-align: center;
  font-size: 13px;
}

/* line 184, ../sass/about.scss */
.about_cha .cha_list .img_cha .img {
  margin-bottom: 20px;
}

/* line 188, ../sass/about.scss */
.about_cha .cha_list .img_cha .txt {
  margin: 0 auto;
}

/* line 191, ../sass/about.scss */
.about_cha .cha_list .img_cha .txt .name {
  display: block;
  color: #a55300;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  background: #fff;
  border-radius: 300px;
  -moz-border-radius: 300px;
  -webkit-border-radius: 300px;
  behavior: url(../js/PIE.htc);
  position: relative;
}

/* line 208, ../sass/about.scss */
.about_cha .about_inst_list {
  padding-top: 20px;
  width: 50%;
  margin: 0 auto;
}

/* line 213, ../sass/about.scss */
.about_cha .about_inst_list .img_inst {
  float: left;
  margin-right: 20px;
}

/* line 220, ../sass/about.scss */
.about_cha .txt_inst .name {
  font-size: 13px;
  padding-bottom: 20px;
}

/* line 225, ../sass/about.scss */
.about_cha .txt_inst a {
  display: block;
}

/* line 229, ../sass/about.scss */
.about_cha .txt_inst .btn {
  padding: 20px;
  font-size: 16px;
  color: #fff;
  background: url(../images/about/btn_institution_01.png) center no-repeat;
  background-size: contain;
  margin-left: 210px;
  text-align: center;
  margin-bottom: 10px;
}


@media screen and (max-width: 769px) {
  /* line 245, ../sass/about.scss */
  #contents-wrapper {
    padding: 20px 0 40px 0;
  }
  /* line 249, ../sass/about.scss */
  .fc_about_area {
    background-size: contain;
  }
  /* line 252, ../sass/about.scss */
  .fc_about_area .fc_about {
    width: 75%;
    margin-top: 0;
  }
  /* line 256, ../sass/about.scss */
  .fc_about_area .fc_about .fc_about_txt {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
    line-height: 1.8;
  }
  /* line 267, ../sass/about.scss */
  .about_cha .cha_list_all {
    width: 95%;
    margin: 0 auto;
  }
  /* line 271, ../sass/about.scss */
  .about_cha .cha_list_all .cha_list {
    width: 50%;
    margin: 0;
    float: left;
    padding: 0;
  }
  /* line 278, ../sass/about.scss */
  .about_cha .cha_list_all .cha_list:nth-child(2n) {
    margin: 0;
  }
  /* line 285, ../sass/about.scss */
  .animation {
    background: #90df61 url(../images/animation/animation_base.png) top no-repeat;
    background-size: 100%;
  }
  /* line 292, ../sass/about.scss */
  .animation .illust .about_build_01 {
    top: 5px;
    left: 36px;
    width: 25%;
  }
  /* line 298, ../sass/about.scss */
  .animation .illust .about_build_02 {
    top: 85px;
    left: 11px;
    width: 25%;
  }
  /* line 304, ../sass/about.scss */
  .animation .illust .about_build_03 {
    top: 126px;
    left: 103px;
    width: 29%;
  }
  /* line 310, ../sass/about.scss */
  .animation .illust .about_build_04 {
    top: 87px;
    left: 206px;
    width: 25%;
  }
  /* line 316, ../sass/about.scss */
  .animation .illust .about_build_05 {
    top: 10px;
    left: 187px;
    width: 29%;
  }
  /* line 322, ../sass/about.scss */
  .animation .illust .about_character_01 {
    top: 51px;
    left: 71px;
    width: 15%;
  }
  /* line 328, ../sass/about.scss */
  .animation .illust .about_character_02 {
    top: 137px;
    left: 56px;
    width: 16%;
  }
  /* line 334, ../sass/about.scss */
  .animation .illust .about_character_03 {
    top: 152px;
    left: 167px;
    width: 15%;
  }
  /* line 340, ../sass/about.scss */
  .animation .illust .about_character_04 {
    top: 138px;
    left: 236px;
    width: 15%;
  }
  /* line 346, ../sass/about.scss */
  .animation .illust .about_character_05 {
    top: 46px;
    left: 176px;
    width: 15%;
  }
  /* line 352, ../sass/about.scss */
  .animation .illust .about_character_06 {
    top: 76px;
    left: 128px;
    width: 15%;
  }
  /* line 361, ../sass/about.scss */
  .about_cha {
    border-radius: 0;
    padding-bottom: 0;
  }
  /* line 364, ../sass/about.scss */
  .about_cha .cha_list_all {
    padding-top: 0;
  }
  /* line 368, ../sass/about.scss */
  .about_cha .p_a {
    position: static;
    width: 100%;
    border-radius: 0;
  }
  /* line 374, ../sass/about.scss */
  .about_cha .title {
    border-radius: 0;
    font-size: 16px;
    width: 100%;
  }
  /* line 380, ../sass/about.scss */
  .about_cha .cha_list {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
  /* line 385, ../sass/about.scss */
  .about_cha .cha_list .img_cha {
    margin-bottom: 20px;
  }
  /* line 388, ../sass/about.scss */
  .about_cha .cha_list .img_cha .img {
    width: 45%;
    float: left;
    display: block;
    margin-bottom: 0;
  }
  /* line 395, ../sass/about.scss */
  .about_cha .cha_list .img_cha .txt {
    margin-left: 50%;
    width: 50%;
    padding-top: 40px;
  }
  /* line 400, ../sass/about.scss */
  .about_cha .cha_list .img_cha .txt .name {
    font-size: 14px;
  }
  /* line 408, ../sass/about.scss */
  .about_cha .about_inst_list {
    width: 70%;
  }
  /* line 412, ../sass/about.scss */
  .about_cha .img_inst {
    width: 45%;
    float: left;
    margin-right: 5%;
  }
  /* line 418, ../sass/about.scss */
  .about_cha .txt_inst {
    width: 100%;
  }
  /* line 421, ../sass/about.scss */
  .about_cha .txt_inst .txt_right {
    width: 50%;
    margin-left: 50%;
  }
  /* line 425, ../sass/about.scss */
  .about_cha .txt_inst .txt_right .btn {
    margin-left: 0;
    width: 100%;
  }
  /* line 431, ../sass/about.scss */
  .about_cha .txt_inst .name {
    padding-bottom: 10px;
  }
  /* line 435, ../sass/about.scss */
  .about_cha .txt_inst .btn {
    width: 50%;
    margin-left: 50%;
  }
  /* line 441, ../sass/about.scss */
  .about_cha .btn_top {
    padding-top: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* line 451, ../sass/about.scss */
  .fc_about_area .fc_about {
    width: 90%;
    margin-top: 0;
    padding: 10px;
    margin-bottom: 40px;
  }
  /* line 457, ../sass/about.scss */
  .fc_about_area .fc_about .fc_about_img {
    width: 30%;
    margin-right: 10px;
  }
  /* line 462, ../sass/about.scss */
  .fc_about_area .fc_about .fc_about_txt {
    width: 100%;
    font-size: 12px;
    padding-top: 0;
    line-height: 21px;
  }
  /* line 475, ../sass/about.scss */
  .about_cha .cha_list_all .cha_list {
    width: 100%;
  }
  /* line 480, ../sass/about.scss */
  .about_cha .cha_list_all .cha_list .img_cha .img {
    width: 35%;
  }
  /* line 484, ../sass/about.scss */
  .about_cha .cha_list_all .cha_list .img_cha .txt {
    margin-left: 40%;
    width: 55%;
  }
  /* line 491, ../sass/about.scss */
  .about_cha .about_inst_list {
    width: 90%;
  }
  /* line 496, ../sass/about.scss */
  .about_cha .about_inst_list .txt_inst .name {
    padding-bottom: 20px;
  }
  /* line 500, ../sass/about.scss */
  .about_cha .about_inst_list .txt_inst .txt_right {
    margin-left: 0;
    width: 100%;
  }
  /* line 504, ../sass/about.scss */
  .about_cha .about_inst_list .txt_inst .txt_right .btn {
    width: 50%;
    margin-left: 50%;
    font-size: 13px;
    padding: 10px 20px;
  }
}