@charset "UTF-8";
#springcoat200310 {
  max-width: 1000px;
  margin: 0 auto;
  color: #333;
  text-align: center;
  padding: 0 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #springcoat200310 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #springcoat200310 img {
    width: 100%; }
  #springcoat200310 a {
    display: block; }
  #springcoat200310 .mv, #springcoat200310 .credit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #springcoat200310 .blk-c .imgwrp, #springcoat200310 .credit {
    margin-right: auto;
    margin-left: auto; }
  #springcoat200310 .credit li::after {
    content: ",";
    margin: 0 0.35em 0 0.3em; }
  #springcoat200310 .credit li:nth-of-type(3)::after, #springcoat200310 .credit li:last-of-type::after {
    content: none; }
  #springcoat200310 .sp_only {
    display: none; }
  #springcoat200310 .cntArea {
    width: 742px;
    margin: 0 auto 74px; }
  #springcoat200310 .mv {
    margin: 0 auto 93px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #springcoat200310 .mv .imgmv {
      width: 400px; }
    #springcoat200310 .mv h2 {
      width: 342px;
      height: 342px;
      background-color: rgba(251, 252, 205, 0.6);
      padding-top: 112px; }
    #springcoat200310 .mv .main_ttl {
      font-size: 46px;
      display: block;
      position: relative;
      font-family: futura-pt, serif;
      line-height: 1.6;
      margin-bottom: 0.2em;
      letter-spacing: 0.015em; }
      #springcoat200310 .mv .main_ttl::after {
        content: "";
        width: 280px;
        height: 2px;
        background-color: #cdae7b;
        position: absolute;
        bottom: 4px;
        left: 0;
        right: 0;
        margin: 0 auto; }
    #springcoat200310 .mv .sub_ttl {
      font-size: 14px;
      letter-spacing: 0.025em; }
  #springcoat200310 .lead {
    text-align: center;
    font-size: 15px;
    line-height: 2;
    letter-spacing: .025em;
    margin-bottom: 95px; }
  #springcoat200310 .sec-blk {
    margin-bottom: 117px; }
    #springcoat200310 .sec-blk.sec04 {
      margin-bottom: 67px; }
  #springcoat200310 .blk-c {
    text-align: center;
    margin-bottom: 25px; }
    #springcoat200310 .blk-c .imgwrp {
      width: 461px;
      margin-bottom: 23px; }
    #springcoat200310 .blk-c .txt_wrap {
      font-size: 13px;
      line-height: 2.1;
      letter-spacing: 0.03em; }
  #springcoat200310 .blk-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #springcoat200310 .imgwrp {
    width: 340px;
    min-height: 0%; }
  #springcoat200310 .point {
    width: 326px;
    height: 145px;
    min-height: 0%;
    text-align: left;
    position: relative;
    overflow: hidden; }
    #springcoat200310 .point::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
      opacity: 0;
      visibility: hidden; }
    #springcoat200310 .point .point-inner {
      padding: 26px 0 0 31px;
      width: 100%;
      height: 100%;
      -webkit-transition: all .6s .3s;
      -o-transition: all .6s .3s;
      transition: all .6s .3s;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
      visibility: hidden; }
    #springcoat200310 .point .point-ttl {
      font-size: 25px;
      font-weight: 500;
      font-family: futura-pt, serif;
      line-height: 1.2;
      letter-spacing: 0.01em;
      color: #c39d69;
      margin-bottom: 0.4em; }
    #springcoat200310 .point .point-txt {
      font-size: 13px;
      line-height: 2;
      letter-spacing: 0.03em;
      margin-left: 1.45em; }
    #springcoat200310 .point.effect-in::before {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(0%) !important;
      -ms-transform: translateX(0%) !important;
      transform: translateX(0%) !important; }
    #springcoat200310 .point.effect-in .point-inner {
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
      opacity: 1;
      visibility: visible; }
  #springcoat200310 .blk-point-1 .point {
    margin-top: 70px; }
    #springcoat200310 .blk-point-1 .point::before {
      background-color: #fbfccd; }
  #springcoat200310 .blk-point-1.blk-left {
    margin-left: 5px; }
    #springcoat200310 .blk-point-1.blk-left .point::before {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
  #springcoat200310 .blk-point-1.blk-right {
    margin-right: 7px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    #springcoat200310 .blk-point-1.blk-right .point::before {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
  #springcoat200310 .blk-point-2 .imgwrp {
    margin-top: -171px; }
  #springcoat200310 .blk-point-2 .point {
    margin-top: 40px; }
    #springcoat200310 .blk-point-2 .point::before {
      background-color: #ffebdb; }
  #springcoat200310 .blk-point-2.blk-point {
    margin-bottom: 29px; }
  #springcoat200310 .blk-point-2.blk-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 7px;
    padding-top: 28px; }
    #springcoat200310 .blk-point-2.blk-right .point::before {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    #springcoat200310 .blk-point-2.blk-right .point-inner {
      padding: 28px 0 0 32px; }
  #springcoat200310 .blk-point-2.blk-left {
    margin-left: 5px; }
    #springcoat200310 .blk-point-2.blk-left .imgwrp {
      margin-top: -143px; }
    #springcoat200310 .blk-point-2.blk-left .point {
      margin-top: 69px; }
      #springcoat200310 .blk-point-2.blk-left .point::before {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%); }
  #springcoat200310 .credit {
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    line-height: 1;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .022em;
    max-width: 495px;
    margin-bottom: 5.3em; }
    #springcoat200310 .credit li {
      margin-bottom: .9em; }
      #springcoat200310 .credit li a {
        display: inline-block; }
      #springcoat200310 .credit li .price {
        margin-left: 1em; }
  #springcoat200310 .btnArea {
    font-family: futura-pt, serif; }
    #springcoat200310 .btnArea a {
      display: block;
      margin: 0 auto;
      font-size: 15px;
      width: 222px;
      height: 37px;
      border: 1px solid #666;
      line-height: 2.2;
      letter-spacing: 0.02em; }