/*--------------------------------
	common
--------------------------------*/
#sub {
  padding: 100px 0; }
  #sub article:not(:first-child) {
    margin-top: 100px; }
  #sub p {
    letter-spacing: .8px; }
  #sub h2 {
    font-family: 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'MS PMincho', serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 42px;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 50px; }
    #sub h2::after {
      content: '';
      display: block;
      width: 40px;
      height: 2px;
      margin: 0 auto;
      background: #d1c0a5;
      margin-top: 15px; }
  #sub h3 {
    font-family: 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'MS PMincho', serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    color: #fff;
    background: #a6937c;
    padding: 15px 20px;
    margin-bottom: 30px; }
  #sub h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    background: #ece5da;
    padding: 5px 15px;
    margin-bottom: 15px; }
  #sub .wrap-table th, #sub .wrap-table td {
    line-height: 24px;
    border-bottom: solid 1px #a6937c;
    padding: 15px; }
  #sub .wrap-table th {
    width: 35%;
    text-align: center; }
  #sub .col-blue {
    color: #386093; }
  #sub .col-orange {
    color: #f19241; }
  #sub .col-green {
    color: #8eb56e; }
  #sub .button-sub {
    margin-top: 50px; }
    #sub .button-sub a {
      width: 320px;
      max-width: 100%;
      margin: 0 auto;
      background: #d1c0a5;
      color: #fff;
      font-weight: 500;
      text-align: center;
      padding: 20px;
      position: relative; }
      #sub .button-sub a::after {
        content: '';
        display: block;
        width: 10px;
        height: 16px;
        background-image: url("/img/common/arrow-wht2.png");
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        margin: auto 0; }
  @media (max-width: 768px) {
    #sub {
      padding: 50px 0; }
      #sub article:not(:first-child) {
        margin-top: 60px; }
      #sub p {
        line-height: 26px; }
      #sub h2 {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 30px;
        letter-spacing: 1.5px;
        margin-bottom: 30px; }
        #sub h2::after {
          margin-top: 10px; }
      #sub h3 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        padding: 10px 15px;
        margin-bottom: 15px; }
      #sub h4 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 24px;
        margin-bottom: 10px; }
      #sub .wrap-table th, #sub .wrap-table td {
        padding: 15px 10px; }
      #sub .button-sub {
        margin-top: 30px; }
        #sub .button-sub a {
          padding: 15px; }
          #sub .button-sub a::after {
            right: 15px; } }

/*--------------------------------
	news
--------------------------------*/
#sub section.news .list a, #sub section.news .list p {
  color: #333; }
#sub section.news .list li {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox; }
  #sub section.news .list li:not(:first-child) {
    margin-top: 50px; }
  #sub section.news .list li img {
    width: 200px;
    height: 200px;
    margin-right: 15px;
    object-fit: cover;
    font-family: 'object-fit:cover'; }
  #sub section.news .list li .inner {
    width: 100%; }
    #sub section.news .list li .inner .day {
      font-size: 14px;
      font-size: 1.4rem; }
    #sub section.news .list li .inner .ttl {
      display: block;
      overflow: hidden;
      height: 52px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis; }
    #sub section.news .list li .inner .body {
      display: block;
      overflow: hidden;
      height: 90px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis; }
#sub section.news .list .pagenation {
  margin-top: 30px; }
@media (max-width: 768px) {
  #sub section.news .list li img {
    display: none; }
  #sub section.news .list li .inner .ttl {
    display: block;
    overflow: hidden;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis; }
  #sub section.news .list li .inner .body {
    display: block;
    overflow: hidden;
    height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis; } }

