/* line 1, additional.scss */
#asakurabu * { z-index: 0; }

/* line 4, additional.scss */
#asakurabu .container { background: #fff; font-family: 'M PLUS Rounded 1c', sans-serif; letter-spacing: 1.5px; margin: 0 auto; font-weight: 100; }

/* line 11, additional.scss */
#asakurabu .content01__text01, #asakurabu .content02__text02, #asakurabu .content03__text01, #asakurabu .content03__img01, #asakurabu .content03__img02, #asakurabu .content03__img03 { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 500; }

/* line 15, additional.scss */
#asakurabu .content03__right { width: 422px; }

/* line 18, additional.scss */
#asakurabu .content03__img li { width: 194px; }

/* line 21, additional.scss */
#asakurabu .content03__img li img { padding: 0 10px; }

/* line 24, additional.scss */
#asakurabu .content03__img li:first-child img { padding: 0; }

/* line 27, additional.scss */
#asakurabu .footArea__menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

/* line 34, additional.scss */
#asakurabu b { font-weight: bold; }
/* line 35, additional.scss */
#asakurabu .sp_br { display: none; }
/* line 36, additional.scss */
#asakurabu .merit { width: 1000px; margin: 0 auto 80px; }
/* line 37, additional.scss */
#asakurabu .merit h2 { width: 582px; margin: 0 auto; position: relative; z-index: 1; }
/* line 38, additional.scss */
#asakurabu .merit .marit-area { border: 4px #5BBCB8 solid; border-radius: 32px; background: #FFF5E0; display: flex; flex-wrap: wrap; column-gap: 38px; padding: 74px 38px 38px; justify-content: space-between; margin-top: -36px; }
/* line 39, additional.scss */
#asakurabu .merit .marit-area .merit-item { flex: auto; width: calc(50% - 19px); margin-bottom: 38px; background: url("../img/merit_bg.png") no-repeat center bottom; background-size: 100% auto; position: relative; }
/* line 40, additional.scss */
#asakurabu .merit .marit-area .merit-item p { position: absolute; top: 107px; left: 21px; padding-right: 178px; font-size: 17px; line-height: 1.5; letter-spacing: 0; }
/* line 41, additional.scss */
#asakurabu .merit .marit-area .merit-item .btn { width: 290px; margin: 0 auto; padding: 20px 20px 25px; font-size: 12px; }
/* line 42, additional.scss */
#asakurabu .merit .marit-area .merit-item .btn a { display: block; color: #57453F; text-align: center; }
/* line 43, additional.scss */
#asakurabu .merit .marit-area .merit-item .btn img { height: auto; display: block; margin-bottom: 10px; }
/* line 46, additional.scss */
#asakurabu .merit .marit-area .merit-note { text-align: right; font-size: 14px; line-height: 1.5; width: 100%; margin-top: -21px; }
/* line 50, additional.scss */
#asakurabu .step h2 { width: 741px; margin: 0 auto 40px; }
/* line 56, additional.scss */
#asakurabu .menu__step1 h3, #asakurabu .menu__step2 h3, #asakurabu .menu__step3 h3 { padding: 21px 21px 10px; }
/* line 57, additional.scss */
#asakurabu .menu__step1 h3 img, #asakurabu .menu__step2 h3 img, #asakurabu .menu__step3 h3 img { height: auto; }
/* line 61, additional.scss */
#asakurabu .step1_sample { padding: 0 20px 20px; }
/* line 62, additional.scss */
#asakurabu .ctg-nav { background: #86BE56; border-radius: 16px; padding: 32px 65px; width: 1000px; margin: 30px auto 0; }
/* line 64, additional.scss */
#asakurabu .ctg-nav .area-nav ul { display: flex; flex-wrap: wrap; column-gap: 27px; }
/* line 65, additional.scss */
#asakurabu .ctg-nav .area-nav ul li { width: calc((100% - 54px) / 3); margin: 13.5px 0; font-size: 22px; }
/* line 66, additional.scss */
#asakurabu .ctg-nav .area-nav ul li a { padding: 20px; text-align: center; color: #2D7B29; background: #FFF7D8; display: block; border-radius: 30px; position: relative; transition: background .3s ease; }
/* line 67, additional.scss */
#asakurabu .ctg-nav .area-nav ul li a::after { content: ''; height: calc(tan(60deg) * 12px / 2); width: 12px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: #E35651; position: absolute; right: 15px; top: calc(50% - 6px); transform: rotate(-30deg); }
@media (hover: hover) { /* line 69, additional.scss */
  #asakurabu .ctg-nav .area-nav ul li a:hover { opacity: 1; background: #E9EDB4; } }
/* line 76, additional.scss */
#asakurabu .footArea { padding-bottom: 50px; }

@media (max-width: 980px) { /* line 81, additional.scss */
  #asakurabu .sp_br { display: inline; }
  /* line 82, additional.scss */
  #asakurabu .merit { width: auto; margin: -40px auto 40px; background: #fff; }
  /* line 83, additional.scss */
  #asakurabu .merit h2 { width: auto; padding: 0 15px; }
  /* line 84, additional.scss */
  #asakurabu .merit .marit-area { border: 0; border-radius: 0; display: block; padding: 4rem 15px 0; margin-top: -36px; padding-bottom: 36px; }
  /* line 85, additional.scss */
  #asakurabu .merit .marit-area .merit-item { width: auto; margin-bottom: 15px; background: url("../img/merit_bg_sp.png") no-repeat center bottom; background-size: 100% auto; }
  /* line 86, additional.scss */
  #asakurabu .merit .marit-area .merit-item p { position: static; top: auto; left: auto; padding-right: 0; font-size: 16px; padding: 15px 20px; background: #fff; }
  /* line 87, additional.scss */
  #asakurabu .merit .marit-area .merit-item .btn { width: 214px; padding: 5px 15px 20px; }
  /* line 88, additional.scss */
  #asakurabu .merit .marit-area .merit-item .btn img { height: auto; }
  /* line 91, additional.scss */
  #asakurabu .merit .marit-area .merit-note { text-align: center; font-size: 12px; margin-top: 0; padding: 15px 0; }
  /* line 95, additional.scss */
  #asakurabu .step h2 { width: auto; padding: 0 15px; margin: 0 auto 40px; }
  /* line 101, additional.scss */
  #asakurabu .menu__step1 .menu__step1__head img, #asakurabu .menu__step2 .menu__step2__head img, #asakurabu .menu__step3 .menu__step3__head img { height: auto; }
  /* line 104, additional.scss */
  #asakurabu .step1_sample { padding: 20px; }
  /* line 105, additional.scss */
  #asakurabu .ctg-nav { border-radius: 0; padding: 20px; width: auto; }
  /* line 107, additional.scss */
  #asakurabu .ctg-nav .area-nav ul { column-gap: 20px; }
  /* line 108, additional.scss */
  #asakurabu .ctg-nav .area-nav ul li { width: calc(50% - 10px); margin: 10px 0; font-size: 15px; }
  /* line 109, additional.scss */
  #asakurabu .ctg-nav .area-nav ul li a { padding: 15px; } }
/* line 116, additional.scss */
.s #asakurabu .footArea { padding-bottom: 0; }

/*# sourceMappingURL=additional.css.map */