@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");
.l-container {
  width: 100%;
}

#insta.feature {
  width: 100%;
  min-width: 990px;
  margin: 0 auto 60px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 500;
  color: #434343;
}
#insta.feature a {
  color: #434343;
}
#insta.feature h2 {
  color: #434343;
}
#insta.feature p {
  margin: 0;
  font-weight: 500;
}
#insta.feature a {
  transition: .3s;
  display: block;
}
#insta.feature img {
  vertical-align: top;
}
#insta.feature .inner {
  width: 990px;
  margin: 0 auto;
  position: relative;
}

/* =========================================================
hdr
========================================================= */
#insta .hdr .inner {
  background: url(../img/hdr_bg.png) no-repeat;
  width: 990px;
  height: 1050px;
}
#insta .hdr .inner h1 {
  position: absolute;
  top: 26px;
  left: 216px;
  z-index: 2;
}
#insta .hdr .inner .hdr_img01 {
  position: absolute;
  top: 0;
  left: 668px;
}
#insta .hdr .inner .hdr_img02 {
  position: absolute;
  top: 226px;
  left: 0;
}
#insta .hdr .inner .hdr_period {
  position: absolute;
  top: 302px;
  left: 178px;
}
#insta .hdr .inner .hdr_notes {
  position: absolute;
  top: 340px;
  left: 290px;
}
#insta .hdr .inner .hdr_intro {
  position: absolute;
  top: 420px;
  left: 322px;
}
#insta .hdr .inner .hdr_intro img {
  margin: 0 0 26px 0;
}
#insta .hdr .inner .hdr_txt {
  position: absolute;
  top: 725px;
  left: 307px;
}
#insta .hdr .inner .hdr_btn {
  position: absolute;
  top: 924px;
  left: 196px;
}

/* =========================================================
共通  
========================================================= */
#insta .flex {
  display: flex;
}
/* =========================================================
block
========================================================= */
#insta .blk._01 {
  margin: 32px 0 15px 0;
}
#insta .blk._01 .btn_blk {
  display: flex;
  justify-content: space-between;
  margin: 0 22px 68px;
}
#insta .blk._01 .detail {
  display: flex;
  margin: 0 0 0 46px;
}
#insta .blk._01 .detail_tit {
  text-align: center;
  margin: 0 0 44px 0;
}
#insta .blk._01 .detail_box li {
  margin: 0 0 44px 0;
  position: relative;
  z-index: 2;
}
#insta .blk._01 .detail_box li::before {
  content: url(../img/blk01_check.png);
  position: absolute;
  width: 37px;
  height: 37px;
  top: 20%;
  display: flex;
}
#insta .blk._01 .detail_box li:first-child:before {
  top: -22%;
}
#insta .blk._01 .detail_box li img {
  padding: 0 0 0 62px;
}
#insta .blk._01 .detail .detail_img {
 margin: -103px 0 0 -209px;
 z-index: 1; 
}
#insta .blk._02 {
  margin: 0 0 22px 0;
}
#insta .blk._02 .detail_tit {
  text-align: center;
  margin: 0 0 22px 0;
}
#insta .blk._02 .detail01 {
  width: 935px;
  height: 414px;
  background: url(../img/blk02_d01_bg.png) no-repeat;
  padding: 50px 0 0 0;
  margin: 0 auto 13px;
}
#insta .blk._02 .detail02 {
  width: 935px;
  height: 378px;
  background: url(../img/blk02_d02_bg.png) no-repeat;
  padding: 48px 0 0 0;
  margin: 0 auto;
}
#insta .blk._02 .detail01 .detail_tit,
#insta .blk._02 .detail02 .detail_tit,
#insta .blk._02 .detail01 .detail_txt,
#insta .blk._02 .detail02 .detail_txt,
#insta .blk._02 .detail01 .btn,
#insta .blk._02 .detail02 .btn {
  text-align: center;
}
#insta .blk._02 .detail01 .detail_tit {
  margin: 0 0 44px 0;
}
#insta .blk._02 .detail01 .btn {
  margin: 30px 0 35px 0;
}
#insta .blk._02 .detail02 .detail_tit {
  margin: 0 0 48px 0;
}
#insta .blk._02 .detail02 .btn {
  margin: 33px 0 43px 0;
}
#insta .blk._03 {
  margin: 0 0 50px 0;
}
#insta .blk._03 .detail_tit {
  text-align: center;
  margin: 0 0 30px 0;
}
#insta .blk._03 .coorde {
  display: flex;
  justify-content: space-between;
  width: 990px;
  margin: 0 auto 36px;
}
#insta .blk._03 .btn,
#insta .blk._03 .detail_txt,
#insta .blk._03 .detail_notes {
  text-align: center;
}
#insta .blk._03 .btn {
  margin: 0 0 36px 0;
}
#insta .blk._03 .detail_txt {
  margin: 0 0 30px 0;
}
/*===================================
アニメーション
===================================*/
.fade {
  opacity: 0;
  transition: 1.5s ease;
  transform: translateY(100px);
}

.fade.show {
  opacity: 1;
  transform: translateY(0);
}

.delay1 {
  transition-delay: 0.5s;
}

.delay2 {
  transition-delay: 1s;
}