@media screen and (max-width: 768px) {
  @import "https://fonts.googleapis.com/css?family=Droid+Sans:400,700";

  @font-face {
    font-family: livable;
    src        : url(/fonts/livable.eot);
    src        :
      url(/fonts/livable.eot#iefix) format("embedded-opentype"),
      url(/fonts/livable.woff) format("woff"),
      url(/fonts/livable.ttf) format("truetype");
  }


  html {
    width    : 100%;
    height   : 100%;
    font-size: 62.5%;
    font-family:
      "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",
      Hiragino Kaku Gothic Pro,
      "繝｡繧､繝ｪ繧ｪ",
      Meiryo,
      sans-serif;
  }

  body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing    : antialiased;
    -moz-osx-font-smoothing   : grayscale;
    font-family               :
      "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",
      Hiragino Kaku Gothic Pro,
      "繝｡繧､繝ｪ繧ｪ",
      Meiryo,
      sans-serif;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    width                : 100%;
    min-height           : 100vh;
    margin               : 0;
    word-wrap            : break-word;
    color                : #000;
    font-size            : 16px;
    font-size            : 1.6rem;
  }


  @font-face {
    font-family: livable;
    src        : url(../fonts/livable.eot);
    src        :
      url(../fonts/livable.eot#iefix) format("embedded-opentype"),
      url(../fonts/livable.woff) format("woff"),
      url(../fonts/livable.ttf) format("truetype");
  }


  @page {
    margin: 12.7mm 9.7mm;
  }

  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }

  .o-main {
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
  }



  .u-display__sponly-inline {
    display: inline;
  }

  img {
    width         : 100%;
    height        : auto;
    vertical-align: top;
  }



  .js-accordion {
    display: none;
  }

  /* chintai-lp-new-sp.css open */



  .c-lp-header {
    height  : 30px;
    position: relative;
    z-index : 1;
  }

  .c-lp-header__logo {
    display: block;
    width  : 66px;
    margin : 16px 0 0 16px;
  }





  .c-lp__top-bg {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    right   : 0;
    overflow: hidden;
  }

  .c-lp__top-bg-image {
    width            : 100%;
    min-height       : 100%;
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__top {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    position : relative;
  }

  .c-lp__top-title {
    width  : 100%;
    margin : 20px 0 0;
    padding: 0 32px;
  }

  .c-lp__assessment {
    margin: -32px 0 0;
  }

  .c-lp__assessment-inner {
    padding           : 16px;
    position          : relative;
    background        : #fff;
    border-radius     : 32px;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 98, 178, 0.1);
    box-shadow        : 0 8px 10px 0 rgba(0, 98, 178, 0.1);
  }

  .c-lp__assessment-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
  }

  .c-lp__assessment-title-inner {
    text-align : center;
    font-size  : 20px;
    line-height: 42px;
    color      : #14212b;
  }

  .c-lp__assessment-title-enhance {
    font-size: 32px;
    color    : #124a7b;
  }

  .c-lp__assessment-sub {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    display          : block;
    width            : 80px;
    height           : 80px;
    padding          : 16px 0 0;
    text-align       : center;
    font-size        : 12px;
    color            : #fff;
    background       : #bb8e00;
    border-radius    : 50%;
  }

  .c-lp__assessment-sub-enhance {
    display  : inline-block;
    margin   : 3px 0 0;
    font-size: 18px;
  }

  .c-lp__assessment-lead {
    margin    : 16px 0;
    text-align: center;
  }

  .c-lp__assessment-lead-inner {
    display    : inline-block;
    padding    : 0 28px;
    position   : relative;
    line-height: 28px;
  }

  .c-lp__assessment-lead-inner:before,
  .c-lp__assessment-lead-inner:after {
    content            : "";
    width              : 13px;
    height             : 20px;
    position           : absolute;
    top                : 2px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_05.svg);
  }

  .c-lp__assessment-lead-inner:before {
    left: 0;
  }

  .c-lp__assessment-lead-inner:after {
    right            : 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform    : scale(-1, 1);
    transform        : scale(-1, 1);
  }





  .c-lp__trouble {
    margin: 64px 0 48px;
  }

  .c-lp__trouble-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__trouble-title {
    width : 236px;
    margin: auto;
  }

  .c-lp__trouble-item {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: end;
    -ms-flex-align   : end;
    align-items      : flex-end;
    margin           : 48px 0 0;
  }

  .c-lp__trouble-item:nth-child(odd) .c-lp__trouble-lead {
    margin: 0 16px 0 0;
  }

  .c-lp__trouble-item:nth-child(even) {
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : row-reverse;
    flex-direction       : row-reverse;
  }

  .c-lp__trouble-item:nth-child(even) .c-lp__trouble-lead {
    margin: 0 0 0 16px;
  }

  .c-lp__trouble-lead {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 0px;
    flex            : 1 1 0;
    padding         : 12px 0;
    text-align      : center;
    font-size       : 14px;
    line-height     : 25px;
    font-weight     : 700;
    color           : #0062b2;
    background      : #e6eff7;
    border-radius   : 8px;
  }

  .c-lp__trouble-image {
    width: 72px;
  }



  .c-lp__point {
    padding   : 100px 0 64px;
    position  : relative;
    background: #124a7b;
  }

  .c-lp__point--tree {
    padding   : 64px 0;
    background: #fff;
  }

  .c-lp__point--tree:before {
    content: none;
  }

  .c-lp__point--tree .c-lp__point-image {
    width    : 100%;
    max-width: 303px;
  }

  .c-lp__point--tree .c-lp__point-title {
    color: #14212b;
  }

  .c-lp__point--tree .c-lp__point-lead {
    color: rgba(20, 33, 43, 0.7);
  }

  .c-lp__point--tree .c-lp__achievement-note {
    color: #14212b;
  }

  .c-lp__point-inner {
    width     : 100%;
    max-width : 375px;
    margin    : auto;
    padding   : 0 24px;
    background: #124a7b
  }

  .c-lp__point-image {
    width : 240px;
    margin: auto;
  }

  .c-lp__point-line {
    margin: 32px 0 0;
  }

  .c-lp__point-content {
    margin: 48px 0 0;
  }

  .c-lp__point-num {
    width              : 64px;
    height             : 52px;
    padding            : 0 22px 14px 0;
    background-repeat  : no-repeat;
    background-position: bottom right;
    background-size    : 32px 32px;
    background-image   : url(/assets/materials/line_02.svg);
  }

  .c-lp__point-title {
    margin     : 24px 0 0;
    font-size  : 24px;
    line-height: 38px;
    color      : #fff;
    text-align : left;
  }

  .c-lp__point-lead {
    margin     : 8px 0 0;
    line-height: 28px;
    color      : #fff;
  }

  .c-lp__achievement {
    margin: 24px 0 0;
  }

  .c-lp__achievement-item {
    margin: 16px 0 0;
  }

  .c-lp__achievement-note {
    margin     : 8px 0 0;
    text-align : center;
    font-size  : 12px;
    line-height: 16px;
    color      : #fff;
  }

  .c-lp__plan {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 16px 0 0;
  }

  .c-lp__plan-item {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    -ms-flex-line-pack: center;
    align-content     : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : calc(50% - 3px);
    height            : 160px;
    margin            : 6px 0 0;
    text-align        : center;
    background        : #fff;
    border-radius     : 6px;
  }

  .c-lp__plan-item:nth-child(1) {
    color : #36ab30 !important;
    border: 3px solid #36ab30;
  }

  .c-lp__plan-item:nth-child(2) {
    color : #6762ac;
    border: 3px solid #6762ac;
  }

  .c-lp__plan-item:nth-child(3) {
    color : #df6062;
    border: 3px solid #df6062;
  }

  .c-lp__plan-item:nth-child(4) {
    color : #52bde9;
    border: 3px solid #52bde9;
  }

  .c-lp__plan-image {
    width: 40px;
  }

  .c-lp__plan-text {
    width      : 100%;
    margin     : 13px 0 0;
    line-height: 24px;
    font-weight: 700;
  }

  .c-lp__plan-button {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    width            : 100%;
    height           : 54px;
    margin           : 32px 0 0;
    padding          : 0 24px;
    background       : #fff;
    border-radius    : 4px;
  }

  .c-lp__plan-button-text {
    font-weight: 700;
    color      : #124a7b;
  }

  .c-lp__plan-button-icon {
    width              : 10px;
    height             : 20px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_10.svg);
  }

  .c-lp__voice {
    margin: 64px 0;
  }

  .c-lp__voice--blue {
    margin    : 0;
    padding   : 64px 0;
    background: #e6eff7;
  }

  .c-lp__voice--blue .c-lp__voice-balloon {
    -webkit-box-shadow: 10px 10px 0 0 #79acd6;
    box-shadow        : 10px 10px 0 0 #79acd6;
  }

  .c-lp__voice-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__voice-item {
    margin: 48px 0 0;
  }

  .c-lp__voice-balloon {
    margin            : 0 10px 0 0;
    padding           : 24px;
    background        : #fff;
    border            : 3px solid #0062b2;
    border-radius     : 32px 32px 32px 0;
    -webkit-box-shadow: 10px 10px 0 0 #e6eff7;
    box-shadow        : 10px 10px 0 0 #e6eff7;
  }

  .c-lp__voice-title {
    font-size  : 20px;
    line-height: 36px;
    color      : #0062b2;
  }

  .c-lp__voice-lead {
    margin     : 16px 0 0;
    line-height: 28px;
    color      : #14212b;
  }

  .c-lp__voice-note {
    margin     : 8px 0 0;
    font-size  : 14px;
    line-height: 25px;
    color      : rgba(20, 33, 43, 0.7);
  }

  .c-lp__voice-client {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin           : 26px 0 0;
  }

  .c-lp__voice-image {
    width : 60px;
    margin: 0 16px 0 0;
  }

  .c-lp__voice-detail {
    font-size  : 14px;
    line-height: 25px;
    color      : #14212b;
  }

  .c-lp__step {
    padding   : 64px 15px;
    background: #124a7b;
  }

  .c-lp__step-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__step-head {
    width : 232px;
    margin: auto;
  }

  .c-lp__step-item {
    margin       : 70px 0 0;
    padding      : 64px 24px 32px;
    position     : relative;
    color        : #14212b;
    background   : #fff;
    border-radius: 8px;
  }

  .c-lp__step-num {
    width            : 68px;
    position         : absolute;
    top              : -35px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__step-title {
    text-align : center;
    font-size  : 20px;
    line-height: 32px;
  }

  .c-lp__step-image {
    width : 70px;
    margin: 24px auto 0;
  }

  .c-lp__step-lead {
    margin     : 24px 0 0;
    line-height: 28px;
  }

  .c-lp__faq {
    margin: 64px 0;
  }

  .c-lp__faq-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__faq-head {
    width : 196px;
    margin: auto;
  }

  .c-lp__faq-box {
    margin            : 32px 0 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(30, 48, 61, 0.1);
    box-shadow        : 0 4px 12px 0 rgba(30, 48, 61, 0.1);
    border-radius     : 8px;
  }

  .c-lp__faq-question.is-open .c-lp__faq-question-icon:before {
    -webkit-transform: rotate(180deg);
    -ms-transform    : rotate(180deg);
    transform        : rotate(180deg);
  }

  .c-lp__faq-question.is-open .c-lp__faq-question-icon:after {
    -webkit-transform: rotate(270deg);
    -ms-transform    : rotate(270deg);
    transform        : rotate(270deg);
    opacity          : 0;
  }

  .c-lp__faq-question-inner {
    padding: 24px;
  }

  .c-lp__faq-question-lead {
    padding    : 0 54px 0 38px;
    position   : relative;
    line-height: 24px;
    font-weight: 700;
    color      : #14212b;
  }

  .c-lp__faq-question-lead:before {
    content    : "Q.";
    position   : absolute;
    top        : 0;
    left       : 0;
    font-size  : 18px;
    font-weight: 700;
    line-height: 32px;
    color      : #0062b2;
  }

  .c-lp__faq-question-icon:before,
  .c-lp__faq-question-icon:after {
    position          : absolute;
    top               : 10px;
    right             : 0;
    width             : 16px;
    height            : 2px;
    margin            : auto 0;
    content           : "";
    -webkit-transition: all 0.12s ease-out 0s;
    -o-transition     : all 0.12s ease-out 0s;
    transition        : all 0.12s ease-out 0s;
    background        : #0062b2;
    border-radius     : 2px;
  }

  .c-lp__faq-question-icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg);
    opacity          : 1;
  }

  .c-lp__faq-answer-inner {
    padding: 0 24px 24px;
  }

  .c-lp__faq-answer-lead {
    padding    : 24px 0 0 38px;
    position   : relative;
    line-height: 28px;
    color      : #14212b;
    border-top : 1px solid rgba(80, 129, 165, 0.15);
  }

  .c-lp__faq-answer-lead:before {
    content    : "A.";
    position   : absolute;
    top        : 24px;
    left       : 0;
    font-size  : 18px;
    font-weight: 700;
    line-height: 32px;
    color      : #bb8e00;
  }

  .c-lp__faq-answer-note {
    margin     : 8px 0 0 38px;
    line-height: 28px;
  }

  .c-lp__faq-answer-sub {
    color: #0062b2;
  }




  .o-content {
    position  : relative;
    display   : block;
    background: #f6f6f6;
    overflow  : hidden;
  }

  .o-content__inner {
    padding: 0 16px;
  }

  /* chintai-lp-new-sp.css open */





  a:hover {
    cursor         : pointer;
    text-decoration: none;
  }


  @page {
    margin: 12.7mm 9.7mm;
  }

  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }



  .o-main {
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
  }



  .u-display__sponly-inline {
    display: inline;
  }

  .c-lp-header {
    height  : 30px;
    position: relative;
    z-index : 1;
  }

  .c-lp-header__logo {
    display: block;
    width  : 66px;
    margin : 16px 0 0 16px;
  }

  .c-lp {
    padding: 0 0 32px;
    width  : 100%;
    margin : 0 auto;
  }

  .c-lp__top-wrap {
    height    : 244px;
    /*margin  : -30px 0 0;*/
    padding   : 30px 0;
    position  : relative;
  }

  .c-lp__top-bg {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    right   : 0;
    overflow: hidden;
  }

  .c-lp__top-bg-image {
    width            : 100%;
    min-height       : 100%;
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__top {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    position : relative;
  }

  .c-lp__top-title {
    width  : 100%;
    margin : 20px 0 0;
    padding: 0 32px;
  }

  .c-lp__assessment {
    margin: -32px 0 0;
  }

  .c-lp__assessment-inner {
    padding           : 16px;
    position          : relative;
    background        : #fff;
    border-radius     : 32px;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 98, 178, 0.1);
    box-shadow        : 0 8px 10px 0 rgba(0, 98, 178, 0.1);
  }

  .c-lp__assessment-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
  }

  .c-lp__assessment-title-inner {
    text-align : center;
    font-size  : 20px;
    line-height: 42px;
    color      : #14212b;
  }

  .c-lp__assessment-title-enhance {
    font-size: 32px;
    color    : #124a7b;
  }

  .c-lp__assessment-sub {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    display          : block;
    width            : 80px;
    height           : 80px;
    padding          : 16px 0 0;
    text-align       : center;
    font-size        : 12px;
    color            : #fff;
    background       : #bb8e00;
    border-radius    : 50%;
  }

  .c-lp__assessment-sub-enhance {
    display  : inline-block;
    margin   : 3px 0 0;
    font-size: 18px;
  }

  .c-lp__assessment-lead {
    margin    : 16px 0;
    text-align: center;
  }

  .c-lp__assessment-lead-inner {
    display    : inline-block;
    padding    : 0 28px;
    position   : relative;
    line-height: 28px;
  }

  .c-lp__assessment-lead-inner:before,
  .c-lp__assessment-lead-inner:after {
    content            : "";
    width              : 13px;
    height             : 20px;
    position           : absolute;
    top                : 2px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_05.svg);
  }

  .c-lp__assessment-lead-inner:before {
    left: 0;
  }

  .c-lp__assessment-lead-inner:after {
    right            : 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform    : scale(-1, 1);
    transform        : scale(-1, 1);
  }

  .c-lp__trouble {
    margin: 64px 0 48px;
  }

  .c-lp__trouble-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__trouble-title {
    width : 236px;
    margin: auto;
  }

  .c-lp__trouble-item {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: end;
    -ms-flex-align   : end;
    align-items      : flex-end;
    margin           : 48px 0 0;
  }

  .c-lp__trouble-item:nth-child(odd) .c-lp__trouble-lead {
    margin: 0 16px 0 0;
  }

  .c-lp__trouble-item:nth-child(even) {
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : row-reverse;
    flex-direction       : row-reverse;
  }

  .c-lp__trouble-item:nth-child(even) .c-lp__trouble-lead {
    margin: 0 0 0 16px;
  }

  .c-lp__trouble-lead {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 0px;
    flex            : 1 1 0;
    padding         : 12px 0;
    text-align      : center;
    font-size       : 14px;
    line-height     : 25px;
    font-weight     : 700;
    color           : #0062b2;
    background      : #e6eff7;
    border-radius   : 8px;
  }

  .c-lp__trouble-image {
    width: 72px;
  }




  .c-lp__point {
    padding   : 100px 0 64px;
    position  : relative;
    background: #124a7b;
  }

  .c-lp__point--tree {
    padding   : 64px 0;
    background: #fff;
  }

  .c-lp__point--tree:before {
    content: none;
  }

  .c-lp__point--tree .c-lp__point-image {
    width    : 100%;
    max-width: 303px;
  }

  .c-lp__point--tree .c-lp__point-title {
    color: #14212b;
  }

  .c-lp__point--tree .c-lp__point-lead {
    color: rgba(20, 33, 43, 0.7);
  }

  .c-lp__point--tree .c-lp__achievement-note {
    color: #14212b;
  }



  .c-lp__point-image {
    width : 240px;
    margin: auto;
  }

  .c-lp__point-line {
    margin: 32px 0 0;
  }

  .c-lp__point-content {
    margin: 48px 0 0;
  }

  .c-lp__point-num {
    width              : 64px;
    height             : 52px;
    padding            : 0 22px 14px 0;
    background-repeat  : no-repeat;
    background-position: bottom right;
    background-size    : 32px 32px;
    background-image   : url(/assets/materials/line_02.svg);
  }

  .c-lp__point-title {
    margin     : 24px 0 0;
    font-size  : 24px;
    line-height: 38px;
    color      : #fff;
    text-align : left;
  }

  .c-lp__point-lead {
    margin     : 8px 0 0;
    line-height: 28px;
    color      : #fff;
  }

  .c-lp__achievement {
    margin: 24px 0 0;
  }

  .c-lp__achievement-item {
    margin: 16px 0 0;
  }

  .c-lp__achievement-note {
    margin     : 8px 0 0;
    text-align : center;
    font-size  : 12px;
    line-height: 16px;
    color      : #fff;
  }

  .c-lp__plan {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 16px 0 0;
  }

  .c-lp__plan-item {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    -ms-flex-line-pack: center;
    align-content     : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : calc(50% - 3px);
    height            : 160px;
    margin            : 6px 0 0;
    text-align        : center;
    background        : #fff;
    border-radius     : 6px;
  }

  .c-lp__plan-item:nth-child(1) {
    color : #36ab30;
    border: 3px solid #36ab30;
  }

  .c-lp__plan-item:nth-child(2) {
    color : #6762ac;
    border: 3px solid #6762ac;
  }

  .c-lp__plan-item:nth-child(3) {
    color : #df6062;
    border: 3px solid #df6062;
  }

  .c-lp__plan-item:nth-child(4) {
    color : #52bde9;
    border: 3px solid #52bde9;
  }

  .c-lp__plan-image {
    width: 40px;
  }

  .c-lp__plan-text {
    width      : 100%;
    margin     : 13px 0 0;
    line-height: 24px;
    font-weight: 700;
  }

  .c-lp__plan-button {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    width            : 100%;
    height           : 54px;
    margin           : 32px 0 0;
    padding          : 0 24px;
    background       : #fff;
    border-radius    : 4px;
  }

  .c-lp__plan-button-text {
    font-weight: 700;
    color      : #124a7b;
  }

  .c-lp__plan-button-icon {
    width              : 10px;
    height             : 20px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_10.svg);
  }

  .c-lp__voice {
    margin: 64px 0;
  }

  .c-lp__voice--blue {
    margin    : 0;
    padding   : 64px 0;
    background: #e6eff7;
  }

  .c-lp__voice--blue .c-lp__voice-balloon {
    -webkit-box-shadow: 10px 10px 0 0 #79acd6;
    box-shadow        : 10px 10px 0 0 #79acd6;
  }

  .c-lp__voice-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__voice-item {
    margin: 48px 0 0;
  }

  .c-lp__voice-balloon {
    margin            : 0 10px 0 0;
    padding           : 24px;
    background        : #fff;
    border            : 3px solid #0062b2;
    border-radius     : 32px 32px 32px 0;
    -webkit-box-shadow: 10px 10px 0 0 #e6eff7;
    box-shadow        : 10px 10px 0 0 #e6eff7;
  }

  .c-lp__voice-title {
    font-size  : 20px;
    line-height: 36px;
    color      : #0062b2;
  }

  .c-lp__voice-lead {
    margin     : 16px 0 0;
    line-height: 28px;
    color      : #14212b;
  }

  .c-lp__voice-note {
    margin     : 8px 0 0;
    font-size  : 14px;
    line-height: 25px;
    color      : rgba(20, 33, 43, 0.7);
  }

  .c-lp__voice-client {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin           : 26px 0 0;
  }

  .c-lp__voice-image {
    width : 60px;
    margin: 0 16px 0 0;
  }

  .c-lp__voice-detail {
    font-size  : 14px;
    line-height: 25px;
    color      : #14212b;
  }





  .c-lp__step-head {
    width : 232px;
    margin: auto;
  }

  .c-lp__step-item {
    margin       : 70px 0 0;
    padding      : 64px 24px 32px;
    position     : relative;
    color        : #14212b;
    background   : #fff;
    border-radius: 8px;
  }

  .c-lp__step-num {
    width            : 68px;
    position         : absolute;
    top              : -35px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__step-title {
    text-align : center;
    font-size  : 20px;
    line-height: 32px;
  }

  .c-lp__step-image {
    width : 70px;
    margin: 24px auto 0;
  }

  .c-lp__step-lead {
    margin     : 24px 0 0;
    line-height: 28px;
  }

  .c-lp__faq {
    margin: 64px 0;
  }

  .c-lp__faq-inner {
    width    : 100%;
    max-width: 375px;
    margin   : auto;
    padding  : 0 24px;
  }

  .c-lp__faq-head {
    width : 196px;
    margin: auto;
  }

  .c-lp__faq-box {
    margin            : 32px 0 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(30, 48, 61, 0.1);
    box-shadow        : 0 4px 12px 0 rgba(30, 48, 61, 0.1);
    border-radius     : 8px;
  }

  .c-lp__faq-question.is-open .c-lp__faq-question-icon:before {
    -webkit-transform: rotate(180deg);
    -ms-transform    : rotate(180deg);
    transform        : rotate(180deg);
  }

  .c-lp__faq-question.is-open .c-lp__faq-question-icon:after {
    -webkit-transform: rotate(270deg);
    -ms-transform    : rotate(270deg);
    transform        : rotate(270deg);
    opacity          : 0;
  }

  .c-lp__faq-question-inner {
    padding: 24px;
  }

  .c-lp__faq-question-lead {
    padding    : 0 54px 0 38px;
    position   : relative;
    line-height: 24px;
    font-weight: 700;
    color      : #14212b;
  }

  .c-lp__faq-question-lead:before {
    content    : "Q.";
    position   : absolute;
    top        : 0;
    left       : 0;
    font-size  : 18px;
    font-weight: 700;
    line-height: 32px;
    color      : #0062b2;
  }

  .c-lp__faq-question-icon:before,
  .c-lp__faq-question-icon:after {
    position          : absolute;
    top               : 10px;
    right             : 0;
    width             : 16px;
    height            : 2px;
    margin            : auto 0;
    content           : "";
    -webkit-transition: all 0.12s ease-out 0s;
    -o-transition     : all 0.12s ease-out 0s;
    transition        : all 0.12s ease-out 0s;
    background        : #0062b2;
    border-radius     : 2px;
  }

  .c-lp__faq-question-icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg);
    opacity          : 1;
  }

  .c-lp__faq-answer-inner {
    padding: 0 24px 24px;
  }

  .c-lp__faq-answer-lead {
    padding    : 24px 0 0 38px;
    position   : relative;
    line-height: 28px;
    color      : #14212b;
    border-top : 1px solid rgba(80, 129, 165, 0.15);
  }

  .c-lp__faq-answer-lead:before {
    content    : "A.";
    position   : absolute;
    top        : 24px;
    left       : 0;
    font-size  : 18px;
    font-weight: 700;
    line-height: 32px;
    color      : #bb8e00;
  }

  .c-lp__faq-answer-note {
    margin     : 8px 0 0 38px;
    line-height: 28px;
  }

  .c-lp__faq-answer-sub {
    color: #0062b2;
  }