/*--------------------------------
	esthetic
--------------------------------*/
#sub.esthetic {
  padding-top: 0; }
  #sub.esthetic article.about {
    background: url("/img/esthetic/about-bg.png") center center no-repeat;
    background-size: cover;
    padding: 100px 0; }
    #sub.esthetic article.about h2::after {
      content: none; }
  #sub.esthetic article.menu_price {
    background: url("/img/common/bg-stone.png") center center no-repeat;
    background-size: cover;
    margin-top: 0;
    padding: 100px 0; }
    #sub.esthetic article.menu_price h3 {
      background: #f19241; }
    #sub.esthetic article.menu_price .box:not(:first-child) {
      margin-top: 80px; }
    #sub.esthetic article.menu_price ol {
      display: -webkit-box;
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox; }
      #sub.esthetic article.menu_price ol li {
        writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        background: #ece5da;
        text-align: center;
        padding: 20px 15px;
        position: relative; }
        #sub.esthetic article.menu_price ol li:not(:last-child)::after {
          content: '';
          display: block;
          width: 10px;
          height: 14px;
          background-image: url("/img/esthetic/arrow.png");
          background-size: contain;
          vertical-align: middle;
          position: absolute;
          top: 0;
          right: -20px;
          bottom: 0;
          margin: auto 0; }
        #sub.esthetic article.menu_price ol li:not(:first-child) {
          margin-left: 30px; }
    #sub.esthetic article.menu_price p.sp {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 20px; }
  @media (max-width: 768px) {
    #sub.esthetic article.about {
      padding: 50px 0;
      background-position: left; }
      #sub.esthetic article.about h2, #sub.esthetic article.about p.center {
        text-align: left; }
    #sub.esthetic article.menu_price {
      padding: 50px 0; }
      #sub.esthetic article.menu_price .inbox {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 15px; }
        #sub.esthetic article.menu_price .inbox table {
          width: 100%;
          display: table; } }
  @media all and (max-width: 768px) and (-ms-high-contrast: none) {
    #sub.esthetic article.menu_price ol li {
      min-width: 40px; } }

/*--------------------------------
	leson
--------------------------------*/
#sub.lesson {
  padding-top: 0; }
  #sub.lesson article.about {
    background: url("/img/common/bg-stone.png") center center no-repeat;
    background-size: cover;
    padding: 100px 0; }
    #sub.lesson article.about strong {
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 400; }
    #sub.lesson article.about .bana {
      font-size: 20px;
      font-size: 2rem;
      line-height: 50px;
      width: 680px;
      max-width: 100%;
      margin: 0 auto;
      margin-top: 40px;
      border: solid 2px #a6937c;
      background: #fff;
      padding: 15px; }
      #sub.lesson article.about .bana span {
        font-size: 20px;
        font-size: 2rem; }
  #sub.lesson article.care section:not(:first-child) {
    margin-top: 100px; }
  #sub.lesson article.care .box {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify; }
    #sub.lesson article.care .box:not(:first-child) {
      margin-top: 50px; }
    #sub.lesson article.care .box figure, #sub.lesson article.care .box .inbox {
      width: 520px;
      max-width: 100%; }
    #sub.lesson article.care .box figure {
      margin-left: 40px; }
    #sub.lesson article.care .box .inbox p {
      padding: 0 20px; }
    #sub.lesson article.care .box .inner:not(:first-child) {
      margin-top: 50px; }
  #sub.lesson article.care h3 {
    background: #386093;
    color: #fff; }
  @media (max-width: 768px) {
    #sub.lesson article.about {
      padding: 50px 0; }
      #sub.lesson article.about strong {
        font-size: 20px;
        font-size: 2rem; }
      #sub.lesson article.about .ttl {
        text-align: left; }
      #sub.lesson article.about .bana {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        padding: 15px; }
    #sub.lesson article.care section:not(:first-child) {
      margin-top: 60px; }
    #sub.lesson article.care .box {
      display: block; }
      #sub.lesson article.care .box:not(:first-child) {
        margin-top: 30px; }
      #sub.lesson article.care .box figure, #sub.lesson article.care .box .inbox {
        margin: 0 auto; }
      #sub.lesson article.care .box figure {
        margin-bottom: 30px;
        text-align: center; }
      #sub.lesson article.care .box .inbox p {
        padding: 0 15px; }
      #sub.lesson article.care .box .inner:not(:first-child) {
        margin-top: 30px; } }

