.scrollNav {
  background: none; }

#Concept .concept-wrapper {
  width: 70%;
  margin: 0 auto; }

#Concept .main {
  position: relative;
  margin-top: 110px; }
  #Concept .main #Main01 {
    display: block;
    width: 15.5px;
    margin: 0 auto; }
  #Concept .main #Main02 {
    margin-top: 212px;
    display: block;
    width: 87.5%; }

#Concept .ap {
  margin-top: 200px; }
  #Concept .ap #Ap01 {
    width: 150px;
    display: block;
    margin: 0 auto; }
  #Concept .ap #Ap02 {
    margin-top: 50px;
    width: 263px; }

#Concept .title {
  position: absolute;
  top: 0;
  right: -2px;
  width: 13px; }

#Concept .policy {
  position: relative;
  margin-top: 149px; }
  #Concept .policy .txt01 {
    width: 39px;
    margin: 0 auto; }
  #Concept .policy .txt02 {
    width: 237px;
    margin: 76px auto 0; }

#Concept .jq {
  margin-top: 150px; }
  #Concept .jq .title {
    width: 15.5px; }
  #Concept .jq .txt02 {
    width: 262px; }

#Concept .face {
  margin-top: 152px; }
  #Concept .face .title {
    width: 13.5px; }

#Concept .style .title {
  width: 15px; }

.bkbtn.arrow {
  margin-top: 150px; }

#RelatedPosts {
  margin-top: 150px; }

@media screen and (min-width: 769px) {
  #Concept .concept-wrapper {
    width: 980px; }
  #Concept .left {
    transform: translate(-50%, -50%);
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 0;
    transition: opacity 0.5s; }
    #Concept .left.fade-in {
      transition: opacity 1.0s;
      opacity: 1; }
  #Concept section {
    width: 430px;
    margin: 0 0 0 auto; }
  #Concept .main {
    margin-top: 130px; }
    #Concept .main #Main01 {
      width: 25.5px; }
    #Concept .main #Main02 {
      margin-top: 0;
      width: 264px; }
  #Concept .ap-wrapper {
    width: 980px;
    margin: 482px auto 0; }
    #Concept .ap-wrapper .ap {
      width: 430px;
      text-align: left;
      position: relative; }
      #Concept .ap-wrapper .ap .left {
        left: -434px; }
      #Concept .ap-wrapper .ap #Ap01 {
        width: 198px; }
      #Concept .ap-wrapper .ap #Ap02 {
        margin-top: 0;
        width: 390px; }
  #Concept .policy {
    width: 492px;
    margin-top: 201px;
    position: relative; }
    #Concept .policy .title {
      position: absolute;
      top: 0;
      left: 0;
      right: auto; }
      #Concept .policy .title img {
        display: block;
        transform: translate(-50%, -50%); }
    #Concept .policy .txt01 {
      width: 45px; }
    #Concept .policy .txt02 {
      width: 269px;
      margin-top: 82px; }
    #Concept .policy .left {
      left: -275px; }
  #Concept .jq {
    margin-top: 384px; }
    #Concept .jq #Jq01 {
      width: 136px; }
    #Concept .jq .txt01 {
      width: 44px; }
    #Concept .jq .txt02 {
      width: 301px;
      margin-top: 82px; }
  #Concept .face {
    margin-top: 202px; }
    #Concept .face #Face01 {
      width: 46px; }
  #Concept .fit #Fit01 {
    width: 27px; }
  #Concept .treat #Treat01 {
    width: 50px; }
  #Concept .style #Style01 {
    width: 50px; }
  .bkbtn.arrow {
    margin-top: 250px; }
  #RelatedPosts {
    margin-top: 250px; } }