@charset "UTF-8";
/*　短縮セット　*/
.ac {
  text-align: center; }

.rel {
  position: relative; }

@media screen and (min-width: 768px), print {
  	/* PC
  -------------------------------------*/
  main {
    width: 100%; }

  /*============================
  #lead
  ============================*/
  #lead {
    margin-bottom: 135px; }
    #lead .inner {
      width: 1200px;
      margin: 0 auto; }
      #lead .inner .ttl.ac {
        margin-bottom: 30px; }
      #lead .inner .mb01 {
        margin-bottom: 95px; }
      #lead .inner .rel .txtbox {
        width: 675px; }
        #lead .inner .rel .txtbox .ttl02.f-min-02 {
          font-size: 1.125em;
          font-weight: bold;
          line-height: 1.5;
          letter-spacing: -0.04em;
          color: #000;
          margin-bottom: 30px; }
        #lead .inner .rel .txtbox .txt {
          font-size: 0.938em;
          line-height: 2.2;
          letter-spacing: -0.06em;
          color: #000; }
      #lead .inner .rel .photo {
        position: absolute;
        top: 0;
        right: 28px; }
      #lead .inner .bg-box {
        background: url(../images/reform/anc-bg01.jpg) no-repeat top, #f8f8f6;
        padding: 80px 61px 30px; }
        #lead .inner .bg-box .ttl03.ac {
          margin-bottom: 30px; }
        #lead .inner .bg-box .anc.clearfix li {
          float: left;
          margin-right: 21px;
          margin-bottom: 30px; }
          #lead .inner .bg-box .anc.clearfix li:nth-child(3n) {
            margin-right: 0px; }

  /*============================
  .exterior
  ============================*/
  .exterior {
    margin-bottom: 190px; }
    .exterior .inner {
      width: 1100px;
      margin: 0 auto; }
      .exterior .inner .ttl {
        margin-bottom: 30px; }
        .exterior .inner .ttl .num {
          margin-right: 8px; }
        .exterior .inner .ttl .en {
          border-bottom: 1px solid #000;
          width: 1020px;
          padding-bottom: 10px; }
        .exterior .inner .ttl span {
          display: inline-block;
          vertical-align: bottom; }
      .exterior .inner .ttl-box.rel .ttl02 {
        margin-bottom: 40px;
        padding: 0 0 30px 20px;
        border-bottom: 1px solid #000; }
      .exterior .inner .ttl-box.rel .abs-txt {
        position: absolute;
        right: 0;
        padding-left: 40px;
        background-color: #fff; }
      .exterior .inner .photo {
        float: left;
        margin-right: 48px; }
        .exterior .inner .photo li {
          margin-bottom: 8px; }
          .exterior .inner .photo li:nth-of-type(2) {
            margin-bottom: 0; }
      .exterior .inner .box-r {
        float: left;
        width: 550px; }
      .exterior .inner .bg-box {
        background: url(../images/reform/check-bg01.jpg) no-repeat top, #f8f8f6;
        padding: 20px 75px 25px;
        margin-bottom: 35px; }
        .exterior .inner .bg-box .ttl02.f-min-02.ac {
         
          background-color: #212736;
          font-size: 1.125em;
          font-weight: bold;
          line-height: 1.6;
          letter-spacing: -0.06em;
          color: #fff;
          padding: 8px 0;
			width: 360px;
			margin: 0 auto 25px;
	}
        .exterior .inner .bg-box .check-list.f-min-02.ac li {
          font-size: 1em;
          font-weight: bold;
          line-height: 1.5;
          letter-spacing: 0.002em;
          color: #000;
          margin-bottom: 10px; }
          .exterior .inner .bg-box .check-list.f-min-02.ac li::before {
            content: url(../images/reform/chek-icon01.png);
            margin-right: 20px; }
          .exterior .inner .bg-box .check-list.f-min-02.ac li:last-child {
            margin-bottom: 0px; }
      .exterior .inner .txt {
        font-size: 0.938em;
        line-height: 2.5;
        color: #000; }
        .exterior .inner .txt p {
          margin-bottom: 30px; }
          .exterior .inner .txt p:last-child {
            margin-bottom: 0px; }

  /*============================
  #garden
  ============================*/
  #garden .ttl-box.rel .abs-txt {
    bottom: -15px; }
  #garden .box-r {
    padding-top: 15px; }

  /*============================
  #parking
  ============================*/
  #parking .ttl-box.rel .abs-txt {
    bottom: -40px; }
  #parking .box-r {
    padding-top: 45px; }

  /*============================
  #terrace
  ============================*/
  #terrace .ttl-box.rel .abs-txt {
    bottom: -25px; }
  #terrace .box-r {
    padding-top: 29px; }

  /*============================
  #approach
  ============================*/
  #approach .ttl-box.rel .abs-txt {
    bottom: -46px; }
  #approach .box-r {
    padding-top: 29px; }

  /*============================
  #fence
  ============================*/
  #fence .ttl-box.rel .abs-txt {
    bottom: -10px; }
  #fence .box-r {
    padding-top: 37px; }

  /*============================
  #other
  ============================*/
	#other{margin-bottom: 115px;}
  #other .ttl-box.rel .abs-txt {
    bottom: -16px; }
  #other .box-r {
    padding-top: 56px; }

  .afw-bnr {
    margin-bottom: 150px; }
}
@media screen and (max-width: 767px) {
  	/* SP
  -------------------------------------*/
  /*============================
  #lead
  ============================*/
  #lead {
    margin-bottom: 15%; }
    #lead .inner .ttl.ac {
      margin-bottom: 5%; }
    #lead .inner .mb01 {
      margin-bottom: 10%; }
    #lead .inner .rel {
      padding: 0 3%; }
      #lead .inner .rel .txtbox .ttl02.f-min-02 {
        font-size: 1.125em;
        font-weight: bold;
        line-height: 1.6;
        letter-spacing: -0.04em;
        color: #000;
        margin-bottom: 5%; }
      #lead .inner .rel .txtbox .txt {
        font-size: 0.938em;
        line-height: 1.8;
        letter-spacing: 0.05em;
        color: #000; }
      #lead .inner .rel .photo {
        text-align: center;
        margin-bottom: 3%; }
    #lead .inner .bg-box {
      background: url(../images/reform/anc-bg01.jpg) no-repeat top, #f8f8f6;
      padding: 6% 3%; }
      #lead .inner .bg-box .ttl03.ac {
        margin-bottom: 6%; }
      #lead .inner .bg-box .anc.clearfix li {
        margin-bottom: 5%; }
        #lead .inner .bg-box .anc.clearfix li:nth-child(2n) {
          margin-right: 0px; }

  /*============================
  .exterior
  ============================*/
  .exterior {
    margin-bottom: 15%; }
    .exterior .inner {
      padding: 0 3%; }
      .exterior .inner .ttl {
        margin-bottom: 8%; }
        .exterior .inner .ttl .num {
          margin-right: 8px; }
        .exterior .inner .ttl .en {
          border-bottom: 1px solid #000;
          width: 77%;
          padding-bottom: 10px; }
        .exterior .inner .ttl span {
          display: inline-block;
          vertical-align: bottom; }
      .exterior .inner .ttl-box.rel .ttl02 {
        margin-bottom: 5%;
        padding: 0 0 8%;
        border-bottom: 1px solid #000; }
      .exterior .inner .ttl-box.rel .abs-txt {
        position: absolute;
        right: 0;
        padding-left: 5%;
        background-color: #fff;
        width: 32%; }
      .exterior .inner .photo {
        text-align: center; }
        .exterior .inner .photo li {
          margin-bottom: 5px; }
          .exterior .inner .photo li:nth-of-type(2) {
            margin-bottom: 0; }
      .exterior .inner .bg-box {
        background: url(../images/reform/check-bg01.jpg) no-repeat top/132%, #f8f8f6;
        padding: 6% 3%;
        margin-bottom: 5%; }
        .exterior .inner .bg-box .ttl02.f-min-02.ac {
          margin-bottom: 5%;
          background-color: #212736;
          font-size: 1.125em;
          font-weight: bold;
          line-height: 1.6;
          letter-spacing: -0.06em;
          color: #fff;
          padding: 3% 0; }
        .exterior .inner .bg-box .check-list.f-min-02.ac {
          text-align: left; }
          .exterior .inner .bg-box .check-list.f-min-02.ac li {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            letter-spacing: 0.002em;
            color: #000;
            margin-bottom: 10px;
            background: url(../images/reform/chek-icon01.png) no-repeat top left;
            padding-left: 8%; }
            .exterior .inner .bg-box .check-list.f-min-02.ac li:last-child {
              margin-bottom: 0px; }
      .exterior .inner .txt {
        font-size: 0.938em;
        line-height: 1.8;
        color: #000; }
        .exterior .inner .txt p {
          margin-bottom: 3%; }
          .exterior .inner .txt p:last-child {
            margin-bottom: 0px; }

  /*============================
  #garden
  ============================*/
  #garden .ttl-box.rel .abs-txt {
    bottom: -10px; }

  /*============================
  #parking
  ============================*/
  #parking .inner .ttl-box.rel .ttl02 {
    padding: 0 15% 8%; }
  #parking .ttl-box.rel .abs-txt {
    bottom: -12px; }

  /*============================
  #terrace
  ============================*/
  #terrace .ttl-box.rel .abs-txt {
    bottom: -12px; }

  /*============================
  #approach
  ============================*/
  #approach .inner .ttl-box.rel .ttl02 {
    padding: 0 15% 8%; }
  #approach .ttl-box.rel .abs-txt {
    bottom: -12px; }

  /*============================
  #fence
  ============================*/
  #fence .inner .ttl-box.rel .ttl02 {
    padding: 0 14% 8%; }
  #fence .ttl-box.rel .abs-txt {
    bottom: -10px; }

  /*============================
  #other
  ============================*/
  #other .inner .ttl-box.rel .ttl02 {
    padding: 0 20% 8%; }
  #other .ttl-box.rel .abs-txt {
    bottom: -12px;
    width: 28%; }

  .afw-bnr {
    margin-bottom: 15%;
    padding: 0 3%; } }