/* setting import */
#recent_contents .section_inner:first-of-type {
  padding-top: 0; }
#recent_contents h3 {
  background: none;
  padding: 0; }

#return_top .section_inner {
  padding-top: 70px !important; }

.main-img {
  max-width: calc((100vh - 82px) * 1.875);
  margin: 0 auto; }
  .main-img.mgt {
    margin-top: 55px; }

.int-pick-title {
  color: #a01e32;
  text-align: center;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 10px;
  padding: 35px 0;
  border-top: 1px solid #a01e32;
  border-bottom: 1px solid #a01e32;
  margin-bottom: 55px; }
  .int-pick-title sup {
    font-size: 50%;
    top: -0.8em;
    left: -0.4em;
    letter-spacing: 0; }

.int-title-s {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 5px;
  color: #a01e32;
  display: flex;
  align-items: center;
  margin-top: 80px; }
  .int-title-s .gr {
    width: 70px;
    margin-right: 15px;
    display: inline-block; }

#title-area {
  position: relative;
  display: block;
  margin-top: 82px;
  padding: 55px 0; }
  #title-area.h_fix {
    height: 265px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center; }
  #title-area h2 {
    color: #a01e32;
    text-align: center;
    font-size: 34px;
    line-height: 1.6em;
    letter-spacing: 10px;
    font-weight: bold;
    margin-bottom: 10px; }
    #title-area h2 sup {
      font-size: 50%;
      top: -0.8em;
      left: -0.4em; }
    #title-area h2.t-up {
      margin-bottom: 0;
      margin-top: 20px; }
  #title-area p {
    color: #a01e32;
    text-align: center;
    font-size: 20px;
    letter-spacing: 10px; }

#kv-area-normal.only {
  padding-bottom: 130px; }
#kv-area-normal .section_inner {
  padding: 0; }
#kv-area-normal .kv-copy {
  margin: 55px 0 110px 0; }
  #kv-area-normal .kv-copy.mg0 {
    margin: 0; }
  #kv-area-normal .kv-copy.mgb0 {
    margin-bottom: 0; }
#kv-area-normal .coment01 {
  margin: 35px 0 55px 0; }
#kv-area-normal .coment02 {
  margin: 20px 0 120px 0; }

#process {
  background: #f5ebe0; }
  #process .section_inner {
    padding: 70px 0; }
    #process .section_inner .point {
      display: block;
      width: 124px;
      margin: 0 auto; }
      #process .section_inner .point.under {
        border-top: 1px solid #000; }
    #process .section_inner h7 {
      color: #a01e32;
      font-size: 24px;
      line-height: 36px;
      margin: 60px auto;
      text-align: center;
      display: block;
      letter-spacing: 10px; }
      #process .section_inner h7 span {
        display: inline-block;
        text-indent: 33px; }
    #process .section_inner .caption {
      font-size: 12px;
      text-align: center;
      margin-top: 10px; }
    #process .section_inner .under_line {
      border-bottom: 1px solid #000;
      margin: 45px 0 55px 0; }

#sec01 .section_inner, #sec02 .section_inner, #sec03 .section_inner, #sec04 .section_inner, #sec05 .section_inner {
  padding: 0 0 120px 0; }
#sec01 .page_link, #sec02 .page_link, #sec03 .page_link, #sec04 .page_link, #sec05 .page_link {
  font-size: 16px;
  letter-spacing: .2em;
  line-height: 1.8em;
  display: table;
  margin: 0 0 0 auto;
  text-decoration: none; }
  #sec01 .page_link:hover, #sec02 .page_link:hover, #sec03 .page_link:hover, #sec04 .page_link:hover, #sec05 .page_link:hover {
    text-decoration: underline; }
#sec01 .caption, #sec02 .caption, #sec03 .caption, #sec04 .caption, #sec05 .caption {
  font-size: 12px;
  text-align: center;
  margin-top: 10px; }