/*--------------------------------
	cosmetics
--------------------------------*/
#sub.cosmetics article.product section {
  margin-top: 60px; }
#sub.cosmetics article.product h3 {
  background: #8eb56e; }
#sub.cosmetics article.product .box {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start; }
  #sub.cosmetics article.product .box:not(:first-child) {
    margin-top: 40px; }
  #sub.cosmetics article.product .box figure {
    width: 270px;
    max-width: 100%; }
  #sub.cosmetics article.product .box .inbox {
    width: 760px;
    max-width: 100%;
    margin-left: 50px; }
    #sub.cosmetics article.product .box .inbox h3 {
      background: #dde9d3;
      color: #333; }
    #sub.cosmetics article.product .box .inbox p {
      padding: 0 20px;
      white-space: pre-wrap; }
@media (max-width: 768px) {
  #sub.cosmetics article.product p.center {
    text-align: left; }
  #sub.cosmetics article.product section {
    margin-top: 40px; }
  #sub.cosmetics article.product .box {
    display: block; }
    #sub.cosmetics article.product .box:not(:first-child) {
      margin-top: 40px; }
    #sub.cosmetics article.product .box .inbox {
      margin: 0 auto;
      margin-top: 15px; }
      #sub.cosmetics article.product .box .inbox h3 {
        margin-bottom: 10px; }
      #sub.cosmetics article.product .box .inbox p {
        padding: 0 15px; } }

/*--------------------------------
	skin
--------------------------------*/
#sub.skin .box:not(:first-child) {
  margin-top: 60px; }
#sub.skin .fle figure {
  width: 500px; }
#sub.skin .fle .inner {
  width: 480px; }
#sub.skin .fle figure, #sub.skin .fle .inner {
  max-width: 100%; }
#sub.skin ol {
  border: solid 2px #d1c0a5;
  padding: 20px; }
  #sub.skin ol li {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 26px;
    padding-left: 1em;
    text-indent: -1em; }
    #sub.skin ol li::before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px;
      background: #d1c0a5;
      border-radius: 50rem;
      margin-right: 15px; }
    #sub.skin ol li:not(:first-child) {
      margin-top: 15px; }
#sub.skin .button-sub a::before {
  content: '';
  display: block;
  width: 22px;
  height: 21px;
  background-image: url("/img/skin/ic-img.png");
  background-size: contain;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto 0; }
#sub.skin article.comment {
  background: url("/img/common/bg-stone.png") center center no-repeat;
  background-size: cover;
  padding: 100px 0; }
  #sub.skin article.comment p {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 50px;
    font-weight: 400; }
@media (max-width: 768px) {
  #sub.skin article.about .fle {
    display: block; }
    #sub.skin article.about .fle figure, #sub.skin article.about .fle .inner {
      margin: 0 auto; }
    #sub.skin article.about .fle figure {
      margin-bottom: 20px; }
  #sub.skin article.about ol li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 22px;
    padding-left: 1.5em;
    text-indent: -1.9em; }
  #sub.skin article.about .button-sub a::before {
    left: 15px; }
  #sub.skin article.comment {
    padding: 50px 0; }
    #sub.skin article.comment p {
      font-size: 20px;
      font-size: 2rem;
      line-height: 32px;
      text-align: left; }
      #sub.skin article.comment p br {
        display: none; } }

/*--------------------------------
	gallery
--------------------------------*/
#sub article.list-gallery .box, #main article.list-gallery .box {
  width: 500px;
  max-width: 100%;
  background: #f7f4ef; }
  #sub article.list-gallery .box:nth-child(even), #main article.list-gallery .box:nth-child(even) {
    margin-left: 80px; }
  #sub article.list-gallery .box:nth-child(n+3), #main article.list-gallery .box:nth-child(n+3) {
    margin-top: 60px; }
  #sub article.list-gallery .box img, #main article.list-gallery .box img {
    display: block;
    width: 100%;
    height: 420px;
    object-fit: cover;
    font-family: 'object-fit:cover'; }
  #sub article.list-gallery .box .inbox, #main article.list-gallery .box .inbox {
    padding: 20px; }
    #sub article.list-gallery .box .inbox .ttl, #main article.list-gallery .box .inbox .ttl {
      font-family: 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'MS PMincho', serif;
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: 400; }
    #sub article.list-gallery .box .inbox .body, #main article.list-gallery .box .inbox .body {
      white-space: pre-wrap; }
