@charset "UTF-8";
@media all and (min-width: 769px) {
  #main.fixed {
    padding-top: 60px; }

  .pageNavi {
    position: relative;
    z-index: 100;
    width: 100%;
    background-color: #e6e6e6;
    border-top: 1px solid #b3b3b3; }
    .pageNavi.fixed {
      position: fixed;
      top: 65px;
      left: 0; }
    .pageNavi .inner {
      overflow: hidden;
      width: 960px;
      height: 60px;
      margin: 0 auto; }
      .pageNavi .inner .title {
        float: left;
        font-size: 26px;
        line-height: 1.2;
        padding-top: 14px; }
      .pageNavi .inner .menuBtn {
        float: right;
        padding-top: 13px; }
        .pageNavi .inner .menuBtn a {
          display: block;
          width: 31px;
          height: 35px;
          text-indent: -9999px;
          background: url(/assets/images/common/btn-menu.png); }
        .pageNavi .inner .menuBtn.current a {
          background: url(/assets/images/common/btn-menu-close.png); }
    .pageNavi .menuList {
      display: none;
      position: absolute;
      top: 60px;
      left: 0px;
      width: 100%;
      background-color: #dadada; }
      .pageNavi .menuList ul {
        width: 960px;
        height: 60px;
        margin: 0 auto; }
        .pageNavi .menuList ul li {
          float: right;
          width: 240px; }
          .pageNavi .menuList ul li a {
            display: block;
            width: 240px;
            height: 60px;
            line-height: 60px;
            font-size: 95%;
            text-align: center;
            color: #3e3a39; }
          .pageNavi .menuList ul li ul {
            display: none;
            position: absolute;
            width: auto; }
            .pageNavi .menuList ul li ul li {
              float: none; }
              .pageNavi .menuList ul li ul li a {
                height: 40px;
                line-height: 40px;
                background-color: #dadada; }
                .pageNavi .menuList ul li ul li a:hover {
                  color: #fff;
                  background-color: #d70c18; }
              .pageNavi .menuList ul li ul li.line2 a {
                display: block;
                box-sizing: border-box;
                line-height: 1.3;
                padding: 5px; }
          .pageNavi .menuList ul li:hover {
            background-color: silver; }
            .pageNavi .menuList ul li:hover ul {
              display: block; }
    .pageNavi .menuListSP {
      display: none !important; }

  #main.morefixed .functionDetailSection .detailBlock {
    padding-top: 130px; }

  .pageLink {
    width: 100%;
    margin-bottom: 90px; }
    .pageLink.fixed {
      position: fixed;
      z-index: 90;
      top: 150px;
      left: 0; }
    .pageLink ul {
      text-align: center; }
      .pageLink ul li {
        display: inline-block;
        margin: 0 2px; }
        .pageLink ul li a {
          display: block;
          width: 234px;
          height: 40px;
          line-height: 40px;
          text-align: center;
          font-size: 12px;
          font-weight: bold;
          color: #000;
          background-color: #f2f2f2;
          border-radius: 20px; }
          .pageLink ul li a:hover {
            color: #fff;
            background-color: #999999; }
          .pageLink ul li a.line2 {
            line-height: 1.2; }
            .pageLink ul li a.line2 span {
              position: relative;
              top: 5px; }
        .pageLink ul li.current a {
          color: #fff;
          background-color: #999999; }
    .pageLink--col5 ul li a {
      width: 180px; }
    .pageLink--row2 ul li {
      vertical-align: top; }
      .pageLink--row2 ul li a {
        line-height: 1.2;
        height: 46px;
        box-sizing: border-box; }
    .pageLink--row2 ul .pageLink__row2-row1 a {
      padding-top: 16px; }
    .pageLink--row2 ul .pageLink__row2-row2 a {
      padding-top: 10px; }
    .pageLink--row3 ul li {
      vertical-align: top; }
      .pageLink--row3 ul li a {
        line-height: 1.2;
        height: 56px;
        box-sizing: border-box; }
    .pageLink--row3 ul .pageLink__row3-row1 a {
      padding-top: 18px; }
    .pageLink--row3 ul .pageLink__row3-row2 a {
      padding-top: 12px; }
    .pageLink--row3 ul .pageLink__row3-row3 a {
      padding-top: 6px; }
    .pageLink.narrow ul li {
      margin: 0 2px; }
      .pageLink.narrow ul li a {
        width: 154px; }
    .pageLink.morenarrow ul li {
      margin: 0 1px; }
      .pageLink.morenarrow ul li a {
        width: 130px; }

  #p01, #p02, #p03, #p04, #p05, #p06 {
    position: relative;
    top: -400px; }

  .mvSection {
    width: 100%;
    background: url(../images/index/pct-main.jpg) center top no-repeat;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 100px; }
    .mvSection .inner {
      width: 960px;
      height: 383px;
      margin: 0 auto; }
      .mvSection .inner .detail {
        padding-top: 100px; }
        .mvSection .inner .detail .logo {
          margin-bottom: 38px; }
        .mvSection .inner .detail p {
          font-size: 18px;
          line-height: 32px; }

  .knowSection {
    margin-bottom: 70px; }
    .knowSection > .title {
      box-sizing: border-box;
      width: 960px;
      font-size: 32px;
      color: #1a1a1a;
      border-left: 8px solid #de0319;
      padding-left: 18px;
      margin: 0 auto 40px; }
    .knowSection ul {
      overflow: hidden;
      width: 960px;
      margin: 0 auto; }
      .knowSection ul li {
        float: left;
        width: 460px;
        margin-bottom: 30px; }
        .knowSection ul li:nth-child(2n) {
          float: right; }
        .knowSection ul li .title {
          border-top: 1px solid #e7e6e1;
          border-left: 1px solid #e7e6e1;
          font-size: 16px;
          font-weight: bold;
          color: #999999;
          padding: 8px 0 0 15px;
          margin-bottom: 20px; }
        .knowSection ul li .pct {
          margin-bottom: 24px; }
          .knowSection ul li .pct img {
            width: 100%; }
        .knowSection ul li .text p {
          font-size: 24px;
          line-height: 1.6;
          height: 85px; }

  .selectSection {
    margin-bottom: 110px; }
    .selectSection > .title {
      box-sizing: border-box;
      width: 960px;
      font-size: 32px;
      color: #1a1a1a;
      border-left: 8px solid #de0319;
      padding-left: 18px;
      margin: 0 auto 40px; }
    .selectSection .guideBtn {
      display: block;
      overflow: hidden;
      width: 960px;
      border: 1px solid #e7e6e1;
      margin: 0 auto 40px; }
      .selectSection .guideBtn .pct {
        float: left; }
        .selectSection .guideBtn .pct img {
          width: 480px; }
      .selectSection .guideBtn .lead {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.7;
        padding: 40px 0 32px; }
      .selectSection .guideBtn .btn {
        text-align: center; }
        .selectSection .guideBtn .btn a:hover {
          opacity: 0.7; }
    .selectSection .tabBlock {
      width: 960px;
      margin: 0 auto; }
      .selectSection .tabBlock ul {
        overflow: hidden; }
        .selectSection .tabBlock ul li {
          width: 478px;
          float: left; }
          .selectSection .tabBlock ul li:last-child {
            float: right; }
          .selectSection .tabBlock ul li span {
            display: block;
            height: 40px;
            cursor: pointer;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
            color: #fff;
            background-color: #de0319; }
            .selectSection .tabBlock ul li span:hover {
              opacity: 0.6; }
          .selectSection .tabBlock ul li.current span {
            cursor: auto;
            color: #1a1a1a;
            background-color: #faede7; }
            .selectSection .tabBlock ul li.current span:hover {
              opacity: 1; }
    .selectSection .detailBlock {
      padding: 40px 0;
      background-color: #faede7; }
      .selectSection .detailBlock ul {
        position: relative;
        width: 960px;
        margin: 0 auto;
        padding-bottom: 30px;
        background-color: #fff; }
        .selectSection .detailBlock ul > li {
          display: none; }
          .selectSection .detailBlock ul > li.current {
            display: block; }
      .selectSection .detailBlock ol {
        list-style: none; }
        .selectSection .detailBlock ol .pct {
          margin-bottom: 30px; }
          .selectSection .detailBlock ol .pct a {
            transition: opacity 0.1s ease-out; }
            .selectSection .detailBlock ol .pct a:hover {
              opacity: 0.7; }
        .selectSection .detailBlock ol .detail {
          overflow: hidden;
          padding-bottom: 30px;
          width: 800px;
          margin-left: auto;
          margin-right: auto; }
          .selectSection .detailBlock ol .detail .num {
            float: left;
            margin: 7px 0 0 40px; }
          .selectSection .detailBlock ol .detail .lead {
            float: left;
            font-size: 18px;
            line-height: 32px;
            margin: 7px 0 0 20px; }
          .selectSection .detailBlock ol .detail .modDetaillink {
            float: right;
            margin-top: 12px; }
      .selectSection .detailBlock .packageplanBox {
        position: relative;
        width: 960px;
        margin: 0 auto;
        padding-bottom: 30px;
        background-color: #fff; }
        .selectSection .detailBlock .packageplanBox .pct {
          margin-bottom: 30px; }
          .selectSection .detailBlock .packageplanBox .pct a {
            transition: opacity 0.1s ease-out; }
            .selectSection .detailBlock .packageplanBox .pct a:hover {
              opacity: 0.7; }
        .selectSection .detailBlock .packageplanBox .lead {
          float: left;
          font-size: 20px;
          line-height: 38px;
          margin-left: 40px; }
        .selectSection .detailBlock .packageplanBox .modDetaillink {
          float: left;
          margin: 8px 0 0 20px; }

  .selectTabSection {
    margin-bottom: 30px; }
    .selectTabSection > .title {
      box-sizing: border-box;
      width: 960px;
      font-size: 32px;
      color: #1a1a1a;
      border-left: 8px solid #de0319;
      padding-left: 18px;
      margin: 0 auto 30px; }
    .selectTabSection .tabBlock {
      width: 960px;
      margin: 0 auto 70px;
      border-bottom: 1px solid #b3b3b3; }
      .selectTabSection .tabBlock ul {
        width: 711px;
        margin: 0 auto;
        border: 1px solid #b3b3b3;
        border-bottom: 0px; }
        .selectTabSection .tabBlock ul li {
          position: relative;
          box-sizing: border-box;
          float: left;
          width: 237px;
          height: 30px;
          background-color: #f2f2f2;
          border-right: 1px solid #b3b3b3; }
          .selectTabSection .tabBlock ul li:last-child {
            border: 0px; }
          .selectTabSection .tabBlock ul li span {
            position: relative;
            z-index: 15;
            cursor: pointer;
            display: block;
            width: 100%;
            height: 100%;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 30px; }
          .selectTabSection .tabBlock ul li.current:after {
            content: "";
            display: block;
            width: 253px;
            height: 55px;
            position: absolute;
            z-index: 10;
            top: -15px;
            left: -8px;
            background: url(../images/index/bg-tab-current.png); }
          .selectTabSection .tabBlock ul li.current span {
            top: -4px; }
    .selectTabSection .detailBlock {
      width: 960px;
      margin: 0 auto; }
      .selectTabSection .detailBlock li {
        display: none; }
        .selectTabSection .detailBlock li.current {
          display: block; }
      .selectTabSection .detailBlock .selectBox ol {
        list-style: none;
        overflow: hidden; }
        .selectTabSection .detailBlock .selectBox ol li {
          display: block;
          float: left;
          width: 460px;
          height: 230px; }
          .selectTabSection .detailBlock .selectBox ol li:nth-child(2n) {
            float: right; }
          .selectTabSection .detailBlock .selectBox ol li .pct {
            float: left;
            width: 220px;
            margin-right: 20px; }
            .selectTabSection .detailBlock .selectBox ol li .pct a {
              transition: opacity 0.1s ease-out; }
              .selectTabSection .detailBlock .selectBox ol li .pct a:hover {
                opacity: 0.5; }
            .selectTabSection .detailBlock .selectBox ol li .pct img {
              width: 220px; }
          .selectTabSection .detailBlock .selectBox ol li .detail .title {
            display: block;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2;
            margin-bottom: 10px; }
          .selectTabSection .detailBlock .selectBox ol li .detail p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 18px; }
          .selectTabSection .detailBlock .selectBox ol li .detail .link li {
            float: none;
            width: auto;
            height: auto;
            margin-bottom: 8px; }
            .selectTabSection .detailBlock .selectBox ol li .detail .link li .modTextlink a {
              font-size: 14px;
              background-position: left 1px; }

  .pickupSection {
    padding: 0 0 90px;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 100px; }
    .pickupSection > .title {
      box-sizing: border-box;
      width: 960px;
      font-size: 32px;
      color: #1a1a1a;
      border-left: 8px solid #de0319;
      padding-left: 18px;
      margin: 0 auto 40px; }
    .pickupSection ul {
      overflow: hidden;
      width: 960px;
      margin: 0 auto; }
      .pickupSection ul li {
        float: left;
        width: 228px;
        margin-right: 16px; }
        .pickupSection ul li:last-child {
          margin-right: 0; }
        .pickupSection ul li img {
          width: 100%; }
        .pickupSection ul li a:hover {
          opacity: 0.7; }
        .pickupSection ul li p {
          padding-top: 8px;
          font-size: 12px;
          line-height: 1.6; }

  .showroomSection {
    padding: 100px 0 40px;
    border-top: 1px solid #e7e6e1;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 65px; }
    .showroomSection > .title {
      font-size: 32px;
      line-height: 1.2;
      text-align: center;
      color: #1a1a1a;
      margin-bottom: 50px; }
    .showroomSection .lead {
      font-size: 24px;
      line-height: 38px;
      text-align: center;
      color: #1a1a1a;
      margin-bottom: 60px; }
    .showroomSection .mapBlock {
      position: relative;
      width: 770px;
      height: 826px;
      margin: 0 auto; }
      .showroomSection .mapBlock .btn {
        position: absolute;
        top: -2px;
        left: -78px; }
      .showroomSection .mapBlock .link .area01 {
        position: absolute;
        top: 282px;
        left: 643px; }
      .showroomSection .mapBlock .link .area02 {
        position: absolute;
        top: 528px;
        left: 578px; }
      .showroomSection .mapBlock .link .area03 {
        position: absolute;
        top: 325px;
        left: 318px; }
      .showroomSection .mapBlock .link .area04 {
        position: absolute;
        top: 628px;
        left: 439px; }
      .showroomSection .mapBlock .link .area05 {
        position: absolute;
        top: 427px;
        left: 165px; }
      .showroomSection .mapBlock .link .area06 {
        position: absolute;
        top: 692px;
        left: 268px; }
      .showroomSection .mapBlock .link .area07 {
        position: absolute;
        top: 516px;
        left: 3px; }
      .showroomSection .mapBlock .link dt {
        display: inline-block;
        width: 112px;
        height: 40px;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        color: #de0319;
        text-align: center;
        border: 1px solid #de0319;
        border-radius: 5px;
        margin-bottom: 5px; }
      .showroomSection .mapBlock .link dd {
        width: 230px; }
        .showroomSection .mapBlock .link dd p {
          display: inline-block; }
          .showroomSection .mapBlock .link dd p + p:before {
            content: " | "; }
        .showroomSection .mapBlock .link dd a {
          font-size: 14px;
          line-height: 1.5;
          color: #000; }
          .showroomSection .mapBlock .link dd a:hover {
            text-decoration: underline; }

  .bottomlinkSection {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 65px; }
    .bottomlinkSection ul {
      overflow: hidden; }
      .bottomlinkSection ul li {
        box-sizing: border-box;
        float: left;
        width: 320px;
        height: 100px;
        text-align: center;
        border-right: 1px solid #e7e6e1; }
        .bottomlinkSection ul li:last-child {
          border-right: 0px; }
        .bottomlinkSection ul li a {
          display: block;
          width: 320px;
          transition: opacity 0.1s ease-out; }
          .bottomlinkSection ul li a:hover {
            opacity: 0.5; }
          .bottomlinkSection ul li a .pct {
            display: block;
            height: 55px;
            padding-top: 5px;
            margin-bottom: 5px; }
          .bottomlinkSection ul li a .text {
            font-size: 20px;
            line-height: 1.5;
            color: #1a1a1a; }

  /* slider */
  .bx-wrapper .bx-prev {
    left: 0px;
    background: url("../../../assets/images/index/btn-prev.png");
    background-position: center top; }

  .bx-wrapper .bx-next {
    right: 0px;
    background: url("../../../assets/images/index/btn-next.png");
    background-position: center top; }

  .bx-wrapper .bx-prev:hover,
  .bx-wrapper .bx-next:hover {
    background-position: center bottom; }

  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 32%;
    outline: 0;
    width: 50px;
    height: 60px;
    text-indent: -9999px;
     }

  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

  .bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0; }

  .bx-wrapper .bx-pager .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }

  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bababa;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

  .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #de0319; }

  .modalKnowledge {
    width: 960px;
    margin: 0 auto; }
    .modalKnowledge .wrap {
      position: relative;
      padding: 60px 0 70px;
      background-color: #fff; }
    .modalKnowledge .visual {
      position: relative;
      margin-bottom: 60px; }
      .modalKnowledge .visual .bx-wrapper {
        width: 822px;
        margin: 0 auto; }
      .modalKnowledge .visual .bx-wrapper .bx-pager {
        margin-top: 30px; }
      .modalKnowledge .visual .bx-wrapper .bx-controls-direction a {
        top: 150px; }
      .modalKnowledge .visual .bx-viewport {
        overflow: hidden;
        width: 822px;
        height: auto !important;
        margin: 0 auto; }
      .modalKnowledge .visual ul {
        width: 822px; }
        .modalKnowledge .visual ul li {
          float: left;
          width: 822px !important; }
    .modalKnowledge .lead {
      text-align: center;
      font-size: 24px;
      line-height: 38px; }
    .modalKnowledge .remodal-close {
      cursor: pointer;
      border: 0px;
      background-color: transparent;
      width: 50px;
      height: 60px;
      position: absolute;
      z-index: 100;
      right: 0px;
      top: 210px;
      background: url("../../../assets/images/index/btn-next.png");
      background-position: center top; }
    .modalKnowledge .remodal-close:hover {
      background: url("../../../assets/images/index/btn-next.png");
      background-position: center bottom; }

  .planSection {
    padding-top: 100px;
    margin-bottom: 64px; }
    .planSection > .title {
      box-sizing: border-box;
      width: 960px;
      font-size: 32px;
      color: #1a1a1a;
      border-left: 8px solid #de0319;
      padding-left: 18px;
      margin: 0 auto 30px; }
    .planSection .tabBlock {
      position: relative;
      width: 980px;
      height: 33px;
      margin: 0 auto 70px; }
      .planSection .tabBlock ul {
        top: 10px;
        left: 10px;
        border: 1px solid #b3b3b3; }
        .planSection .tabBlock ul li {
          position: relative;
          box-sizing: border-box;
          float: left;
          width: 180px;
          height: 31px;
          background-color: #f2f2f2;
          border-right: 1px solid #b3b3b3; }
          .planSection .tabBlock ul li:last-child {
            border: 0px; }
          .planSection .tabBlock ul li span {
            position: relative;
            z-index: 15;
            cursor: pointer;
            display: block;
            width: 100%;
            height: 100%;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 30px; }
          .planSection .tabBlock ul li.current:after {
            content: "";
            display: block;
            width: 195px;
            height: 55px;
            position: absolute;
            z-index: 10;
            top: -15px;
            left: -8px;
            background: url(../images/space/bg-tab-current.png); }
          .planSection .tabBlock ul li.current span {
            top: -4px; }
      .planSection .tabBlock .bx-wrapper {
        max-width: 980px !important; }
      .planSection .tabBlock .bx-viewport {
        padding-right: 12px;
        height: 100px !important; }
      .planSection .tabBlock .bx-wrapper .bx-controls-direction a {
        top: -5px;
        z-index: 50; }
      .planSection .tabBlock .bx-wrapper .bx-next {
        right: 0px;
        background: url("../images/index/btn-next-normal.png"); }
      .planSection .tabBlock .bx-wrapper .bx-prev {
        left: -60px; }
      .planSection .tabBlock .bx-wrapper .bx-next {
        right: -60px; }
    .planSection .detailBlock {
      width: 960px;
      margin: 0 auto; }
      .planSection .detailBlock li {
        display: none; }
        .planSection .detailBlock li.current {
          display: block; }
      .planSection .detailBlock .title {
        margin-bottom: 35px; }
        .planSection .detailBlock .title__num {
          float: left;
          width: 140px; }
        .planSection .detailBlock .title__texts {
          float: left;
          font-size: 24px;
          margin-left: 200px; }
          .planSection .detailBlock .title__texts > span {
            display: block; }
        .planSection .detailBlock .title--row01 .title__texts {
          margin-top: 24px; }
      .planSection .detailBlock .pct {
        margin-bottom: 35px; }
        .planSection .detailBlock .pct .caption {
          display: block;
          text-align: right;
          font-size: 15px;
          padding-top: 8px; }
      .planSection .detailBlock .setDetail {
        width: 800px;
        margin-left: auto;
        margin-right: auto; }
        .planSection .detailBlock .setDetail__hl {
          margin-bottom: 80px; }
        .planSection .detailBlock .setDetail__holder {
          width: 600px;
          margin-left: auto;
          margin-right: auto; }
          .planSection .detailBlock .setDetail__holder__size {
            font-size: 24px; }
            .planSection .detailBlock .setDetail__holder__size > span {
              float: right;
              font-size: 18px; }
          .planSection .detailBlock .setDetail__holder__value {
            font-size: 24px; }
            .planSection .detailBlock .setDetail__holder__value > span {
              float: right; }
      .planSection .detailBlock .lead {
        text-align: center;
        font-size: 24px;
        line-height: 38px;
        padding: 0 40px; }
      .planSection .detailBlock .wrap {
        width: 800px;
        margin: 0 auto; }
        .planSection .detailBlock .wrap .lead {
          overflow: hidden; }
          .planSection .detailBlock .wrap .lead .text {
            float: left;
            width: 380px;
            font-size: 22px;
            line-height: 36px;
            margin-bottom: 65px; }
          .planSection .detailBlock .wrap .lead .pct {
            float: right;
            width: 380px; }
            .planSection .detailBlock .wrap .lead .pct img {
              width: 100%; }
        .planSection .detailBlock .wrap .mod2lineTitle {
          margin-bottom: 60px; }
        .planSection .detailBlock .wrap .subtitle {
          font-size: 24px;
          margin-bottom: 8px; }
        .planSection .detailBlock .wrap .detail {
          overflow: hidden; }
          .planSection .detailBlock .wrap .detail .pct {
            float: left;
            width: 380px; }
            .planSection .detailBlock .wrap .detail .pct img {
              width: 100%; }
          .planSection .detailBlock .wrap .detail .text {
            float: right;
            width: 380px;
            padding-top: 30px;
            border-top: 1px solid #b3b3b3; }
          .planSection .detailBlock .wrap .detail .spec {
            overflow: hidden;
            font-size: 24px;
            line-height: 1.2;
            margin-bottom: 24px; }
            .planSection .detailBlock .wrap .detail .spec .name {
              display: block;
              float: left;
              font-size: 20px; }
            .planSection .detailBlock .wrap .detail .spec .price {
              display: block;
              float: right;
              font-size: 26px; }
            .planSection .detailBlock .wrap .detail .spec.set {
              padding: 20px 0 8px;
              border-top: 1px solid #b3b3b3; }
              .planSection .detailBlock .wrap .detail .spec.set .name {
                font-size: 24px; }
              .planSection .detailBlock .wrap .detail .spec.set .price {
                font-size: 30px; }
          .planSection .detailBlock .wrap .detail .caution {
            padding-top: 8px;
            font-size: 13px;
            line-height: 27px; }

  .packageplanSection {
    padding-top: 60px;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 95px; }
    .packageplanSection .titleBlock {
      width: 800px;
      margin: 0 auto 85px; }
      .packageplanSection .titleBlock .modVlineTitle {
        margin-bottom: 36px; }
      .packageplanSection .titleBlock .pct {
        margin-bottom: 20px; }
      .packageplanSection .titleBlock .lead {
        font-size: 24px;
        line-height: 38px;
        padding: 0 20px; }
    .packageplanSection .detailBlock {
      width: 800px;
      margin: 0 auto 85px; }
      .packageplanSection .detailBlock .mod2lineTitle {
        margin-bottom: 80px; }
      .packageplanSection .detailBlock .modVlineTitle {
        margin-bottom: 50px; }
      .packageplanSection .detailBlock .box {
        overflow: hidden;
        margin-bottom: 120px; }
        .packageplanSection .detailBlock .box .pct {
          float: left;
          width: 380px; }
          .packageplanSection .detailBlock .box .pct a {
            transition: opacity 0.1s ease-out; }
            .packageplanSection .detailBlock .box .pct a:hover {
              opacity: 0.5; }
          .packageplanSection .detailBlock .box .pct img {
            width: 380px;
            height: auto; }
        .packageplanSection .detailBlock .box .text {
          float: right;
          width: 380px; }
          .packageplanSection .detailBlock .box .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 12px; }
            .packageplanSection .detailBlock .box .text p small {
              display: block;
              font-size: 12px;
              line-height: 1.5;
              color: #999; }
        .packageplanSection .detailBlock .box + .box {
          margin-top: -80px; }
      .packageplanSection .detailBlock p.lead {
        font-size: 14px;
        line-height: 25px;
        margin-top: -50px;
        margin-bottom: 30px; }
    .packageplanSection .pointBlock {
      width: 800px;
      margin: 0 auto 85px; }
      .packageplanSection .pointBlock .modVlineTitle {
        margin-bottom: 50px; }
      .packageplanSection .pointBlock .pointTitle {
        font-size: 24px;
        line-height: 1.2;
        background: url(../../../../assets/images/common/bg-title-point.png) left 3px no-repeat;
        background-size: 22px;
        padding: 0 0 0 30px;
        margin-bottom: 30px; }
      .packageplanSection .pointBlock p {
        font-size: 14px;
        line-height: 25px; }
        .packageplanSection .pointBlock p.indent {
          padding-left: 1.5em;
          margin-bottom: 90px; }
        .packageplanSection .pointBlock p small {
          font-size: 13px; }
        .packageplanSection .pointBlock p span {
          color: #de0319; }
      .packageplanSection .pointBlock .spec {
        font-size: 14px;
        line-height: 1.6;
        margin-left: 10px; }
        .packageplanSection .pointBlock .spec h5 {
          position: relative;
          font-weight: bold; }
          .packageplanSection .pointBlock .spec h5:before {
            position: absolute;
            left: -10px;
            top: 5px;
            content: "●";
            font-size: 6px;
            line-height: 1.1; }
        .packageplanSection .pointBlock .spec small {
          display: block;
          font-size: 12px;
          color: #999;
          padding-top: 25px; }
      .packageplanSection .pointBlock .box1col {
        margin-bottom: 100px; }
        .packageplanSection .pointBlock .box1col .pct {
          text-align: center;
          margin-bottom: 35px; }
          .packageplanSection .pointBlock .box1col .pct img {
            width: 100%; }
      .packageplanSection .pointBlock .box3col {
        margin-bottom: 100px; }
        .packageplanSection .pointBlock .box3col ul {
          overflow: hidden; }
          .packageplanSection .pointBlock .box3col ul li {
            float: left;
            width: 240px;
            margin-right: 40px; }
            .packageplanSection .pointBlock .box3col ul li:last-child {
              margin-right: 0; }
            .packageplanSection .pointBlock .box3col ul li .title {
              font-size: 16px;
              line-height: 1.2;
              margin-bottom: 15px; }
              .packageplanSection .pointBlock .box3col ul li .title span {
                color: #de0319; }
            .packageplanSection .pointBlock .box3col ul li .pct {
              margin-bottom: 18px; }
              .packageplanSection .pointBlock .box3col ul li .pct img {
                width: 100%; }
            .packageplanSection .pointBlock .box3col ul li p + .pct {
              padding-top: 20px; }
            .packageplanSection .pointBlock .box3col ul li small {
              font-size: 12px;
              color: #999; }
          .packageplanSection .pointBlock .box3col ul + ul {
            padding-top: 40px; }
      .packageplanSection .pointBlock .box4col {
        margin-top: -40px;
        margin-bottom: 50px; }
        .packageplanSection .pointBlock .box4col ul {
          overflow: hidden; }
          .packageplanSection .pointBlock .box4col ul li {
            float: left;
            width: 170px;
            margin-right: 40px; }
            .packageplanSection .pointBlock .box4col ul li:last-child {
              margin-right: 0; }
            .packageplanSection .pointBlock .box4col ul li .title {
              font-size: 16px;
              line-height: 1.2;
              margin-bottom: 15px; }
              .packageplanSection .pointBlock .box4col ul li .title span {
                color: #de0319; }
            .packageplanSection .pointBlock .box4col ul li .pct {
              margin-bottom: 18px; }
              .packageplanSection .pointBlock .box4col ul li .pct img {
                width: 100%; }
            .packageplanSection .pointBlock .box4col ul li small {
              font-size: 12px;
              color: #999; }
          .packageplanSection .pointBlock .box4col ul + ul {
            padding-top: 40px; }
      .packageplanSection .pointBlock .box2col {
        margin-bottom: 80px; }
        .packageplanSection .pointBlock .box2col .pointTitle small {
          font-size: 17px; }
        .packageplanSection .pointBlock .box2col ul {
          overflow: hidden; }
          .packageplanSection .pointBlock .box2col ul li {
            float: left;
            width: 380px;
            margin-bottom: 20px; }
            .packageplanSection .pointBlock .box2col ul li:nth-child(2n) {
              float: right; }
            .packageplanSection .pointBlock .box2col ul li .title {
              font-size: 14px;
              line-height: 25px; }
              .packageplanSection .pointBlock .box2col ul li .title .text {
                display: block;
                padding-top: 3px; }
            .packageplanSection .pointBlock .box2col ul li strong {
              display: block;
              font-size: 16px;
              margin-bottom: -12px; }
            .packageplanSection .pointBlock .box2col ul li .pct {
              margin-bottom: 18px; }
              .packageplanSection .pointBlock .box2col ul li .pct img {
                width: 100%; }
        .packageplanSection .pointBlock .box2col.rightnarrow ul {
          overflow: hidden; }
          .packageplanSection .pointBlock .box2col.rightnarrow ul li {
            float: left;
            width: 520px;
            margin-bottom: 20px; }
            .packageplanSection .pointBlock .box2col.rightnarrow ul li:nth-child(2) {
              float: right;
              width: 240px; }
      .packageplanSection .pointBlock .box2 {
        overflow: hidden;
        margin-bottom: 80px; }
        .packageplanSection .pointBlock .box2 .pct {
          float: left;
          width: 240px; }
          .packageplanSection .pointBlock .box2 .pct img {
            width: 100%;
            height: auto; }
          .packageplanSection .pointBlock .box2 .pct .caption {
            padding-top: 8px;
            text-align: center;
            font-size: 12px; }
        .packageplanSection .pointBlock .box2 .title {
          font-size: 16px;
          line-height: 1.2;
          margin-bottom: 15px; }
          .packageplanSection .pointBlock .box2 .title span {
            color: #de0319; }
        .packageplanSection .pointBlock .box2 .text {
          float: right;
          width: 520px; }
          .packageplanSection .pointBlock .box2 .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px; }
            .packageplanSection .pointBlock .box2 .text p small {
              display: block;
              color: #999;
              font-size: 12px;
              line-height: 1.6;
              padding-top: 5px; }
            .packageplanSection .pointBlock .box2 .text p strong {
              display: block;
              font-size: 16px;
              margin-bottom: 8px; }
          .packageplanSection .pointBlock .box2 .text .logo.sink img {
            width: 273px; }
          .packageplanSection .pointBlock .box2 .text .subpct {
            padding-top: 5px; }
            .packageplanSection .pointBlock .box2 .text .subpct img {
              width: 120px; }
        .packageplanSection .pointBlock .box2.reverse .pct {
          float: right; }
        .packageplanSection .pointBlock .box2.reverse .text {
          float: left; }
        .packageplanSection .pointBlock .box2.reverse2 .pct {
          float: right;
          width: 520px; }
        .packageplanSection .pointBlock .box2.reverse2 .text {
          float: left;
          width: 240px; }
      .packageplanSection .pointBlock .priceSelect {
        margin-bottom: 110px; }
        .packageplanSection .pointBlock .priceSelect .tabBlock ul {
          width: 960px;
          margin: 0 auto;
          border-bottom: 1px solid #b3b3b3; }
          .packageplanSection .pointBlock .priceSelect .tabBlock ul li {
            position: relative;
            box-sizing: border-box;
            float: left;
            width: 120px;
            height: 31px;
            background-color: #f2f2f2;
            border-top: 1px solid #b3b3b3;
            border-right: 1px solid #b3b3b3; }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li:first-child {
              border-left: 1px solid #b3b3b3; }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li span {
              position: relative;
              z-index: 15;
              cursor: pointer;
              display: block;
              width: 100%;
              height: 100%;
              font-size: 16px;
              font-weight: bold;
              text-align: center;
              line-height: 30px; }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li.current:after {
              content: "";
              display: block;
              width: 136px;
              height: 55px;
              position: absolute;
              z-index: 10;
              top: -15px;
              left: -8px;
              background: url(../images/space/bg-tab-current.png); }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li.current span {
              top: -4px; }
        .packageplanSection .pointBlock .priceSelect .tabBlock.wide li {
          width: 240px; }
          .packageplanSection .pointBlock .priceSelect .tabBlock.wide li.current:after {
            width: 272px;
            background: url(../images/space/bg-tab-current-x2.png); }
        .packageplanSection .pointBlock .priceSelect .detailBlock {
          width: 960px;
          margin: 0 auto; }
          .packageplanSection .pointBlock .priceSelect .detailBlock li {
            display: none; }
            .packageplanSection .pointBlock .priceSelect .detailBlock li.current {
              display: block; }
            .packageplanSection .pointBlock .priceSelect .detailBlock li table {
              width: 100%;
              border-collapse: separate;
              border-bottom: 2px solid #e2e2e2;
              margin-bottom: 20px; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table td {
                text-align: center;
                vertical-align: middle;
                font-size: 16px;
                line-height: 1.2;
                padding: 30px 0;
                border-right: 2px solid #f7f7f7;
                border-bottom: 2px solid #f7f7f7; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table tr:last-child td {
                border-bottom: 0px; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table tr.midashi td {
                background-color: #f4f4f4; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table.col7 tr.midashi td {
                width: 14.285%; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table.col8 tr.midashi td {
                width: 12.5%; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table .icon {
                display: block;
                padding-top: 10px; }
                .packageplanSection .pointBlock .priceSelect .detailBlock li table .icon img {
                  width: 37px; }
        .packageplanSection .pointBlock .priceSelect .caption {
          font-size: 14px;
          line-height: 1.2; }
          .packageplanSection .pointBlock .priceSelect .caption .icon {
            margin-right: 5px; }
            .packageplanSection .pointBlock .priceSelect .caption .icon img {
              position: relative;
              top: -1px;
              height: 18px;
              vertical-align: middle; }
          .packageplanSection .pointBlock .priceSelect .caption small {
            font-size: 12px;
            color: #999; }
    .packageplanSection .linkBlock {
      width: 800px;
      margin: 0 auto 120px; }
      .packageplanSection .linkBlock ul {
        overflow: hidden; }
        .packageplanSection .linkBlock ul li {
          float: left;
          width: 380px; }
          .packageplanSection .linkBlock ul li:last-child {
            float: right; }
          .packageplanSection .linkBlock ul li a {
            width: 380px;
            height: 90px;
            display: table-cell;
            vertical-align: middle;
            box-sizing: border-box;
            border: 2px solid #de0319;
            font-size: 19px;
            text-align: center;
            font-weight: bold;
            color: #de0319;
            background: url(../images/package/basic/icon-link.png) right 22px center no-repeat;
            background-size: 11px 18px; }
            .packageplanSection .linkBlock ul li a:hover {
              opacity: 0.6; }

  .functionDetailSection {
    padding-top: 52px; }
    .functionDetailSection .titleBlock {
      width: 960px;
      margin: 0 auto 85px; }
      .functionDetailSection .titleBlock .pct {
        margin-bottom: 30px; }
      .functionDetailSection .titleBlock .lead {
        text-align: center;
        font-size: 24px;
        line-height: 38px;
        padding: 0 40px; }
      .functionDetailSection .titleBlock .btn {
        padding-top: 40px;
        text-align: center; }
        .functionDetailSection .titleBlock .btn a {
          display: block;
          font-size: 16px;
          font-weight: bold;
          color: #fff;
          height: 48px;
          line-height: 48px;
          width: 400px;
          background: #de0319 url(../images/bg-detailbtn.png) right 20px center no-repeat;
          background-size: 21px;
          border-radius: 5px;
          margin: 0 auto; }
          .functionDetailSection .titleBlock .btn a:hover {
            opacity: 0.6; }
    .functionDetailSection .detailBlock {
      width: 800px;
      margin: 0 auto 30px; }
      .functionDetailSection .detailBlock .mod2lineTitle {
        margin-bottom: 70px; }
      .functionDetailSection .detailBlock p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 25px; }
        .functionDetailSection .detailBlock p small {
          display: block;
          color: #999;
          font-size: 12px;
          line-height: 1.6;
          padding-top: 5px; }
        .functionDetailSection .detailBlock p.topNarrow {
          margin-top: -20px; }
      .functionDetailSection .detailBlock .lead {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 75px; }
      .functionDetailSection .detailBlock .icons {
        margin-bottom: 35px; }
        .functionDetailSection .detailBlock .icons span {
          margin-right: 10px; }
          .functionDetailSection .detailBlock .icons span img {
            height: 24px; }
      .functionDetailSection .detailBlock .logos > img {
        width: 100%; }
      .functionDetailSection .detailBlock .logos__cap {
        display: block;
        font-size: 14px;
        line-height: 1.6;
        padding-top: 2px; }
      .functionDetailSection .detailBlock .costbox {
        background-color: #eeefef;
        padding: 20px; }
        .functionDetailSection .detailBlock .costbox__pct {
          width: 45% !important;
          float: left !important; }
        .functionDetailSection .detailBlock .costbox__text {
          width: 45% !important;
          float: right !important; }
          .functionDetailSection .detailBlock .costbox__text p {
            margin-bottom: 0 !important; }
            .functionDetailSection .detailBlock .costbox__text p small {
              color: #000 !important; }
      .functionDetailSection .detailBlock .modVlineTitle {
        margin-bottom: 35px; }
      .functionDetailSection .detailBlock .pointTitle {
        font-size: 24px;
        line-height: 1.2;
        background: url(../../../../assets/images/common/bg-title-point.png) left 3px no-repeat;
        background-size: 22px;
        padding: 0 0 0 30px;
        margin-bottom: 30px; }
        .functionDetailSection .detailBlock .pointTitle.option {
          position: relative;
          left: -6px;
          font-size: 20px;
          background: none;
          padding: 0; }
          .functionDetailSection .detailBlock .pointTitle.option:before {
            content: "・"; }
        .functionDetailSection .detailBlock .pointTitle.withIcon {
          background: none;
          padding: 0;
          margin-bottom: 15px; }
          .functionDetailSection .detailBlock .pointTitle.withIcon span {
            vertical-align: bottom;
            margin-right: 8px; }
            .functionDetailSection .detailBlock .pointTitle.withIcon span img {
              width: 35px; }
      .functionDetailSection .detailBlock .subtitle {
        font-size: 20px;
        margin-bottom: 20px; }
      .functionDetailSection .detailBlock .topNarrow {
        margin-top: -40px; }
      .functionDetailSection .detailBlock .topNarrow2 {
        margin-top: -80px; }
      .functionDetailSection .detailBlock .topNarrow15 {
        margin-top: -60px; }
      .functionDetailSection .detailBlock .floatL {
        margin-right: 40px; }
      .functionDetailSection .detailBlock .floatL.last {
        margin-right: 0px; }
      .functionDetailSection .detailBlock .topBorder {
        border-top: 1px solid #e7e6e1;
        padding-top: 17px; }
      .functionDetailSection .detailBlock .box {
        overflow: hidden;
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box .pct {
          float: left;
          width: 380px; }
          .functionDetailSection .detailBlock .box .pct img {
            width: 100%;
            height: auto; }
          .functionDetailSection .detailBlock .box .pct .caption2col ul {
            overflow: hidden;
            padding-top: 18px; }
            .functionDetailSection .detailBlock .box .pct .caption2col ul li {
              float: left;
              width: 164px;
              text-align: center;
              font-size: 13px; }
              .functionDetailSection .detailBlock .box .pct .caption2col ul li:last-child {
                float: right; }
          .functionDetailSection .detailBlock .box .pct .caption {
            padding-top: 8px;
            font-size: 12px; }
        .functionDetailSection .detailBlock .box .title {
          margin-bottom: 15px; }
        .functionDetailSection .detailBlock .box .text {
          float: right;
          width: 380px; }
          .functionDetailSection .detailBlock .box .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box .text p small {
              display: block;
              color: #999;
              font-size: 12px;
              line-height: 1.6;
              padding-top: 5px; }
            .functionDetailSection .detailBlock .box .text p strong {
              display: block;
              font-size: 16px;
              margin-bottom: 8px; }
          .functionDetailSection .detailBlock .box .text .logo.sink {
            padding-bottom: 20px; }
            .functionDetailSection .detailBlock .box .text .logo.sink img {
              width: 273px; }
        .functionDetailSection .detailBlock .box.reverse .pct {
          float: right; }
        .functionDetailSection .detailBlock .box.reverse .text {
          float: left; }
      .functionDetailSection .detailBlock .box2 {
        overflow: hidden;
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box2 .pct {
          float: left;
          width: 240px; }
          .functionDetailSection .detailBlock .box2 .pct img {
            width: 100%;
            height: auto; }
          .functionDetailSection .detailBlock .box2 .pct .caption {
            padding-top: 8px;
            text-align: center;
            font-size: 12px; }
        .functionDetailSection .detailBlock .box2 .title {
          margin-bottom: 15px; }
        .functionDetailSection .detailBlock .box2 .text {
          float: right;
          width: 520px; }
          .functionDetailSection .detailBlock .box2 .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box2 .text p small {
              display: block;
              color: #999;
              font-size: 12px;
              line-height: 1.6;
              padding-top: 5px; }
            .functionDetailSection .detailBlock .box2 .text p strong {
              display: block;
              font-size: 16px;
              margin-bottom: 8px; }
          .functionDetailSection .detailBlock .box2 .text .logo.sink img {
            width: 273px; }
          .functionDetailSection .detailBlock .box2 .text .subpct {
            padding-top: 5px; }
            .functionDetailSection .detailBlock .box2 .text .subpct img {
              width: 120px; }
        .functionDetailSection .detailBlock .box2.reverse .pct {
          float: right; }
        .functionDetailSection .detailBlock .box2.reverse .text {
          float: left; }
        .functionDetailSection .detailBlock .box2.reverse2 .pct {
          float: right;
          width: 520px; }
        .functionDetailSection .detailBlock .box2.reverse2 .text {
          float: left;
          width: 240px; }
      .functionDetailSection .detailBlock .box3 {
        overflow: hidden;
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box3 .pct {
          float: left;
          width: 120px; }
          .functionDetailSection .detailBlock .box3 .pct img {
            width: 100%;
            height: auto; }
          .functionDetailSection .detailBlock .box3 .pct .caption {
            padding-top: 8px;
            text-align: center;
            font-size: 12px; }
        .functionDetailSection .detailBlock .box3 .title {
          margin-bottom: 15px; }
        .functionDetailSection .detailBlock .box3 .text {
          float: right;
          width: 640px; }
          .functionDetailSection .detailBlock .box3 .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box3 .text p small {
              display: block;
              color: #999;
              font-size: 12px;
              line-height: 1.6;
              padding-top: 5px; }
          .functionDetailSection .detailBlock .box3 .text .logo.sink img {
            width: 273px; }
      .functionDetailSection .detailBlock .box4 {
        overflow: hidden;
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box4 .pct {
          float: left;
          width: 170px; }
          .functionDetailSection .detailBlock .box4 .pct img {
            width: 100%;
            height: auto; }
          .functionDetailSection .detailBlock .box4 .pct .caption {
            padding-top: 8px;
            text-align: center;
            font-size: 12px; }
        .functionDetailSection .detailBlock .box4 .title {
          margin-bottom: 15px; }
        .functionDetailSection .detailBlock .box4 .text {
          float: right;
          width: 590px; }
          .functionDetailSection .detailBlock .box4 .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box4 .text p small {
              display: block;
              color: #999;
              font-size: 12px;
              line-height: 1.6;
              padding-top: 5px; }
            .functionDetailSection .detailBlock .box4 .text p.spec {
              font-size: 12px;
              line-height: 1.6; }
          .functionDetailSection .detailBlock .box4 .text .logo.sink img {
            width: 273px; }
      .functionDetailSection .detailBlock .box22 {
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box22 ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box22 ul li {
            overflow: hidden;
            float: left;
            width: 380px; }
            .functionDetailSection .detailBlock .box22 ul li:nth-child(2n) {
              float: right; }
            .functionDetailSection .detailBlock .box22 ul li .pct {
              float: left;
              width: 170px; }
              .functionDetailSection .detailBlock .box22 ul li .pct img {
                width: 100%; }
            .functionDetailSection .detailBlock .box22 ul li .text {
              float: left;
              width: 170px;
              margin-left: 20px; }
        .functionDetailSection .detailBlock .box22.reverse ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box22.reverse ul li {
            overflow: hidden;
            float: left;
            width: 380px; }
            .functionDetailSection .detailBlock .box22.reverse ul li:nth-child(2n) {
              float: right; }
            .functionDetailSection .detailBlock .box22.reverse ul li .pct {
              float: right;
              width: 170px; }
              .functionDetailSection .detailBlock .box22.reverse ul li .pct img {
                width: 100%; }
            .functionDetailSection .detailBlock .box22.reverse ul li .text {
              float: left;
              width: 180px; }
              .functionDetailSection .detailBlock .box22.reverse ul li .text .subtitle {
                margin-bottom: 10px; }
      .functionDetailSection .detailBlock .box2row {
        overflow: hidden;
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box2row ul li {
          float: left;
          width: 380px; }
          .functionDetailSection .detailBlock .box2row ul li:nth-child(2n) {
            float: right; }
          .functionDetailSection .detailBlock .box2row ul li .box .title {
            font-size: 16px;
            margin-bottom: 14px; }
          .functionDetailSection .detailBlock .box2row ul li .box .pct {
            width: 220px; }
            .functionDetailSection .detailBlock .box2row ul li .box .pct img {
              width: 220px; }
          .functionDetailSection .detailBlock .box2row ul li .box .text {
            width: 220px; }
        .functionDetailSection .detailBlock .box2row .pct {
          float: left;
          width: 380px; }
          .functionDetailSection .detailBlock .box2row .pct img {
            width: 380px;
            height: auto; }
        .functionDetailSection .detailBlock .box2row .text {
          float: right;
          width: 380px; }
          .functionDetailSection .detailBlock .box2row .text p {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box2row .text p small {
              display: block;
              color: #999;
              font-size: 12px;
              line-height: 1.6;
              padding-top: 5px; }
      .functionDetailSection .detailBlock .box1col {
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box1col .pct {
          margin-bottom: 18px; }
          .functionDetailSection .detailBlock .box1col .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box1col .text {
          font-size: 14px;
          line-height: 25px; }
          .functionDetailSection .detailBlock .box1col .text strong {
            display: block;
            font-size: 16px;
            margin-bottom: 8px; }
      .functionDetailSection .detailBlock .box2col {
        margin-bottom: 80px; }
        .functionDetailSection .detailBlock .box2col ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box2col ul li {
            float: left;
            width: 380px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box2col ul li:nth-child(2n) {
              float: right; }
            .functionDetailSection .detailBlock .box2col ul li .title {
              font-size: 14px;
              line-height: 25px; }
              .functionDetailSection .detailBlock .box2col ul li .title .text {
                display: block;
                padding-top: 3px; }
            .functionDetailSection .detailBlock .box2col ul li strong {
              display: block;
              font-size: 16px;
              margin-bottom: -12px; }
            .functionDetailSection .detailBlock .box2col ul li .pct {
              margin-bottom: 18px; }
              .functionDetailSection .detailBlock .box2col ul li .pct img {
                width: 100%; }
                .functionDetailSection .detailBlock .box2col ul li .pct img.w170 {
                  width: 170px; }
        .functionDetailSection .detailBlock .box2col.rightnarrow ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box2col.rightnarrow ul li {
            float: left;
            width: 520px;
            margin-bottom: 20px; }
            .functionDetailSection .detailBlock .box2col.rightnarrow ul li:nth-child(2) {
              float: right;
              width: 240px; }
      .functionDetailSection .detailBlock .box3col {
        padding-bottom: 55px; }
        .functionDetailSection .detailBlock .box3col ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box3col ul li {
            float: left;
            width: 240px;
            margin-right: 40px;
            margin-bottom: 35px; }
            .functionDetailSection .detailBlock .box3col ul li:nth-child(3n) {
              margin-right: 0; }
            .functionDetailSection .detailBlock .box3col ul li .title {
              font-size: 14px;
              line-height: 25px; }
              .functionDetailSection .detailBlock .box3col ul li .title .text {
                display: block;
                padding-top: 3px; }
            .functionDetailSection .detailBlock .box3col ul li .pct {
              margin-bottom: 18px; }
              .functionDetailSection .detailBlock .box3col ul li .pct img {
                width: 100%; }
            .functionDetailSection .detailBlock .box3col ul li.combine {
              width: 520px;
              margin-right: 0; }
      .functionDetailSection .detailBlock .box4col {
        padding-bottom: 55px; }
        .functionDetailSection .detailBlock .box4col ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box4col ul li {
            float: left;
            width: 170px;
            margin-right: 40px;
            margin-bottom: 35px; }
            .functionDetailSection .detailBlock .box4col ul li:nth-child(4n) {
              margin-right: 0; }
            .functionDetailSection .detailBlock .box4col ul li .title {
              font-size: 14px;
              line-height: 25px; }
              .functionDetailSection .detailBlock .box4col ul li .title .text {
                display: block;
                padding-top: 3px; }
            .functionDetailSection .detailBlock .box4col ul li .pct {
              margin-bottom: 18px; }
              .functionDetailSection .detailBlock .box4col ul li .pct img {
                width: 100%; }
     
		/*fancio追加分*/         
      .functionDetailSection .detailBlock .box4col.fancioSPLayout {
        padding-bottom: 55px; }
        .functionDetailSection .detailBlock .box4col.fancioSPLayout ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li {
            float: left;
            width: 170px;
            margin-right: 40px;
            margin-bottom: 35px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li:nth-child(4n) {
              margin-right: 0; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .title {
              font-size: 14px;
              line-height: 25px; }
              .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .title .text {
                display: block;
                padding-top: 3px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .subtitle {
              text-align: center; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .subtitle p {
              font-size:25px;
              margin-bottom:5px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .name {
              background-color:#e99412;
              text-align:center;
              color:#fff;
              border-radius:8px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .name p {
              font-size:20px;
              padding:5px 0;
              margin-bottom:10px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .pct {
              margin-bottom:0px; }
              .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .pct img {
                width: 100%; }
                
      .functionDetailSection .detailBlock .caution {
        font-size: 12px;
        color: #999; }
      .functionDetailSection .detailBlock .forDoorPage .pointTitle {
        margin-bottom: 11px; }
      .functionDetailSection .detailBlock .forDoorPage .subtitle {
        margin-top: 36px;
        margin-bottom: 37px; }
      .functionDetailSection .detailBlock .forDoorPage .text {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 15px; }
    .functionDetailSection .linkBlock {
      width: 800px;
      margin: 0 auto 120px; }
      .functionDetailSection .linkBlock ul {
        text-align: center;
        overflow: hidden; }
        .functionDetailSection .linkBlock ul li {
          display: inline-block;
          width: 380px;
          margin: 0 10px; }
          .functionDetailSection .linkBlock ul li a {
            width: 380px;
            height: 90px;
            display: table-cell;
            vertical-align: middle;
            box-sizing: border-box;
            border: 2px solid #de0319;
            font-size: 19px;
            text-align: center;
            font-weight: bold;
            color: #de0319;
            background: url(../images/index/icon-link.png) right 22px center no-repeat;
            background-size: 11px 18px; }
            .functionDetailSection .linkBlock ul li a:hover {
              opacity: 0.6; } }
/*-----------------------------------------------------
Contents（SP 768px - ）
-------------------------------------------------------*/
@media all and (max-width: 768px) {
  .pageNavi {
    position: fixed;
    top: 50px;
    transition: .3s;
    width: 100%;
    background-color: #e6e6e6;
    border-bottom: 1px solid #e7e6e1; }
    .pageNavi.hide {
	    transform: translateY(-100%);}
    /*.pageNavi.fixed {
      position: fixed;
      z-index: 100;
      top: 0;
      left: 0; }*/
    .pageNavi .inner {
      overflow: hidden;
      padding: 10px 20px; }
      .pageNavi .inner .title {
        float: left;
        padding-top: 2px;
        width: 83%;
        font-size: 2rem;
        line-height: 1.2; }
      .pageNavi .inner .menuBtn {
        float: right;
        padding-top: 1px; }
        .pageNavi .inner .menuBtn a {
          display: block;
          width: 30px;
          height: 28px;
          text-indent: -9999px;
          background: url(/assets/images/common/btn-menu-sp.png);
          background-size: 30px 28px; }
        .pageNavi .inner .menuBtn.current a {
          background: url(/assets/images/common/btn-menu-close-sp.png);
          background-size: 30px 28px; }
    .pageNavi .menuList {
      display: none !important; }
    .pageNavi .menuListSP {
      display: none;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 1px; }
      .pageNavi .menuListSP .wrap {
        position: relative;
        top: 3px;
        width: 100%;
        font-size: 1.2rem;
        background-color: #dadada; }
      .pageNavi .menuListSP dl {
        width: 100%;
        padding: 0 24px 0 30px; }
        .pageNavi .menuListSP dl dt {
          padding: 20px 0; }
          .pageNavi .menuListSP dl dt a {
            position: relative;
            display: block;
            width: 100%;
            color: #3e3a39; }
          .pageNavi .menuListSP dl dt span {
            position: relative;
            display: block;
            width: 100%;
            color: #3e3a39; }
            .pageNavi .menuListSP dl dt span:after {
              content: "";
              position: absolute;
              right: 0px;
              top: 3px;
              width: 11px;
              height: 6px;
              background-image: url(/assets/images/common/bg-navi-sp.png);
              background-position: top;
              background-size: 11px 12px; }
          .pageNavi .menuListSP dl dt.current span:after {
            background-position: bottom; }
        .pageNavi .menuListSP dl dd {
          display: none; }
          .pageNavi .menuListSP dl dd ul li a {
            display: block;
            color: #3e3a39;
            padding: 0 0 14px 16px; }
        .pageNavi .menuListSP dl + dl {
          border-top: 1px solid #fff; }

  /*
   index
  ------------------------------------------- */
  .mvSection {
    width: 100%;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 38px; }
    .mvSection .inner .pct img {
      width: 100%; }
    .mvSection .inner .detail {
      padding: 18px 0 23px; }
      .mvSection .inner .detail p {
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.5; }
      .mvSection .inner .detail p.achieve {
        font-size: 1.6rem;
        color: #a01417;
        padding-top: 5px;
        font-weight: bold; }
        .mvSection .inner .detail p.achieve strong {
          font-size: 2.4rem; }

  .knowSection {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e6e1;
    margin: 0 0 40px; }
    .knowSection > .title {
      box-sizing: border-box;
      font-size: 2.2rem;
      color: #1a1a1a;
      border-left: 5px solid #de0319;
      padding-left: 7px;
      margin: 0 0 25px 20px; }
    .knowSection ul {
      margin: 0 20px; }
      .knowSection ul li {
        margin-bottom: 30px; }
        .knowSection ul li .title {
          border-top: 1px solid #e7e6e1;
          border-left: 1px solid #e7e6e1;
          font-size: 1.6rem;
          font-weight: bold;
          color: #999999;
          padding: 10px 0 0 12px;
          margin-bottom: 10px; }
        .knowSection ul li .pct {
          margin-bottom: 20px; }
          .knowSection ul li .pct img {
            width: 100%; }
        .knowSection ul li .text p {
          font-size: 2rem;
          line-height: 1.5;
          margin-bottom: 5px; }

  .selectSection {
    margin-bottom: 2px; }
    .selectSection > .title {
      box-sizing: border-box;
      font-size: 2.2rem;
      color: #1a1a1a;
      border-left: 5px solid #de0319;
      padding-left: 7px;
      margin: 0 0 25px 20px; }
    .selectSection .guideBtn {
      display: block;
      overflow: hidden;
      border: 1px solid #e7e6e1;
      padding-bottom: 12px;
      margin: 0 20px 30px; }
      .selectSection .guideBtn .pct {
        margin-bottom: 9px; }
        .selectSection .guideBtn .pct img {
          width: 100%; }
      .selectSection .guideBtn .lead {
        font-size: 1.4rem;
        line-height: 1.6;
        padding: 0 12px;
        margin-bottom: 10px; }
      .selectSection .guideBtn .btn {
        text-align: center;
        padding: 0 12px; }
        .selectSection .guideBtn .btn img {
          width: 100%; }
    .selectSection .detailBlock dl {
      margin-bottom: 2px; }
      .selectSection .detailBlock dl dt {
        background: #de0319 url(../images/index/bg-accordion-open-sp.png) right 20px center no-repeat;
        background-size: 18px 10px; }
        .selectSection .detailBlock dl dt span {
          display: block;
          font-size: 1.6rem;
          font-weight: bold;
          line-height: 1.2;
          color: #fff;
          padding: 15px 0 15px 20px; }
      .selectSection .detailBlock dl.current dt {
        background: #de0319 url(../images/index/bg-accordion-close-sp.png) right 20px center no-repeat;
        background-size: 18px 10px; }
      .selectSection .detailBlock dl dd {
        position: relative;
        display: none;
        width: 100%;
        padding-bottom: 40px;
        background-color: #fff; }
        .selectSection .detailBlock dl dd.current {
          display: block; }
      .selectSection .detailBlock dl.current dd {
        display: block; }
    .selectSection .detailBlock ol {
      list-style: none; }
      .selectSection .detailBlock ol .pct {
        margin-bottom: 20px; }
        .selectSection .detailBlock ol .pct img {
          width: 100%; }
      .selectSection .detailBlock ol .detail {
        overflow: hidden;
        padding-bottom: 40px; }
        .selectSection .detailBlock ol .detail .num {
          text-align: center; }
          .selectSection .detailBlock ol .detail .num img {
            height: 24px; }
        .selectSection .detailBlock ol .detail .lead {
          font-size: 2rem;
          line-height: 1.5;
          padding: 0 30px 5px; }
        .selectSection .detailBlock ol .detail .modDetaillink {
          margin: 0 0 -5px 30px; }
    .selectSection .detailBlock .packageplanBox {
      background-color: #fff; }
      .selectSection .detailBlock .packageplanBox .pct {
        margin-bottom: 20px; }
        .selectSection .detailBlock .packageplanBox .pct img {
          width: 100%; }
      .selectSection .detailBlock .packageplanBox .lead {
        font-size: 2rem;
        line-height: 1.5;
        padding: 0 30px 5px; }
      .selectSection .detailBlock .packageplanBox .modDetaillink {
        margin: 0 0 -5px 30px; }

  .selectTabSection {
    margin-bottom: 50px; }
    .selectTabSection > .title {
      box-sizing: border-box;
      font-size: 2.2rem;
      color: #1a1a1a;
      border-left: 5px solid #de0319;
      padding-left: 7px;
      margin: 0 0 25px 20px; }
    .selectTabSection .detailBlock dl dt {
      background: #e6e6e6 url(../images/space/bg-accordion-open-sp.png) right 20px center no-repeat;
      background-size: 18px 10px;
      margin-bottom: 2px; }
      .selectTabSection .detailBlock dl dt span {
        display: block;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.2;
        color: #000;
        padding: 15px 0 15px 20px; }
    .selectTabSection .detailBlock dl.current dt {
      background: #e6e6e6 url(../images/space/bg-accordion-close-sp.png) right 20px center no-repeat;
      background-size: 18px 10px; }
    .selectTabSection .detailBlock dl dd {
      display: none;
      width: 100%;
      background-color: #fff; }
      .selectTabSection .detailBlock dl dd.current {
        display: block; }
    .selectTabSection .detailBlock dl.current dd {
      display: block; }
    .selectTabSection .detailBlock .selectBox {
      padding-top: 20px; }
      .selectTabSection .detailBlock .selectBox ol {
        list-style: none;
        margin: 0 20px; }
        .selectTabSection .detailBlock .selectBox ol li {
          overflow: hidden;
          padding-bottom: 15px;
          border-bottom: 1px solid #e7e6e1;
          margin: 0 0 20px 0; }
          .selectTabSection .detailBlock .selectBox ol li:last-child {
            border-bottom: 0px; }
          .selectTabSection .detailBlock .selectBox ol li .pct {
            float: left;
            width: 132px;
            margin-right: 13px; }
            .selectTabSection .detailBlock .selectBox ol li .pct img {
              width: 132px; }
          .selectTabSection .detailBlock .selectBox ol li .detail {
            overflow: hidden; }
            .selectTabSection .detailBlock .selectBox ol li .detail .title {
              display: block;
              font-size: 1.7rem;
              font-weight: bold;
              line-height: 1.4;
              margin-bottom: 10px; }
            .selectTabSection .detailBlock .selectBox ol li .detail p {
              font-size: 1.4rem;
              line-height: 1.6; }
            .selectTabSection .detailBlock .selectBox ol li .detail .link li {
              float: none;
              width: auto;
              height: auto;
              border: 0px;
              padding: 0;
              margin: 0 0 6px 0; }
              .selectTabSection .detailBlock .selectBox ol li .detail .link li .modTextlink a {
                display: block;
                font-size: 1.4rem; }

  .pickupSection {
    padding: 0 0 25px;
    border-bottom: 1px solid #e7e6e1;
    margin: 0 0 40px; }
    .pickupSection > .title {
      box-sizing: border-box;
      font-size: 2.2rem;
      color: #1a1a1a;
      border-left: 5px solid #de0319;
      padding-left: 7px;
      margin: 0 0 25px 20px; }
    .pickupSection ul {
      overflow: hidden;
      margin: 0 20px; }
      .pickupSection ul li {
        float: left;
        width: 47%;
        margin-bottom: 20px; }
        .pickupSection ul li:nth-child(2n) {
          float: right; }
        .pickupSection ul li img {
          width: 100%; }
        .pickupSection ul li p {
          padding-top: 8px;
          font-size: 1.1rem;
          line-height: 1.6; }

  .showroomSection {
    margin-bottom: 30px; }
    .showroomSection > .title {
      font-size: 2.2rem;
      line-height: 1.2;
      text-align: center;
      color: #1a1a1a;
      margin-bottom: 18px; }
    .showroomSection .lead {
      font-size: 1.6rem;
      line-height: 1.6;
      color: #1a1a1a;
      margin: 0 20px 15px; }
    .showroomSection .mapBlock .btn {
      margin: 0 20px; }
      .showroomSection .mapBlock .btn img {
        width: 100%; }
    .showroomSection .mapBlock .link {
      margin: 0 20px 15px; }
      .showroomSection .mapBlock .link select {
        width: 100%;
        height: 50px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 1.4rem;
        line-height: 50px;
        padding-left: 80px;
        border: 0px;
        background: #e6e6e6 url(/assets/images/common/bg-select-sp.png) right 20px center no-repeat;
        background-size: 18px;
        border-radius: 5px; }

  .bottomlinkSection {
    padding-bottom: 20px; }
    .bottomlinkSection ul {
      overflow: hidden; }
      .bottomlinkSection ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 28px; }
        .bottomlinkSection ul li a {
          display: block; }
          .bottomlinkSection ul li a .pct {
            display: block;
            margin-bottom: 5px; }
            .bottomlinkSection ul li a .pct img {
              height: 38px; }
          .bottomlinkSection ul li a .text {
            display: block;
            font-size: 1.4rem;
            color: #1a1a1a; }

  /* slider */
  .bx-wrapper .bx-prev {
    left: 0px;
    background: url("../images/index/btn-prev-sp.png");
    background-size: 30px 60px; }

  .bx-wrapper .bx-next {
    right: 0px;
    background: url("../images/index/btn-next-sp.png");
    background-size: 30px 60px; }

  .bx-wrapper .bx-prev:hover,
  .bx-wrapper .bx-next:hover {
    opacity: 0.7; }

  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 12%;
    outline: 0;
    width: 30px;
    height: 60px;
    text-indent: -9999px;
    z-index: 90; }

  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

  .bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0; }

  .bx-wrapper .bx-pager .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }

  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bababa;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

  .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #de0319; }

  .modalKnowledge {
    margin: 0 20px; }
    .modalKnowledge .wrap {
      position: relative;
      padding: 20px 0 25px;
      background-color: #fff; }
    .modalKnowledge .visual {
      position: relative;
      margin-bottom: 30px; }
      .modalKnowledge .visual .bx-wrapper {
        width: 240px;
        margin: 0 auto; }
      .modalKnowledge .visual .bx-wrapper .bx-pager {
        margin-top: 30px; }
      .modalKnowledge .visual .bx-wrapper .bx-controls-direction a {
        top: 18%; }
      .modalKnowledge .visual .bx-viewport {
        overflow: hidden;
        width: 240px;
        height: auto !important;
        margin: 0 auto; }
      .modalKnowledge .visual ul {
        width: 240px; }
        .modalKnowledge .visual ul li {
          float: left;
          width: 240px !important; }
          .modalKnowledge .visual ul li img {
            width: 240px; }
    .modalKnowledge .lead {
      text-align: center;
      font-size: 1.4rem;
      line-height: 1.5; }
    .modalKnowledge .remodal-close {
      border: 0px;
      background-color: transparent;
      width: 30px;
      height: 60px;
      background-image: url(../images/index/btn-next-sp.png);
      background-size: 30px 60px;
      position: absolute;
      z-index: 10;
      right: 0px;
      top: 14%; }

  /*
   space_plan
  ------------------------------------------- */
  .planSection {
    padding: 40px 0 0;
    margin-bottom: 50px; }
    .planSection > .title {
      box-sizing: border-box;
      font-size: 2.2rem;
      color: #1a1a1a;
      border-left: 5px solid #de0319;
      padding-left: 7px;
      margin: 0 0 25px 20px; }
    .planSection .detailBlock dl dt {
      background: #e6e6e6 url(../images/space/bg-accordion-open-sp.png) right 20px center no-repeat;
      background-size: 18px 10px;
      margin-bottom: 2px; }
      .planSection .detailBlock dl dt span {
        display: block;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.2;
        color: #000;
        padding: 15px 0 15px 20px; }
    .planSection .detailBlock dl.current dt {
      background: #e6e6e6 url(../images/space/bg-accordion-close-sp.png) right 20px center no-repeat;
      background-size: 18px 10px; }
    .planSection .detailBlock dl dd {
      display: none;
      width: 100%;
      background-color: #fff; }
      .planSection .detailBlock dl dd.current {
        display: block; }
    .planSection .detailBlock dl.current dd {
      display: block; }
    .planSection .detailBlock .title {
      padding-top: 25px;
      margin-bottom: 35px; }
      .planSection .detailBlock .title__num {
        text-align: center;
        margin-bottom: 8px; }
        .planSection .detailBlock .title__num img {
          height: 25px; }
      .planSection .detailBlock .title__texts {
        font-size: 2rem;
        line-height: 1.5;
        margin: 0 30px 12px; }
        .planSection .detailBlock .title__texts > span {
          display: block; }
    .planSection .detailBlock .pct {
      margin-bottom: 25px; }
      .planSection .detailBlock .pct img {
        width: 100%; }
      .planSection .detailBlock .pct .caption {
        display: block;
        text-align: right;
        font-size: 1.1rem;
        padding-top: 8px;
        margin: 0 30px; }
    .planSection .detailBlock .lead {
      font-size: 1.6rem;
      line-height: 1.6;
      text-align: center;
      padding: 0 20px; }
    .planSection .detailBlock .setDetail {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 40px; }
      .planSection .detailBlock .setDetail__hl {
        margin-bottom: 40px; }
      .planSection .detailBlock .setDetail__holder {
        width: 100%; }
        .planSection .detailBlock .setDetail__holder__size {
          font-size: 20px;
          margin-bottom: 10px; }
          .planSection .detailBlock .setDetail__holder__size > span {
            font-size: 16px;
            display: inline-block;
            margin-left: 20px; }
        .planSection .detailBlock .setDetail__holder__value {
          font-size: 24px; }
          .planSection .detailBlock .setDetail__holder__value > span {
            display: block; }
    .planSection .detailBlock .wrap {
      margin: 0 20px; }
      .planSection .detailBlock .wrap .lead {
        margin-bottom: 55px; }
        .planSection .detailBlock .wrap .lead .text {
          font-size: 2rem;
          line-height: 1.5;
          margin: 0 17px 25px; }
        .planSection .detailBlock .wrap .lead .pct img {
          width: 100%; }
      .planSection .detailBlock .wrap .mod2lineTitle {
        margin-bottom: 20px; }
      .planSection .detailBlock .wrap .subtitle {
        font-size: 2rem;
        margin-bottom: 15px; }
      .planSection .detailBlock .wrap .detail {
        padding-bottom: 45px; }
        .planSection .detailBlock .wrap .detail .pct img {
          width: 100%; }
        .planSection .detailBlock .wrap .detail .text {
          padding-top: 15px;
          border-top: 1px solid #b3b3b3; }
        .planSection .detailBlock .wrap .detail .spec {
          margin: 0 0 24px; }
          .planSection .detailBlock .wrap .detail .spec.set {
            padding: 15px 0;
            border-top: 1px solid #b3b3b3;
            border-bottom: 1px solid #b3b3b3; }
          .planSection .detailBlock .wrap .detail .spec .name {
            display: block;
            font-size: 2rem;
            line-height: 1.5; }
          .planSection .detailBlock .wrap .detail .spec .price {
            display: block;
            font-size: 2.6rem; }
        .planSection .detailBlock .wrap .detail .caution {
          padding-top: 8px;
          font-size: 1.4rem;
          line-height: 1.6; }

  /*
   package_plan
  ------------------------------------------- */
  .packageplanSection {
    padding-top: 40px;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 40px; }
    .packageplanSection .titleBlock {
      width: 100%;
      margin: 0 auto 40px; }
      .packageplanSection .titleBlock .modVlineTitle {
        margin: 38px 20px 18px; }
      .packageplanSection .titleBlock .pct {
        margin-bottom: 18px; }
        .packageplanSection .titleBlock .pct img {
          width: 100%; }
      .packageplanSection .titleBlock .lead {
        font-size: 1.6rem;
        line-height: 1.64;
        padding: 0 20px; }
    .packageplanSection .detailBlock {
      padding: 0 20px 40px; }
      .packageplanSection .detailBlock .mod2lineTitle {
        margin-bottom: 40px; }
      .packageplanSection .detailBlock .modVlineTitle {
        margin-bottom: 30px; }
      .packageplanSection .detailBlock .box {
        margin-bottom: 45px; }
        .packageplanSection .detailBlock .box .pct {
          margin-bottom: 20px; }
          .packageplanSection .detailBlock .box .pct img {
            width: 100%; }
        .packageplanSection .detailBlock .box .text p {
          font-size: 1.4rem;
          line-height: 1.64;
          margin-bottom: 5px; }
          .packageplanSection .detailBlock .box .text p small {
            display: block;
            font-size: 1.2rem;
            line-height: 1.5;
            color: #999; }
        .packageplanSection .detailBlock .box + .box {
          margin-top: -15px; }
      .packageplanSection .detailBlock p.lead {
        font-size: 1.4rem;
        line-height: 1.64;
        margin-top: -20px;
        margin-bottom: 38px; }
    .packageplanSection .pointBlock {
      margin: 0 20px 40px; }
      .packageplanSection .pointBlock .modVlineTitle {
        margin-bottom: 30px; }
      .packageplanSection .pointBlock .pointTitle {
        font-size: 1.8rem;
        line-height: 1.2;
        background: url(../../../../assets/images/common/bg-title-point.png) left 0 no-repeat;
        background-size: 17px;
        padding: 0 0 0 22px;
        margin-bottom: 30px; }
      .packageplanSection .pointBlock p {
        font-size: 1.4rem;
        line-height: 1.6; }
        .packageplanSection .pointBlock p small {
          display: block;
          font-size: 1.1rem;
          color: #999;
          padding-top: 5px; }
        .packageplanSection .pointBlock p.indent {
          padding-left: 10px;
          margin-bottom: 18px; }
          .packageplanSection .pointBlock p.indent small {
            display: inline-block;
            padding-top: 0px;
            font-size: 1.2rem; }
        .packageplanSection .pointBlock p span {
          color: #de0319; }
      .packageplanSection .pointBlock .spec {
        font-size: 1.4rem;
        line-height: 1.6;
        margin-left: 10px; }
        .packageplanSection .pointBlock .spec h5 {
          position: relative;
          font-weight: bold; }
          .packageplanSection .pointBlock .spec h5:before {
            position: absolute;
            left: -10px;
            top: 5px;
            content: "●";
            font-size: 0.8rem;
            line-height: 1.1; }
        .packageplanSection .pointBlock .spec small {
          display: block;
          font-size: 1.1rem;
          color: #999;
          padding-top: 22px; }
      .packageplanSection .pointBlock .box1col {
        margin-bottom: 30px; }
        .packageplanSection .pointBlock .box1col .pct {
          text-align: center;
          margin-bottom: 15px; }
          .packageplanSection .pointBlock .box1col .pct img {
            width: 100%; }
      .packageplanSection .pointBlock .box2col .pointTitle small,
      .packageplanSection .pointBlock .box3col .pointTitle small,
      .packageplanSection .pointBlock .box4col .pointTitle small {
        font-size: 1.4rem; }
      .packageplanSection .pointBlock .box2col ul li,
      .packageplanSection .pointBlock .box3col ul li,
      .packageplanSection .pointBlock .box4col ul li {
        margin-bottom: 56px; }
        .packageplanSection .pointBlock .box2col ul li .title,
        .packageplanSection .pointBlock .box3col ul li .title,
        .packageplanSection .pointBlock .box4col ul li .title {
          font-size: 2rem;
          line-height: 1.2;
          margin-bottom: 15px; }
          .packageplanSection .pointBlock .box2col ul li .title span,
          .packageplanSection .pointBlock .box3col ul li .title span,
          .packageplanSection .pointBlock .box4col ul li .title span {
            color: #de0319; }
        .packageplanSection .pointBlock .box2col ul li .pct,
        .packageplanSection .pointBlock .box3col ul li .pct,
        .packageplanSection .pointBlock .box4col ul li .pct {
          margin-bottom: 16px; }
          .packageplanSection .pointBlock .box2col ul li .pct img,
          .packageplanSection .pointBlock .box3col ul li .pct img,
          .packageplanSection .pointBlock .box4col ul li .pct img {
            width: 100%; }
      .packageplanSection .pointBlock .box2col ul.SPbox2col li,
      .packageplanSection .pointBlock .box3col ul.SPbox2col li,
      .packageplanSection .pointBlock .box4col ul.SPbox2col li {
        overflow: hidden;
        margin-bottom: 25px; }
        .packageplanSection .pointBlock .box2col ul.SPbox2col li .title,
        .packageplanSection .pointBlock .box3col ul.SPbox2col li .title,
        .packageplanSection .pointBlock .box4col ul.SPbox2col li .title {
          font-size: 1.4rem;
          line-height: 1.2;
          margin-bottom: 15px; }
          .packageplanSection .pointBlock .box2col ul.SPbox2col li .title span,
          .packageplanSection .pointBlock .box3col ul.SPbox2col li .title span,
          .packageplanSection .pointBlock .box4col ul.SPbox2col li .title span {
            color: #de0319; }
        .packageplanSection .pointBlock .box2col ul.SPbox2col li .pct,
        .packageplanSection .pointBlock .box3col ul.SPbox2col li .pct,
        .packageplanSection .pointBlock .box4col ul.SPbox2col li .pct {
          float: left;
          width: 132px;
          margin-right: 16px; }
          .packageplanSection .pointBlock .box2col ul.SPbox2col li .pct img,
          .packageplanSection .pointBlock .box3col ul.SPbox2col li .pct img,
          .packageplanSection .pointBlock .box4col ul.SPbox2col li .pct img {
            width: 100%; }
        .packageplanSection .pointBlock .box2col ul.SPbox2col li p,
        .packageplanSection .pointBlock .box3col ul.SPbox2col li p,
        .packageplanSection .pointBlock .box4col ul.SPbox2col li p {
          overflow: hidden; }
      .packageplanSection .pointBlock .box2col ul.SPbox2col2,
      .packageplanSection .pointBlock .box3col ul.SPbox2col2,
      .packageplanSection .pointBlock .box4col ul.SPbox2col2 {
        overflow: hidden; }
        .packageplanSection .pointBlock .box2col ul.SPbox2col2 li,
        .packageplanSection .pointBlock .box3col ul.SPbox2col2 li,
        .packageplanSection .pointBlock .box4col ul.SPbox2col2 li {
          float: left;
          width: 47%; }
          .packageplanSection .pointBlock .box2col ul.SPbox2col2 li:nth-child(2n),
          .packageplanSection .pointBlock .box3col ul.SPbox2col2 li:nth-child(2n),
          .packageplanSection .pointBlock .box4col ul.SPbox2col2 li:nth-child(2n) {
            float: right; }
          .packageplanSection .pointBlock .box2col ul.SPbox2col2 li .title,
          .packageplanSection .pointBlock .box3col ul.SPbox2col2 li .title,
          .packageplanSection .pointBlock .box4col ul.SPbox2col2 li .title {
            font-size: 1.4rem;
            line-height: 1.2;
            margin-bottom: 15px; }
            .packageplanSection .pointBlock .box2col ul.SPbox2col2 li .title span,
            .packageplanSection .pointBlock .box3col ul.SPbox2col2 li .title span,
            .packageplanSection .pointBlock .box4col ul.SPbox2col2 li .title span {
              color: #de0319; }
          .packageplanSection .pointBlock .box2col ul.SPbox2col2 li .pct,
          .packageplanSection .pointBlock .box3col ul.SPbox2col2 li .pct,
          .packageplanSection .pointBlock .box4col ul.SPbox2col2 li .pct {
            margin-bottom: 16px; }
            .packageplanSection .pointBlock .box2col ul.SPbox2col2 li .pct img,
            .packageplanSection .pointBlock .box3col ul.SPbox2col2 li .pct img,
            .packageplanSection .pointBlock .box4col ul.SPbox2col2 li .pct img {
              width: 100%; }
      .packageplanSection .pointBlock .box2col ul.SPbox2col3 li,
      .packageplanSection .pointBlock .box3col ul.SPbox2col3 li,
      .packageplanSection .pointBlock .box4col ul.SPbox2col3 li {
        overflow: hidden;
        margin-bottom: 25px; }
        .packageplanSection .pointBlock .box2col ul.SPbox2col3 li .pct,
        .packageplanSection .pointBlock .box3col ul.SPbox2col3 li .pct,
        .packageplanSection .pointBlock .box4col ul.SPbox2col3 li .pct {
          float: left;
          width: 40%;
          margin-right: 0; }
          .packageplanSection .pointBlock .box2col ul.SPbox2col3 li .pct img,
          .packageplanSection .pointBlock .box3col ul.SPbox2col3 li .pct img,
          .packageplanSection .pointBlock .box4col ul.SPbox2col3 li .pct img {
            width: 100%; }
        .packageplanSection .pointBlock .box2col ul.SPbox2col3 li p,
        .packageplanSection .pointBlock .box3col ul.SPbox2col3 li p,
        .packageplanSection .pointBlock .box4col ul.SPbox2col3 li p {
          float: right;
          width: 55%;
          overflow: hidden; }
      .packageplanSection .pointBlock .box2 {
        overflow: hidden;
        margin-bottom: 30px; }
        .packageplanSection .pointBlock .box2 .title {
          font-size: 1.4rem;
          line-height: 1.2;
          margin-bottom: 15px; }
          .packageplanSection .pointBlock .box2 .title span {
            color: #de0319; }
        .packageplanSection .pointBlock .box2 .pct {
          float: left;
          width: 132px;
          margin-right: 16px; }
          .packageplanSection .pointBlock .box2 .pct img {
            width: 100%; }
        .packageplanSection .pointBlock .box2 p {
          overflow: hidden; }
        .packageplanSection .pointBlock .box2.SPflat .pct {
          float: none;
          width: 100%;
          margin-bottom: 15px; }
        .packageplanSection .pointBlock .box2.SPflat p {
          margin-bottom: 15px; }
      .packageplanSection .pointBlock .priceSelect {
        margin-bottom: 45px; }
        .packageplanSection .pointBlock .priceSelect .spScroll {
          overflow-x: scroll;
          overflow-y: hidden;
          padding: 10px 0 27px 3px;
          margin-bottom: 45px;
          /* スクロールバー幅 */
          /* 背景 */
          /* スクロールバー本体 */ }
          .packageplanSection .pointBlock .priceSelect .spScroll::-webkit-scrollbar {
            width: 100%;
            height: 20px; }
          .packageplanSection .pointBlock .priceSelect .spScroll::-webkit-scrollbar-track {
            background: #f4f4f4;
            border-radius: 10px; }
          .packageplanSection .pointBlock .priceSelect .spScroll::-webkit-scrollbar-thumb {
            background: #e2e2e2;
            border-radius: 10px; }
        .packageplanSection .pointBlock .priceSelect .tabBlock ul {
          width: 960px;
          border-bottom: 1px solid #b3b3b3; }
          .packageplanSection .pointBlock .priceSelect .tabBlock ul li {
            position: relative;
            box-sizing: border-box;
            float: left;
            width: 120px;
            height: 31px;
            background-color: #f2f2f2;
            border-top: 1px solid #b3b3b3;
            border-right: 1px solid #b3b3b3; }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li:first-child {
              border-left: 1px solid #b3b3b3; }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li span {
              position: relative;
              z-index: 15;
              cursor: pointer;
              display: block;
              width: 100%;
              height: 100%;
              font-size: 1.6rem;
              font-weight: bold;
              text-align: center;
              line-height: 30px; }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li.current:after {
              content: "";
              display: block;
              width: 136px;
              height: 55px;
              position: absolute;
              z-index: 10;
              top: -15px;
              left: -8px;
              background: url(../images/space/bg-tab-current.png); }
            .packageplanSection .pointBlock .priceSelect .tabBlock ul li.current span {
              top: -4px; }
        .packageplanSection .pointBlock .priceSelect .tabBlock.wide li {
          width: 240px; }
          .packageplanSection .pointBlock .priceSelect .tabBlock.wide li.current:after {
            width: 272px;
            background: url(../images/space/bg-tab-current-x2.png); }
        .packageplanSection .pointBlock .priceSelect .detailBlock {
          width: 960px;
          padding: 0; }
          .packageplanSection .pointBlock .priceSelect .detailBlock li {
            display: none; }
            .packageplanSection .pointBlock .priceSelect .detailBlock li.current {
              display: block; }
            .packageplanSection .pointBlock .priceSelect .detailBlock li table {
              width: 100%;
              border-collapse: separate;
              border-bottom: 2px solid #e2e2e2; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table td {
                text-align: center;
                vertical-align: middle;
                font-size: 1.6rem;
                line-height: 1.2;
                padding: 25px 0;
                border-right: 2px solid #f7f7f7;
                border-bottom: 2px solid #f7f7f7; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table tr:last-child td {
                border-bottom: 0px; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table tr.midashi td {
                background-color: #f4f4f4; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table.col7 tr.midashi td {
                width: 14.285%; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table.col8 tr.midashi td {
                width: 12.5%; }
              .packageplanSection .pointBlock .priceSelect .detailBlock li table .icon {
                display: block;
                padding-top: 10px; }
                .packageplanSection .pointBlock .priceSelect .detailBlock li table .icon img {
                  width: 37px; }
        .packageplanSection .pointBlock .priceSelect .caption {
          font-size: 1.4rem;
          line-height: 1.6; }
          .packageplanSection .pointBlock .priceSelect .caption .icon {
            margin-right: 5px; }
            .packageplanSection .pointBlock .priceSelect .caption .icon img {
              position: relative;
              top: -1px;
              height: 14px;
              vertical-align: middle; }
          .packageplanSection .pointBlock .priceSelect .caption small {
            display: block;
            font-size: 1.1rem;
            line-height: 1.6;
            color: #999;
            padding-top: 5px; }
    .packageplanSection .linkBlock {
      margin: 0 20px 30px; }
      .packageplanSection .linkBlock ul {
        overflow: hidden; }
        .packageplanSection .linkBlock ul li {
          margin-bottom: 20px; }
          .packageplanSection .linkBlock ul li a {
            width: 300px;
            height: 66px;
            display: block;
            vertical-align: middle;
            box-sizing: border-box;
            border: 1px solid #de0319;
            font-size: 1.5rem;
            line-height: 1.6;
            text-align: center;
            font-weight: bold;
            color: #de0319;
            background: url(../images/package/basic/icon-link.png) right 17px center no-repeat;
            background-size: 7px 12px;
            padding-top: 8px;
            margin: 0 auto; }

  .functionDetailSection {
    padding-top: 40px;
    border-bottom: 1px solid #e7e6e1;
    margin-bottom: 38px; }
    .functionDetailSection .titleBlock {
      margin-bottom: 50px; }
      .functionDetailSection .titleBlock .pct {
        margin-bottom: 18px; }
        .functionDetailSection .titleBlock .pct img {
          width: 100%; }
      .functionDetailSection .titleBlock .lead {
        font-size: 1.6rem;
        line-height: 1.6;
        text-align: center;
        padding: 0 20px; }
      .functionDetailSection .titleBlock .btn {
        padding-top: 20px; }
        .functionDetailSection .titleBlock .btn a {
          display: block;
          text-align: center;
          font-size: 1.4rem;
          font-weight: bold;
          color: #fff;
          height: 48px;
          line-height: 48px;
          width: 280px;
          background: #de0319 url(../images/bg-detailbtn.png) right 10px center no-repeat;
          background-size: 18px;
          border-radius: 5px;
          margin: 0 auto; }
    .functionDetailSection .detailBlock {
      padding: 0 20px;
      margin-bottom: 50px; }
      .functionDetailSection .detailBlock .mod2lineTitle {
        margin-bottom: 40px; }
      .functionDetailSection .detailBlock p {
        font-size: 1.4rem;
        line-height: 1.6;
        margin-bottom: 20px; }
        .functionDetailSection .detailBlock p small {
          display: block;
          color: #999;
          font-size: 1.1rem;
          line-height: 1.6;
          padding-top: 2px; }
        .functionDetailSection .detailBlock p.topNarrow {
          margin-top: -10px; }
      .functionDetailSection .detailBlock .lead {
        font-size: 1.4rem;
        line-height: 1.6;
        margin-bottom: 48px; }
      .functionDetailSection .detailBlock .icons {
        line-height: 1.2;
        margin-bottom: 20px; }
        .functionDetailSection .detailBlock .icons span {
          margin-right: 5px; }
          .functionDetailSection .detailBlock .icons span img {
            height: 20px; }
      .functionDetailSection .detailBlock .logos > img {
        width: 100%; }
      .functionDetailSection .detailBlock .logos__cap {
        display: block;
        font-size: 12px;
        line-height: 1.6;
        padding-top: 5px; }
      .functionDetailSection .detailBlock .costbox {
        background-color: #eeefef;
        padding: 20px; }
        .functionDetailSection .detailBlock .costbox__text p {
          margin-bottom: 0 !important; }
          .functionDetailSection .detailBlock .costbox__text p small {
            color: #000 !important; }
      .functionDetailSection .detailBlock .modVlineTitle {
        margin-bottom: 20px; }
      .functionDetailSection .detailBlock .pointTitle {
        font-size: 1.9rem;
        line-height: 1.2;
        background: url(../../../../assets/images/common/bg-title-point.png) left 2px no-repeat;
        background-size: 17px;
        padding: 0 0 0 20px;
        margin-bottom: 18px; }
        .functionDetailSection .detailBlock .pointTitle.option {
          position: relative;
          left: -6px;
          font-size: 1.7rem;
          background: none;
          padding: 0; }
          .functionDetailSection .detailBlock .pointTitle.option:before {
            content: "・"; }
        .functionDetailSection .detailBlock .pointTitle.withIcon {
          background: none;
          padding: 0; }
          .functionDetailSection .detailBlock .pointTitle.withIcon span {
            vertical-align: bottom;
            margin-right: 10px; }
            .functionDetailSection .detailBlock .pointTitle.withIcon span img {
              width: 20px; }
      .functionDetailSection .detailBlock .subtitle {
        font-size: 1.7rem;
        margin-bottom: 10px; }
      .functionDetailSection .detailBlock .topNarrow15 {
        margin-top: -15px; }
      .functionDetailSection .detailBlock .box,
      .functionDetailSection .detailBlock .box2 {
        margin-bottom: 38px; }
        .functionDetailSection .detailBlock .box .pct,
        .functionDetailSection .detailBlock .box2 .pct {
          margin-bottom: 20px; }
          .functionDetailSection .detailBlock .box .pct img,
          .functionDetailSection .detailBlock .box2 .pct img {
            width: 100%;
            height: auto; }
          .functionDetailSection .detailBlock .box .pct .caption2col ul,
          .functionDetailSection .detailBlock .box2 .pct .caption2col ul {
            overflow: hidden;
            padding-top: 18px; }
            .functionDetailSection .detailBlock .box .pct .caption2col ul li,
            .functionDetailSection .detailBlock .box2 .pct .caption2col ul li {
              float: left;
              width: 43%;
              text-align: center;
              font-size: 1.3rem; }
              .functionDetailSection .detailBlock .box .pct .caption2col ul li:last-child,
              .functionDetailSection .detailBlock .box2 .pct .caption2col ul li:last-child {
                float: right; }
          .functionDetailSection .detailBlock .box .pct .caption,
          .functionDetailSection .detailBlock .box2 .pct .caption {
            padding-top: 5px;
            text-align: center;
            font-size: 1.3rem; }
        .functionDetailSection .detailBlock .box .title,
        .functionDetailSection .detailBlock .box2 .title {
          font-size: 1.5rem;
          margin-bottom: 8px; }
        .functionDetailSection .detailBlock .box .text p,
        .functionDetailSection .detailBlock .box2 .text p {
          font-size: 1.4rem;
          line-height: 1.6;
          margin-bottom: 20px; }
          .functionDetailSection .detailBlock .box .text p small,
          .functionDetailSection .detailBlock .box2 .text p small {
            display: block;
            color: #999;
            font-size: 1.1rem;
            line-height: 1.6;
            padding-top: 2px; }
          .functionDetailSection .detailBlock .box .text p strong,
          .functionDetailSection .detailBlock .box2 .text p strong {
            display: block;
            font-size: 1.6rem;
            margin-bottom: 5px; }
        .functionDetailSection .detailBlock .box .text .logo,
        .functionDetailSection .detailBlock .box2 .text .logo {
          margin-bottom: 15px; }
          .functionDetailSection .detailBlock .box .text .logo img,
          .functionDetailSection .detailBlock .box2 .text .logo img {
            width: 100%; }
        .functionDetailSection .detailBlock .box .text .subpct img,
        .functionDetailSection .detailBlock .box2 .text .subpct img {
          width: 150px; }
      .functionDetailSection .detailBlock .box3 {
        overflow: hidden;
        margin-bottom: 38px; }
        .functionDetailSection .detailBlock .box3 .pct {
          float: left;
          width: 100px;
          margin-right: 15px; }
          .functionDetailSection .detailBlock .box3 .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box3 .text {
          overflow: hidden;
          font-size: 1.2rem;
          line-height: 1.6;
          display: block;
          padding-top: 3px; }
      .functionDetailSection .detailBlock .box4 {
        overflow: hidden;
        margin-bottom: 40px; }
        .functionDetailSection .detailBlock .box4 .pct {
          float: left;
          width: 132px;
          margin-right: 15px; }
          .functionDetailSection .detailBlock .box4 .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box4 .text {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box4 .text p {
            font-size: 1.4rem;
            line-height: 1.6;
            margin-bottom: 0px; }
        .functionDetailSection .detailBlock .box4.spVertical .pct {
          float: none;
          width: 100%;
          margin-right: 0px;
          margin-bottom: 17px; }
          .functionDetailSection .detailBlock .box4.spVertical .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box4.spVertical .text {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box4.spVertical .text p {
            font-size: 1.4rem;
            line-height: 1.6;
            margin-bottom: 0px; }
      .functionDetailSection .detailBlock .box22 {
        margin-bottom: 5px; }
        .functionDetailSection .detailBlock .box22 ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box22 ul li {
            overflow: hidden;
            margin-bottom: 40px; }
            .functionDetailSection .detailBlock .box22 ul li .pct {
              float: left;
              width: 132px;
              margin-right: 15px; }
              .functionDetailSection .detailBlock .box22 ul li .pct img {
                width: 100%; }
            .functionDetailSection .detailBlock .box22 ul li .text {
              overflow: hidden; }
              .functionDetailSection .detailBlock .box22 ul li .text p {
                font-size: 1.4rem;
                line-height: 1.6;
                margin-bottom: 0px; }
        .functionDetailSection .detailBlock .box22.reverse ul {
          overflow: hidden; }
          .functionDetailSection .detailBlock .box22.reverse ul li {
            overflow: hidden;
            margin-bottom: 40px; }
            .functionDetailSection .detailBlock .box22.reverse ul li .pct {
              padding-top: 25px;
              float: right;
              width: 132px; }
              .functionDetailSection .detailBlock .box22.reverse ul li .pct img {
                width: 100%; }
            .functionDetailSection .detailBlock .box22.reverse ul li .text {
              float: left;
              width: 43%; }
              .functionDetailSection .detailBlock .box22.reverse ul li .text .subtitle {
                font-size: 1.4rem;
                margin-bottom: 5px; }
      .functionDetailSection .detailBlock .box2row ul li {
        margin-bottom: 35px; }
        .functionDetailSection .detailBlock .box2row ul li .box .title {
          font-size: 1.5rem;
          margin-bottom: 10px; }
      .functionDetailSection .detailBlock .box2row .pct {
        margin-bottom: 12px; }
        .functionDetailSection .detailBlock .box2row .pct img {
          width: 100%; }
      .functionDetailSection .detailBlock .box2row .text p {
        font-size: 1.4rem;
        line-height: 1.6; }
      .functionDetailSection .detailBlock .box1col {
        margin-bottom: 35px; }
        .functionDetailSection .detailBlock .box1col .pct {
          margin-bottom: 12px; }
          .functionDetailSection .detailBlock .box1col .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box1col .text {
          font-size: 1.4rem;
          line-height: 1.6; }
          .functionDetailSection .detailBlock .box1col .text strong {
            display: block;
            font-size: 1.6rem;
            margin-bottom: 5px; }
      .functionDetailSection .detailBlock .box2col ul li,
      .functionDetailSection .detailBlock .box3col ul li {
        margin-bottom: 35px; }
        .functionDetailSection .detailBlock .box2col ul li .pct,
        .functionDetailSection .detailBlock .box3col ul li .pct {
          margin-bottom: 12px; }
          .functionDetailSection .detailBlock .box2col ul li .pct img,
          .functionDetailSection .detailBlock .box3col ul li .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box2col ul li .title,
        .functionDetailSection .detailBlock .box3col ul li .title {
          font-size: 1.4rem;
          line-height: 1.6; }
          .functionDetailSection .detailBlock .box2col ul li .title .text,
          .functionDetailSection .detailBlock .box3col ul li .title .text {
            display: block;
            padding-top: 13px; }
          .functionDetailSection .detailBlock .box2col ul li .title small,
          .functionDetailSection .detailBlock .box3col ul li .title small {
            display: block;
            color: #999;
            font-size: 1.1rem;
            line-height: 1.6;
            padding-top: 2px; }
        .functionDetailSection .detailBlock .box2col ul li strong,
        .functionDetailSection .detailBlock .box3col ul li strong {
          display: block;
          font-size: 1.6rem;
          margin-bottom: 5px; }
      .functionDetailSection .detailBlock .box2col.spVertical ul,
      .functionDetailSection .detailBlock .box3col.spVertical ul {
        overflow: hidden; }
        .functionDetailSection .detailBlock .box2col.spVertical ul li,
        .functionDetailSection .detailBlock .box3col.spVertical ul li {
          float: left;
          width: 47.5%;
          margin-bottom: 40px; }
          .functionDetailSection .detailBlock .box2col.spVertical ul li:nth-child(2n),
          .functionDetailSection .detailBlock .box3col.spVertical ul li:nth-child(2n) {
            float: right; }
          .functionDetailSection .detailBlock .box2col.spVertical ul li .pct,
          .functionDetailSection .detailBlock .box3col.spVertical ul li .pct {
            margin-bottom: 18px; }
            .functionDetailSection .detailBlock .box2col.spVertical ul li .pct img,
            .functionDetailSection .detailBlock .box3col.spVertical ul li .pct img {
              width: 100%; }
          .functionDetailSection .detailBlock .box2col.spVertical ul li .title,
          .functionDetailSection .detailBlock .box3col.spVertical ul li .title {
            overflow: hidden;
            font-size: 1.2rem;
            line-height: 1.6; }
            .functionDetailSection .detailBlock .box2col.spVertical ul li .title .text,
            .functionDetailSection .detailBlock .box3col.spVertical ul li .title .text {
              display: block;
              padding-top: 3px; }
      .functionDetailSection .detailBlock .box2col.spHorizontal ul li,
      .functionDetailSection .detailBlock .box3col.spHorizontal ul li {
        overflow: hidden;
        margin-bottom: 10px; }
        .functionDetailSection .detailBlock .box2col.spHorizontal ul li .pct,
        .functionDetailSection .detailBlock .box3col.spHorizontal ul li .pct {
          float: left;
          width: 132px;
          margin-right: 18px; }
          .functionDetailSection .detailBlock .box2col.spHorizontal ul li .pct img,
          .functionDetailSection .detailBlock .box3col.spHorizontal ul li .pct img {
            width: 100%; }
        .functionDetailSection .detailBlock .box2col.spHorizontal ul li .title,
        .functionDetailSection .detailBlock .box3col.spHorizontal ul li .title {
          overflow: hidden;
          font-size: 1.2rem;
          line-height: 1.6; }
        .functionDetailSection .detailBlock .box2col.spHorizontal ul li .text,
        .functionDetailSection .detailBlock .box3col.spHorizontal ul li .text {
          overflow: hidden;
          display: block;
          padding: 0;
          padding-top: 3px; }
        .functionDetailSection .detailBlock .box2col.spHorizontal ul li.combine,
        .functionDetailSection .detailBlock .box3col.spHorizontal ul li.combine {
          width: 100%;
          margin-bottom: 40px; }
          .functionDetailSection .detailBlock .box2col.spHorizontal ul li.combine .pct,
          .functionDetailSection .detailBlock .box3col.spHorizontal ul li.combine .pct {
            float: none;
            width: 100%;
            margin-right: 0px;
            margin-bottom: 12px; }
            .functionDetailSection .detailBlock .box2col.spHorizontal ul li.combine .pct img,
            .functionDetailSection .detailBlock .box3col.spHorizontal ul li.combine .pct img {
              width: 100%; }
          .functionDetailSection .detailBlock .box2col.spHorizontal ul li.combine .title,
          .functionDetailSection .detailBlock .box3col.spHorizontal ul li.combine .title {
            font-size: 1.4rem;
            line-height: 1.6; }
            .functionDetailSection .detailBlock .box2col.spHorizontal ul li.combine .title .text,
            .functionDetailSection .detailBlock .box3col.spHorizontal ul li.combine .title .text {
              display: block;
              padding-top: 13px; }
      .functionDetailSection .detailBlock .box4col {
        margin-bottom: 38px; }
        .functionDetailSection .detailBlock .box4col ul li {
          overflow: hidden;
          margin-bottom: 15px; }
          .functionDetailSection .detailBlock .box4col ul li .pct {
            float: left;
            width: 132px;
            margin-right: 18px; }
            .functionDetailSection .detailBlock .box4col ul li .pct img {
              width: 100%; }
          .functionDetailSection .detailBlock .box4col ul li .title {
            overflow: hidden;
            font-size: 1.2rem;
            line-height: 1.6; }
            .functionDetailSection .detailBlock .box4col ul li .title .text {
              display: block;
              padding-top: 3px; }
		
		/*fancio追加分*/
      .functionDetailSection .detailBlock .box4col.fancioSPLayout {
        margin-bottom: 0px; }
        .functionDetailSection .detailBlock .box4col.fancioSPLayout ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;}
        .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li {
          margin-bottom: 15px;
          width: 48%; }
          .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .pct {
	          width: auto;
			  text-align:center;}
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .pct img {
              width: 100%; }
          .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .title {
            overflow: hidden;
            font-size: 1.2rem;
            line-height: 1.6; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .title .text {
              display: block;
              padding-top: 3px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .subtitle {
              text-align: center; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .subtitle p {
              font-size:24px;
              margin-bottom:5px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .name {
              background-color:#e99412;
              text-align:center;
              color:#fff;
              border-radius:8px; }
            .functionDetailSection .detailBlock .box4col.fancioSPLayout ul li .name p {
              font-size:18px;
              padding:5px 0;
              margin-bottom:10px; }
              
      .functionDetailSection .detailBlock .caution {
        font-size: 1.1rem;
        color: #999; }
      .functionDetailSection .detailBlock .forDoorPage .text {
        font-size: 1.2rem;
        line-height: 1.6;
        margin-bottom: 8px; }
    .functionDetailSection .linkBlock {
      margin: 0 20px 30px; }
      .functionDetailSection .linkBlock ul {
        overflow: hidden; }
        .functionDetailSection .linkBlock ul li {
          margin-bottom: 20px; }
          .functionDetailSection .linkBlock ul li a {
            width: 300px;
            height: 66px;
            display: block;
            vertical-align: middle;
            box-sizing: border-box;
            border: 1px solid #de0319;
            font-size: 1.5rem;
            line-height: 1.6;
            text-align: center;
            font-weight: bold;
            color: #de0319;
            background: url(../images/index/icon-link.png) right 17px center no-repeat;
            background-size: 7px 12px;
            padding-top: 8px;
            margin: 0 auto; } }
/*******************************************************

	add 2017/12/12

*******************************************************/
/*overwrite*/
@media (min-width: 769px) {
  .planSection .detailBlock .title .text {
    margin-top: 22px; } }
/*utility*/
@media (min-width: 769px) {
  .u-mb_lv0 {
    margin-bottom: 0 !important; }

  .u-mb_lv1 {
    margin-bottom: 10px !important; }

  .u-mb_lv2 {
    margin-bottom: 20px !important; }

  .u-mb_lv3 {
    margin-bottom: 30px !important; }

  .u-mb_lv4 {
    margin-bottom: 40px !important; }

  .u-mb_lv5 {
    margin-bottom: 50px !important; }

  .u-pb_lv0 {
    padding-bottom: 0 !important; }

  .u-pb_lv1 {
    padding-bottom: 10px !important; }

  .u-pb_lv2 {
    padding-bottom: 20px !important; }

  .u-pb_lv3 {
    padding-bottom: 30px !important; }

  .u-pb_lv4 {
    padding-bottom: 40px !important; }

  .u-pb_lv5 {
    padding-bottom: 50px !important; } }
@media (max-width: 768px) {
  .u-mb_lv0 {
    margin-bottom: 0 !important; }

  .u-mb_lv1 {
    margin-bottom: 5px !important; }

  .u-mb_lv2 {
    margin-bottom: 10px !important; }

  .u-mb_lv3 {
    margin-bottom: 15px !important; }

  .u-mb_lv4 {
    margin-bottom: 20px !important; }

  .u-mb_lv5 {
    margin-bottom: 25px !important; }

  .u-pb_lv0 {
    padding-bottom: 0 !important; }

  .u-pb_lv1 {
    padding-bottom: 5px !important; }

  .u-pb_lv2 {
    padding-bottom: 10px !important; }

  .u-pb_lv3 {
    padding-bottom: 15px !important; }

  .u-pb_lv4 {
    padding-bottom: 20px !important; }

  .u-pb_lv5 {
    padding-bottom: 25px !important; } }
/* common*/
@media (min-width: 769px) {
  .addPointTitle {
    position: relative;
    font-size: 24px;
    line-height: 1.2;
    padding: 0 0 0 30px;
    margin-bottom: 30px; }

  .addPointTitle:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 5px; } }
@media (max-width: 768px) {
  .addPointTitle {
    position: relative;
    font-size: 1.8rem;
    line-height: 1.2;
    padding: 0 0 0 22px;
    margin-bottom: 30px; }

  .addPointTitle:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 5px; } }
@media (min-width: 769px) {
  .addMovieBtn a {
    width: 380px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    border: 2px solid #de0319;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    color: #de0319;
    background: url(../images/package/basic/icon-link.png) right 22px center no-repeat;
    background-size: 11px 18px; }

  .addMovieBtn a:hover {
    opacity: 0.6; } }
@media (max-width: 768px) {
  .addMovieBtn a {
    width: 300px;
    height: 66px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #de0319;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
    color: #de0319;
    background: url(../images/package/basic/icon-link.png) right 17px center no-repeat;
    background-size: 7px 12px; } }