/*--------------------------------------------------------------
# Function
--------------------------------------------------------------*/
@-webkit-keyframes bghover {
  0% {
    background-size: cover; }
  100% {
    background-size: 150%; } }

@keyframes bghover {
  0% {
    background-size: cover; }
  100% {
    background-size: 150%; } }

@-webkit-keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.site-header {
  display: none !important; }

#sp-footer-menu {
  display: none !important; }

#side-btn {
  display: none !important; }

#lp-kengaku20 {
  text-align: center; }
  #lp-kengaku20 .header-kengaku20 {
    background-image: url(../img/lp-kengaku20/header-bg02.png), url(../img/lp-kengaku20/header-bg01.png);
    background-position: center top, left top;
    background-repeat: no-repeat, repeat-x;
    background-size: 100%, contain; }
    #lp-kengaku20 .header-kengaku20 .header-wrap {
      background-image: url(../img/lp-kengaku20/header-img.png);
      background-position: center bottom;
      background-repeat: no-repeat; }
    #lp-kengaku20 .header-kengaku20 .header-content {
      width: 1140px;
      max-width: 100%;
      margin: 0 auto;
      padding: 20px 0 200px 0; }
    #lp-kengaku20 .header-kengaku20 .header-txt {
      background: url(../img/lp-kengaku20/header-txt-bg.png) center center no-repeat;
      background-size: 100% 100%;
      margin-top: -80px;
      padding: 40px 0;
      position: relative;
      z-index: 1; }
      #lp-kengaku20 .header-kengaku20 .header-txt img {
        max-width: 90%; }
    #lp-kengaku20 .header-kengaku20 .header-btn02 a {
      display: block;
      background: #011687;
      padding: 25px 0; }
      #lp-kengaku20 .header-kengaku20 .header-btn02 a img {
        width: 200px; }
    @media screen and (max-width: 767px) {
      #lp-kengaku20 .header-kengaku20 .header-wrap {
        background-image: url(../img/lp-kengaku20/header-img-sp.png);
        background-size: contain; }
      #lp-kengaku20 .header-kengaku20 .header-content {
        padding: 40px 0 80px 0; }
        #lp-kengaku20 .header-kengaku20 .header-content .header-btn {
          display: none; }
      #lp-kengaku20 .header-kengaku20 .header-txt {
        background-image: url(../img/lp-kengaku20/header-txt-bg-sp.png);
        background-position: center top;
        background-size: 100%;
        margin-top: -20px;
        padding: 25px 0 10px 0; }
        #lp-kengaku20 .header-kengaku20 .header-txt img {
          max-width: 84%; } }
  #lp-kengaku20 .sec-kengaku20 {
    background-color: #61cdff;
    background-image: url(../img/lp-kengaku20/bg-white.png);
    background-repeat: repeat;
    padding: 40px 0; }
    #lp-kengaku20 .sec-kengaku20 .sec-header {
      width: 980px;
      max-width: 100%;
      margin: 0 auto;
      max-width: 90%;
      padding: 40px 0; }
    #lp-kengaku20 .sec-kengaku20 .sec-content {
      width: 1140px;
      max-width: 100%;
      margin: 0 auto;
      max-width: 90%; }
    @media screen and (max-width: 767px) {
      #lp-kengaku20 .sec-kengaku20 .sec-header {
        padding: 40px 0; }
      #lp-kengaku20 .sec-kengaku20 .sec-btn img {
        width: 260px; } }
  #lp-kengaku20 .sec01 {
    padding: 80px 0 0 0;
    margin-top: -30px; }
    #lp-kengaku20 .sec01 .sec-content {
      max-width: 100%; }
    #lp-kengaku20 .sec01 .sec-btn {
      position: relative;
      bottom: -80px; }
    @media screen and (max-width: 767px) {
      #lp-kengaku20 .sec01 {
        padding: 40px 0 0 0;
        margin-top: 0; }
        #lp-kengaku20 .sec01 .sec-btn {
          bottom: -40px; } }
  #lp-kengaku20 .sec02 {
    background-color: #bfebff; }
    #lp-kengaku20 .sec02 .sec-content {
      position: relative; }
      #lp-kengaku20 .sec02 .sec-content .sec02-imglist {
        width: 980px;
        max-width: 100%;
        margin: 0 auto;
        max-width: 90%; }
        #lp-kengaku20 .sec02 .sec-content .sec02-imglist .img-item {
          margin: 0 auto 20px auto; }
      #lp-kengaku20 .sec02 .sec-content .sec02-illust {
        position: absolute;
        right: 0;
        bottom: -15px; }
        #lp-kengaku20 .sec02 .sec-content .sec02-illust img {
          width: 100px; }
    #lp-kengaku20 .sec02 .sec-btn {
      margin: 40px auto 0 auto; }
    @media screen and (min-width: 768px) {
      #lp-kengaku20 .sec02 {
        padding-top: 100px; }
        #lp-kengaku20 .sec02 .sec-content .sec02-imglist {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          flex-wrap: wrap; }
          #lp-kengaku20 .sec02 .sec-content .sec02-imglist .img-item {
            width: 48%; }
        #lp-kengaku20 .sec02 .sec-content .sec02-illust img {
          width: 200px; } }
  #lp-kengaku20 .sec03 {
    background-color: #fff;
    background-image: url(../img/lp-kengaku20/bg-color.png); }
    #lp-kengaku20 .sec03 .sec03-wrap {
      background: url(../img/lp-kengaku20/sec03-bg-sp.png) center top no-repeat; }
    #lp-kengaku20 .sec03 .sec-header {
      position: relative;
      z-index: 2; }
    #lp-kengaku20 .sec03 .sec-content {
      position: relative;
      z-index: 1;
      border: 4px solid #000074;
      background: #fff;
      padding: 50px 20px 20px 20px;
      margin: -80px auto 0 auto; }
      #lp-kengaku20 .sec03 .sec-content .sec03-txt {
        max-width: 90%;
        margin: 0 auto 30px auto; }
      #lp-kengaku20 .sec03 .sec-content .sec03-imglist .img-item {
        margin: 1%; }
    #lp-kengaku20 .sec03 .sec-btn {
      margin: 40px auto 0 auto; }
    @media screen and (min-width: 768px) {
      #lp-kengaku20 .sec03 .sec03-wrap {
        background: url(../img/lp-kengaku20/sec03-bg.png) center top no-repeat; }
      #lp-kengaku20 .sec03 .sec-content {
        padding: 100px 60px 60px 60px;
        margin: -100px auto 0 auto; }
        #lp-kengaku20 .sec03 .sec-content .sec03-imglist {
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          flex-wrap: wrap; }
          #lp-kengaku20 .sec03 .sec-content .sec03-imglist .img-item {
            width: 48%; } }
  #lp-kengaku20 .sec04 {
    background-color: #fef2cc;
    background-image: url(../img/lp-kengaku20/bg-color.png); }
    #lp-kengaku20 .sec04 .sec-content {
      margin-top: -60px; }
      #lp-kengaku20 .sec04 .sec-content .sec04-imglist .img-item {
        margin: 0 auto 20px auto; }
    @media screen and (min-width: 768px) {
      #lp-kengaku20 .sec04 .sec04-wrap {
        background: url(../img/lp-kengaku20/sec04-bg.png) center top no-repeat; }
      #lp-kengaku20 .sec04 .sec-content {
        margin-top: -60px; }
        #lp-kengaku20 .sec04 .sec-content .sec04-imglist .img-item {
          margin: 0 auto 40px auto; } }
  #lp-kengaku20 .sec05 {
    position: relative; }
    #lp-kengaku20 .sec05 .sec05-bg {
      position: absolute;
      width: 100%;
      height: 45%;
      background: #ecece2;
      left: 0;
      right: 0;
      top: 30%;
      margin: auto 0; }
    #lp-kengaku20 .sec05 .sec-content .sec05-imglist .img-item {
      margin: 0 auto 20px auto; }
    #lp-kengaku20 .sec05 .sec-btn {
      margin: 40px auto 0 auto; }
    @media screen and (min-width: 768px) {
      #lp-kengaku20 .sec05 .sec05-bg {
        top: 33%; } }
  #lp-kengaku20 .sec06 {
    background-color: #bfebff; }
    #lp-kengaku20 .sec06 .sec-header {
      padding: 0 0 20px 0; }
  #lp-kengaku20 .sec07 .sec-content {
    max-width: 100%; }
  #lp-kengaku20 .sec-modelhouse {
    background: #fff; }
    #lp-kengaku20 .sec-modelhouse .sec-modelhouse-wrap {
      background: url(../img/lp-kengaku20/sec10-bg-sp.png) center top no-repeat;
      background-size: contain; }
    #lp-kengaku20 .sec-modelhouse .sec-content {
      padding-top: 40px; }
      #lp-kengaku20 .sec-modelhouse .sec-content .area-header {
        margin: 0 auto 40px auto; }
        #lp-kengaku20 .sec-modelhouse .sec-content .area-header .area-title {
          font-size: 1.6rem;
          padding: 0 0 0.5rem 0;
          border-bottom: solid 4px #011374;
          margin: 0;
          line-height: 1.2; }
      #lp-kengaku20 .sec-modelhouse .sec-content .erea-content {
        margin-bottom: 20px; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-content {
          border-top: 5px solid #006b41; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-period {
          font-size: 12px; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-brand {
          margin: 0 auto 5px auto;
          color: #006b41; }
          #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-brand .item-semiorder, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-brand .item-fullorder, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-brand .item-zeh {
            display: none; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-ttl {
          line-height: 1.1;
          font-size: 1rem; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-txt {
          text-align: center;
          margin: 0 auto 10px auto; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-url, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-contact, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-tel, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-mail {
          display: none; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-btn {
          padding: 10px;
          background: #006b41;
          border-radius: 50rem;
          color: #fff;
          cursor: pointer; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-basic .list-case-content, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-noir .list-case-content, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-latte .list-case-content {
          border-color: #231815; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-basic .list-case-brand, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-noir .list-case-brand, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-latte .list-case-brand {
          color: #231815; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-basic .list-case-btn, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-noir .list-case-btn, #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-kulasic-home-latte .list-case-btn {
          background: #231815; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-yutori-class .list-case-content {
          border-color: #4a3418; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-yutori-class .list-case-brand {
          color: #4a3418; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-yutori-class .list-case-btn {
          background: #4a3418; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-selectino .list-case-content {
          border-color: #54c2f0; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-selectino .list-case-brand {
          color: #54c2f0; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-selectino .list-case-btn {
          background: #54c2f0; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-mookhouse .list-case-content {
          border-color: #006335; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-mookhouse .list-case-brand {
          color: #006335; }
        #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item.item-mookhouse .list-case-btn {
          background: #006335; }
    @media screen and (max-width: 767px) {
      #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-period {
        font-size: 10px; }
      #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-img {
        height: 95px; }
      #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-brand {
        font-size: 12px; }
      #lp-kengaku20 .sec-modelhouse .sec-content .erea-content .list-case .list-case-item .list-case-ttl {
        min-height: 5rem; } }
    @media screen and (min-width: 768px) {
      #lp-kengaku20 .sec-modelhouse .sec-modelhouse-wrap {
        background: url(../img/lp-kengaku20/sec10-bg.png) center top no-repeat;
        background-size: auto; }
      #lp-kengaku20 .sec-modelhouse .sec-content .area-header .area-title {
        font-size: 2rem; }
      #lp-kengaku20 .sec-modelhouse .list-case .list-case-item .list-case-img {
        height: 145px; }
      #lp-kengaku20 .sec-modelhouse .list-case .list-case-item .list-case-ttl {
        min-height: 4rem; } }
  #lp-kengaku20 .sec-form {
    background: #fff; }
    #lp-kengaku20 .sec-form .sec-content .notice {
      background: #f1f1f1;
      padding: 10px;
      text-align: justify;
      font-size: 14px; }