.pb0 {
    padding-bottom: 0 !important;
  }


  /* chintai-lp-new-sp.css close */

  /*追加分*/
  .s-contact-wrap {
    margin-top    : 2%;
    padding       : 0 2.6%;
    margin-bottom : 0;
    padding-bottom: 32px;
    text-align    : center;
  }

  .m-link-list__wrap {
    margin-bottom: 32px;
  }


  .a-heading {
    font-size    : 20px;
    font-weight  : 400;
    line-height  : 32px;
    margin-top   : 58px;
    margin-bottom: 32px;
    color        : #124a7b;
  }

  .m-info-list__link {
    display           : table;
    width             : 100%;
    height            : 100%;
    background        : #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow        : 0 0 4px 0 rgba(0, 0, 0, 0.15);
  }

  .m-info-list__image-area {
    display: table-cell;
    width  : 104px;
    padding: 8px;
  }

  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }

  .m-info-list__detail {
    display       : table-cell;
    width         : auto;
    padding       : 16px 12px 16px 4px;
    vertical-align: top;
  }

  .m-info-list__detail-title {
    font-weight       : 700;
    color             : #0062b2;
    -webkit-transition: all 0.12s ease-out 0s;
    -o-transition     : all 0.12s ease-out 0s;
    transition        : all 0.12s ease-out 0s;
    border-bottom     : 1px solid transparent;
    display           : inline;
    line-height       : 1.5;
    font-size         : 18px;
  }

  .m-info-list__image-area {
    display: table-cell;
    width  : 104px;
    padding: 8px;
  }

  .m-info-list__link:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
  }

  .m-info-list__detail-text {
    margin-top : 10px;
    font-size  : 11px;
    line-height: 20px;
    color      : #777;
  }

  .m-info-list__item {
    margin: 0 0 8px;
  }

  .s-kashitai-card-ttl {
    font-size    : 18px;
    text-align   : left;
    color        : #3b4043;
    margin-bottom: 5px;
  }

  .s-kashitai-wrapper {
    padding         : 40px 15px 70px !important;
    background-color: #fff !important;
  }

  .s-kashitai-ttl {
    font-size    : 24px;
    color        : #3b4043;
    text-align   : left;
    margin-bottom: 20px;
  }

  .s-kashitai-box {
    padding      : 0 15px;
    display      : flex;
    flex-wrap    : wrap;
    width        : 100%;
    gap          : 30px;
    margin-bottom: 50px;
  }


  .s-kashitai-card-desc {
    font-size  : 14px;
    color      : rgba(20, 33, 43, 0.7);
    font-weight: 500;
  }



  .a-banner--campaign .a-banner__link {
    display  : inline-block;
    width    : auto;
    max-width: 100%;
  }

  .a-banner__image {
    display: block;
    width  : 100%;
  }

  .p-l-top__knowledge-item {
    width: 100%;
  }

  .a-sub-heading {
    font-size    : 16px;
    font-weight  : 700;
    line-height  : 24px;
    margin-top   : 44px;
    margin-bottom: 20px;
  }

  .p-l-top__knowledge-link {
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    width              : 100%;
    height             : 96px;
    border-radius      : 4px;
    background-position: center;
    background-repeat  : no-repeat;
    background-size    : cover;
    -webkit-box-shadow : 0 0 4px 0 rgba(0, 0, 0, .15);
    box-shadow         : 0 0 4px 0 rgba(0, 0, 0, .15);
  }

  .p-l-top__knowledge-text {
    font-size  : 20px;
    color      : #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  }



  .o-content--paint {
    background-color: #fff !important;
  }

  .o-section-head__contact.o-content {
    background-image: -webkit-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: -o-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: linear-gradient(-180deg, #00aae7 0, #00b0ef 38px, #00467d 530px);
    color           : #fff;
  }

  .o-section-head__wrapper {
    position        : relative;
    margin-bottom   : 104px;
    padding-top     : 38px;
    background-color: #fff;

  }

  .o-section-head__contact.o-content .o-section-head {
    background-image: -webkit-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: -o-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: linear-gradient(-180deg, #00aae7 0, #00b0ef 38px, #00467d 530px);
    color           : #fff;
  }

  .o-section-head {
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 120px;
    height          : 120px;
    padding-top     : 24px;
    background-color: #fff;
    border-radius   : 50%;
    font-size       : 13px;
    font-weight     : 700;
    font-family     : Droid Sans, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
    color           : #003d7c;
    text-align      : center;
  }

  .o-section-head:before {
    display    : block;
    width      : 100%;
    margin     : 0 auto 16px;
    font-size  : 32px;
    font-weight: 400;
    text-align : center;
  }

  .o-section-head__contact .m-counselling__title {
    margin     : -24px 0 32px;
    color      : #fff;
    font-size  : 24px;
    line-height: 32px;
    text-align : center;
  }

  .p-l-top__lead {
    text-align: center;
    margin    : 36px 0 24px;
  }

  .m-counselling__list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 0 0 48px;
  }

  .m-counselling__item {
    width     : 100%;
    margin-top: 16px;
  }

  .o-section-head__contact .m-counselling__link {
    background-color  : #fff;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : 100%;
    height            : 56px;
    border-radius     : 4px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    box-shadow        : 0 0 4px 0 rgba(0, 0, 0, .15);
    font-size         : 18px;
  }

  .m-counselling__link .a-link__text {
    font-weight: 700;
  }

  .m-counselling__logo+.a-link__text {
    line-height: 1;
  }

  .m-counselling__logo {
    width       : 44px;
    margin-top  : -0.2em;
    margin-right: 8px;
  }

  .a-link__text {
    -webkit-transition: border-bottom .24s ease-out;
    -o-transition     : border-bottom .24s ease-out;
    transition        : border-bottom .24s ease-out;
    border-bottom     : 1px solid transparent;
  }

  .a-link__text-wrapper {
    color: #0062b2;
  }

  .o-l-note__trend {
    margin: 48px 0 0;
  }

  .o-l-note__trend-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: end;
    -ms-flex-align   : end;
    align-items      : flex-end;
  }

  .o-l-note__trend-logo {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    width            : 83px;
    margin           : 0 8px 0 0;
  }

  .o-l-note__trend-title-text {
    font-size  : 20px;
    font-weight: 400;
    color      : #5081a5;
  }

  .o-l-note__trend-item {
    margin: 32px 0 0;
  }

  .o-l-note__trend-item {
    margin: 32px 0 0;
  }

  .o-l-note__trend-image {
    width        : 100%;
    border-radius: 18px;
  }

  .o-l-note__trend-lead {
    margin     : 8px 0 0;
    line-height: 24px;
    color      : #000;
  }

  .s-kashitai-relocation {
    background-color: #e6eff7;
    margin-top      : 30px;
  }

  .s-kashitai-relocation-wrapper {
    max-width: 760px;
    margin   : 0 auto;
    padding  : 25px 16px 45px;
  }

  .s-kashitai-relocation-ttl {
    font-size    : 20px;
    margin-bottom: 25px;
    color        : #333;
  }

  .s-kashitai-relocation-note {
    font-size  : 14px;
    line-height: 1.6;
  }

  .s-kashitai-relocation-note.-fst {
    font-weight  : 700;
    margin-bottom: 10px;
  }

  .s-kashitai-relocation-note.-sec {
    margin-bottom: 10px;
  }

  .s-kashitai-relocation-box {
    padding         : 5px;
    background-color: #fff;
    margin-top      : 15px;

  }



  .s-kashitai-relocation-card {
    display       : flex;
    flex-direction: column;
    border        : 1px solid #e6eff7;
    align-items   : center;
  }

  .s-kashitai-relocation-card:hover {
   opacity: 0.8;
  }

  .s-kashitai-relocation-card img {
    max-width: 120px;
    height   : auto;
  }

  .s-kashitai-relocation-card-content {
    padding: 15px 5px 15px 10px;
  }

  .s-kashitai-relocation-card-ttl {
    font-size    : 14px;
    font-weight  : 700;
    text-align   : left;
    line-height  : 1.5;
    margin-bottom: 10px;
    color        : #333;
  }

  .s-kashitai-relocation-card-desc {
    font-size  : 12px;
    line-height: 1.4;
    color      : #807e7e;

  }

  .o-footer {
    padding-bottom: 80px !important;
  }

  .s-contact-link,
  .footer-banner {
    display           : flex;
    align-items       : center;
    justify-content   : center;
    width             : 280px;
    height            : 56px;
    margin            : auto;
    font-size         : 18px;
    font-weight       : 700;
    color             : #fff;
    background        : #0062b2;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    box-shadow        : inset 0 -3px 0 rgba(0, 0, 0, .2);
  }

  .footer-banner {
    position        : fixed;
    z-index         : 99;
    bottom          : 0;
    width           : 100%;
    opacity         : 0;
    transition      : opacity 0.25s;
    background-color: #0000007e;
    border-radius   : unset;
    padding         : 12px 0;
    height          : auto;
  }

  .footer-banner.show {
    opacity                 : 1;
    -webkit-animation       : opacity 0.25s ease 0s 1 normal forwards;
    animation               : opacity 0.25s ease 0s 1 normal forwards;
    -webkit-transform-origin: center;
    -ms-transform-origin    : center;
    transform-origin        : center;
  }

  .s-contact-link:hover,
  .footer-banner:hover {
    filter: brightness(120%);
  }

  .c-lp__point-image-area {
    margin-top: 15px;
  }

  .p-l-top__knowledge-text--black {
    color: #333;
  }

  .c-lp__resolution {
    padding   : 92px 0 32px;
    position  : relative;
    background: #e6eff7;
    overflow-x: clip;

  }

  .c-lp__resolution:before,
  .c-lp__resolution:after {
    content : '';
    width   : 0;
    position: absolute
  }

  .c-lp__resolution:before {
    height      : 0;
    top         : 0;
    border-top  : 50px solid #fff;
    border-left : 50vw solid transparent;
    border-right: 50vw solid transparent
  }

  .c-lp__resolution:after {
    bottom      : -49px;
    z-index     : 1;
    border-top  : 50px solid #e6eff7;
    border-left : 50vw solid #124a7b;
    border-right: 50vw solid #124a7b
  }

  .c-lp__resolution-image {
    width : 260px;
    margin: auto
  }

  .s-kashitai-breadcrumb .m-breadcrumbs__text {

    font-size: 11px;
  }
}