#sec01 .coment, #sec02 .coment, #sec03 .coment, #sec04 .coment, #sec05 .coment {
  margin: 20px 0 55px 0; }
  #sec01 .coment.first, #sec02 .coment.first, #sec03 .coment.first, #sec04 .coment.first, #sec05 .coment.first {
    margin: 100px 0 0 0; }
  #sec01 .coment.mgt, #sec02 .coment.mgt, #sec03 .coment.mgt, #sec04 .coment.mgt, #sec05 .coment.mgt {
    margin: 50px 0 0 0; }
  #sec01 .coment.mid, #sec02 .coment.mid, #sec03 .coment.mid, #sec04 .coment.mid, #sec05 .coment.mid {
    margin: 50px 0 70px 0; }
  #sec01 .coment.end, #sec02 .coment.end, #sec03 .coment.end, #sec04 .coment.end, #sec05 .coment.end {
    margin-bottom: 0; }
  #sec01 .coment.small, #sec02 .coment.small, #sec03 .coment.small, #sec04 .coment.small, #sec05 .coment.small {
    font-size: 12px; }
#sec01 .pr_mv, #sec02 .pr_mv, #sec03 .pr_mv, #sec04 .pr_mv, #sec05 .pr_mv {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden; }
  #sec01 .pr_mv iframe, #sec02 .pr_mv iframe, #sec03 .pr_mv iframe, #sec04 .pr_mv iframe, #sec05 .pr_mv iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
#sec01 .buy-btn, #sec02 .buy-btn, #sec03 .buy-btn, #sec04 .buy-btn, #sec05 .buy-btn {
  display: block;
  border-radius: 12px;
  text-align: center;
  width: 100%;
  margin: 110px auto 0 auto;
  background: #e09890;
  font-size: 21px;
  line-height: 21px;
  letter-spacing: 8px;
  color: #FFF;
  padding: 20px 0 22px 0;
  transition: all 0.3s; }
  #sec01 .buy-btn.last, #sec02 .buy-btn.last, #sec03 .buy-btn.last, #sec04 .buy-btn.last, #sec05 .buy-btn.last {
    margin-top: 70px; }
  #sec01 .buy-btn:hover, #sec02 .buy-btn:hover, #sec03 .buy-btn:hover, #sec04 .buy-btn:hover, #sec05 .buy-btn:hover {
    opacity: 0.7;
    text-decoration: none; }
#sec01 .prof-area, #sec02 .prof-area, #sec03 .prof-area, #sec04 .prof-area, #sec05 .prof-area {
  border: 1px solid #000;
  padding: 45px;
  margin-top: 90px; }
  #sec01 .prof-area .sub, #sec02 .prof-area .sub, #sec03 .prof-area .sub, #sec04 .prof-area .sub, #sec05 .prof-area .sub {
    font-size: 14px; }
  #sec01 .prof-area .main, #sec02 .prof-area .main, #sec03 .prof-area .main, #sec04 .prof-area .main, #sec05 .prof-area .main {
    font-size: 26px;
    margin-bottom: 35px; }
    #sec01 .prof-area .main span, #sec02 .prof-area .main span, #sec03 .prof-area .main span, #sec04 .prof-area .main span, #sec05 .prof-area .main span {
      font-size: 18px; }
  #sec01 .prof-area dl, #sec02 .prof-area dl, #sec03 .prof-area dl, #sec04 .prof-area dl, #sec05 .prof-area dl {
    display: block;
    margin-bottom: 35px; }
    #sec01 .prof-area dl dt, #sec02 .prof-area dl dt, #sec03 .prof-area dl dt, #sec04 .prof-area dl dt, #sec05 .prof-area dl dt {
      display: inline-block;
      width: 192px;
      margin-right: 40px; }
    #sec01 .prof-area dl dd, #sec02 .prof-area dl dd, #sec03 .prof-area dl dd, #sec04 .prof-area dl dd, #sec05 .prof-area dl dd {
      display: inline-block;
      vertical-align: bottom;
      font-size: 26px;
      letter-spacing: .2em;
      line-height: 1.8em; }
      #sec01 .prof-area dl dd .sub01, #sec02 .prof-area dl dd .sub01, #sec03 .prof-area dl dd .sub01, #sec04 .prof-area dl dd .sub01, #sec05 .prof-area dl dd .sub01 {
        font-size: 15px; }
      #sec01 .prof-area dl dd .sub02, #sec02 .prof-area dl dd .sub02, #sec03 .prof-area dl dd .sub02, #sec04 .prof-area dl dd .sub02, #sec05 .prof-area dl dd .sub02 {
        font-size: 18px; }

