/* line 20, agrinch.scss */
.disp-pc {
  display: block;
}

/* line 23, agrinch.scss */
.disp-sp {
  display: none;
}

/* line 27, agrinch.scss */
.agrinch .main-contents {
  width: auto;
  padding-bottom: 40px;
}

/* line 32, agrinch.scss */
#agrin_video_new {
  position: relative;
  width: 884px;
  margin: 0 auto 50px;
  padding-top: 54.7%;
}
/* line 37, agrinch.scss */
#agrin_video_new iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 45, agrinch.scss */
.agrin_lead {
  width: 530px;
  margin: 0 auto 20px !important;
}

/* line 49, agrinch.scss */
.agrin_about_wrap {
  position: relative;
  width: 750px;
  margin: 0 auto 80px;
  padding: 40px 0 60px;
  background: url(/img/adgallery/agrinch/agrin_about_bg.png) no-repeat 50% 0;
  background-size: 100% auto;
}
/* line 56, agrinch.scss */
.agrin_about_wrap::before, .agrin_about_wrap::after {
  content: "";
  position: absolute;
}
/* line 60, agrinch.scss */
.agrin_about_wrap::before {
  top: 22px;
  left: -68px;
  width: 263px;
  height: 199px;
  background: url(/img/adgallery/agrinch/agrin_about_elem01.png) no-repeat 0 0;
}
/* line 67, agrinch.scss */
.agrin_about_wrap::after {
  top: 195px;
  right: -84px;
  width: 238px;
  height: 298px;
  background: url(/img/adgallery/agrinch/agrin_about_elem02.png) no-repeat 0 0;
}

/* line 75, agrinch.scss */
.agrin_aboubt_ttl {
  width: 256px;
  margin: 0 auto 14px;
}

/* line 79, agrinch.scss */
.agrin_aboubt_txt {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  font-weight: bold;
  text-align: center;
  line-height: 2.5em !important;
}
/* line 85, agrinch.scss */
.agrin_aboubt_txt .txt_border {
  display: inline-block;
  background: url(/img/adgallery/agrinch/agrin_about_txt_border.png) repeat-x 0 90%;
}

/* line 90, agrinch.scss */
.agrin_videos_wrap {
  width: 883px;
  margin: 0 auto;
}

/* line 94, agrinch.scss */
#agrin_videos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 98, agrinch.scss */
#agrin_videos::after {
  content: "";
  display: block;
  width: 284px;
}
/* line 103, agrinch.scss */
#agrin_videos > li {
  width: 284px;
  margin-bottom: 20px;
  padding: 30px 30px 53px;
  background: url(/img/adgallery/agrinch/agrin_video_bg.png) no-repeat 0 0;
  box-sizing: border-box;
}
/* line 110, agrinch.scss */
#agrin_videos > li a::after {
  content: none !important;
}

/* line 116, agrinch.scss */
.video_thmbs {
  width: 220px;
  margin-bottom: 14px;
}
/* line 119, agrinch.scss */
.video_thmbs img {
  max-width: 100%;
  height: auto;
}

/* line 124, agrinch.scss */
.video_txt {
  margin-bottom: 0 !important;
  font-size: 14px !important;
  line-height: 1.715em !important;
}
/* line 128, agrinch.scss */
.video_txt a {
  text-decoration: none;
}

/* line 132, agrinch.scss */
#agrin_btn_more_wrap {
  position: relative;
  margin-top: 60px;
}
/* line 135, agrinch.scss */
#agrin_btn_more_wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: dotted 1px #412814;
  position: absolute;
  left: 0;
  top: 50%;
}

/* line 146, agrinch.scss */
#nowLoading {
  width: 40px;
  margin: 0 auto;
}

/* line 150, agrinch.scss */
.agtin_btn_more {
  position: relative;
  width: 200px;
  height: 44px;
  margin: 0 auto;
  background: url(/img/adgallery/agrinch/agrin_btn_more.png) no-repeat 0 0;
  text-indent: -9999px;
  z-index: 1;
}
/* line 158, agrinch.scss */
.agtin_btn_more:hover {
  cursor: pointer;
}

/* line 162, agrinch.scss */
.agrin_ban {
  width: 886px;
  margin: 70px auto 0;
}
/* line 166, agrinch.scss */
.agrin_ban a::after {
  content: none !important;
}

/* line 171, agrinch.scss */
#moviemodal {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
/* line 177, agrinch.scss */
#moviemodal iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 185, agrinch.scss */
.footClose {
  position: absolute;
  left: 0;
  right: 0;
  width: 53px;
  margin: 0 auto;
}