@media (max-width: 768px) {
  #sub article.list-gallery p.center, #main article.list-gallery p.center {
    text-align: left; }
  #sub article.list-gallery .box, #main article.list-gallery .box {
    margin: 0 auto; }
    #sub article.list-gallery .box img, #main article.list-gallery .box img {
      height: auto; }
    #sub article.list-gallery .box:nth-child(even), #main article.list-gallery .box:nth-child(even) {
      margin: 0 auto; }
    #sub article.list-gallery .box:nth-child(n+2), #sub article.list-gallery .box:nth-child(n+3), #main article.list-gallery .box:nth-child(n+2), #main article.list-gallery .box:nth-child(n+3) {
      margin-top: 30px; }
    #sub article.list-gallery .box .inbox .ttl, #main article.list-gallery .box .inbox .ttl {
      font-size: 18px;
      font-size: 1.8rem; } }

/*--------------------------------
	voice
--------------------------------*/
#sub.voice article.list .box {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify; }
  #sub.voice article.list .box:not(:first-child) {
    margin-top: 50px; }
  #sub.voice article.list .box figure {
    width: 500px;
    max-width: 100%; }
    #sub.voice article.list .box figure img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      font-family: 'object-fit:cover'; }
  #sub.voice article.list .box .inbox {
    width: 520px;
    max-width: 100%;
    margin-left: 60px; }
    #sub.voice article.list .box .inbox p {
      white-space: pre-wrap; }
    #sub.voice article.list .box .inbox .button a {
      margin-left: auto; }
#sub.voice article.detail .box {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify; }
  #sub.voice article.detail .box figure {
    width: 40%; }
  #sub.voice article.detail .box p {
    width: 55%;
    white-space: pre-wrap; }
@media (max-width: 768px) {
  #sub.voice article.list .box {
    display: block; }
    #sub.voice article.list .box figure {
      margin: 0 auto; }
      #sub.voice article.list .box figure img {
        height: 32vh; }
    #sub.voice article.list .box .inbox {
      margin: 0 auto;
      margin-top: 20px; }
  #sub.voice article.detail .box {
    display: block;
    max-width: 500px;
    margin: 0 auto; }
    #sub.voice article.detail .box figure, #sub.voice article.detail .box p {
      width: 100%;
      margin: 0 auto; }
    #sub.voice article.detail .box figure {
      text-align: center; }
    #sub.voice article.detail .box p {
      margin-top: 20px; } }

/*--------------------------------
	salon
--------------------------------*/
#sub.salon {
  padding-bottom: 0; }
  #sub.salon .wrap-table td {
    white-space: pre-wrap; }
  #sub.salon article.staff {
    background: #f7f4ef;
    padding: 100px 0; }
    #sub.salon article.staff .box:not(:first-child) {
      margin-top: 60px; }
    #sub.salon article.staff .box .inbox {
      display: -webkit-box;
      display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      align-items: flex-start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      -webkit-box-align: start; }
    #sub.salon article.staff .box figure {
      width: 500px; }
      #sub.salon article.staff .box figure img {
        width: 100%; }
    #sub.salon article.staff .box .inner1 {
      width: 520px;
      margin-left: 60px; }
      #sub.salon article.staff .box .inner1 h3 {
        margin-bottom: 15px; }
      #sub.salon article.staff .box .inner1 .wrap-table th, #sub.salon article.staff .box .inner1 .wrap-table td {
        border: none; }
      #sub.salon article.staff .box .inner1 .wrap-table th {
        text-align: left;
        padding: 10px 0; }
      #sub.salon article.staff .box .inner1 .wrap-table td {
        padding: 10px; }
    #sub.salon article.staff .box figure, #sub.salon article.staff .box .inner1 {
      max-width: 100%; }
    #sub.salon article.staff .box .inner2 p {
      white-space: pre-wrap; }
  @media (max-width: 768px) {
    #sub.salon article.staff {
      padding: 50px 0; }
      #sub.salon article.staff .box .inbox {
        display: block; }
      #sub.salon article.staff .box .inner1, #sub.salon article.staff .box figure {
        margin: 0 auto; }
      #sub.salon article.staff .box .inner1 {
        margin-top: 20px; }
      #sub.salon article.staff .inner2 {
        max-width: 520px;
        margin: 0 auto;
        margin-top: 20px; } }