@media only screen and (max-width: 750px) {
  #recent_contents .section_inner {
    width: 100% !important; }

  #expert_magazine h7 {
    font-size: 3.5vw;
    font-weight: normal;
    margin-bottom: 5%; }

  .main-img {
    max-width: none;
    margin: 0 calc(50% - 50vw);
    width: 100vw; }
    .main-img.min {
      margin: 0;
      width: 100%; }
    .main-img.mgt {
      margin-top: 12%; }

  .int-pick-title {
    font-size: 4.5vw;
    line-height: 7vw;
    letter-spacing: 1.2vw;
    padding: 7.5% 0 8% 0;
    margin-bottom: 12%; }
    .int-pick-title sup {
      left: -0.2em; }

  .int-title-s {
    font-size: 2.9vw;
    line-height: 5.4vw;
    letter-spacing: 0.2vw;
    font-weight: 600;
    color: #a01e32;
    display: flex;
    align-items: flex-start;
    margin: 11% 0 3% 0; }
    .int-title-s.mgt {
      margin-top: 22%; }
    .int-title-s .gr {
      width: 20.62%;
      margin-right: 4%;
      display: inline-block;
      position: absolute;
      margin-top: -5%; }

  #title-area {
    position: relative;
    display: block;
    margin-top: 0;
    padding: 7% 0 8% 0; }
    #title-area.h_fix {
      height: 50vw; }
    #title-area h2 {
      color: #a01e32;
      text-align: center;
      font-size: 5.5vw;
      line-height: 8.5vw;
      letter-spacing: 2vw;
      font-weight: normal;
      margin-bottom: 2%; }
      #title-area h2.sm {
        font-size: 5vw;
        letter-spacing: 1.2vw; }
      #title-area h2.t-up {
        margin-bottom: 0;
        margin-top: 4%; }
    #title-area p {
      font-size: 3.2vw;
      letter-spacing: 1.2vw; }

  #kv-area-normal .kv-copy {
    margin: 12% 0px 25% 0; }
  #kv-area-normal .coment01 {
    margin: 9% 0 10% 0; }
  #kv-area-normal .coment02 {
    margin: 8% 0 24% 0; }

  #process .section_inner {
    padding: 15% 0; }
    #process .section_inner .point {
      display: block;
      width: 24%;
      margin: 0 auto; }
      #process .section_inner .point.under {
        border-top: 1px solid #000; }
    #process .section_inner h7 {
      color: #a01e32;
      font-size: 4.5vw;
      line-height: 7vw;
      margin: 5.8% auto 7% auto;
      text-align: center;
      display: block;
      letter-spacing: 1.8vw; }
      #process .section_inner h7 span {
        text-indent: 5.5vw; }
    #process .section_inner .caption {
      font-size: 2.5vw;
      text-align: center;
      margin-top: 1%; }
    #process .section_inner .under_line {
      border-bottom: 1px solid #000;
      margin: 11% 0 14% 0; }

  #sec01 .section_inner, #sec02 .section_inner, #sec03 .section_inner, #sec04 .section_inner, #sec05 .section_inner {
    padding: 0 0 22% 0; }
  #sec01 .page_link, #sec02 .page_link, #sec03 .page_link, #sec04 .page_link, #sec05 .page_link {
    display: table;
    margin: 0 0 0 auto;
    text-decoration: none;
    font-size: 3.4vw;
    letter-spacing: .85vw;
    line-height: 6.12vw; }
    #sec01 .page_link:hover, #sec02 .page_link:hover, #sec03 .page_link:hover, #sec04 .page_link:hover, #sec05 .page_link:hover {
      text-decoration: underline; }
  #sec01 .caption, #sec02 .caption, #sec03 .caption, #sec04 .caption, #sec05 .caption {
    font-size: 2.2vw;
    line-height: 4.5vw;
    letter-spacing: 0.5vw;
    text-align: center;
    margin-top: 2%; }
  #sec01 .coment, #sec02 .coment, #sec03 .coment, #sec04 .coment, #sec05 .coment {
    margin: 6% 0 12% 0; }
    #sec01 .coment.mgt, #sec02 .coment.mgt, #sec03 .coment.mgt, #sec04 .coment.mgt, #sec05 .coment.mgt {
      margin: 12% 0 0 0; }
    #sec01 .coment.mid, #sec02 .coment.mid, #sec03 .coment.mid, #sec04 .coment.mid, #sec05 .coment.mid {
      margin: 12% 0 12% 0; }
  #sec01 .pr_mv, #sec02 .pr_mv, #sec03 .pr_mv, #sec04 .pr_mv, #sec05 .pr_mv {
    position: relative;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 0;
    padding-bottom: 66.25%;
    overflow: hidden; }
    #sec01 .pr_mv iframe, #sec02 .pr_mv iframe, #sec03 .pr_mv iframe, #sec04 .pr_mv iframe, #sec05 .pr_mv iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  #sec01 .buy-btn, #sec02 .buy-btn, #sec03 .buy-btn, #sec04 .buy-btn, #sec05 .buy-btn {
    display: block;
    border-radius: 12px;
    width: 100%;
    margin: 32% auto 0 auto;
    background: #e09890;
    font-size: 3.8vw;
    line-height: 4.8vw;
    letter-spacing: 1vw;
    color: #FFF;
    padding: 2.7% 0 3.2% 0;
    transition: all 0s; }
    #sec01 .buy-btn.last, #sec02 .buy-btn.last, #sec03 .buy-btn.last, #sec04 .buy-btn.last, #sec05 .buy-btn.last {
      margin-top: 13%; }
    #sec01 .buy-btn:hover, #sec02 .buy-btn:hover, #sec03 .buy-btn:hover, #sec04 .buy-btn:hover, #sec05 .buy-btn:hover {
      opacity: 1;
      text-decoration: none; }
  #sec01 .prof-area, #sec02 .prof-area, #sec03 .prof-area, #sec04 .prof-area, #sec05 .prof-area {
    border: 1px solid #000;
    padding: 6%;
    margin-top: 22%; }
    #sec01 .prof-area .sub, #sec02 .prof-area .sub, #sec03 .prof-area .sub, #sec04 .prof-area .sub, #sec05 .prof-area .sub {
      font-size: 2.5vw; }
    #sec01 .prof-area .main, #sec02 .prof-area .main, #sec03 .prof-area .main, #sec04 .prof-area .main, #sec05 .prof-area .main {
      font-size: 4vw;
      margin-bottom: 5%; }
      #sec01 .prof-area .main span, #sec02 .prof-area .main span, #sec03 .prof-area .main span, #sec04 .prof-area .main span, #sec05 .prof-area .main span {
        font-size: 3vw; }
    #sec01 .prof-area p, #sec02 .prof-area p, #sec03 .prof-area p, #sec04 .prof-area p, #sec05 .prof-area p {
      letter-spacing: .2em; }
    #sec01 .prof-area dl, #sec02 .prof-area dl, #sec03 .prof-area dl, #sec04 .prof-area dl, #sec05 .prof-area dl {
      display: block;
      margin-bottom: 4%; }
      #sec01 .prof-area dl dt, #sec02 .prof-area dl dt, #sec03 .prof-area dl dt, #sec04 .prof-area dl dt, #sec05 .prof-area dl dt {
        display: inline-block;
        vertical-align: middle;
        width: 43%;
        margin-right: 5%; }
      #sec01 .prof-area dl dd, #sec02 .prof-area dl dd, #sec03 .prof-area dl dd, #sec04 .prof-area dl dd, #sec05 .prof-area dl dd {
        display: inline-block;
        vertical-align: middle;
        font-size: 3.5vw;
        letter-spacing: .2em;
        line-height: 1.8em; }
        #sec01 .prof-area dl dd .sub01, #sec02 .prof-area dl dd .sub01, #sec03 .prof-area dl dd .sub01, #sec04 .prof-area dl dd .sub01, #sec05 .prof-area dl dd .sub01 {
          font-size: 2.5vw; }
        #sec01 .prof-area dl dd .sub02, #sec02 .prof-area dl dd .sub02, #sec03 .prof-area dl dd .sub02, #sec04 .prof-area dl dd .sub02, #sec05 .prof-area dl dd .sub02 {
          font-size: 3vw; } }

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