@media screen and (max-width: 749px) {
  /* line 195, agrinch.scss */
  .disp-pc {
    display: none;
  }

  /* line 198, agrinch.scss */
  .disp-sp {
    display: block;
  }

  /* line 202, agrinch.scss */
  .agrinch .container h1 {
    padding-top: 36px;
    padding-bottom: 14px;
    font-size: 18px;
    letter-spacing: normal;
  }
  /* line 207, agrinch.scss */
  .agrinch .container h1::before {
    width: 29px;
    height: 24px;
    top: 31px;
    left: 17px;
    background-size: 100% auto;
  }

  /* line 217, agrinch.scss */
  #agrinch img {
    max-width: 100%;
  }

  /* line 221, agrinch.scss */
  #agrin_video_new {
    width: 85.938vw;
    margin: 0 auto 9.375vw;
    padding-top: 51%;
  }

  /* line 226, agrinch.scss */
  .agrin_lead {
    width: 73.125vw;
    margin: 0 auto 6.25vw !important;
  }

  /* line 230, agrinch.scss */
  .agrin_about_wrap {
    position: relative;
    width: 79.688vw;
    margin: 0 auto 14.063vw;
    padding: 7.813vw 0 68.75vw;
    background: url(/img/sp/adgallery/agrinch/agrin_about_bg_sp.png) no-repeat 50% 0;
    background-size: 100% auto;
  }
  /* line 237, agrinch.scss */
  .agrin_about_wrap::before {
    top: inherit;
    left: -3.125vw;
    bottom: 10.938vw;
    width: 53.125vw;
    height: 40.313vw;
    background: url(/img/sp/adgallery/agrinch/agrin_about_elem01_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }
  /* line 246, agrinch.scss */
  .agrin_about_wrap::after {
    top: inherit;
    right: -4.062vw;
    bottom: -3.125vw;
    width: 48.125vw;
    height: 60vw;
    background: url(/img/sp/adgallery/agrinch/agrin_about_elem02_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  /* line 256, agrinch.scss */
  .agrin_aboubt_ttl {
    width: 79.688vw;
    margin: 0 auto 10.938vw;
  }

  /* line 260, agrinch.scss */
  .agrin_aboubt_txt {
    margin-bottom: 0 !important;
    font-size: 4.375vw !important;
    line-height: 2.036em !important;
  }
  /* line 264, agrinch.scss */
  .agrin_aboubt_txt .txt_border {
    display: block;
    background: none;
  }
  /* line 267, agrinch.scss */
  .agrin_aboubt_txt .txt_border span {
    display: inline-block;
    background: url(/img/sp/adgallery/agrinch/agrin_about_txt_border_sp.png) repeat-x 0 100%;
    background-size: auto 2px;
  }

  /* line 274, agrinch.scss */
  .agrin_videos_wrap {
    width: 80vw;
    margin: 0 auto;
  }

  /* line 279, agrinch.scss */
  #agrin_videos::after {
    content: none;
  }
  /* line 282, agrinch.scss */
  #agrin_videos > li {
    width: 100%;
    margin-bottom: 3.125%;
    padding: 4.688% 4.688% 7.813%;
    background: url(/img/sp/adgallery/agrinch/agrin_video_bg_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  /* line 290, agrinch.scss */
  .video_thmbs {
    width: 100%;
    margin-bottom: 3.75%;
  }

  /* line 294, agrinch.scss */
  .video_txt {
    font-size: 3.438vw !important;
    line-height: 1.455em !important;
  }

  /* line 298, agrinch.scss */
  #agrin_btn_more_wrap {
    margin-top: 10.938vw;
  }

  /* line 301, agrinch.scss */
  .agtin_btn_more {
    width: 54.063vw;
    height: 13.438vw;
    background: url(/img/sp/adgallery/agrinch/agrin_btn_more_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  /* line 307, agrinch.scss */
  #nowLoading {
    width: 6.25vw;
  }

  /* line 310, agrinch.scss */
  .agrin_ban {
    width: 80.313vw;
    margin-top: 15.625vw;
  }

  /* line 314, agrinch.scss */
  .js-modal_wrapper .js-modal_container {
    width: 90%;
    margin: 0 auto;
  }

  /* line 318, agrinch.scss */
  .headClose {
    text-align: right;
  }
  /* line 320, agrinch.scss */
  .headClose img {
    width: 13.594vw;
  }

  /* line 324, agrinch.scss */
  .footClose {
    width: 8.282vw;
  }
  /* line 326, agrinch.scss */
  .footClose img {
    max-width: 100%;
  }
}

/*# sourceMappingURL=agrinch.css.map */
