@charset "UTF-8";
/* ============================== base */
@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap");
#suntory_contents {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/* ============================================================ @extend */
/* ============================================================ font */
.KleeOne {
  font-family: 'Klee One', cursive;
  font-weight: 400;
}
.KleeOne--bold {
  font-family: 'Klee One', cursive;
  font-weight: 600;
}

/* ============================================================ common */
#suntory_contents #contentsWrapper__inner {
  padding-bottom: 0;
}
#suntory_contents #contentsWrapper .sec_contents div, #suntory_contents #contentsWrapper .sec_contents span, #suntory_contents #contentsWrapper .sec_contents object, #suntory_contents #contentsWrapper .sec_contents iframe, #suntory_contents #contentsWrapper .sec_contents h1, #suntory_contents #contentsWrapper .sec_contents h2, #suntory_contents #contentsWrapper .sec_contents h3, #suntory_contents #contentsWrapper .sec_contents h4, #suntory_contents #contentsWrapper .sec_contents h5, #suntory_contents #contentsWrapper .sec_contents h6, #suntory_contents #contentsWrapper .sec_contents p, #suntory_contents #contentsWrapper .sec_contents blockquote, #suntory_contents #contentsWrapper .sec_contents pre, #suntory_contents #contentsWrapper .sec_contents abbr, #suntory_contents #contentsWrapper .sec_contents address, #suntory_contents #contentsWrapper .sec_contents cite, #suntory_contents #contentsWrapper .sec_contents code, #suntory_contents #contentsWrapper .sec_contents del, #suntory_contents #contentsWrapper .sec_contents dfn, #suntory_contents #contentsWrapper .sec_contents em, #suntory_contents #contentsWrapper .sec_contents img, #suntory_contents #contentsWrapper .sec_contents ins, #suntory_contents #contentsWrapper .sec_contents kbd, #suntory_contents #contentsWrapper .sec_contents q, #suntory_contents #contentsWrapper .sec_contents samp, #suntory_contents #contentsWrapper .sec_contents small, #suntory_contents #contentsWrapper .sec_contents strong, #suntory_contents #contentsWrapper .sec_contents sub, #suntory_contents #contentsWrapper .sec_contents sup, #suntory_contents #contentsWrapper .sec_contents var, #suntory_contents #contentsWrapper .sec_contents b, #suntory_contents #contentsWrapper .sec_contents i, #suntory_contents #contentsWrapper .sec_contents dl, #suntory_contents #contentsWrapper .sec_contents dt, #suntory_contents #contentsWrapper .sec_contents dd, #suntory_contents #contentsWrapper .sec_contents ol, #suntory_contents #contentsWrapper .sec_contents ul, #suntory_contents #contentsWrapper .sec_contents li, #suntory_contents #contentsWrapper .sec_contents fieldset, #suntory_contents #contentsWrapper .sec_contents form, #suntory_contents #contentsWrapper .sec_contents label, #suntory_contents #contentsWrapper .sec_contents legend, #suntory_contents #contentsWrapper .sec_contents table, #suntory_contents #contentsWrapper .sec_contents caption, #suntory_contents #contentsWrapper .sec_contents tbody, #suntory_contents #contentsWrapper .sec_contents tfoot, #suntory_contents #contentsWrapper .sec_contents thead, #suntory_contents #contentsWrapper .sec_contents tr, #suntory_contents #contentsWrapper .sec_contents th, #suntory_contents #contentsWrapper .sec_contents td, #suntory_contents #contentsWrapper .sec_contents article, #suntory_contents #contentsWrapper .sec_contents aside, #suntory_contents #contentsWrapper .sec_contents canvas, #suntory_contents #contentsWrapper .sec_contents details, #suntory_contents #contentsWrapper .sec_contents figcaption, #suntory_contents #contentsWrapper .sec_contents figure, #suntory_contents #contentsWrapper .sec_contents footer, #suntory_contents #contentsWrapper .sec_contents header, #suntory_contents #contentsWrapper .sec_contents hgroup, #suntory_contents #contentsWrapper .sec_contents menu, #suntory_contents #contentsWrapper .sec_contents nav, #suntory_contents #contentsWrapper .sec_contents section, #suntory_contents #contentsWrapper .sec_contents summary, #suntory_contents #contentsWrapper .sec_contents time, #suntory_contents #contentsWrapper .sec_contents mark, #suntory_contents #contentsWrapper .sec_contents audio, #suntory_contents #contentsWrapper .sec_contents video {
  font-weight: 200;
}
#suntory_contents #contentsWrapper .sec_contents .md-titleBeginner--lv2 {
  text-align: center;
}
#suntory_contents #contentsWrapper .sec_contents .md-link__img {
  display: block;
}
#suntory_contents #contentsWrapper .sec_contents .md-link__anchor {
  display: block;
  margin: 0 auto;
}
#suntory_contents #contentsWrapper .sec_contents .md-link__anchor img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}
#suntory_contents #contentsWrapper .sec_contents .md-linkBookmark {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
}
#suntory_contents #contentsWrapper .sec_contents .md-linkBookmark:before {
  content: url(/flower/gardening/beginner/img/icon_bookmark.svg);
  vertical-align: middle;
  margin-right: 10px;
}
#suntory_contents #contentsWrapper .sec_contents .md-linkBookmark a {
  text-decoration: underline;
  color: #000;
}
#suntory_contents #contentsWrapper .sec_contents .md-img__title {
  vertical-align: bottom;
  height: auto;
}
#suntory_contents #contentsWrapper .sec_contents .md-img--caption {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
#suntory_contents #contentsWrapper .sec_contents .md-img--caption .md-img__img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper .sec_contents .md-img--caption .md-img__text {
  position: absolute;
  right: 0;
}
#suntory_contents #contentsWrapper .sec_contents .md-imgBeginner .md-img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#suntory_contents #contentsWrapper .sec_contents .md-textBeginner--cap, #suntory_contents #contentsWrapper .sec_contents .md-textBeginner--subTitle {
  text-align: center;
  margin-top: 24px;
}
#suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-titleBeginner--lv3 {
  text-align: center;
}
#suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box__title,
#suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-text--sub {
  text-align: center;
  font-weight: 400;
}
#suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-text--normal {
  text-align: center;
  margin-top: 0;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner {
  display: block;
  background-color: #fff;
  border: 1px solid #979797;
  box-sizing: border-box;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--01 {
  position: relative;
  font-weight: 400;
  text-align: center;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--01:after {
  content: url(/flower/gardening/beginner/img/icon_arrow.svg);
  position: absolute;
  display: block;
  width: 28px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--01 .md-btnBeginner__link {
  color: #000;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__title {
  position: relative;
  display: block;
  color: #000;
  font-weight: 400;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__title:before {
  content: url(/flower/gardening/beginner/img/icon_arrow.svg);
  position: absolute;
  display: block;
  width: 28px;
  height: 24px;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__text {
  display: block;
  color: #333;
}
#suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__link {
  display: block;
  background-color: #fff;
}
#suntory_contents #contentsWrapper .sec_contents .md-columnBeginnerImage__text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 0;
  max-height: 0;
}
#suntory_contents #contentsWrapper .sec_backGray {
  background-color: #F0EDE8;
}
#suntory_contents #contentsWrapper .sec_backWhite {
  background-color: #FFF;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper .noPC {
    display: none;
  }
  #suntory_contents #contentsWrapper #contentsWrapper__inner {
    max-width: 100%;
  }
  #suntory_contents #contentsWrapper #contentsWrapper__inner > .directoryLinkWrapper {
    max-width: 1164px;
    min-width: 960px;
    width: auto;
    box-sizing: border-box;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper #contentsWrapper__inner > .directoryLinkWrapper .sns__block {
    float: right;
    margin-right: 16px;
    padding: 16px 0 24px;
  }
  #suntory_contents #contentsWrapper #contentsVi {
    max-width: 100%;
  }
  #suntory_contents #contentsWrapper #contentsVi__inner {
    max-width: 100%;
    min-width: 960px;
    width: auto;
    box-sizing: border-box;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper .directoryLink {
    float: left;
  }
  #suntory_contents #contentsWrapper .sec_contents {
    max-width: 1164px;
    min-width: 960px;
    width: auto;
    box-sizing: border-box;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-link__img, #suntory_contents #contentsWrapper .sec_contents .md-link__anchor {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-link__img:hover, #suntory_contents #contentsWrapper .sec_contents .md-link__anchor:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup > .md-box:nth-child(even) {
    padding-top: 64px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-titleBeginner--lv3 {
    margin-bottom: 19px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box__title {
    margin-top: 24px;
    font-size: 24px;
    font-size: 1.5rem;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-text--sub {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-text--normal {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-column--imgLeft .md-column__img, #suntory_contents #contentsWrapper .sec_contents .md-column--imgRight .md-column__img {
    flex-basis: 40%;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-column--imgLeft .md-column__detail, #suntory_contents #contentsWrapper .sec_contents .md-column--imgRight .md-column__detail {
    flex-basis: 56%;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-img--caption {
    width: 518px;
    text-align: left;
    padding-left: 167px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-img--caption .md-img__text {
    top: 21px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-imgBeginner--sub {
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner {
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--01 {
    font-size: 20px;
    font-size: 1.25rem;
    width: 500px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--01:after {
    right: 19px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--01 .md-btnBeginner__link {
    padding: 16px 47px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--02 {
    margin-top: 30px;
    max-width: 972px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner--02 .md-btnBeginner__link {
    padding: 30px 66px 39px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__title {
    padding-left: 36px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__text {
    margin-top: 18px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-btnBeginner__link:hover {
    opacity: 0.47;
    text-decoration: none;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-sec_btnArea {
    display: flex;
    justify-content: space-between;
    margin: 70px auto 0;
    width: 940px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-sec_btnArea .md-btnBeginner {
    width: 460px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnBeginner--sub {
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnBeginner__img {
    width: 80px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnBeginner__text {
    padding-left: 11px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnBeginnerImage__img {
    text-align: right;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnBeginnerImage__img img {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper .noSP {
    display: none;
  }
  #suntory_contents #contentsWrapper .sns__block {
    text-align: center;
    margin-bottom: 10px;
  }
  #suntory_contents #contentsWrapper #contentsMain {
    padding-bottom: 0;
  }
  #suntory_contents #contentsWrapper .sec_contents {
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup {
    margin-top: 25px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box:nth-of-type(1) .md-titleBeginner--lv3 img {
    width: 21.06666vw;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box:nth-of-type(2) .md-titleBeginner--lv3 img {
    width: 15.73333vw;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box:nth-of-type(3) .md-titleBeginner--lv3 img {
    width: 20.53333vw;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box:nth-of-type(4) .md-titleBeginner--lv3 img {
    width: 16.26666vw;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-titleBeginner--lv3 {
    margin-bottom: 9px;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-box__title {
    margin-top: 10px;
    font-size: 3.73333vw;
    line-height: 1.14;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-text--sub {
    font-size: 2.4vw;
    line-height: 1.77;
  }
  #suntory_contents #contentsWrapper .sec_contents .md-columnLineup .md-text--normal {
    font-size: 3.2vw;
    line-height: 1.33;
  }
  #suntory_contents #contentsWrapper .md-titleBeginner--lv2 img {
    width: 100%;
    max-height: 50px;
  }
  #suntory_contents #contentsWrapper .md-imgBeginner--sub {
    margin-top: 10px;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner--01 {
    font-size: 18px;
    font-size: 1.125rem;
    width: 100%;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner--01:after {
    right: 10px;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner--01 .md-btnBeginner__link {
    padding: 15px 42px;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner--02 {
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner--02 .md-btnBeginner__link {
    padding: 20px;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner__title {
    padding-left: 36px;
    font-size: 20px;
    font-size: 1.25rem;
    text-decoration: underline;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner__text {
    margin-top: 18px;
  }
  #suntory_contents #contentsWrapper .md-btnBeginner__link:hover {
    text-decoration: none;
  }
}

/* ============================================================ contentsVi */
#suntory_contents #contentsWrapper #contentsVi .areaTitle--vi {
  background: url(/flower/gardening/beginner/img/bg_areaTitle_vi.jpg) no-repeat center top;
}
#suntory_contents #contentsWrapper #contentsVi .areaTitle--cap {
  background: url(/flower/gardening/beginner/img/bg_areaTitle_cap.jpg) no-repeat center top;
  box-sizing: border-box;
  box-sizing: border-box;
}
#suntory_contents #contentsWrapper #contentsVi .areaTitle__inner {
  display: table;
  background-color: rgba(255, 255, 255, 0.6);
}
#suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--logo img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--lv2 img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper #contentsVi .md-text {
  font-weight: 200;
}
#suntory_contents #contentsWrapper #contentsVi .md-textBeginner--cap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  padding: 20px;
}
#suntory_contents #contentsWrapper #contentsVi .sec_contentsVi {
  width: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #contentsVi {
    padding-bottom: 48px;
  }
  #suntory_contents #contentsWrapper #contentsVi .areaTitle--vi {
    position: relative;
    max-width: 1280px;
    min-height: 650px;
    margin: 0 auto;
    background-size: 1280px auto;
  }
  #suntory_contents #contentsWrapper #contentsVi .areaTitle--cap {
    position: relative;
    width: 100%;
    max-width: 1280px;
    background-size: 1280px auto;
    min-height: 338px;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper #contentsVi .areaTitle__inner {
    position: absolute;
    width: 900px;
    height: 278px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--logo {
    position: absolute;
    top: 9.28%;
    right: 7.96%;
    width: 62.19%;
    max-width: 796px;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--logo img {
    width: 100%;
    height: auto;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--lv2 {
    margin-bottom: 25px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.4375;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-textBeginner--cap {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  #suntory_contents #contentsWrapper #contentsVi .sec_contentsVi {
    max-width: 1164px;
    min-width: 960px;
    margin: 70px auto 0;
    padding: 0 27px 0 57px;
  }
  #suntory_contents #contentsWrapper #contentsVi .sec_contentsVi .md-column__img {
    padding-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #contentsVi .areaTitle--vi {
    height: 360px;
    background-size: auto 100%;
    background-position: center bottom 0;
    padding: 41px 34px 0;
  }
  #suntory_contents #contentsWrapper #contentsVi .areaTitle--cap {
    height: 320px;
    background-size: auto 320px;
    background-position: center center;
    padding: 28px 20px;
  }
  #suntory_contents #contentsWrapper #contentsVi .areaTitle__inner {
    width: 100%;
    height: 100%;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--logo {
    width: 100%;
    text-align: right;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--logo img {
    width: 100%;
    max-width: 380px;
    height: auto;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--lv2 {
    margin-bottom: 30px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.4230;
    padding: 0;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-titleBeginner--lv2 img {
    width: 100%;
    max-width: 313px;
    min-height: 26px;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-textBeginner--cap {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
  }
  #suntory_contents #contentsWrapper #contentsVi .sec_contentsVi {
    padding: 60px 20px 32px;
  }
  #suntory_contents #contentsWrapper #contentsVi .sec_contentsVi .md-column__detail, #suntory_contents #contentsWrapper #contentsVi .sec_contentsVi .md-column__img {
    width: 100%;
  }
}
@media screen and (max-width: 382px) {
  #suntory_contents #contentsWrapper #contentsVi .areaTitle--cap {
    background-image: url(/flower/gardening/beginner/img/bg_areaTitle_cap_sp.jpg);
    background-size: auto 100%;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-textBeginner--cap {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
  }
  #suntory_contents #contentsWrapper #contentsVi .md-textBeginner--cap .spmin_none {
    display: none;
  }
}

/* ============================================================ sec_contentsFlowerNav */
#suntory_contents #contentsWrapper #sec_contentsFlowerNav {
  border-top: 2px solid #967059;
  border-bottom: 2px solid #967059;
}
#suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item a {
  position: relative;
  color: #000;
}
#suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item a:before {
  content: url(/flower/gardening/beginner/img/ic_arrow_nav.svg);
  position: absolute;
  width: 24px;
  height: 24px;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav {
    padding: 20px 0 20px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner--anchor {
    display: table;
    padding: 0 58px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375;
    display: block;
    padding: 8px 18px 8px 44px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item a:before {
    top: 55%;
    left: 17px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item + .md-linkBeginner__item {
    border-left: 1px solid #967059;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav {
    padding: 14px 20px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner--anchor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item {
    box-sizing: border-box;
    flex-basis: 49%;
    border-bottom: 1px solid #967059;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item:last-child {
    border-bottom: none;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item a {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.467;
    display: block;
    padding: 6px 15px 6px 28px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerNav .md-linkBeginner__item a:before {
    top: 8px;
    left: 0;
  }
}

/* ============================================================ sec_contentsVi */
/* ============================================================ sec_contentsFlower */
#suntory_contents #contentsWrapper #sec_contentsFlowerAnchor .md-link__anchor {
  display: block;
  margin: 0 auto;
}
#suntory_contents #contentsWrapper #sec_contentsFlowerAnchor .md-link__anchor img {
  width: 100%;
  vertical-align: bottom;
  height: auto;
}
#suntory_contents #contentsWrapper #sec_contentsFlower02 .md-textBeginner--subTitle, #suntory_contents #contentsWrapper #sec_contentsFlower03 .md-textBeginner--subTitle, #suntory_contents #contentsWrapper #sec_contentsFlower04 .md-textBeginner--subTitle, #suntory_contents #contentsWrapper #sec_contentsFlower06 .md-textBeginner--subTitle {
  color: #967059;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #sec_contentsFlower01 {
    padding: 80px 0 60px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower02 {
    padding: 100px 0 20px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower02 .md-textBeginner--subTitle {
    margin-bottom: 32px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.78;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower03 {
    padding-top: 40px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower03 .md-textBeginner--subTitle {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.78;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower04 {
    padding-top: 56px;
    padding-bottom: 80px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower04 .md-textBeginner--subTitle {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.78;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower05 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower06 {
    padding-top: 56px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower06 .md-textBeginner--subTitle {
    margin-bottom: 52px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerAnchor .md-link__anchor {
    width: 323px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerAnchor .md-link__anchor:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower07 {
    padding: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #sec_contentsFlower01 {
    padding: 40px 20px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower02 {
    padding: 56px 0 40px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower02 .md-textBeginner--subTitle {
    margin-bottom: 24px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.286;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower03 {
    padding-top: 40px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower03 .md-textBeginner--subTitle {
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlowerAnchor {
    padding: 0 20px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower04 {
    padding-top: 32px;
    padding-bottom: 56px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower04 .md-textBeginner--subTitle {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.286;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower05 {
    padding: 32px 0;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower06 {
    padding-top: 56px;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower06 .md-textBeginner--subTitle {
    margin-bottom: 26px;
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper #sec_contentsFlower07 {
    padding: 57px 0 64px;
  }
}

/* ============================================================ contentsMainHeader */
#suntory_contents #contentsWrapper #contentsMainHeader {
  background-color: #faf9f7;
}
#suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item {
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42;
}
#suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item a {
  color: #000;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #contentsMainHeader {
    padding: 14px 0;
  }
  #suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner--anchor {
    display: table;
    min-width: 960px;
    max-width: 1080px;
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item {
    display: table-cell;
    text-align: center;
    border-left: 1px solid #967059;
    padding: 0 4px;
    width: 156px;
    vertical-align: middle;
  }
  #suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item:first-child {
    border-left: transparent;
    padding-left: 0;
  }
  #suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #contentsMainHeader {
    padding: 10px 0 7px;
  }
  #suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 14px;
  }
  #suntory_contents #contentsWrapper #contentsMainHeader .md-linkBeginner__item:before {
    position: absolute;
    content: "●";
    color: #967059;
    font-size: 6px;
    font-size: 0.375rem;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 0;
    margin-top: -3px;
  }
}

/* ============================================================ select */
#suntory_contents #contentsWrapper #select .md-titleBeginner--lv2 {
  position: relative;
}
#suntory_contents #contentsWrapper #select .md-titleBeginner--lv2:before {
  position: absolute;
  content: url(/flower/gardening/beginner/img/icon_onepoint01.png);
  left: 50%;
  display: block;
  width: 120px;
  height: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#suntory_contents #contentsWrapper #select .md-textBeginner--cap, #suntory_contents #contentsWrapper #select .md-textBeginner--subTitle {
  color: #967059;
  font-weight: 700;
}
#suntory_contents #contentsWrapper #select .md-link__anchor {
  text-align: center;
  color: #967059;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.78;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #select {
    padding-bottom: 32px;
  }
  #suntory_contents #contentsWrapper #select .md-titleBeginner--lv2:before {
    top: 65px;
  }
  #suntory_contents #contentsWrapper #select .md-titleBeginner--lv2 img {
    width: 512px;
  }
  #suntory_contents #contentsWrapper #select .md-textBeginner--cap {
    margin-top: 95px;
    background-size: 18px 58px;
    padding-bottom: 48px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.78;
  }
  #suntory_contents #contentsWrapper #select .md-textBeginner--subTitle {
    margin-top: 64px;
    padding-bottom: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.78;
  }
  #suntory_contents #contentsWrapper #select .md-link__anchor {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #select {
    padding-bottom: 23px;
  }
  #suntory_contents #contentsWrapper #select .md-titleBeginner--lv2:before {
    top: 85%;
  }
  #suntory_contents #contentsWrapper #select .md-textBeginner--cap {
    margin-top: 90px;
    background-size: 18px 50px;
    padding-bottom: 40px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
  }
  #suntory_contents #contentsWrapper #select .md-textBeginner--subTitle {
    margin-top: 40px;
    padding-bottom: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.78;
  }
  #suntory_contents #contentsWrapper #select .md-link__anchor {
    margin-top: 40px;
  }
}

/* ============================================================ search */
#suntory_contents #contentsWrapper #search {
  background-color: #fff;
  border: 2px dashed #979797;
}
#suntory_contents #contentsWrapper #search .md-titleBeginner--lv3 {
  line-height: 1.5;
  text-align: center;
}
#suntory_contents #contentsWrapper #search .md-titleBeginner--lv3 span {
  display: block;
}
#suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__title {
  font-weight: 400;
}
#suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__trigger {
  color: #000;
  text-decoration: none;
}
#suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__item {
  box-sizing: border-box;
}
#suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__item label {
  display: block;
}
#suntory_contents #contentsWrapper #search .md-formCheckbox {
  display: none;
}
#suntory_contents #contentsWrapper #search .md-formCheckbox__text {
  position: relative;
  cursor: pointer;
  display: block;
  padding-left: 34px;
}
#suntory_contents #contentsWrapper #search .md-formCheckbox__text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #979797;
  border-radius: 7px;
}
#suntory_contents #contentsWrapper #search .md-formCheckbox__textInner {
  font-size: 14px;
  font-size: 0.875rem;
}
#suntory_contents #contentsWrapper #search .md-formCheckbox:checked + .md-formCheckbox__text:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 4px;
  height: 11px;
  transform: rotate(50deg);
  border-bottom: 2px solid #007AFF;
  border-right: 2px solid #007AFF;
}
#suntory_contents #contentsWrapper #search .md-formButton--search {
  display: block;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #979797;
  text-align: center;
  font-family: inherit;
  font-weight: 200;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
}
#suntory_contents #contentsWrapper #search .md-formButton--disabled {
  color: #9B9B9B;
  border: 1px solid #C7C7C7;
  cursor: default;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner--result {
  display: flex;
  flex-wrap: wrap;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__link {
  display: block;
  color: #000;
  text-decoration: none;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__img .md-imgBeginner {
  width: 100%;
  height: auto;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--red {
  border-color: #D0021B;
  background-color: #D0021B;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--pink {
  border-color: #F090F9;
  background-color: #F090F9;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--purple {
  border-color: #BD10E0;
  background-color: #BD10E0;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--blue {
  border-color: #4A90E2;
  background-color: #4A90E2;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--orange {
  border-color: #F5A623;
  background-color: #F5A623;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--yellow {
  border-color: #F8E71C;
  background-color: #F8E71C;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner__ball--white {
  border-color: #9B9B9B;
  background-color: #fff;
}
#suntory_contents #contentsWrapper #search .md-boxBeginner--flower {
  font-weight: 400;
}
#suntory_contents #contentsWrapper #search .md-txtError {
  color: #D0021B;
  text-align: center;
  margin-top: 40px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #search {
    padding: 40px 70px;
  }
  #suntory_contents #contentsWrapper #search .md-titleBeginner--lv3 {
    font-size: 26px;
    font-size: 1.625rem;
  }
  #suntory_contents #contentsWrapper #search .md-titleBeginner--lv3 span {
    font-size: 20px;
    font-size: 1.25rem;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search {
    border-bottom: 1px solid #eaeaea;
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginner__item {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #eaeaea;
    padding: 20px 0 0;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginner__item:first-child {
    border-top: transparent;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__title {
    margin-bottom: 16px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__trigger {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__item {
    flex-basis: 24.775%;
    margin-left: 0.3%;
    margin-bottom: 20px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search .md-listBeginnerBox__item:nth-child(4n+1) {
    margin-left: 0;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--search {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 10px 34px;
    margin-top: 40px;
    width: 300px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--search:before {
    content: url(/flower/gardening/beginner/img/btn_searchPC.svg);
    position: absolute;
    top: 50%;
    left: 68px;
    width: 24px;
    height: 24px;
    margin-top: -14px;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--search:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--disabled:before {
    content: url(/flower/gardening/beginner/img/btn_search--disabledPC.svg);
  }
  #suntory_contents #contentsWrapper #search .md-formButton--disabled:hover {
    opacity: 1;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--result {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__linkType06 {
    flex-basis: 22.6%;
    margin-left: 3.2%;
    margin-bottom: 40px;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__linkType06:nth-child(4n+1) {
    margin-left: 0;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__link:hover {
    opacity: 0.47;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__ball {
    width: 13px;
    height: 13px;
    border-radius: 13px;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--flower {
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--season, #suntory_contents #contentsWrapper #search .md-boxBeginner--place {
    font-size: 12px;
    font-size: 0.75rem;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--flower, #suntory_contents #contentsWrapper #search .md-boxBeginner--color, #suntory_contents #contentsWrapper #search .md-boxBeginner--season, #suntory_contents #contentsWrapper #search .md-boxBeginner--place {
    text-align: center;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor {
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    border-top: 1px solid #D8D8D8;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor a {
    display: inline-block;
    position: relative;
    color: #333;
    text-decoration: none;
    padding-left: 28px;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor a:before {
    display: block;
    content: "";
    background: url(/flower/gardening/beginner/img/btn_searchPC.svg) no-repeat 0 0;
    background-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor a:hover span {
    text-decoration: underline;
  }
  #suntory_contents #contentsWrapper #search .md-txtError {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #search {
    padding: 36px 20px;
  }
  #suntory_contents #contentsWrapper #search .md-titleBeginner--lv3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  #suntory_contents #contentsWrapper #search .md-titleBeginner--lv3 span {
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner--search {
    margin-top: 19px;
    border-top: 1px solid #979797;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginner__item {
    border-bottom: 1px solid #979797;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox__trigger {
    display: block;
    position: relative;
    padding: 13px 15px 13px 7px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox__trigger:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #bfbfbf;
    border-right: 2px solid #bfbfbf;
    margin-top: -4px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox.boxOpen .md-listBeginnerBox__trigger:after {
    transform: rotate(225deg);
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox.boxOpen .md-listBeginnerBox__accordion {
    display: block;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox.boxClose .md-listBeginnerBox__trigger:after {
    transform: rotate(45deg);
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox.boxClose .md-listBeginnerBox__accordion {
    display: none;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox__list {
    padding: 0 7px 10px;
  }
  #suntory_contents #contentsWrapper #search .md-listBeginnerBox__item label {
    padding: 10px 0;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--search {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 10px 30px;
    margin-top: 20px;
    width: 80%;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--search:before {
    content: url(/flower/gardening/beginner/img/btn_searchSP.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -12px;
    margin-left: -70px;
  }
  #suntory_contents #contentsWrapper #search .md-formButton--disabled:before {
    content: url(/flower/gardening/beginner/img/btn_search--disabledSP.svg);
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--result {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__linkType06 {
    flex-basis: 46%;
    margin-left: 8%;
    margin-bottom: 20px;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__linkType06:nth-child(2n+1) {
    margin-left: 0;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner__ball {
    width: 12px;
    height: 12px;
    border-radius: 12px;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--flower {
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #search .md-boxBeginner--season, #suntory_contents #contentsWrapper #search .md-boxBeginner--place {
    font-size: 12px;
    font-size: 0.75rem;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor {
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    border-top: 1px solid #D8D8D8;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor a {
    display: inline-block;
    position: relative;
    color: #333;
    text-decoration: none;
    padding-left: 21px;
  }
  #suntory_contents #contentsWrapper #search .md-linkBeginner__anchor a:before {
    display: block;
    content: "";
    background: url(/flower/gardening/beginner/img/btn_searchSP.svg) no-repeat 0 0;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
  }
  #suntory_contents #contentsWrapper #search .md-txtError {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* ============================================================ item */
#suntory_contents #contentsWrapper #item .md-titleBeginner--lv2 {
  position: relative;
}
#suntory_contents #contentsWrapper #item .md-titleBeginner--lv2:before {
  position: absolute;
  content: url(/flower/gardening/beginner/img/icon_onepoint02.png);
  left: 50%;
  display: block;
  width: 120px;
  height: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#suntory_contents #contentsWrapper #item .md-titleBeginner--lv3 {
  text-align: center;
  position: relative;
}
#suntory_contents #contentsWrapper #item .md-titleBeginner--lv3:before {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#suntory_contents #contentsWrapper #item .md-titleBeginner--lv4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #979797;
}
#suntory_contents #contentsWrapper #item .sec_contents_column {
  border: 1px dotted #979797;
}
#suntory_contents #contentsWrapper #item .sec_contents_column .md-title--column {
  display: block;
  font-weight: 400;
  color: #F5A623;
}
#suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__img--left .md-column__imgImg {
  max-width: 127px;
}
#suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__img--right .md-column__imgImg {
  max-width: 233px;
}
#suntory_contents #contentsWrapper #item .md-column04 .md-box__title {
  display: block;
  border-bottom: 1px solid #979797;
}
#suntory_contents #contentsWrapper #item01 .md-titleBeginner--lv3:before {
  content: url(/flower/gardening/beginner/img/icon_title_item01.svg);
  width: 242px;
  height: 96px;
}
#suntory_contents #contentsWrapper #item02 .md-titleBeginner--lv3:before {
  content: url(/flower/gardening/beginner/img/icon_title_item02.svg);
  width: 211px;
  height: 62px;
}
#suntory_contents #contentsWrapper #item03 .md-titleBeginner--lv3:before {
  content: url(/flower/gardening/beginner/img/icon_title_item03.svg);
  width: 211px;
  height: 58px;
}
#suntory_contents #contentsWrapper #item .md-column--sub {
  border: 1px dotted #979797;
}
#suntory_contents #contentsWrapper #item .md-column--sub .md-column__title {
  font-weight: 400;
  color: #F5A623;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv2 {
    padding-bottom: 80px;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv2:before {
    top: 65px;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv2 img {
    width: 412px;
  }
  #suntory_contents #contentsWrapper #item .md-column04 {
    margin-top: 60px;
  }
  #suntory_contents #contentsWrapper #item .md-column04 .md-box__title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 20px;
    padding-bottom: 16px;
  }
  #suntory_contents #contentsWrapper #item .md-column04 .md-box__title + .md-text--normal {
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv3 {
    margin-top: 63px;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv4 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.46;
  }
  #suntory_contents #contentsWrapper #item .md-column {
    padding: 0 42px 4px;
  }
  #suntory_contents #contentsWrapper #item .md-column__detail {
    padding-top: 6px;
  }
  #suntory_contents #contentsWrapper #item .md-column .md-text--normal {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 22px;
  }
  #suntory_contents #contentsWrapper #item .md-column02--imgRight {
    flex-direction: row-reverse;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column {
    margin: 0 42px 0;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-title--column {
    font-size: 20px;
    font-size: 1.25rem;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-text--normal {
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight {
    align-items: stretch;
    flex-direction: row;
    margin-top: 0;
    padding: 37px 7px 18px 46px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__detail {
    flex-basis: 48%;
    padding-top: 0;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__img02 {
    padding-top: 0;
    margin-bottom: 0;
    flex-basis: 48%;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__imgInner {
    display: table;
    width: 100%;
    height: 100%;
    background: url(/flower/gardening/beginner/img/line_item01.png) no-repeat 160px 50%;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__imgCell {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: bottom;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__imgImg {
    display: inline-block;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__imgCap {
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 26px;
    padding: 0 22px 31px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__img--left {
    text-align: left;
    padding-right: 5px;
    width: 45%;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column02--imgRight .md-column__img--right {
    text-align: center;
    width: 55%;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .sec_contents_text {
    padding: 37px 46px 18px 46px;
  }
  #suntory_contents #contentsWrapper #item01 .md-titleBeginner--lv3 {
    padding-top: 127px;
  }
  #suntory_contents #contentsWrapper #item01 .md-titleBeginner--lv3 + .sec_contents__inner {
    padding-top: 77px;
  }
  #suntory_contents #contentsWrapper #item02 .md-titleBeginner--lv3 {
    padding-top: 93px;
    margin-top: 123px;
  }
  #suntory_contents #contentsWrapper #item03 .md-titleBeginner--lv3 {
    padding-top: 80px;
  }
  #suntory_contents #contentsWrapper #item03 .sec_contents__inner {
    margin-bottom: 44px;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub {
    margin-top: 15px;
    padding: 20px 16px;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub .md-column__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub .md-column__detail {
    margin-bottom: 0;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub .md-column__detail .md-list {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv2 {
    margin-bottom: 119px;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv2:before {
    top: 85%;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv3 + .sec_contents__inner {
    padding-top: 39px;
    margin-bottom: 16px;
  }
  #suntory_contents #contentsWrapper #item .md-titleBeginner--lv4 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper #item .md-column04 .md-box__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.45;
    margin-top: 10px;
    padding-bottom: 13px;
  }
  #suntory_contents #contentsWrapper #item .md-column04 .md-box__title + .md-text--normal {
    margin-top: 10px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  #suntory_contents #contentsWrapper #item .md-column__img {
    width: 100%;
  }
  #suntory_contents #contentsWrapper #item .md-column__detail {
    margin-bottom: 24px;
  }
  #suntory_contents #contentsWrapper #item .md-column .md-text--normal {
    margin-top: 21px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column {
    margin-top: 16px;
    padding: 20px 20px 30px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-title--column {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-text--normal {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42;
    margin-top: 15px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column__detail {
    margin-bottom: 30px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column__imgCell {
    text-align: center;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column__img--left {
    padding: 0 0 30px;
    border-bottom: 1px solid #9B9B9B;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column__img--right {
    padding-top: 36px;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column__imgImg {
    margin: 0 auto;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .md-column__imgCap {
    margin-top: 26px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  #suntory_contents #contentsWrapper #item .sec_contents_column .sec_contents_text {
    padding: 20px 20px 0;
  }
  #suntory_contents #contentsWrapper #item01 .sec_contents__inner {
    margin-bottom: 0;
    margin-top: 56px;
  }
  #suntory_contents #contentsWrapper #item01 .md-titleBeginner--lv3 {
    padding-top: 109px;
  }
  #suntory_contents #contentsWrapper #item01 .md-titleBeginner--lv3 + .sec_contents__inner {
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper #item02 {
    margin-top: 83px;
  }
  #suntory_contents #contentsWrapper #item02 .md-titleBeginner--lv3 {
    padding-top: 96px;
  }
  #suntory_contents #contentsWrapper #item03 {
    margin-top: 82px;
  }
  #suntory_contents #contentsWrapper #item03 .md-titleBeginner--lv3 {
    padding-top: 92px;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub {
    margin-top: 15px;
    padding: 20px;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub .md-column__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub .md-column__detail {
    margin-bottom: 0;
  }
  #suntory_contents #contentsWrapper #item .md-column--sub .md-column__detail .md-list {
    margin-top: 8px;
  }
}

/* ============================================================ shop */
#suntory_contents #contentsWrapper #shop .md-titleBeginner--lv3 {
  font-weight: 400;
  text-align: center;
}
#suntory_contents #contentsWrapper #shop .md-textBeginner--normal {
  text-align: center;
  margin-top: 20px;
}
#suntory_contents #contentsWrapper #shop .md-text--normal {
  margin-top: 10px;
}
#suntory_contents #contentsWrapper #shop .md-banner--01 {
  border: 3px solid #F29C97;
}
#suntory_contents #contentsWrapper #shop .md-banner--01 a {
  background-image: url("/flower/common/svg/arrow_large--gardening.svg");
}
#suntory_contents #contentsWrapper #shop .md-banner--01 a span,
#suntory_contents #contentsWrapper #shop .md-banner--01 a em.md-titleStrong {
  font-weight: 400;
  display: block;
}
#suntory_contents #contentsWrapper #shop .md-box__title {
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #shop {
    padding: 0 0 72px;
  }
  #suntory_contents #contentsWrapper #shop .md-titleBeginner--lv2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.45;
  }
  #suntory_contents #contentsWrapper #shop .md-titleBeginner--lv3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 102px;
  }
  #suntory_contents #contentsWrapper #shop .md-textBeginner--cap, #suntory_contents #contentsWrapper #shop .md-textBeginner--subTitle {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 {
    max-width: 1045px;
    margin: 67px auto 0;
    padding: 0 60px;
  }
  #suntory_contents #contentsWrapper #shop .md-box__title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 30px;
  }
  #suntory_contents #contentsWrapper #shop .md-text--normal {
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #shop .md-banner--shopIndex {
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #shop {
    padding: 4px 20px 40px;
  }
  #suntory_contents #contentsWrapper #shop .md-titleBeginner--lv2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.4375;
  }
  #suntory_contents #contentsWrapper #shop .md-titleBeginner--lv3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #shop .md-textBeginner--cap, #suntory_contents #contentsWrapper #shop .md-textBeginner--subTitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 17px;
  }
  #suntory_contents #contentsWrapper #shop .md-textBeginner--normal {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 .md-box {
    flex-basis: 48%;
    margin-top: 30px;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 .md-box + .md-box {
    margin-left: 4%;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 .md-box:nth-child(2n+3) {
    margin-left: 0;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 .md-box:nth-child(-n + 2) {
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper #shop .md-column02 .md-box__link .md-text span {
    padding-left: 5px;
    padding-right: 30px;
    text-align: left;
    background-position: center right 5px;
  }
  #suntory_contents #contentsWrapper #shop .md-box__title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 9px;
  }
  #suntory_contents #contentsWrapper #shop .md-text--normal {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #suntory_contents #contentsWrapper #shop .md-banner--shopIndex {
    margin-top: 16px;
  }
}

/* ============================================================ howto */
#suntory_contents #contentsWrapper #howto .md-textBeginner--cap, #suntory_contents #contentsWrapper #howto .md-textBeginner--subTitle {
  text-align: center;
}
#suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2 {
  position: relative;
}
#suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2:before {
  position: absolute;
  content: url(/flower/gardening/beginner/img/icon_onepoint03.png);
  left: 50%;
  display: block;
  width: 120px;
  height: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3 {
  position: relative;
}
#suntory_contents #contentsWrapper #howto .md-titleBeginner__number {
  display: inline-block;
  border: 1px solid #979797;
  font-weight: 400;
}
#suntory_contents #contentsWrapper #howto .md-listBeginner--howto {
  display: flex;
  justify-content: space-between;
  width: 537px;
  margin: 44px auto 0;
}
#suntory_contents #contentsWrapper #howto .md-listBeginner__item img {
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper #howto .md-column__detail {
  margin-bottom: 0;
}
#suntory_contents #contentsWrapper #howto .md-column .md-text--point {
  position: relative;
  color: #fff;
  background-color: #F5A623;
  width: 100%;
  margin: 16px auto 0;
  border-radius: 8px;
  padding: 10px 15px 10px 50px;
  box-sizing: border-box;
}
#suntory_contents #contentsWrapper #howto .md-column .md-text--point:before {
  position: absolute;
  display: block;
  content: url(/flower/gardening/beginner/img/icon_point.svg);
  top: -10px;
  left: -10px;
  width: 50px;
  height: 50px;
  z-index: 10;
}
#suntory_contents #contentsWrapper #howto .md-columnBeginnerImage__img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#suntory_contents #contentsWrapper #howto .sec_contents__inner {
  margin-bottom: 0;
}
#suntory_contents #contentsWrapper #howto .sec_contents__inner .md-columnBeginnerImage__img img {
  max-width: 350px;
}
#suntory_contents #contentsWrapper #howto .md-listBeginner--step {
  list-style: none;
}
#suntory_contents #contentsWrapper #howto .md-listBeginner__item a {
  display: block;
  border: 1px solid #967059;
  color: #000;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #howto .md-textBeginner--cap, #suntory_contents #contentsWrapper #howto .md-textBeginner--subTitle {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 95px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2 {
    margin-top: 32px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2:before {
    top: 65px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2 img {
    width: 506px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3 {
    padding: 0 122px;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.9;
    display: inline-block;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3:before, #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3:after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100px;
    background-color: #979797;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3:before {
    left: 0;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3:after {
    right: 0;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner__number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    margin-right: 10px;
  }
  #suntory_contents #contentsWrapper #howto .md-column {
    padding: 0 42px;
    text-align: left;
  }
  #suntory_contents #contentsWrapper #howto .md-column .md-column__img {
    flex-basis: 46.5%;
  }
  #suntory_contents #contentsWrapper #howto .md-column .md-column__detail {
    flex-basis: 49.5%;
  }
  #suntory_contents #contentsWrapper #howto .md-column .md-column__detail .md-text--normal {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #suntory_contents #contentsWrapper #howto .md-column .md-text--point {
    max-width: 380px;
    font-size: 18px;
    font-size: 1.125rem;
  }
  #suntory_contents #contentsWrapper #howto .sec_contents_frame {
    text-align: center;
    margin-top: 80px;
    padding-bottom: 20px;
  }
  #suntory_contents #contentsWrapper #howto .sec_contents__inner {
    margin-top: 60px;
  }
  #suntory_contents #contentsWrapper #howto .md-columnBeginnerImage {
    margin-top: 80px;
  }
  #suntory_contents #contentsWrapper #howto .md-btnBeginner--01 {
    margin-top: 60px;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner--step {
    display: flex;
    margin: 50px 50px 0;
    justify-content: center;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item {
    padding-right: 30px;
    position: relative;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item a {
    padding: 10px 26px;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item:after {
    content: url(/flower/gardening/beginner/img/ic_arrow_step_pc.svg);
    position: absolute;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item:last-child {
    padding-right: 0;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item:last-child:after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #howto .md-textBeginner--cap, #suntory_contents #contentsWrapper #howto .md-textBeginner--subTitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 90px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2 {
    margin-top: 24px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv2:before {
    top: 85%;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3 {
    text-align: center;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3:before, #suntory_contents #contentsWrapper #howto .md-titleBeginner--lv3:after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #979797;
    top: 18px;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner__text {
    position: relative;
    display: inline-block;
    background-color: #fff;
    z-index: 100;
    padding: 0 10px 0 60px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  #suntory_contents #contentsWrapper #howto .md-titleBeginner__number {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    top: 0;
    left: 10px;
  }
  #suntory_contents #contentsWrapper #howto .md-column__detail {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #howto .md-column .md-text--point {
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #howto .sec_contents_frame {
    margin-top: 56px;
    padding-bottom: 24px;
  }
  #suntory_contents #contentsWrapper #howto .sec_contents__inner {
    margin-top: 32px;
  }
  #suntory_contents #contentsWrapper #howto .md-columnBeginnerImage {
    text-align: right;
    margin-top: 51px;
  }
  #suntory_contents #contentsWrapper #howto .md-btnBeginner--01 {
    margin-top: 36px;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner--step {
    padding: 24px 55px 0;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item {
    padding-bottom: 16px;
    position: relative;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    padding: 10px 26px;
    text-align: center;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item:after {
    position: absolute;
    display: block;
    line-height: 1;
    content: "";
    background: url(/flower/gardening/beginner/img/ic_arrow_step_sp.svg) no-repeat 0 0;
    width: 14px;
    height: 10px;
    bottom: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item:last-child {
    padding-right: 0;
  }
  #suntory_contents #contentsWrapper #howto .md-listBeginner__item:last-child:after {
    content: none;
  }
}

/* ============================================================ faq */
#suntory_contents #contentsWrapper #faq .md-titleBeginner--lv3 {
  text-align: center;
  color: #F5A623;
  font-weight: 400;
}
#suntory_contents #contentsWrapper #faq .md-listBeginner__item {
  position: relative;
  padding: 8px 0 8px 42px;
}
#suntory_contents #contentsWrapper #faq .md-listBeginner__item:before {
  position: absolute;
  left: 0;
  top: 5px;
}
#suntory_contents #contentsWrapper #faq .md-listBeginner__item--Question {
  font-weight: 400;
}
#suntory_contents #contentsWrapper #faq .md-listBeginner__item--Question:before {
  content: url(/flower/gardening/beginner/img/icon_faq_q.svg);
}
#suntory_contents #contentsWrapper #faq .md-listBeginner__item--Answer {
  margin-top: 23px;
}
#suntory_contents #contentsWrapper #faq .md-listBeginner__item--Answer:before {
  content: url(/flower/gardening/beginner/img/icon_faq_a.svg);
}
#suntory_contents #contentsWrapper #faq .sec_linkAnchor {
  background-color: #f9f7f5;
}
#suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner--anchor {
  display: flex;
}
#suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item a {
  position: relative;
  color: #000;
  display: block;
  padding-left: 32px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
}
#suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item a:before {
  content: url(/flower/gardening/beginner/img/ic_arrow_nav.svg);
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #faq .md-titleBeginner--lv2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.45;
  }
  #suntory_contents #contentsWrapper #faq .md-titleBeginner--lv3 {
    margin-top: 24px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  #suntory_contents #contentsWrapper #faq .md-listBeginner--faq {
    width: 842px;
    margin: 29px auto 0;
    padding-bottom: 12px;
  }
  #suntory_contents #contentsWrapper #faq .md-listBeginner__item--Question {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #faq .md-listBeginner__item--Question:first-child {
    margin-top: 0;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor {
    margin: 24px auto 40px;
    max-width: 840px;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner--anchor {
    padding: 8px;
    justify-content: center;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item {
    padding: 3px 20px;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item + .md-linkBeginner__item {
    border-left: 1px solid #967059;
  }
  #suntory_contents #contentsWrapper #faq06 {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #faq .md-titleBeginner--lv2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.4375;
  }
  #suntory_contents #contentsWrapper #faq .md-titleBeginner--lv3 {
    margin-top: 8px;
    font-size: 16px;
    font-size: 1rem;
  }
  #suntory_contents #contentsWrapper #faq .md-listBeginner--faq {
    padding-bottom: 12px;
  }
  #suntory_contents #contentsWrapper #faq .md-listBeginner__item--Question {
    margin-top: 30px;
  }
  #suntory_contents #contentsWrapper #faq .md-listBeginner__item--Question:first-child {
    margin-top: 23px;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor {
    padding: 0 8px;
    margin: 24px 0 32px;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner--anchor {
    flex-wrap: wrap;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item {
    flex-basis: calc(50% - 4px);
    border-bottom: 1px solid #967059;
    box-sizing: border-box;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item:nth-child(odd) {
    margin-right: 4px;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item:nth-child(even) {
    margin-left: 4px;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item:nth-child(5n), #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item:nth-child(6n) {
    border-bottom: none;
  }
  #suntory_contents #contentsWrapper #faq .sec_linkAnchor .md-linkBeginner__item a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #suntory_contents #contentsWrapper #faq06 {
    margin-bottom: 60px;
  }
}

/* ============================================================ enjoy */
#suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv2 {
  position: relative;
}
#suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv2:before {
  position: absolute;
  content: url(/flower/gardening/beginner/img/icon_onepoint04.png);
  left: 50%;
  display: block;
  width: 120px;
  height: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv3 {
  text-align: center;
}
#suntory_contents #contentsWrapper #enjoy .md-column .md-text--normal {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}
#suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item a {
  display: block;
}
#suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item a img {
  width: 100%;
  display: block;
}
#suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item p {
  font-weight: 100;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv2:before {
    top: 85px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv2 img {
    width: 498px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv3 {
    margin-top: 80px;
    font-size: 24px;
    font-size: 1.5rem;
  }
  #suntory_contents #contentsWrapper #enjoy .md-textBeginner--cap, #suntory_contents #contentsWrapper #enjoy .md-textBeginner--subTitle {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 95px;
  }
  #suntory_contents #contentsWrapper #enjoy .sec_contents__inner {
    padding-top: 10px;
    margin-bottom: 80px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-column {
    padding: 0 42px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-column .md-box {
    margin-top: 60px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-column .md-text--normal {
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-btnBeginner--01 {
    margin-top: 30px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-bnrBeginner {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 1040px;
    margin: 40px auto 0;
  }
  #suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item {
    flex-basis: 500px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 28px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv2:before {
    top: 85%;
  }
  #suntory_contents #contentsWrapper #enjoy .md-titleBeginner--lv3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.44;
  }
  #suntory_contents #contentsWrapper #enjoy .md-textBeginner--cap, #suntory_contents #contentsWrapper #enjoy .md-textBeginner--subTitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 90px;
  }
  #suntory_contents #contentsWrapper #enjoy .sec_contents__inner {
    margin-bottom: 60px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-column .md-box {
    margin-top: 30px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-column .md-text--normal {
    margin-top: 10px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-btnBeginner--01 {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item {
    margin-top: 32px;
  }
  #suntory_contents #contentsWrapper #enjoy .md-bnrBeginner__item p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 10px;
  }
}

/* ============================================================ other */
#suntory_contents #contentsWrapper #other .md-titleBeginner--lv2 {
  position: relative;
}
#suntory_contents #contentsWrapper #other .md-titleBeginner--lv2:before {
  position: absolute;
  content: url(/flower/gardening/beginner/img/icon_onepoint05.png);
  left: 50%;
  display: block;
  width: 120px;
  height: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#suntory_contents #contentsWrapper #other .md-titleBeginner--lv3 {
  text-align: center;
  font-weight: 400;
}
#suntory_contents #contentsWrapper #other .md-sec_BookmarkArea {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #suntory_contents #contentsWrapper #other .md-titleBeginner--lv2:before {
    top: 85px;
  }
  #suntory_contents #contentsWrapper #other .md-titleBeginner--lv2 img {
    width: 526px;
  }
  #suntory_contents #contentsWrapper #other .md-textBeginner--cap, #suntory_contents #contentsWrapper #other .md-textBeginner--subTitle {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 95px;
  }
  #suntory_contents #contentsWrapper #other .md-column {
    margin-top: 59px;
  }
  #suntory_contents #contentsWrapper #other .md-sec_BookmarkArea {
    margin-top: 62px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents #contentsWrapper #other .md-titleBeginner--lv2:before {
    top: 85%;
  }
  #suntory_contents #contentsWrapper #other .md-textBeginner--cap, #suntory_contents #contentsWrapper #other .md-textBeginner--subTitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 90px;
  }
  #suntory_contents #contentsWrapper #other .md-column {
    margin-top: 50px;
  }
  #suntory_contents #contentsWrapper #other .md-sec_btnArea {
    margin-top: 40px;
  }
  #suntory_contents #contentsWrapper #other .md-btnBeginner--01 {
    margin-top: 20px;
  }
  #suntory_contents #contentsWrapper #other .md-sec_BookmarkArea {
    margin-top: 40px;
  }
}

/* ============================================================ sec_searchBoxAccordions */
#suntory_contents #contentsWrapper .md-btnSearchBoxAccordions {
  text-align: center;
  display: none;
  margin: 15px 0;
}
#suntory_contents #contentsWrapper .md-btnSearchBoxAccordions__text {
  display: inline-block;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
#suntory_contents #contentsWrapper .md-btnSearchBoxAccordions__text:hover {
  opacity: 0.47;
  text-decoration: underline;
}
#suntory_contents #contentsWrapper .md-btnSearchBoxAccordions__text:after {
  content: "閉じる";
}
#suntory_contents #contentsWrapper .md-btnSearchBoxAccordions__text.resultOpen:after {
  content: "もう一度開く";
}