/*--------------------------------
	blog
--------------------------------*/
#sub.blog article.list-blog ol {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox; }
  #sub.blog article.list-blog ol li .tag {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    background: #333;
    color: #fff;
    padding: 5px;
    white-space: nowrap; }
#sub.blog article.list-blog .wrap-tag h3 {
  font-family: 'Noto Sans JP', sans-serif;
  background: #ece5da;
  color: #333;
  margin-bottom: 0; }
#sub.blog article.list-blog .wrap-tag ol {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #f7f4ef;
  padding: 20px 20px 15px 20px; }
  #sub.blog article.list-blog .wrap-tag ol li {
    margin: 0 10px 10px 0; }
#sub.blog article.list-blog .wrap-list a {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start; }
  #sub.blog article.list-blog .wrap-list a:not(:first-child) {
    margin-top: 50px; }
#sub.blog article.list-blog .wrap-list .box, #sub.blog article.list-blog .wrap-list figure {
  max-width: 100%; }
#sub.blog article.list-blog .wrap-list .box {
  width: 740px; }
  #sub.blog article.list-blog .wrap-list .box .inbox {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    border-bottom: solid 2px #a6937c;
    padding: 0 15px 15px 15px; }
    #sub.blog article.list-blog .wrap-list .box .inbox time {
      display: block;
      color: #a6937c; }
    #sub.blog article.list-blog .wrap-list .box .inbox ol li {
      margin: 0 10px 0 0; }
    #sub.blog article.list-blog .wrap-list .box .inbox .ttl {
      font-size: 18px;
      font-size: 1.8rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #sub.blog article.list-blog .wrap-list .box .inbox ol, #sub.blog article.list-blog .wrap-list .box .inbox .ttl {
      margin-left: 15px; }
  #sub.blog article.list-blog .wrap-list .box .body {
    margin-top: 15px; }
#sub.blog article.list-blog .wrap-list figure {
  width: 300px; }
  #sub.blog article.list-blog .wrap-list figure img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    font-family: 'object-fit:cover'; }
@media (max-width: 768px) {
  #sub.blog article.list-blog .wrap-tag ol {
    padding: 10px; }
    #sub.blog article.list-blog .wrap-tag ol li {
      margin: 0 5px 5px 0; }
      #sub.blog article.list-blog .wrap-tag ol li .tag {
        font-size: 12px;
        font-size: 1.2rem; }
  #sub.blog article.list-blog .wrap-list a {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: row-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start; }
    #sub.blog article.list-blog .wrap-list a:not(:first-child) {
      margin-top: 40px; }
  #sub.blog article.list-blog .wrap-list .box .inbox {
    display: block;
    padding: 0 0 10px 0;
    margin-top: 10px; }
    #sub.blog article.list-blog .wrap-list .box .inbox ol {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 10px; }
      #sub.blog article.list-blog .wrap-list .box .inbox ol li {
        margin: 0 5px 5px 0; }
    #sub.blog article.list-blog .wrap-list .box .inbox ol, #sub.blog article.list-blog .wrap-list .box .inbox .ttl {
      margin-left: 0; }
    #sub.blog article.list-blog .wrap-list .box .inbox .ttl {
      font-size: 16px;
      font-size: 1.6rem; }
  #sub.blog article.list-blog .wrap-list .box .body {
    margin-top: 10px; } }

/*--------------------------------
	contact
--------------------------------*/
@media (max-width: 768px) {
  #sub.contact article.about p {
    text-align: left; } }

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