/* pc code mix--------------------------------------------------------------------------------------------------------------------------- */


@media screen and (min-width: 769px) {

  @font-face {
    font-family: livable;
    src        : url(/fonts/livable.eot);
    src        :
      url(/fonts/livable.eot#iefix) format("embedded-opentype"),
      url(/fonts/livable.woff) format("woff"),
      url(/fonts/livable.ttf) format("truetype");
  }


  html {
    width    : 100%;
    height   : 100%;
    font-size: 62.5%;
    font-family:
      "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",
      Hiragino Kaku Gothic Pro,
      "繝｡繧､繝ｪ繧ｪ",
      Meiryo,
      sans-serif;
  }

  body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing    : antialiased;
    -moz-osx-font-smoothing   : grayscale;
    font-family               :
      "繝偵Λ繧ｮ繝手ｧ偵ざ Pro",
      Hiragino Kaku Gothic Pro,
      "繝｡繧､繝ｪ繧ｪ",
      Meiryo,
      sans-serif;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    width                : 100%;
    min-height           : 100vh;
    margin               : 0;
    word-wrap            : break-word;
    color                : #000;
    font-size            : 16px;
    font-size            : 1.6rem;
  }

  .o-l-note__trend-link:hover {
   opacity: 0.8;
  }

  .c-lp__resolution {
    padding   : 150px 0 56px;
    position  : relative;
    background: #e6eff7;
    overflow-x: clip;

  }

  .c-lp__resolution:before,
  .c-lp__resolution:after {
    content     : '';
    width       : 0;
    height      : 0;
    position    : absolute;
    border-left : 50vw solid transparent;
    border-right: 50vw solid transparent
  }

  .c-lp__resolution:before {
    top       : 0;
    border-top: 70px solid #fff
  }

  .c-lp__resolution:after {
    bottom    : -70px;
    border-top: 70px solid #e6eff7
  }

  .c-lp__resolution-image {
    width : 862px;
    margin: auto
  }

  .c-lp__resolution-smart {
    width : 903px;
    margin: auto
  }

  .p-l-top__knowledge-text--black {
    color: #333 !important;
  }

  .s-kashitai-relocation-wrapper {
    max-width: 760px;
    margin   : 0 auto;
    padding  : 25px 0 30px;
  }

  .s-kashitai-relocation-ttl {
    margin-bottom: 25px;
    font-size    : 36px;
    color        : #333;
  }

  .s-kashitai-relocation {
    background-color: #e6eff7;
    margin-top      : 30px;

  }

  .s-kashitai-relocation-note {
    font-size  : 14px;
    line-height: 1.6;
  }

  .s-kashitai-relocation-note.-fst {
    font-weight  : 700;
    margin-bottom: 10px;
  }

  .s-kashitai-relocation-note.-sec {
    margin-bottom: 10px;
  }

  .s-kashitai-relocation-box {
    padding         : 5px;
    background-color: #fff;
    margin-top      : 15px;

  }

  .s-kashitai-relocation-card {
    display: flex;
    border : 1px solid #e6eff7;
  }

  .s-kashitai-relocation-card:hover {
    opacity: 0.8;
  }

  .s-kashitai-relocation-card-content {
    padding: 15px 5px 15px 10px;
  }

  .s-kashitai-relocation-card-ttl {
    font-size    : 14px;
    font-weight  : 700;
    text-align   : left;
    line-height  : 1.5;
    margin-bottom: 10px;
    color        : #333;
  }

  .s-kashitai-relocation-card-desc {
    font-size  : 12px;
    line-height: 1.4;
    color      : #807e7e;

  }

  .o-l-note__trend {
    margin : 48px 0 0;
    padding: 0 15px;
  }

  .o-l-note__trend-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: end;
    -ms-flex-align   : end;
    align-items      : flex-end;
  }

  .o-l-note__trend-logo {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    width            : 83px;
    margin           : 0 8px 0 0;
  }

  .o-l-note__trend-title-text {
    font-size  : 20px;
    font-weight: 400;
    color      : #5081a5;
    line-height: 1;
  }

  .o-l-note__trend-list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
  }

  .o-l-note__trend-item {
    width: 352px;
  }

  .o-l-note__trend-item {
    margin: 32px 0 0;
  }

  .o-l-note__trend-image {
    width        : 100%;
    border-radius: 18px;
  }

  .o-l-note__trend-lead {
    margin     : 8px 0 0;
    line-height: 24px;
    color      : #000;
  }

  .m-counselling__link:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
  }

  .m-counselling__link:hover .a-link__text {
    /* text-decoration      : underline;
    text-underline-offset: 10px; */
    transition: all 0.5s ease;

  }

  .a-link__text-wrapper {
    color: #0062b2;
  }

  .a-link__text {
    -webkit-transition: border-bottom .24s ease-out;
    -o-transition     : border-bottom .24s ease-out;
    transition        : border-bottom .24s ease-out;
    border-bottom     : 1px solid transparent;
  }

  .m-counselling__list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 0 0 48px;
  }

  .m-counselling__item {
    width     : 343px;
    margin-top: 0;
  }

  .m-counselling__list {
    width : 1078px;
    margin: 0 auto 64px;
  }

  .o-section-head__contact .m-counselling__link {
    background-color  : #fff;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : 100%;
    height            : 56px;
    border-radius     : 4px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    box-shadow        : 0 0 4px 0 rgba(0, 0, 0, .15);
    font-size         : 18px;
  }

  .m-counselling__link .a-link__text {
    font-weight: 700;
  }

  .m-counselling__logo+.a-link__text {
    line-height: 1;
  }

  .m-counselling__logo {
    width       : 44px;
    margin-top  : -0.2em;
    margin-right: 8px;
  }

  .p-l-top__lead {
    margin-bottom: 40px;
    text-align   : center;
  }

  .o-section-head__contact .m-counselling__title {
    margin-top   : 56px;
    margin-bottom: 50px;
    font-size    : 32px;
    line-height  : 34px;
  }

  .o-section-head__contact .m-counselling__title {
    color: #fff;

  }

  .o-section-head__contact.o-content .o-section-head {
    background-image: -webkit-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: -o-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: linear-gradient(-180deg, #00aae7 0, #00b0ef 38px, #00467d 530px);
    color           : #fff;
  }

  .o-section-head {
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    margin          : auto;
    width           : 120px;
    height          : 120px;
    padding-top     : 24px;
    background-color: #fff;
    border-radius   : 50%;
    font-size       : 13px;
    font-weight     : 700;
    font-family     : Droid Sans, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
    color           : #003d7c;
    text-align      : center;
  }

  .o-section-head:before {
    display    : block;
    width      : 100%;
    margin     : 0 auto 16px;
    font-size  : 40px;
    font-weight: 400;
    text-align : center;
  }

  .o-section-head__wrapper {
    background   : #fff;
    position     : relative;
    padding-top  : 56px;
    margin-bottom: 120px;
  }

  .o-section-head__contact.o-content {
    background-image: -webkit-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: -o-linear-gradient(top, #00aae7 0, #00b0ef 38px, #00467d 530px);
    background-image: linear-gradient(-180deg, #00aae7 0, #00b0ef 38px, #00467d 530px);
    color           : #fff;
  }

  .o-content--paint {
    background-color: #fff !important;
  }

  .p-l-top__knowledge-item+.p-l-top__knowledge-item {
    margin: 0 0 0 24px;
  }

  .a-sub-heading {
    font-size    : 16px;
    font-weight  : 700;
    line-height  : 24px;
    margin-top   : 44px;
    margin-bottom: 20px;
  }

  .p-l-top__knowledge-text {
    font-size  : 20px;
    color      : #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  }

  .p-l-top__knowledge-link {
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    width              : 100%;
    height             : 96px;
    border-radius      : 4px;
    background-position: center;
    background-repeat  : no-repeat;
    background-size    : cover;
    -webkit-box-shadow : 0 0 4px 0 rgba(0, 0, 0, .15);
    box-shadow         : 0 0 4px 0 rgba(0, 0, 0, .15);
  }

  .p-l-top__sub-title {
    text-align: center;
  }

  .p-l-top__knowledge-item {
    width: 274px;
  }

  .p-l-top__knowledge {
    margin-bottom: 48px;
  }

  .p-l-top__knowledge {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    -webkit-box-align: end;
    -ms-flex-align   : end;
    align-items      : flex-end;
    margin           : 0 auto 64px;
  }

  .p-s-top__info-list {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }

  .a-banner__image {
    display: block;
    width  : 100%;
  }

  .a-banner--campaign .a-banner__link.s-banner__link {
    display     : inline-block;
    width       : auto;
    margin-right: auto;
    margin-left : auto;
    max-width   : 430px;
  }



  .mb0 {
    margin-bottom: 0 !important;
  }

  .a-banner--campaign {
    text-align: center;
  }

  .s-kashitai-card-ttl {
    font-size    : 25px;
    text-align   : left;
    color        : #3b4043;
    margin-bottom: 5px;
  }

  .s-kashitai-wrapper {
    padding         : 40px 15px 70px !important;
    background-color: #fff !important;
  }

  .s-kashitai-ttl {
    font-size    : 35px;
    color        : #3b4043;
    text-align   : left;
    margin-bottom: 40px;
  }

  .s-kashitai-box {
    display      : flex;
    width        : 100%;
    gap          : 30px;
    margin-bottom: 100px;
  }

  .s-kashitai-card {
    /* flex: 0 0 100%; */
    max-width: 350px;
    width    : 100%;
  }

  .s-kashitai-card:hover {
    opacity: 0.8;
  }

  .s-kashitai-card-desc {
    font-size  : 15px;
    color      : rgba(20, 33, 43, 0.7);
    font-weight: 500;
  }

  .m-info-list__detail-text {
    color      : #999;
    font-weight: 500;
    line-height: 1.5;
    margin-top : 10px;
    font-size  : 14px;
  }

  .m-info-list__link:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
  }

  .u-display__sponly {
    display: none !important;
  }

  .m-info-list {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
    margin-left  : -16px;
    margin-top   : 32px;
    padding      : 0 15px;
  }

  .m-info-list__item {
    width : calc(50% - 16px);
    margin: 0 0 16px 16px;
  }

  .m-info-list__link {
    display           : table;
    width             : 100%;
    height            : 100%;
    background        : #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow        : 0 0 4px 0 rgba(0, 0, 0, 0.15);
  }

  .m-info-list__image-area {
    width   : 124px;
    padding : 12px;
    overflow: hidden;
  }

  .m-info-list__detail {
    padding: 16px 16px 16px 4px;
  }

  .m-info-list__detail-title {
    font-weight       : 700;
    color             : #0062b2;
    -webkit-transition: all 0.12s ease-out 0s;
    -o-transition     : all 0.12s ease-out 0s;
    transition        : all 0.12s ease-out 0s;
    border-bottom     : 1px solid transparent;
    display           : inline;
    line-height       : 1.5;
    font-size         : 17px;
  }

  .m-info-list__image-area {
    display: table-cell;
    width  : 124px;
    padding: 12px;

    vertical-align: middle;
  }

  .m-info-list__detail {
    display       : table-cell;
    width         : auto;
    padding       : 16px 12px 16px 4px;
    vertical-align: top;
  }

  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }

  .a-heading {
    font-size: 30px;
  }

  .o-content__inner {
    margin: 64px auto 0;
  }

  .p-br__heading {
    margin: 0 0 30px;
  }


  .o-main {
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
  }


  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }


  .c-lp {
    padding  : 0 0 32px;
    min-width: 1120px;
    margin   : 0 auto;
  }

  .c-lp__top-wrap {
    height     : 500px;
    /* margin  : -70px 0 0;.. */
    padding    : 70px 0;
    position   : relative;
  }

  .c-lp__top-bg {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    right   : 0;
    overflow: hidden;
  }

  .c-lp__top-bg-image {
    width            : 100%;
    min-height       : 100%;
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__top {
    width   : 1120px;
    margin  : auto;
    position: relative;
  }

  .c-lp__top-title {
    width : 600px;
    margin: 8px auto 0;
  }

  .c-lp__assessment {
    margin: -120px 0 0;
  }

  .c-lp__assessment--bottom {
    margin: -40px 0 0;
  }

  .c-lp__assessment-inner {
    width             : 1120px;
    margin            : auto;
    padding           : 32px 40px 24px;
    position          : relative;
    background        : #fff;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 98, 178, 0.1);
    box-shadow        : 0 8px 10px 0 rgba(0, 98, 178, 0.1);
    border-radius     : 8px;
  }

  .c-lp__assessment-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
  }

  .c-lp__assessment-title-inner {
    text-align : center;
    font-size  : 28px;
    line-height: 42px;
    color      : #14212b;
  }

  .c-lp__assessment-title-enhance {
    font-size: 36px;
    color    : #124a7b;
  }

  .c-lp__assessment-sub {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    display          : block;
    width            : auto;
    height           : auto;
    margin           : 0 0 0 16px;
    padding          : 10px 16px;
    text-align       : center;
    color            : #fff;
    background       : #bb8e00;
  }

  .c-lp__assessment-sub-enhance {
    display  : inline-block;
    font-size: 18px;
  }

  .c-lp__assessment-lead {
    margin    : 16px 0;
    text-align: center;
  }

  .c-lp__assessment-lead-inner {
    display    : inline-block;
    padding    : 0 28px;
    position   : relative;
    font-size  : 20px;
    line-height: 28px;
  }

  .c-lp__assessment-lead-inner:before,
  .c-lp__assessment-lead-inner:after {
    content            : "";
    width              : 14px;
    height             : 22px;
    position           : absolute;
    top                : 2px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_05.svg);
  }

  .c-lp__assessment-lead-inner:before {
    left: 0;
  }

  .c-lp__assessment-lead-inner:after {
    right            : 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform    : scale(-1, 1);
    transform        : scale(-1, 1);
  }



  .c-lp__trouble {
    margin: 64px 0 48px;
  }

  .c-lp__trouble-inner {
    width : 1120px;
    margin: auto;
  }

  .c-lp__trouble-title {
    width : 652px;
    margin: auto;
  }

  .c-lp__trouble-list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    width           : 996px;
    margin          : 64px auto 0;
  }

  .c-lp__trouble-item {
    width: 300px;
  }

  .c-lp__trouble-item:nth-child(1) .c-lp__trouble-image {
    width: 174px;
  }

  .c-lp__trouble-item:nth-child(2) .c-lp__trouble-image {
    width: 159px;
  }

  .c-lp__trouble-item:nth-child(3) .c-lp__trouble-image {
    width: 162px;
  }

  .c-lp__trouble-lead {
    padding      : 32px 0;
    position     : relative;
    text-align   : center;
    font-size    : 18px;
    line-height  : 32px;
    font-weight  : 700;
    color        : #0062b2;
    background   : #e6eff7;
    border-radius: 8px;
  }

  .c-lp__trouble-lead:before,
  .c-lp__trouble-lead:after {
    content      : "";
    position     : absolute;
    background   : #e6eff7;
    border-radius: 50%;
  }

  .c-lp__trouble-lead:before {
    width : 17px;
    height: 17px;
    bottom: -23px;
    right : 60px;
  }

  .c-lp__trouble-lead:after {
    width : 12px;
    height: 12px;
    bottom: -37px;
    right : 87px;
  }

  .c-lp__trouble-image {
    margin: 36px auto 0;
  }



  .js-sticky-wrapper {
    position: relative;
  }

  /* kashaitai_lp_c05 css open */


  h1,
  h2 {
    margin   : 0;
    font-size: 1em;
  }


  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }

  .o-main {
    -webkit-box-flex : 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
  }






  .c-lp__top-bg {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    right   : 0;
    overflow: hidden;
  }

  .c-lp__top-bg-image {
    width            : 100%;
    min-height       : 100%;
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__top {
    width   : 1120px;
    margin  : auto;
    position: relative;
  }

  .c-lp__top-title {
    width : 600px;
    margin: 8px auto 0;
  }

  .c-lp__assessment {
    margin: -120px 0 0;
  }

  .c-lp__assessment--bottom {
    margin: -40px 0 0;
  }



  .c-lp__assessment-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
  }

  .c-lp__assessment-title-inner {
    text-align : center;
    font-size  : 28px;
    line-height: 42px;
    color      : #14212b;
  }

  .c-lp__assessment-title-enhance {
    font-size: 36px;
    color    : #124a7b;
  }

  .c-lp__assessment-sub {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    display          : block;
    width            : auto;
    height           : auto;
    margin           : 0 0 0 16px;
    padding          : 10px 16px;
    text-align       : center;
    color            : #fff;
    background       : #bb8e00;
  }

  .c-lp__assessment-sub-enhance {
    display  : inline-block;
    font-size: 18px;
  }

  .c-lp__assessment-lead {
    margin    : 16px 0;
    text-align: center;
  }

  .c-lp__assessment-lead-inner {
    display    : inline-block;
    padding    : 0 28px;
    position   : relative;
    font-size  : 20px;
    line-height: 28px;
  }

  .c-lp__assessment-lead-inner:before,
  .c-lp__assessment-lead-inner:after {
    content            : "";
    width              : 14px;
    height             : 22px;
    position           : absolute;
    top                : 2px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_05.svg);
  }

  .c-lp__assessment-lead-inner:before {
    left: 0;
  }

  .c-lp__assessment-lead-inner:after {
    right            : 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform    : scale(-1, 1);
    transform        : scale(-1, 1);
  }


  .c-lp__trouble {
    margin: 64px 0 48px;
  }

  .c-lp__trouble-inner {
    width : 1120px;
    margin: auto;
  }

  .c-lp__trouble-title {
    width : 652px;
    margin: auto;
  }

  .c-lp__trouble-list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    width           : 996px;
    margin          : 64px auto 0;
  }

  .c-lp__trouble-item {
    width: 300px;
  }

  .c-lp__trouble-item:nth-child(1) .c-lp__trouble-image {
    width: 174px;
  }

  .c-lp__trouble-item:nth-child(2) .c-lp__trouble-image {
    width: 159px;
  }

  .c-lp__trouble-item:nth-child(3) .c-lp__trouble-image {
    width: 162px;
  }

  .c-lp__trouble-lead {
    padding      : 32px 0;
    position     : relative;
    text-align   : center;
    font-size    : 18px;
    line-height  : 32px;
    font-weight  : 700;
    color        : #0062b2;
    background   : #e6eff7;
    border-radius: 8px;
  }

  .c-lp__trouble-lead:before,
  .c-lp__trouble-lead:after {
    content      : "";
    position     : absolute;
    background   : #e6eff7;
    border-radius: 50%;
  }

  .c-lp__trouble-lead:before {
    width : 17px;
    height: 17px;
    bottom: -23px;
    right : 60px;
  }

  .c-lp__trouble-lead:after {
    width : 12px;
    height: 12px;
    bottom: -37px;
    right : 87px;
  }

  .c-lp__trouble-image {
    margin: 36px auto 0;
  }



  .js-sticky-wrapper {
    position: relative;
  }

  /* kashaitai_lp_c05 css close */
  /* chintai-lp-new-pc.css open */
  @import "https://fonts.googleapis.com/css?family=Droid+Sans:400,700";


  .a-image {
    display: block;
    width  : 100%;
    height : auto;
  }




  .u-display__sponly-inline {
    display: inline;
  }

  .c-lp-header {
    width   : 1120px;
    height  : 70px;
    margin  : auto;
    position: relative;
    z-index : 1;
  }

  .c-lp-header__logo {
    display: block;
    width  : 156px;
    margin : 32px 0 0 24px;
  }

  .c-lp {
    padding: 0 0 32px;
  }


  .c-lp__top-bg {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    right   : 0;
    overflow: hidden;
  }

  .c-lp__top-bg-image {
    width            : 100%;
    min-height       : 100%;
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__top {
    width   : 1120px;
    margin  : auto;
    position: relative;
  }

  .c-lp__top-title {
    width : 600px;
    margin: 8px auto 0;
  }

  .c-lp__assessment {
    margin: -120px 0 0;
  }

  .c-lp__assessment--bottom {
    margin: -40px 0 0;
  }

  .c-lp__assessment-inner {
    margin            : auto;
    padding           : 32px 40px 24px;
    position          : relative;
    background        : #fff;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 98, 178, 0.1);
    box-shadow        : 0 8px 10px 0 rgba(0, 98, 178, 0.1);
    border-radius     : 8px;
  }

  .c-lp__assessment-title {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
  }

  .c-lp__assessment-title-inner {
    text-align : center;
    font-size  : 28px;
    line-height: 42px;
    color      : #14212b;
  }

  .c-lp__assessment-title-enhance {
    font-size: 36px;
    color    : #124a7b;
  }

  .c-lp__assessment-sub {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    display          : block;
    width            : auto;
    height           : auto;
    margin           : 0 0 0 16px;
    padding          : 10px 16px;
    text-align       : center;
    color            : #fff;
    background       : #bb8e00;
  }

  .c-lp__assessment-sub-enhance {
    display  : inline-block;
    font-size: 18px;
  }

  .c-lp__assessment-lead {
    margin    : 16px 0;
    text-align: center;
  }

  .c-lp__assessment-lead-inner {
    display    : inline-block;
    padding    : 0 28px;
    position   : relative;
    font-size  : 20px;
    line-height: 28px;
  }

  .c-lp__assessment-lead-inner:before,
  .c-lp__assessment-lead-inner:after {
    content            : "";
    width              : 14px;
    height             : 22px;
    position           : absolute;
    top                : 2px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_05.svg);
  }

  .c-lp__assessment-lead-inner:before {
    left: 0;
  }

  .c-lp__assessment-lead-inner:after {
    right            : 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform    : scale(-1, 1);
    transform        : scale(-1, 1);
  }



  .c-lp__trouble {
    margin: 64px 0 48px;
  }

  .c-lp__trouble-inner {
    width : 1120px;
    margin: auto;
  }

  .c-lp__trouble-title {
    width : 652px;
    margin: auto;
  }

  .c-lp__trouble-list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    width           : 996px;
    margin          : 64px auto 0;
  }

  .c-lp__trouble-item {
    width: 300px;
  }

  .c-lp__trouble-item:nth-child(1) .c-lp__trouble-image {
    width: 174px;
  }

  .c-lp__trouble-item:nth-child(2) .c-lp__trouble-image {
    width: 159px;
  }

  .c-lp__trouble-item:nth-child(3) .c-lp__trouble-image {
    width: 162px;
  }

  .c-lp__trouble-lead {
    padding      : 32px 0;
    position     : relative;
    text-align   : center;
    font-size    : 18px;
    line-height  : 32px;
    font-weight  : 700;
    color        : #0062b2;
    background   : #e6eff7;
    border-radius: 8px;
  }

  .c-lp__trouble-lead:before,
  .c-lp__trouble-lead:after {
    content      : "";
    position     : absolute;
    background   : #e6eff7;
    border-radius: 50%;
  }

  .c-lp__trouble-lead:before {
    width : 17px;
    height: 17px;
    bottom: -23px;
    right : 60px;
  }

  .c-lp__trouble-lead:after {
    width : 12px;
    height: 12px;
    bottom: -37px;
    right : 87px;
  }

  .c-lp__trouble-image {
    margin: 36px auto 0;
  }



  .c-lp__point {
    padding   : 200px 0 120px;
    background: #124a7b;
  }

  .c-lp__point--tree {
    padding   : 120px 0;
    background: #fff;
  }

  .c-lp__point--tree .c-lp__point-image {
    width: 416px;
  }

  .c-lp__point--tree .c-lp__point-title {
    color: #14212b;
  }

  .c-lp__point--tree .c-lp__point-lead {
    color: rgba(20, 33, 43, 0.7);
  }

  .c-lp__point--tree .c-lp__achievement-note {
    color: #14212b;
  }

  .c-lp__point-inner {
    width     : 100%;
    max-width : 1140px;
    margin    : auto;
    background: #124a7b;
    padding   : 0 24px;
  }

  .c-lp__point-image {
    width : 523px;
    margin: auto;
  }

  .c-lp__point-line {
    margin: 80px 0 0;
  }

  .c-lp__point-content {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -webkit-box-align: end;
    -ms-flex-align   : end;
    align-items      : flex-end;
    margin           : 80px 0 0;
  }

  .c-lp__point-content:nth-child(odd) {
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : row-reverse;
    flex-direction       : row-reverse;
  }

  .c-lp__point-content:nth-child(odd) .c-lp__point-image-area {
    margin: 0 64px 0 0;
  }

  .c-lp__point-image-area {
    -ms-flex-negative: 0;
    flex-shrink      : 0;
    width            : 400px;
    margin           : 0 0 0 64px;
  }

  .c-lp__point-image-area .c-lp__achievement {
    margin: 4px 0 0;
  }

  .c-lp__point-image-item {
    margin: 16px 0 0;
  }

  .c-lp__point-image-item--border {
    border       : 1px solid #d9d9d9;
    border-radius: 8px;
  }

  .c-lp__point-num {
    width              : 104px;
    height             : 94px;
    padding            : 0 42px 22px 0;
    background-repeat  : no-repeat;
    background-position: bottom right;
    background-size    : 52px 52px;
    background-image   : url(/assets/materials/line_02.svg);
  }

  .c-lp__point-title {
    margin     : 32px 0 0;
    font-size  : 45px;
    line-height: 70px;
    color      : #fff;
    text-align : left;
  }

  .c-lp__point-lead {
    margin     : 16px 0 0;
    font-size  : 23px;
    line-height: 43px;
    color      : #fff;
  }

  .c-lp__achievement {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 48px 0 0;
  }

  .c-lp__achievement-item {
    width: 187px;
  }

  .c-lp__achievement-note {
    margin     : 4px 0 0;
    text-align : center;
    font-size  : 12px;
    line-height: 16px;
    color      : #fff;
  }

  .c-lp__achievement-image {
    width : 187px;
    margin: auto;
  }

  .c-lp__plan {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
  }

  .c-lp__plan-item {
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -ms-flex-wrap     : wrap;
    flex-wrap         : wrap;
    -ms-flex-line-pack: center;
    align-content     : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : 196px;
    height            : 196px;
    margin            : 8px 0 0;
    text-align        : center;
    background        : #fff;
    border-radius     : 8px;
  }

  .c-lp__plan-item:hover {
    opacity: 0.8;
  }

  .c-lp__plan-item:nth-child(1) {
    color : #36ab30;
    border: 4px solid #36ab30;
  }

  .c-lp__plan-item:nth-child(2) {
    color : #6762ac;
    border: 4px solid #6762ac;
  }

  .c-lp__plan-item:nth-child(3) {
    color : #df6062;
    border: 4px solid #df6062;
  }

  .c-lp__plan-item:nth-child(4) {
    color : #52bde9;
    border: 4px solid #52bde9;
  }

  .c-lp__plan-image {
    width: 50px;
  }

  .c-lp__plan-text {
    width      : 100%;
    margin     : 16px 0 0;
    font-size  : 20px;
    line-height: 36px;
    font-weight: 700;
  }

  .c-lp__plan-button {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    width            : 404px;
    height           : 76px;
    margin           : 32px 0 0;
    padding          : 0 64px;
    background       : #fff;
    border-radius    : 4px;
  }

  .c-lp__plan-button:hover {
    opacity: 0.7;
  }

  .c-lp__plan-button-text {
    font-size  : 20px;
    font-weight: 700;
    color      : #124a7b;
  }

  .c-lp__plan-button-icon {
    width              : 10px;
    height             : 20px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(/assets/materials/icon_10.svg);
  }

  .c-lp__voice {
    margin: 120px 0;
  }

  .c-lp__voice--blue {
    margin    : 0;
    padding   : 120px 0;
    background: #e6eff7;
  }

  .c-lp__voice--blue .c-lp__voice-balloon {
    -webkit-box-shadow: -10px 10px 0 0 #79acd6;
    box-shadow        : -10px 10px 0 0 #79acd6;
  }

  .c-lp__voice--blue .c-lp__voice-item:nth-last-child(odd) .c-lp__voice-balloon {
    -webkit-box-shadow: 10px 10px 0 0 #79acd6;
    box-shadow        : 10px 10px 0 0 #79acd6;
  }

  .c-lp__voice-inner {
    width  : 1100px;
    margin : auto;
    padding: 0 15px;
  }

  .c-lp__voice-head {
    width : 772px;
    margin: auto;
  }

  .c-lp__voice-list {
    margin: 64px 0 0;
  }

  .c-lp__voice-item {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin           : 48px 0 0;
  }

  .c-lp__voice-item:nth-last-child(odd) {
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : row-reverse;
    flex-direction       : row-reverse;
  }

  .c-lp__voice-item:nth-last-child(odd) .c-lp__voice-balloon {
    margin            : 0 0 0 20px;
    border-radius     : 32px 32px 32px 0;
    -webkit-box-shadow: 10px 10px 0 0 #e6eff7;
    box-shadow        : 10px 10px 0 0 #e6eff7;
  }

  .c-lp__voice-balloon {
    width             : 764px;
    margin            : 0 20px 0 0;
    padding           : 32px;
    background        : #fff;
    border            : 3px solid #0062b2;
    border-radius     : 32px 32px 0;
    -webkit-box-shadow: -10px 10px 0 0 #e6eff7;
    box-shadow        : -10px 10px 0 0 #e6eff7;
  }

  .c-lp__voice-title {
    font-size  : 24px;
    line-height: 38px;
    color      : #0062b2;
  }

  .c-lp__voice-lead {
    margin     : 16px 0 0;
    font-size  : 18px;
    line-height: 32px;
    color      : #14212b;
  }

  .c-lp__voice-note {
    margin     : 8px 0 0;
    font-size  : 14px;
    line-height: 25px;
    color      : rgba(20, 33, 43, 0.7);
  }

  .c-lp__voice-client {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin           : 26px 0 0;
  }

  .c-lp__voice-image {
    width : 60px;
    margin: 0 16px 0 0;
  }

  .c-lp__voice-detail {
    font-size  : 14px;
    line-height: 25px;
    color      : #14212b;
  }

  .c-lp__step {
    padding   : 120px 15px 10px;
    background: #124a7b;
  }

  .c-lp__step-inner {
    width    : 100%;
    max-width: 1120px;
    margin   : auto;
  }

  .c-lp__step-head {
    width : 655px;
    margin: auto;
  }

  .c-lp__step-list {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 100px 0 0;
  }

  .c-lp__step-item {
    width        : 261px;
    padding      : 64px 24px 56px;
    position     : relative;
    color        : #14212b;
    background   : #fff;
    border-radius: 8px;
  }

  .c-lp__step-num {
    width            : 68px;
    position         : absolute;
    top              : -35px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .c-lp__step-title {
    text-align : center;
    font-size  : 20px;
    line-height: 36px;
  }

  .c-lp__step-image {
    width : 70px;
    margin: 32px auto 0;
  }

  .c-lp__step-lead {
    margin     : 32px 0 0;
    font-size  : 18px;
    line-height: 32px;
  }

  .c-lp__faq {
    margin: 120px 0;
  }

  .c-lp__faq-inner {
    width  : 1120px;
    margin : auto;
    padding: 0 15px;
  }

  .c-lp__faq-head {
    width : 298px;
    margin: 0 auto 64px;
  }

  .c-lp__faq-box {
    margin            : 32px 0 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(30, 48, 61, 0.1);
    box-shadow        : 0 4px 12px 0 rgba(30, 48, 61, 0.1);
    border-radius     : 8px;
  }

  .c-lp__faq-question.is-open .c-lp__faq-question-icon:before {
    -webkit-transform: rotate(180deg);
    -ms-transform    : rotate(180deg);
    transform        : rotate(180deg);
  }

  .c-lp__faq-question.is-open .c-lp__faq-question-icon:after {
    -webkit-transform: rotate(270deg);
    -ms-transform    : rotate(270deg);
    transform        : rotate(270deg);
    opacity          : 0;
  }

  .c-lp__faq-question-inner {
    padding: 32px;
  }

  .c-lp__faq-question-lead {
    padding    : 0 54px 0 38px;
    position   : relative;
    font-size  : 18px;
    line-height: 32px;
    font-weight: 700;
    color      : #14212b;
  }

  .c-lp__faq-question-lead:before {
    content    : "Q.";
    position   : absolute;
    top        : 0;
    left       : 0;
    font-size  : 18px;
    font-weight: 700;
    line-height: 32px;
    color      : #0062b2;
  }

  .c-lp__faq-question-icon:before,
  .c-lp__faq-question-icon:after {
    position          : absolute;
    top               : 10px;
    right             : 0;
    width             : 16px;
    height            : 2px;
    margin            : auto 0;
    content           : "";
    -webkit-transition: all 0.12s ease-out 0s;
    -o-transition     : all 0.12s ease-out 0s;
    transition        : all 0.12s ease-out 0s;
    background        : #0062b2;
    border-radius     : 2px;
  }

  .c-lp__faq-question-icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg);
    opacity          : 1;
  }

  .c-lp__faq-answer-inner {
    padding: 0 32px 32px;
  }

  .c-lp__faq-answer-lead {
    padding    : 32px 0 0 38px;
    position   : relative;
    font-size  : 18px;
    line-height: 32px;
    color      : #14212b;
    border-top : 1px solid rgba(80, 129, 165, 0.15);
  }

  .c-lp__faq-answer-lead:before {
    content    : "A.";
    position   : absolute;
    top        : 32px;
    left       : 0;
    font-size  : 18px;
    font-weight: 700;
    line-height: 32px;
    color      : #bb8e00;
  }

  .c-lp__faq-answer-note {
    margin     : 8px 0 0 38px;
    line-height: 28px;
  }

  .c-lp__faq-answer-sub {
    color: #0062b2;
  }




  .o-content {
    position  : relative;
    display   : block;
    background: #f6f6f6;
    overflow  : hidden;
  }

  a {
    outline        : none;
    color          : #000;
    text-decoration: none;
  }


  img {
    vertical-align: top;
  }


  h2,
  h3 {
    text-align: center;
  }


  .alpha img {
    -webkit-transition: all 0.12s ease-out 0s;
    -o-transition     : all 0.12s ease-out 0s;
    transition        : all 0.12s ease-out 0s;
  }

  .alpha img:hover {
    opacity: 0.8;
  }


  /*追加分*/
  .s-contact-wrap {
    text-align   : center;
    margin-bottom: 55px;
  }

  .o-footer {
    padding-bottom: 80px !important;
  }

  .s-contact-link,
  .footer-banner {
    display           : flex;
    align-items       : center;
    justify-content   : center;
    width             : 560px;
    height            : 56px;
    margin            : auto;
    font-size         : 18px;
    font-weight       : 700;
    color             : #fff;
    background        : #0062b2;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    box-shadow        : inset 0 -3px 0 rgba(0, 0, 0, .2);
  }

  .footer-banner {
    position        : fixed;
    z-index         : 99;
    bottom          : 0;
    width           : 100%;
    opacity         : 0;
    transition      : opacity 0.25s;
    background-color: #0000007e;
    border-radius   : unset;
    padding         : 12px 0;
    height          : auto;
  }

  .footer-banner.show {
    opacity                 : 1;
    -webkit-animation       : opacity 0.25s ease 0s 1 normal forwards;
    animation               : opacity 0.25s ease 0s 1 normal forwards;
    -webkit-transform-origin: center;
    -ms-transform-origin    : center;
    transform-origin        : center;
  }

  .s-contact-link:hover,
  .footer-banner:hover {
    filter: brightness(120%);
  }

  .s-contac-image {
    max-width: 100%;
    height   : auto;
  }

  a {
    outline        : none;
    color          : #000;
    text-decoration: none;
  }


  img {
    vertical-align: top;
  }

  .alpha img {
    transition: all 0.12s ease-out 0s;
  }

  .alpha img:hover {
    opacity: 0.8;
  }

  .pb0 {
    padding-bottom: 0 !important;
  }
}

@media print,
screen and (min-width: 769px) {
  .p-br__heading {
    margin: 0 0 30px;
  }

  .u-display__sponly {
    display: none !important;
  }

  .o-content {
    overflow-x: hidden;
    min-width : 1120px;
  }

  .o-content__inner {
    width  : 1120px;
    padding: 0;

  }
}