@charset "UTF-8";
/* #mainImg
================================================ */
#mainImg { background-image: url(../img/whitening/bg_mv01-sp.png); background-size: cover; }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/whitening/bg_mv01-pc.png); background-size: 1920px; } }

/* #contents
================================================ */
@media screen and (min-width: 600px) { #contents { padding-top: 60px; } }

/* #about
================================================ */
#about { padding: 45px 0; }

@media screen and (min-width: 600px) { #about { padding: 50px 0 90px; } }

/* #kinds
================================================ */
#kinds { padding: 20px 0 35px; }

#kinds .office { padding: 20px 0 35px; margin-top: -20px; }

#kinds .office .imgWrap { margin: 15px 0; }

#kinds .home { padding: 20px 0 35px; }

#kinds .home .imgWrap { margin: 15px 0; }

#kinds .coat { padding: 20px 0 35px; }

#kinds .coat .imgWrap { margin: 15px 0; }

@media screen and (min-width: 600px) { #kinds { padding: 50px 0 35px; }
  #kinds .office { padding: 90px 0 80px; margin-top: -50px; }
  #kinds .office .imgWrap { margin: 50px 0 20px; }
  #kinds .home { padding: 90px 0 80px; }
  #kinds .home .imgWrap { margin: 50px 0 20px; }
  #kinds .coat { padding: 90px 0 80px; }
  #kinds .coat .imgWrap { margin: 50px 0 20px; } }

/* #fee
================================================ */
#fee { padding: 20px 0 35px; }

@media screen and (min-width: 600px) { #fee { padding: 60px 0 35px; } }

/* #menu
================================================ */
#menu { padding: 45px 0; }

#menu .course { padding: 20px 20px 5px; border-radius: 10px; background-color: #fff; box-shadow: 0px 4px 9px 1px rgba(0, 0, 0, 0.07); margin-bottom: 20px; }

#menu .listWrap .tit { color: #999999; }

#menu .listWrap .list { margin-bottom: 10px; }

#menu .listWrap .list .item { text-indent: -1em; margin-left: 1em; color: #999999; }

#menu .listWrap .list .item:before { content: '・'; display: inline-block; width: 1em; text-indent: 0; }

@media screen and (min-width: 600px) { #menu { padding: 120px 0 35px; }
  #menu .course { padding: 40px 40px 25px; margin-bottom: 40px; }
  #menu .course .mod_tit06 { margin-bottom: 30px; padding: 8px; }
  #menu .course .mod_table01 td { line-height: 1.6; }
  #menu .course .mod_table01 td span { font-size: 1.7rem; }
  #menu .listWrap .tit { font-size: 1.2rem; }
  #menu .listWrap .list .item { font-size: 1.2rem; } }

/* #link
================================================ */
#link { padding: 52px 0 46px; }

#link .wrap { padding: 18px 25px 28px; border-radius: 10px; }

@media screen and (min-width: 600px) { #link { padding: 100px 0 90px; }
  #link .wrap { padding: 31px 38px 43px; margin: 0; }
  #link .wrap .btnList { margin: 0; -ms-flex-pack: left; justify-content: left; -webkit-box-pack: left; }
  #link .wrap .btnList .btn { width: 196px; margin: 0 10px 0 0; }
  #link .wrap .btnList .btn a { padding: 20px 0; } }