@charset "UTF-8";
/* # Frame
================================ */
@media (min-width: 766px) {
  .sp {
    display: none !important;
  }
  .cont-wrap {
    width: 1000px;
    margin: 40px auto 0;
  }
  .cont-wrap-s {
    width: 800px;
    margin: 40px auto 100px;
  }
  .cont1000 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .line-box {
    border: solid 2px #000;
    padding: 30px;
    width: 1000px;
    margin: 40px auto 30px;
  }
  .tit-en-osw {
    display: none;
  }
  h1.cont-tit {
    margin-top: 60px;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    color: #000;
    padding: 20px 0 40px;
    position: relative;
    letter-spacing: 1px;
  }
  h1.cont-tit:after {
    display: inline-block;
    content: "";
    width: 65px;
    height: 6px;
    background: #ccc;
    position: absolute;
    top: -5px;
    right: calc(50% - 33px);
  }
  h1.cont-tit.wt-img {
    margin-top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
  }
  h1.cont-tit.wt-img:after {
    background: #fff;
    position: absolute;
    top: calc(50% - 57px);
    right: calc(50% - 33px);
  }
  .og-btn {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 19px;
    width: 182px;
    height: 35px;
    padding-top: 10px;
    text-align: center;
    line-height: 1;
  }
  header#top {
    margin-top: -68px;
    padding-top: 68px;
  }
  #hd-logo {
    display: flex;
    align-items: center;
    width: 1200px;
    height: 128px;
    margin-left: auto;
    margin-right: auto;
  }
  #hd-logo h1 {
    padding: 0 0 0 20px;
  }
  #hd-logo h1 img {
    width: 330px;
    height: auto;
  }
  .hd-txt {
    width: 300px;
  }
  .hd-txt h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
  }
  .hd-txt p {
    color: #555;
    font-size: 12px;
    line-height: 1.41;
  }
  .hd-btn-box {
    display: flex;
    position: absolute;
    top: 30px;
    right: calc((100% - 1150px) / 2);
    margin-left: 380px;
    padding-right: 300px;
  }
}
@media screen and (min-width: 766px) and (min-width: 765px) and (max-width: 1000px) {
  .hd-btn-box {
    right: auto;
    left: 380px;
  }
}
@media (min-width: 766px) {
  .hd-btn-box li a {
    width: 240px;
    height: 48px;
  }
  .hd-btn-box li.hd-tel {
    position: absolute;
    top: -9px;
    right: 0;
  }
  .btn-set li a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  .btn-set li.hd-rsv a {
    width: 150px;
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #f39800;
    border-bottom: 4px solid #b16f00;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .btn-set li.hd-rsv a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #b16f00;
    text-decoration: none;
  }
  .btn-set li.hd-rsv a:after {
    content: url(../image/base/pct-cal.png);
    margin-left: 10px;
  }
  .btn-set li.hd-cnt a {
    width: 150px;
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #009944;
    border-bottom: 4px solid #007032;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.35;
    text-align: center;
  }
  .btn-set li.hd-cnt a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #007032;
    text-decoration: none;
  }
  .btn-set li.hd-cnt a:after {
    content: url(../image/base/pct-mail.png);
    margin-left: 10px;
  }
  .btn-set li.hd-cat a {
    width: 150px;
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #007aaa;
    border-bottom: 4px solid #05516f;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .btn-set li.hd-cat a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #05516f;
    text-decoration: none;
  }
  .btn-set li.hd-cat a:after {
    content: url(../image/base/pct-cat.png);
    margin-left: 10px;
  }
  .btn-set li.hd-tel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .btn-set li.hd-tel span, .btn-set li.hd-tel a {
    color: #f39800;
  }
  .btn-set li.hd-tel span.free-d, .btn-set li.hd-tel a.free-d {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-feature-settings: "palt";
    font-weight: 900;
    letter-spacing: 0;
    width: 300px;
  }
  .btn-set li.hd-tel span.free-d::before, .btn-set li.hd-tel a.free-d::before {
    content: url(../image/base/pct-tel.png);
    display: inline-block;
    margin-right: 8px;
  }
  .btn-set li.hd-tel span.notes, .btn-set li.hd-tel a.notes {
    font-size: 15px;
    padding-top: 5px;
  }
  .btn-set .icn {
    display: flex;
    align-items: center;
  }
  .btn-set .icn a {
    display: block;
    background-size: auto 30px;
    width: 30px;
    height: 30px;
  }
  .btn-set .icn span {
    display: none;
  }
  .hd-btn-box.btn-set {
    margin-left: auto;
  }
  .inq-set {
    background: url(../image/base/inq-illu.png) no-repeat calc(50% - 280px) calc(50% + 50px) #c8e5fb;
    padding: 30px 0;
    border-top: dashed 2px #009944;
    border-bottom: dashed 2px #009944;
  }
  .inq-set h2 {
    padding-bottom: 30px;
  }
  .inq-set .btn-set {
    margin-left: 48%;
    padding-top: 10px;
  }
  .inq-set .btn-set li {
    margin-bottom: 20px;
  }
  .inq-set .btn-set li.hd-rsv a {
    width: 400px;
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #f39800;
    border-bottom: 4px solid #b16f00;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  .inq-set .btn-set li.hd-rsv a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #b16f00;
    text-decoration: none;
  }
  .inq-set .btn-set li.hd-rsv a:after {
    content: url(../image/base/pct-cal-l.png);
    margin-left: 10px;
  }
  .inq-set .btn-set li.hd-cnt a {
    width: 400px;
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #009944;
    border-bottom: 4px solid #007032;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  .inq-set .btn-set li.hd-cnt a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #007032;
    text-decoration: none;
  }
  .inq-set .btn-set li.hd-cnt a:after {
    content: url(../image/base/pct-mail-l.png);
    margin-left: 10px;
  }
  .inq-set .btn-set li.hd-cat a {
    width: 400px;
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #007aaa;
    border-bottom: 4px solid #05516f;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  .inq-set .btn-set li.hd-cat a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #05516f;
    text-decoration: none;
  }
  .inq-set .btn-set li.hd-cat a:after {
    content: url(../image/base/pct-cat-l.png);
    margin-left: 10px;
  }
  .inq-set .btn-set li.hd-tel {
    width: 400px;
    margin-left: 0x;
    margin-bottom: 30px;
  }
  .inq-set .btn-set li.hd-tel span, .inq-set .btn-set li.hd-tel a {
    color: #f39800;
  }
  .inq-set .btn-set li.hd-tel span.free-d, .inq-set .btn-set li.hd-tel a.free-d {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 40px;
  }
  .inq-set .btn-set li.hd-tel span.free-d::before, .inq-set .btn-set li.hd-tel a.free-d::before {
    content: url(../image/base/pct-tel-l.png);
    margin-right: 12px;
  }
  .inq-set .btn-set li.hd-tel span.notes, .inq-set .btn-set li.hd-tel a.notes {
    font-size: 18px;
  }
  .hd-fb a {
    background: url(../image/base/icn-fb.png) no-repeat;
  }
  .hd-insta a {
    background: url(../image/base/icn-insta.png) no-repeat;
  }
  .hd-line a {
    background: url(../image/base/icn-line.png) no-repeat;
  }
  .navbar {
    margin-bottom: 0;
    transition: all 0.2s ease-out;
    min-height: 50px;
    border: 1px solid transparent;
  }
  .navbar-container {
    min-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 auto;
  }
  .ham-wrap {
    padding-right: 15px;
    position: relative;
  }
  .navbar-fixed-top {
    width: 100%;
  }
  #top-nav-btn {
    display: none;
  }
  .hamburger {
    display: none;
    border: solid 1px #000;
    color: #000;
    padding: 3px 12px 1px;
    font-size: 11px;
    background: #fff;
    z-index: 3000;
    position: fixed;
    right: 15px;
    top: 22px;
  }
  .hamburger .line {
    width: 28px;
    height: 4px;
    background-color: #000;
    display: block;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .hamburger:hover {
    cursor: pointer;
  }
  #hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
  }
  #hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(11px) rotate(45deg);
    -ms-transform: translateY(11px) rotate(45deg);
    -o-transform: translateY(11px) rotate(45deg);
    transform: translateY(11px) rotate(45deg);
  }
  #hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(-45deg);
    -ms-transform: translateY(-11px) rotate(-45deg);
    -o-transform: translateY(-11px) rotate(-45deg);
    transform: translateY(-11px) rotate(-45deg);
  }
  #hamburger-1 .line:nth-child(1) {
    margin-top: 3px;
  }
  #nav-wrap {
    background-color: #f39800;
    height: 68px;
    width: 100%;
    animation: no-scrl 0.8s ease-out;
  }
  #nav-wrap.scrl {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    animation: scrl 0.4s ease-in-out;
  }
  #main-navbar {
    width: 100%;
    min-width: 1200px;
  }
  #pc-nav {
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #pc-nav li {
    position: relative;
    height: 100%;
  }
  #pc-nav li:nth-child(1) a {
    border-left: dotted 1px #fff;
  }
  #pc-nav a {
    display: block;
    height: 100%;
    color: #fff;
    font-weight: 500;
    /*padding: 22px 14px;
    font-size: 18px;*/
    padding: 24px 8px 22px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    border-right: dotted 1px #fff;
  }
  #pc-nav a:hover {
    text-decoration: none;
    background-color: #b16f00;
  }
  @keyframes scrl {
    0% {
      height: 0;
      top: -68px;
      opacity: 0;
    }
    30% {
      height: 50px;
      opacity: 1;
    }
    100% {
      height: 68px;
      top: 0;
      opacity: 1;
    }
  }
  @keyframes no-scrl {
    0% {
      opacity: 0;
    }
    30% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  .balloon {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    border: 1px solid #000;
    width: 150px;
    line-height: 1.5;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
    font-size: 12px;
    word-break: break-all;
    color: #000;
    text-align: center;
  }
  .bk-balloon {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #main-catch {
    font-family: "Noto Serif JP", serif;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 370px;
    left: calc((100% - 1000px) / 2);
    width: 1000px;
    text-align: center;
    letter-spacing: 5px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    z-index: 10;
  }
  #crumbs {
    width: 1000px;
    padding: 10px 0 0;
    font-size: 13px;
    color: #666;
    margin-right: auto;
    margin-left: auto;
  }
  #crumbs a {
    color: #666;
    text-decoration: underline;
  }
  #ft-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    padding: 50px 0;
    border-bottom: dashed 2px #009944;
  }
  #ft-name > .flex-box {
    min-width: 1100px;
  }
  #ft-name > .flex-box > * {
    margin: 0 15px;
    font-size: 16px;
    line-height: 1.9;
  }
  #ft-name > .flex-box .img {
    margin-right: 35px;
  }
  #ft-name .s-sub {
    margin-bottom: 15px;
  }
  .sns-set {
    display: flex;
    justify-content: space-between;
    width: 120px;
    margin-top: 28px;
  }
  .sns-set li img {
    width: auto;
    height: 28px;
  }
  #pgtop {
    position: fixed;
    right: 15px;
    bottom: 150px;
    z-index: 1000;
  }
  #pgtop img {
    width: 60px;
    height: auto;
  }
  #ft-bg {
    width: 100%;
    background: #fdf3e9;
    font-size: 15px;
    line-height: 1.8;
    padding: 16px 0 40px;
  }
  #ft-bg .flex-box {
    width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  #ft-bg .flex-box ul {
    padding: 30px 0 0 20px;
  }
  #ft-bg .flex-box ul li {
    margin-bottom: 10px;
  }
  #ft-bg .flex-box ul li a {
    color: #000;
  }
  .ft-nav li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
  }
  .ft-nav li a::before {
    content: url(../image/base/arw-mainc.png);
    margin-right: 8px;
  }
  .ft-nav li a.fts {
    font-size: 14px;
  }
  .ft-logo {
    width: auto;
    height: auto;
    margin-right: 20px;
  }
  .ft-txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .ft-add {
    padding-bottom: 20px;
  }
  .hd-sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
  }
  .hd-sub::before {
    display: block;
    background: #f39800;
    color: #fff;
    width: 80px;
    padding: 3px 12px;
    text-align: center;
    margin-right: 12px;
    /*border: solid 1px #ccc;*/
  }
  .hd-sub#ft-jigyou::before {
    content: "事業内容";
  }
  .hd-sub#ft-area::before {
    content: "対応エリア";
  }
  #c {
    text-align: center;
    display: block;
    font-size: 14px;
    padding: 26px 0;
    background: #f39800;
    color: #fff;
  }
  #footer2 {
    display: none;
  }
}
@media (min-width: 766px) {
  html {
    min-width: 1000px;
    overflow-x: hidden;
  }
  html * {
    font-size: 16px;
  }
  html *:not(:root) {
    box-sizing: border-box;
  }
  .wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
  .wrap11 {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }
  .wrap10 {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
  .wrap9 {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
  .wrap7 {
    width: 720px;
    margin-right: auto;
    margin-left: auto;
  }
  .wrap-a {
    width: 80%;
    margin: 0 auto;
    min-width: 1000px;
  }
  .wrap-auto {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
  }
  .wrap-auto.s {
    max-width: 1200px;
  }
  .ptop {
    padding-top: 50px;
  }
  .ptop-s {
    padding-top: 35px !important;
  }
  .pbtm {
    padding-bottom: 70px;
  }
  .mtop {
    margin-top: 50px;
  }
  .mtop-s {
    margin-top: 35px;
  }
  img {
    -webkit-backface-visibility: hidden;
  }
  .jsb {
    justify-content: space-between;
  }
  .box-three {
    display: flex;
    flex-wrap: wrap;
  }
  .box-three img {
    width: 100%;
    height: auto;
  }
  .pc-ctr {
    text-align: center;
  }
  .dft-txt {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 1em;
  }
  .img-ctr {
    padding: 30px 0;
    text-align: center;
  }
  .img-ctr.np {
    padding: 0;
  }
  .if-cont {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .if-cont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .txt-box {
    font-size: 16px;
    line-height: 2;
    width: 100%;
    margin: 40px auto;
  }
  .txt-box p {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 1em;
  }
  .txt-box.s {
    margin: 20px auto;
  }
  .dft-txt.l {
    font-size: 18px;
  }
  .tit-img {
    text-align: center;
    padding: 20px 0 40px;
  }
  .tit-osw {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding-top: 65px;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    padding-bottom: 35px;
  }
  .tit-osw.lft {
    text-align: left;
  }
  .tit-osw.nolead {
    padding-bottom: 48px;
  }
  .tit-osw.l {
    font-size: 40px;
    padding-bottom: 10px;
  }
  .tit-osw.xl {
    font-size: 50px;
    padding-bottom: 10px;
  }
  .tit-page-jp {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.2;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 35px;
    position: relative;
    color: #f39800;
  }
  .tit-page-jp .en {
    position: absolute;
    top: 0;
    left: calc(50% - 60px);
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f39800;
    width: 120px;
    height: 26px;
    border-radius: 12px;
    padding-top: 2px;
  }
  .tit-page-jp.u::after {
    display: block;
    background: #f39800;
    width: 100px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 50px);
  }
  .sub-jp {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    padding-bottom: 35px;
  }
  .sub-jp-l {
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 1;
    text-align: center;
    padding-bottom: 50px;
    font-family: "Noto Serif JP", sans-serif;
  }
  .s-sub {
    font-size: 18px;
    font-weight: 400;
    margin: 0 auto 30px;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: solid 1px #000;
  }
  .sub-jp-s-line {
    display: inline-block;
    border-bottom: solid 1px #000;
    padding-bottom: 5px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 1;
    font-family: "Noto Serif JP", sans-serif;
  }
  .sub-bl-box-s {
    font-size: 18px;
    display: inline-block;
    color: #fff;
    background: #4ab8c1;
    height: 33px;
    line-height: 31px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
  }
  .sub-k-line {
    font-size: 36px;
    font-family: "Noto Serif JP", sans-serif;
    line-height: 1.6;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: solid 1px #000;
    font-weight: 500;
    letter-spacing: -1px;
  }
  .gry-obi {
    background: #f1f1f1;
    font-weight: 500;
    font-size: 28px;
    font-family: "Noto Serif JP", sans-serif;
    padding: 18px 0 18px 20px;
    margin-bottom: 30px;
    border: solid 1px #fff;
  }
  .gry-obi span {
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
    padding-left: 25px;
    position: relative;
    top: -5px;
  }
  .gry-obi.bg {
    background: url(../image/base/bg-gry.webp);
    background-size: cover;
    border-bottom: dotted 1px #aaa;
  }
  .gry-obi.sps {
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 40px;
  }
  .gry-obi.osw {
    font-size: 30px;
    font-family: "Oswald", sans-serif;
  }
  .gry-obi.osw span {
    font-size: 16px;
  }
  .blu-obi {
    background: #6aafb5;
    padding: 30px;
    text-align: center;
  }
  .sub-tit-bk {
    font-size: 27px;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    padding: 40px 0 50px;
  }
  .sub-tit-bk.l {
    font-size: 32px;
    font-weight: 700;
  }
  .sub-tit-main {
    color: #f39800;
    font-size: 42px;
    font-weight: 900;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 2px;
    text-indent: 2px;
    padding: 40px 0 30px;
  }
  .sub-tit-main.ptp10 {
    padding-top: 10px;
  }
  .sub-tit-main-bg {
    background-color: #f39800;
    color: #fff;
    font-size: 22px;
    line-height: 1.7;
    text-align: center;
    letter-spacing: 1px;
    padding: 18px;
  }
  .sub30-ctr-mainc {
    font-size: 30px;
    font-weight: 700;
	line-height: 1.4;
    letter-spacing: 2px;
    color: #f39800;
    text-align: center;
    padding: 30px 0 20px;
  }
  .bg-sub-pt {
    background-color: #009944;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.4;
    padding: 10px 20px 12px;
    display: flex;
    align-items: stretch;
  }
  .bg-sub-pt:before {
    display: flex;
    content: "";
    width: 8px;
    background: #f4fd08;
    margin-right: 16px;
  }
  .bg-main-tit-s {
    background-color: #f39800;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4;
    padding: 8px 15px 10px;
    letter-spacing: 1px;
  }
  .bg-main-tit-s.s {
    font-size: 22px;
  }
  .bg-main-tit-s.ss {
    font-size: 18px;
  }
  .pk-s {
    font-size: 20px !important;
    font-weight: 700;
    color: #f39800;
    line-height: 1.5;
    text-align: center;
  }
  .pk-s.lft {
    text-align: left;
    padding-bottom: 20px;
  }
  .u-line {
    border-bottom: dotted 1px #999;
    padding: 0 0 8px 8px;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 25px;
  }
  .u-line:before {
    position: relative;
    left: -8px;
    top: 2px;
    content: "";
    display: inline-block;
    width: 8px;
    height: 20px;
    background: #999;
  }
  .ltop {
    position: relative;
  }
  .ltop:after {
    content: "";
    position: absolute;
    top: 10px;
    left: calc(50% - 75px);
    display: block;
    width: 150px;
    height: 1px;
    background: #000;
  }
  .innr-dt {
    font-size: 16px;
    line-height: 1.3;
    padding-bottom: 10px;
  }
  .innr-dt.s {
    font-size: 14px;
    padding-bottom: 0;
  }
  .subss-grn {
    color: #fff;
    background: #1caa9c;
    font-size: 18px;
    padding: 8px 8px 10px 12px;
    margin: 0 0 25px;
    border-radius: 6px;
  }
  .subs-blu {
    color: #fff;
    background: #6aafb5;
    font-size: 20px;
    padding: 12px 8px 14px 12px;
    margin: 0 0 25px;
    border-radius: 6px;
    letter-spacing: 1px;
  }
  .serif-lead {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 2px;
    font-family: "Noto Serif JP", sans-serif;
    padding-bottom: 1.2em;
  }
  .txt-ctr-lead {
    text-align: center;
    padding: 0 0 45px;
    font-size: 20px;
    line-height: 1.8;
  }
  .txt-ctr-lead.ptop {
    padding: 45px 0 35px;
  }
  .p-lead {
    font-size: 18px;
    font-weight: 700;
  }
  .p-lead.ptop {
    padding-top: 1em;
  }
  .lead20:not(:root) {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    padding-bottom: 40px;
  }
  .lead30:not(:root) {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
  }
  .bnr-ctr {
    text-align: center;
    margin: 60px 0 0;
  }
  .bnr-ctr img {
    display: inline;
  }
  .bnr-ctr a:nth-of-type(n+2) img {
    margin-top: 30px;
  }
  .bnr-ctr.btm {
    margin-bottom: 70px;
  }
  .bal-tit {
    position: relative;
    display: block;
    margin: 30px auto;
    padding: 10px 0 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #f39800;
    text-align: center;
    width: 400px;
    letter-spacing: 1px;
  }
  .bal-tit:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #f39800;
  }
  .bal-tit.ctop {
    margin: 80px auto 50px;
  }
  .bl-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 56px;
    padding-right: 15px;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 28px;
    color: #fff;
    margin: 50px auto 40px;
    text-transform: uppercase;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .bl-link:hover {
    text-decoration: none;
    color: #fff;
  }
  .bl-link:hover:before {
    width: 100%;
  }
  .bl-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/base/arw-wt.png) no-repeat right 25px center #f39800;
    z-index: -2;
  }
  .bl-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: url(../image/base/arw-wt.png) no-repeat right 25px center #b16f00;
    transition: all 0.3s;
    z-index: -1;
  }
  .bl-link.l {
    width: 350px;
    height: 62px;
  }
  .bl-link.icn {
    padding-left: 80px;
  }
  .bl-link.ctr {
    margin-left: auto;
    margin-right: auto;
  }
  .bl-link.icn.catalog span {
    position: absolute;
    left: 30px;
    top: calc(50% - 12px);
    display: block;
    width: 24px;
    height: 21px;
    background: url(../image/base/icn-catalog.svg) no-repeat center;
  }
  .bl-link.icn.reserve span {
    position: absolute;
    left: 30px;
    top: calc(50% - 12px);
    display: block;
    width: 26px;
    height: 23px;
    background: url(../image/base/icn-reserve.svg) no-repeat center;
  }
  .bl-link.icn.soudan span {
    position: absolute;
    left: 30px;
    top: calc(50% - 12px);
    display: block;
    width: 30px;
    height: 23px;
    background: url(../image/base/icn-soudan.svg) no-repeat center;
  }
  .bl-link-s {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 60px;
    padding-right: 35px;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 30px auto 50px;
    text-transform: uppercase;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .bl-link-s:hover {
    text-decoration: none;
    color: #fff;
  }
  .bl-link-s:hover:before {
    width: 100%;
  }
  .bl-link-s:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/base/arw-wt.png) no-repeat right 25px center #021d61;
    background-size: 13px auto;
    z-index: -2;
  }
  .bl-link-s:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: url(../image/base/arw-wt.png) no-repeat right 25px center #1b3b8b;
    background-size: 13px auto;
    transition: all 0.3s;
    z-index: -1;
  }
  .bk-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 60px;
    padding-right: 35px;
    padding-bottom: 3px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: -40px auto 80px;
    background: url(../image/base/arw-wt.png) no-repeat right 25px center #1b3b8b;
    background-size: 13px auto;
  }
  .bk-link:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  .link-btn-bk {
    margin: 10px auto 40px;
  }
  .link-btn-bk li {
    padding: 0 1.5%;
  }
  .link-btn-bk li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    background: #000;
    height: 70px;
  }
  .link-btn-bk li a:hover {
    text-decoration: none;
    background: #666;
  }
  .rsrv-img a {
    display: block;
    background: url(../image/base/rsrv-btn.png) no-repeat center;
    background-size: cover;
    width: 706px;
    height: 172px;
    margin: 40px auto 0;
  }
  .rsrv-img a:hover {
    opacity: 0.8;
  }
  .more-r {
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 85px;
    font-size: 12px;
    color: #000;
    padding-right: 30px;
    background: url(../image/base/arw-bk.svg) no-repeat right center;
  }
  .blg-txt {
    padding: 40px 0 0;
    text-align: center;
    line-height: 1.75;
  }
  .blg-txt p {
    padding-bottom: 1.2em;
  }
  .btn-multi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .btn-multi a {
    margin-left: 25px;
    margin-right: 25px;
  }
  .lr-set {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 45px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    min-width: 1000px;
  }
  .lr-set:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  .lr-set:nth-of-type(1) {
    margin-top: 50px;
  }
  .lr-set:nth-last-of-type(1) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .lr-set .img {
    width: 55%;
  }
  .lr-set .img img {
    width: 100%;
    height: auto;
  }
  .lr-set .txt {
    width: 40%;
    padding: 0 0 20px;
    line-height: 1.75;
  }
  .lr-set .txt .sub {
    font-size: 30px;
    padding: 10px 0 25px;
    font-family: "Noto Serif JP", sans-serif;
    font-weight: 400;
    line-height: 1.5;
  }
  .lr-set .txt h5.sub {
    font-size: 20px;
    font-weight: 700;
  }
  .lr-set .txt p {
    padding-bottom: 1.2em;
  }
  .lr-set .txt p.l {
    font-size: 18px;
  }
  .lr-set .txt.f {
    width: 100%;
  }
  .lr-set.nbdr {
    border-bottom: none;
    padding-bottom: 0;
  }
  .lr-set.clm {
    flex-direction: column;
  }
  .full .lr-set {
    width: 100%;
  }
  .full .lr-set .txt {
    width: 40%;
  }
  .lr-set.r {
    flex-direction: row-reverse;
  }
  .btm-access {
    padding: 40px 0 50px;
    margin: 0 auto;
  }
  .btm-access table {
    border-top: solid 1px #ccc;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
  }
  .btm-access tr {
    border-bottom: solid 1px #ccc;
  }
  .btm-access th {
    font-weight: normal;
    padding: 20px 0;
    background: #f5f5f5;
    width: 15%;
  }
  .btm-access td {
    font-weight: normal;
    padding: 20px 0;
    padding-left: 20px;
  }
  .gmap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .gmap iframe {
    width: 100%;
  }
  .box-line {
    padding: 40px;
    margin-bottom: 40px;
  }
  .box-bclr {
    border: solid 5px #f39800;
    padding: 60px 80px 50px;
    margin-top: 50px;
    background: #ffe;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
  }
  .box-bclr .bal-tit {
    margin-top: 0;
  }
  .bukken-info .box-bclr {
    max-width: 100%;
  }
  .inq-btn-bl {
    background: url(../image/base/icn-form-wt.svg) no-repeat left 140px top 20px #4ab8c1;
    background-size: 40px auto;
    display: flex;
    width: 600px;
    height: 80px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding-left: 40px;
  }
  .inq-btn-bl:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  .dfts {
    font-size: 16px;
    line-height: 1.8;
    border-top: solid 1px #ccc;
    margin: 30px auto 50px;
    width: 90%;
  }
  .dfts th {
    font-weight: 500;
    padding: 20px 0;
    text-align: left;
    letter-spacing: 1px;
    border-bottom: solid 5px #009944;
    text-align: center;
    vertical-align: middle;
    width: 25%;
  }
  .dfts td {
    font-weight: normal;
    padding: 20px 25px;
    text-align: left;
    letter-spacing: 1px;
  }
  .dfts tr {
    border-bottom: solid 1px #ccc;
  }
  .dfts tr:nth-of-type(1) th {
    border-top: solid 5px #009944;
  }
  dl.dft {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin-bottom: 30px;
  }
  dl.dft > * {
    padding: 15px;
  }
  dl.dft dt,
  dl.dft dd {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    font-size: 16px;
    line-height: 1.9;
  }
  dl.dft dt {
    padding: 10px 15px;
    background: #f5f5f5;
  }
  ul.point li:before {
    content: "●";
    color: #009944;
    margin-right: 5px;
  }
  ul.dft {
    border-top: dotted 1px #ccc;
  }
  ul.dft li {
    padding: 20px;
    border-bottom: dotted 1px #ccc;
    line-height: 1.8;
  }
  ul.num li {
    list-style-type: decimal;
    padding-left: 5px;
    list-style-position: inside;
  }
  ul.kuro-maru {
    margin-bottom: 30px;
  }
  ul.kuro-maru li {
    font-size: 16px;
    line-height: 1.6;
  }
  ul.kuro-maru li:before {
    content: "●";
    margin-right: 8px;
  }
  ul.hr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  ul.hr li {
    padding-right: 25px;
  }
  ul.c-num > li {
    text-indent: -1.2em;
    padding-left: 1.4em;
  }
  ul.c-num > li:not(:nth-last-of-type(1)) {
    padding-bottom: 8px;
  }
  ul.c-num > li span {
    text-indent: 0;
  }
  ul.kakko > li {
    text-indent: -3em;
    padding-left: 1.5em;
  }
  .event #contact {
    padding-top: 40px;
  }
  #contact .rtline {
    width: 780px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    padding: 20px;
    border: solid 1px #ccc;
  }
  #contact .rtline dt {
    width: 42%;
    border-right: solid 2px #ccc;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
  }
  #contact .rtline dt p {
    font-size: 14px;
  }
  #contact .rtline dd {
    width: 58%;
    padding-left: 80px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px;
  }
  #contact .rtline dd a.bl-link {
    margin-left: -40px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  #contact .rtline dd a.bl-link:nth-last-of-type(1) {
    margin-bottom: 0;
  }
  #contact .rtline.ctr {
    margin-bottom: 0;
  }
  #contact .rtline.ctr dt {
    width: 50%;
    padding-left: 100px;
  }
  #contact .rtline.ctr dd {
    width: 50%;
  }
  #contact .rtline.noline {
    border: none;
  }
  #contact .rtline.noline dt {
    padding-right: 20px;
  }
  #contact .rtline.dd-nobtm dt {
    margin-bottom: 0;
  }
  #contact .rtline.dd-nobtm dd {
    margin-bottom: 0;
  }
  .rd-tel {
    display: inline-block;
    font-size: 33px;
    font-weight: 700;
    color: #ff0000;
    font-family: "Oswald", sans-serif;
    margin-top: 8px;
    margin-left: -35px;
    letter-spacing: 1px;
  }
  .rd-tel:before {
    content: url(../image/base/pct-tel.svg);
    margin-right: 10px;
    position: relative;
    top: -2px;
  }
  /* -- pagination -- */
  .pagination_wrapper {
    position: relative;
    clear: both;
    overflow: hidden;
  }
  .pagination_wrapper ul {
    position: relative;
    left: 50%;
    float: left;
    list-style: none;
  }
  .pagination_wrapper li {
    position: relative;
    left: -50%;
    margin: 0.178em;
    float: left;
    height: auto !important;
    border-radius: 0 !important;
  }
  .pagination_wrapper li .current {
    display: block;
    color: #fff;
    padding: 0.357143em 0.714286em 0.7em;
    background-color: #131313;
    border: 1px solid #131313;
    text-decoration: none;
  }
  .pagination_wrapper li .dots {
    line-height: 33px;
  }
  .pagination_wrapper li a {
    display: block;
    color: #262626;
    padding: 0.357143em 0.714286em 0.7em;
    background-color: #eee;
  }
  #form-wrap {
    /*width: 900px;*/
    padding: 20px 0 40px;
  }
  #form-wrap .cb label {
    display: inline-block !important;
    padding-right: 20px !important;
  }
  #form-wrap .your-privacy .cb label {
    padding-right: 5px !important;
  }
  #form-wrap .your-kento .cb label {
    padding-right: 0 !important;
  }
  #form-wrap .your-trigger .cb label {
    padding-right: 0 !important;
  }
  #form-wrap #enq-form select {
    width: 150px;
    margin-right: 10px;
  }
  #form-wrap .sub-btn input {
    font-size: 18px;
  }
  .form-parts {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .form-parts input,
  .form-parts select,
  .form-parts textarea {
    font-size: 16px;
  }
  .form-parts #vtime1,
  .form-parts #vtime2 {
    width: 150px !important;
  }
  .form-parts dt {
    width: 35% !important;
    margin: 6px 0 0 !important;
    display: flex;
    align-items: center;
    line-height: 1.5;
    font-size: 16px;
  }
  .form-parts dt.line-l {
    margin-top: 36px !important;
  }
  .form-parts dd {
    width: 65% !important;
    padding-bottom: 25px;
  }
  .form-parts .time-box {
    display: block;
    padding: 8px 0 15px 75px;
  }
  .form-parts .time-box input {
    display: inline-block !important;
    margin-right: 8px !important;
    margin-left: 5px !important;
  }
  .form-parts .time-box label {
    display: inline-block !important;
    padding-right: 20px !important;
  }
  .form-parts .ibs {
    display: inline-block !important;
    width: 120px !important;
  }
  .form-parts .bs {
    width: 120px !important;
  }
  .form-parts .sh {
    padding: 10px 0 5px;
    font-weight: 500;
  }
  .form-parts .note {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
  }
  .form-parts .pdt {
    padding-top: 5px;
  }
  .wpcf7-response-output {
    max-width: 850px;
    margin: -20px auto 0 !important;
  }
  #jve {
    padding-top: 30px;
  }
  .your-kento .cb {
    display: flex;
    flex-wrap: wrap;
  }
  .your-kento .cb .wpcf7-list-item {
    width: 33.3%;
    font-size: 14px;
  }
  .your-kento .cb .wpcf7-list-item:nth-of-type(8) {
    width: 66.5%;
  }
  .your-trigger .cb {
    display: flex;
    flex-wrap: wrap;
  }
  .your-trigger .cb .wpcf7-list-item {
    width: 33.3%;
    font-size: 14px;
  }
  #vinq label {
    display: block;
    padding-bottom: 5px;
  }
  #enq-form {
    border: solid 3px #b09227;
    padding: 45px 30px;
    background: #fbf6f1;
  }
  #enq-form dt {
    width: 40% !important;
  }
  #enq-form dd {
    width: 60% !important;
    padding-left: 20px;
    padding-bottom: 30px;
    border-left: dotted 1px #ccc;
  }
  #enq-form input[type=text] {
    width: 150px;
    margin-right: 10px;
  }
  #enq-form .wpcf7-list-item {
    display: block;
    margin-left: 0;
  }
  #enq-form .flex-two > div:nth-of-type(1) {
    width: 25%;
  }
  #enq-form .flex-two > div:nth-of-type(1) .wpcf7-list-item {
    padding: 10px 0;
  }
  #enq-form .flex-two > div:nth-of-type(2) {
    width: 75%;
  }
  #enq-form .flex-two > div:nth-of-type(2) input {
    margin: 9px 10px 7px 0;
  }
  #enq-form .td {
    display: inline-block;
    width: 80px;
  }
  #enq-form .rel {
    position: relative;
  }
  #enq-form .relbox {
    position: absolute;
    bottom: 110px;
    left: 130px;
  }
  #enq-form.form-parts {
    width: 960px !important;
    margin-left: -30px;
  }
  #enq-form.form-parts dt.req:after {
    margin-right: 40px;
  }
  #enq-form.form-parts dt.any:after {
    margin-right: 40px;
  }
  .bnr-mdl {
    padding: 50px 0 20px;
  }
  .click-btn {
    display: block;
    padding: 30px;
    text-align: center;
    font-size: 22px;
  }
  #venq {
    display: block;
    width: 100%;
    text-align: center;
  }
  #venq input {
    display: none !important;
  }
  #venq .wpcf7-list-item {
    margin-left: 0;
  }
  #venq label {
    display: inline-block;
    text-align: center;
    margin: 0 auto 40px;
    width: 600px;
    cursor: pointer;
    background: #b09227;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0 22px;
  }
  #venq label::after {
    content: url(../image/base/arw-dwn.png);
    position: relative;
    margin-left: 10px;
  }
  .main-visual-page {
    height: auto;
    width: 100%;
    background-size: auto auto;
    background-color: #c8e5fb;
    /*background-image: repeating-linear-gradient(-60deg, transparent, transparent 10px, rgba(190, 222, 247, 1) 10px, rgba(190, 222, 247, 1) 20px );
    overflow: hidden;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-visual-page img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .main-visual-page.toppage {
    min-width: 1300px;
  }
  .main-visual-page.toppage a:hover img,
  .main-visual-page.toppage a img:hover {
    transform: scale(1) !important;
  }
  .main-visual-page.pages {
    height: 140px;
  }
  .page-sub {
    color: #000;
    letter-spacing: 3px;
    text-indent: 3px;
    text-align: center;
  }
  .page-sub .en {
    font-family: "Oswald", sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    background: #009944;
    width: 200px;
    height: 28px;
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .page-sub .stxt {
    font-size: 35px;
    font-family: "Noto Sans JP", sans-serif, 　Meiryo;
    font-weight: 700;
    color: inherit;
    display: block;
    padding-bottom: 7px;
    margin-bottom: 15px;
    text-align: center;
  }
  .data-box {
    margin: 40px auto;
    border: dashed 2px #009944;
    background: #ffe;
    padding: 30px;
    line-height: 1.8;
  }
  .data-box img {
    max-width: 840px;
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .data-box p {
    line-height: 1.8;
    padding-bottom: 1em;
  }
  .data-box * {
    line-height: 1.8;
    padding-bottom: 1em;
  }
  .txt-ctr-lead + .data-box {
    margin-top: 0;
  }
  .crumbs {
    width: 1000px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    font-size: 13px;
  }
  .crumbs a {
    display: block;
    color: #000;
    font-size: 13px;
    position: relative;
    margin-right: 25px;
  }
  .crumbs a:after {
    content: ">";
    position: absolute;
    right: -17px;
    top: 1px;
  }
  .crumbs a:nth-last-of-type(1):after {
    content: none;
  }
  .crumbs a.home {
    width: 17px;
    height: 17px;
    background: url(../image/base/home.png) no-repeat center;
    background-size: contain;
  }
  .main-visual {
    height: 700px;
  }
  .scrolldown {
    position: absolute;
    left: calc(50% - 425px);
    bottom: 10px;
    height: 130px;
    z-index: 100;
  }
  .scrolldown span {
    position: absolute;
    left: -8px;
    top: 10px;
    color: #eee;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Oswald", sans-serif;
    transform: rotate(90deg);
  }
  .scrolldown::after {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 130px;
    background: #eee;
    animation: pathmove 2.2s ease-in-out infinite;
    opacity: 0;
  }
  @keyframes pathmove {
    0% {
      height: 0;
      top: 0;
      opacity: 0;
    }
    30% {
      height: 130px;
      opacity: 1;
    }
    100% {
      height: 0;
      top: 130px;
      opacity: 0;
    }
  }
  .swiper-wrapper {
    display: flex;
    align-items: stretch !important;
  }
  #page-event .eve-box {
    padding: 8px;
  }
  #page-event .eve-box .tit {
    font-size: 20px;
    line-height: 1.5;
    padding: 8px;
  }
  .eve-box {
    width: 525px;
    margin-left: auto;
    margin-right: auto;
    border: solid 2px #f39800;
    background: #fff;
    padding: 15px;
    height: auto !important;
    margin-bottom: 25px;
  }
  .eve-box a {
    display: block;
    height: 100%;
  }
  .eve-box .cat {
    background: #009944;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    border-bottom: solid 1px #fff;
  }
  .eve-box .date {
    display: flex;
    background: #f39800;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding: 10px 8px 10px 10px;
    margin-bottom: 1px;
    line-height: 1.4;
    min-height: 60px;
    justify-content: center;
    align-items: center;
  }
  .eve-box .img {
    overflow: hidden;
    position: relative;
  }
  .eve-box .img img {
    width: 100%;
    height: auto;
  }
  .eve-box .fin .img:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../image/base/mrk-fin.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .eve-box .txt {
    display: block;
    margin: 15px 0 0;
    border: solid 1px #ccc;
    padding: 5px 10px 18px 15px;
    color: #000;
    font-size: 16px;
    line-height: 2;
    background: #f5f5f5;
  }
  .eve-box .txt li {
    padding-bottom: 3px;
  }
  .eve-box .txt li:not(:nth-of-type(1)) {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .eve-box .txt li:not(:nth-of-type(1))::before {
    content: "日時";
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-top: 6px;
    width: 80px;
    height: 24px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    background: #009944;
    border-radius: 12px;
    padding-bottom: 1px;
  }
  .eve-box .txt li.place::before {
    content: "開催地";
  }
  .eve-box .txt li.exc {
    margin-top: 5px;
    padding-top: 3px;
    border-top: dotted 1px #999;
  }
  .eve-box .txt li.exc::before {
    content: none;
  }
  .eve-box .tit {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 8px;
    color: #f39800;
    text-align: center;
  }
  .eve-box *:hover {
    text-decoration: none !important;
  }
  #page-event .eve-box {
    width: 30%;
    margin: 0 12px 30px;
  }
  #top-event {
    margin-top: 70px;
    padding-bottom: 50px;
    position: relative;
  }
  #top-event .illu01 {
    position: absolute;
    top: 0;
    left: -25px;
    width: 1350px;
    height: 150px;
    background-image: url(../image/top/illu-flg-left.png), url(../image/top/illu-flg-right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
  }
  #top-event .illu02 {
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 356px;
    height: 191px;
    background: url(../image/top/illu-fam.png) no-repeat;
  }
  #top-event .eve-box .img {
    height: 345px;
  }
  #top-event .eve-box .img img {
    width: 100%;
    height: 345px;
    object-fit: cover;
    object-position: top;
  }
  #top-event .notes {
    margin-top: -20px;
  }
  #top-event .bl-link {
    margin-top: 20px;
  }
  #top-plan {
    position: relative;
    background-image: url(../image/top/illu-fam2.png);
    background-repeat: no-repeat;
    background-position: right 40px bottom;
    /*.illu01 {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 1200px;
    	height: 150px;
    	background-image: url(../image/base/illu-money.png), url(../image/base/illu-hatena.png), url(../image/base/illu-hikari.png);
    	background-repeat: no-repeat, no-repeat, no-repeat;
    	background-position: left 150px top 62px, left 240px top 32px, right 100px top 37px;
    }*/
  }
  #top-plan #p-hiraya {
    display: none;
  }
  #top-plan .bl-link {
    padding-right: 0;
  }
  #top-plan .bl-link::before {
    background: url() no-repeat right 25px center #b16f00;
  }
  #top-plan .bl-link::after {
    background: url() no-repeat right 25px center #f39800;
  }
  #top-plan .swiper-button-next,
  #top-plan .swiper-button-prev {
    top: 60%;
  }
  #top-plan .bg-pnk2 {
    background: #fdf3e9;
    padding: 0 20px;
  }
  #top-plan .bg-pnk2 .lineup-box li {
    margin-left: 0;
  }
  .tiles {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .tiles li {
    width: 15%;
    margin-bottom: 20px;
  }
  .tiles li img {
    width: 100%;
    height: 183.1px;
    object-fit: cover;
  }
  .tiles .txt {
    padding: 10px 0;
    text-align: center;
  }
  .tiles + .text-box {
    margin-top: -40px;
  }
  .tiles.five li {
    width: 18%;
  }
  .tiles.five li img {
    height: auto;
  }
  .text-box {
    padding: 50px 0;
    font-size: 16px;
    line-height: 2;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .text-box .sub-tit-bk {
    padding-top: 20px;
  }
  .cpt + .text-box {
    margin-top: -70px;
  }
  .cpt li .img {
    padding-bottom: 10px;
  }
  .cpt li .img img {
    width: 100%;
    height: auto;
  }
  .cpt li .img.org img {
    width: auto;
    height: auto;
  }
  .cpt li .img.btm {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .cpt .tit {
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 15px;
  }
  .cpt .tit .notes {
    font-size: 14px;
    display: block;
  }
  .cpt .txt + .t-note {
    padding: 0 0 10px;
    margin-top: -10px;
  }
  .cpt li.point {
    position: relative;
    margin-top: 30px;
  }
  .cpt li.point:before {
    content: url(../image/concept/point01.png);
    position: absolute;
    left: -20px;
    top: -40px;
  }
  .cpt li.point.n2:before {
    content: url(../image/concept/point02.png);
  }
  .flex-box.cpt {
    margin-bottom: 70px;
  }
  .menu-house {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .menu-house li {
    margin: 0 16px 30px;
  }
  .menu-house li a {
    background: url(../image/concept/ab-menu-bg.png) no-repeat;
    width: 213px;
    height: 195px;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    position: relative;
    padding-top: 15px;
  }
  .menu-house li a:after {
    position: absolute;
    bottom: 5px;
    left: calc(50% - 11px);
    content: url(../image/concept/arw-dwn-wt.png);
  }
  .menu-house li a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  .menu-house li a:hover:after {
    position: absolute;
    bottom: 0;
    left: calc(50% - 11px);
    content: url(../image/concept/arw-dwn-wt.png);
  }
  .menu-house li a:hover * {
    text-decoration: none;
    opacity: 0.8;
  }
  .menu-house li .num {
    color: inherit;
    display: inline-block;
    border-bottom: solid 1px #fff;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 40px;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .cpt-box {
    border: solid 1px #000;
    margin-top: 50px;
    padding: 40px;
  }
  .cpt-box .lr-set {
    min-width: 900px;
    width: 100%;
  }
  .cpt-box .t-half {
    width: 49%;
    margin-top: 25px;
  }
  .cpt-box .cap {
    display: block;
    font-size: 14px;
    line-height: 1.5;
  }
  .lr-set .img.ab {
    width: 450px;
  }
  .lr-set .txt.ab {
    width: 500px;
  }
  .lr-set .img.abs {
    width: 400px;
  }
  .lr-set .txt.abs {
    width: 550px;
  }
  .lr-set .txt.abss {
    width: 620px;
  }
  .t-lft {
    text-align: left;
  }
  .t-rgt {
    text-align: right;
  }
  .t-note {
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.5;
  }
  .t-half.ab img {
    width: 240px;
    height: auto;
  }
  .fig .cap {
    display: block;
    padding-top: 15px;
    text-align: center;
  }
  .fig .cap .ftl {
    font-size: 1.5em;
  }
  .cpt-point {
    border: solid 5px #ddd;
    padding: 20px;
    margin-top: 30px;
    position: relative;
  }
  .cpt-point:before {
    content: url(../image/concept/point.png);
    position: absolute;
    left: -20px;
    top: -40px;
  }
  .cpt-point p {
    line-height: 1.6;
  }
  .cpt-point .u-line {
    padding-left: 80px;
  }
  .cpt-point .u-line:before {
    display: none;
  }
  #ab08 {
    margin-bottom: 60px;
  }
  .point-four {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .point-four li {
    width: 24%;
    line-height: 1.8;
    position: relative;
    border: solid 2px #ddd;
    padding: 10px 0 10px 75px;
    background: #ffc;
    font-weight: 500;
  }
  .point-four li:before {
    display: inline-block;
    width: 60px;
    height: 60px;
    content: "";
    background: url(../image/concept/point01.png);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 9px;
  }
  .point-four li:nth-of-type(2):before {
    background: url(../image/concept/point02.png);
    background-size: cover;
  }
  .point-four li:nth-of-type(3):before {
    background: url(../image/concept/point03.png);
    background-size: cover;
  }
  .point-four li:nth-of-type(4):before {
    background: url(../image/concept/point04.png);
    background-size: cover;
  }
  .flex-three.cpt {
    justify-content: space-between;
  }
  .flex-three.cpt li {
    border: solid 1px #ccc;
    padding: 15px;
    width: 32.5%;
    line-height: 1.75;
  }
  .flex-two.cpt li {
    border: solid 1px #ccc;
    padding: 15px;
    width: 48.5%;
    line-height: 1.75;
    margin-bottom: 25px;
  }
  .flex-two.cpt .txt {
    display: inline-block;
    min-height: 110px;
  }
  .wt-txt {
    width: 700px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50px;
    left: calc(50% - 600px);
    line-height: 1.8;
  }
  .wt-txt .en {
    font-family: "Noto Serif JP", sans-serif;
    font-size: 40px;
    font-weight: 400;
  }
  .wt-txt .p-lead {
    padding: 20px 0 30px;
  }
  .wt-txt .p-lead.snd {
    padding: 0 0 30px;
    font-size: 24px;
    color: #6aafb5;
  }
  #af02img {
    position: absolute;
    left: calc(50% + 180px);
    bottom: -100px;
  }
  #af02img img {
    width: 400px;
    height: auto;
  }
  #page-cpt .img-ctr {
    padding: 30px 0;
    text-align: center;
  }
  #page-cpt .img-ctr img {
    width: 1000px;
    height: auto;
  }
  #page-cpt .cpt-tit-set + .sub-tit-bk {
    padding-top: 0;
  }
  #page-cpt .sub-tit-bk + .pc-ctr {
    margin-top: -20px;
  }
  .box-tit {
    display: block;
    border: solid 2px #000;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 10px 12px;
    margin-bottom: 15px;
  }
  .box-tit.l {
    font-size: 24px;
    padding: 20px 22px;
    margin-bottom: 25px;
  }
  .box-tit.red {
    border-color: #c00;
    color: #c00;
  }
  .sld-box {
    margin-top: 60px;
    margin-bottom: 60px;
    border: solid 5px #f39800;
    background-color: #ffd;
    border-radius: 6px;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 80px 20px;
    position: relative;
  }
  .swiper-button-prev,
  .swiper-button-next {
    width: 45px !important;
    height: 55px !important;
    background-size: 45px 55px;
    margin-top: 22.5px;
  }
  #top-model {
    margin-top: 40px;
  }
  .mod-box .img img {
    width: 100%;
    height: auto;
    max-width: 310px;
  }
  .mod-box .tit {
    display: block;
    color: #000;
    padding: 16px 0 12px 110px;
  }
  .mod-box .ico_caldo {
    background: url(../image/base/ico_caldo.svg) no-repeat left 16px;
    background-size: 93px 18px;
  }
  .mod-box .txt {
    font-size: 12px;
    line-height: 1.6;
    color: #666;
  }
  .mod-box *:hover {
    text-decoration: none !important;
  }
  .dft-box .flex-two li {
    width: 47.5%;
    margin-bottom: 40px;
  }
  .dft-box .img img {
    width: 100%;
    max-width: none;
  }
  /* Banner bottom */
  .brand-bnr {
    margin: 20px auto 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand-bnr li {
    margin: 0 20px 35px;
  }
  /* Plan */
  .lineup-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .lineup-box > li {
    margin-right: 20px;
    margin-left: 20px;
    background: #fff;
    padding: 10px;
    /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);*/
    border: solid 2px #f39800;
  }
  .lineup-box > li a {
    display: flex;
    width: 100%;
    background: #f5f5f5;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
  }
  .lineup-box > li span.a {
    display: flex;
    width: 100%;
    background: #f5f5f5;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
  }
  .lineup-box.box {
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-top: 30px;
    background: #fdf3e9;
  }
  .lineup-box.box > li {
    margin-bottom: 35px;
  }
  .lineup-box.box > li a {
    flex-direction: column;
    padding: 0 0 8px;
  }
  .lineup-box.box > li a * {
    color: #000;
  }
  .lineup-box.box > li a:hover {
    text-decoration: none;
  }
  .lineup-box.box > li .img {
    width: 100%;
    overflow: hidden;
  }
  .lineup-box.box > li .img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
  }
  .lineup-box.box > li .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #c8e5fb;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    min-height: 90px;
  }
  .lineup-box.box > li .tit .rd {
    font-size: 30px;
    font-weight: 900;
    color: #c00;
  }
  .lineup-box.box > li .tit .rd span {
    font-size: 16px;
    color: inherit;
  }
  .lineup-box.box > li .tit .rd span::after {
    content: "(税込)";
    font-size: 14px;
    font-weight: 500;
    margin-left: 6px;
  }
  .lineup-box.box > li .tit .p-tit {
    display: inline-block;
    padding-top: 8px;
    font-size: 14px;
    line-height: 1.4;
  }
  .lineup-box.box > li .spc {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .lineup-box.box > li .spc li {
    width: 25%;
    margin: 10px;
    padding: 5px 5px 7px;
    text-align: center;
    border: solid 1px #999;
  }
  .lineup-box.box > li .spc li.cat {
    background: #f39800;
    color: #fff;
    border-color: #f39800;
  }
  .lineup-box.two li {
    width: 520px;
  }
  #page-lineup h2 {
    margin: 50px 0 20px;
    border-radius: 6px;
    /*&:nth-of-type(1) {
    	margin-top: 0;
    }*/
  }
  #page-lineup .anc-btn {
    margin: 50px auto -20px;
  }
  #page-lineup .anc-btn li {
    width: 25%;
    font-size: 22px;
  }
  .osm-block {
    background: #fdf0dc;
    margin: 20px auto 0;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    font-size: 16px;
    line-height: 1.9;
    width: 80%;
  }
  .osm-block::before {
    content: url(../image/base/mrk-osm.png);
    position: absolute;
    left: -30px;
    top: -50px;
  }
  .plan-table {
    border: solid 3px #f39800;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  .plan-table.sougaku {
    width: 60%;
  }
  .plan-table th, .plan-table td {
    padding: 15px;
    border-bottom: solid 1px #f39800;
    border-right: solid 1px #f39800;
    vertical-align: middle;
  }
  .plan-table th {
    width: 30%;
    background: #fdf3e9;
    font-weight: 500;
  }
  .plan-table th.sougaku-tit {
    font-size: 50px;
    font-weight: 700;
    position: relative;
  }
  .plan-table th.sougaku-tit .en-zei {
    font-size: 28px;
    padding-left: 8px;
  }
  .plan-table th.sougaku-tit::before {
    content: "建物総額";
    display: inline-block;
    background: #f39800;
    color: #fff;
    font-size: 22px;
    letter-spacing: 2px;
    padding: 8px 12px 10px 14px;
    position: absolute;
    top: -15px;
    left: 20px;
  }
  .plan-table td {
    font-size: 22px;
    font-weight: 700;
    color: #f39800;
    text-align: center;
  }
  .plan-table td h4 {
    font-size: 22px;
  }
  .plan-table .uchiwake {
    border: 0;
    width: 100%;
    margin: 20px 0;
  }
  .plan-table .uchiwake th, .plan-table .uchiwake td {
    padding: 12px;
    border-bottom: dashed 1px #999;
    border-right: 0;
    font-size: 20px;
    font-weight: normal;
    color: #000;
  }
  .plan-table .uchiwake td:nth-of-type(2) {
    text-align: right;
    padding-right: 30px;
  }
  .plan-table .uchiwake + .note {
    color: #000;
    font-weight: normal;
  }
  .note {
    font-size: 14px;
    text-align: center;
    padding: 12px 0 20px;
  }
  .cap-ctr {
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 10px 0;
    background: #009944;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
  }
  .plan-dtl {
    margin-bottom: 50px;
  }
  .plan-dtl li {
    width: 48%;
  }
  .plan-dtl li .img {
    display: block;
    border: solid 1px #ccc;
    width: 100%;
    height: calc(100% - 58px);
  }
  .plan-dtl li .img img {
    width: 100%;
    height: auto;
  }
  .plan-dtl li a:hover img,
  .plan-dtl li a img:hover {
    transform: scale(1) !important;
  }
  #page-plan .bukken-tit {
    margin-bottom: 0;
  }
  #page-plan .lead-block {
    padding: 35px 0 0;
  }
  #page-plan .art-img {
    padding-top: 30px;
  }
  #page-plan .note {
    text-align: left;
    line-height: 1.7;
    font-size: 14px;
  }
  .tbl-lineup div {
    width: 48% !important;
    margin: 0 1%;
  }
  .tbl-lineup dt {
    margin-bottom: 15px;
    background: #f2ecd9;
    display: flex;
    align-items: center;
    float: left;
    padding: 20px 15px 22px;
    width: 30%;
    background: #009944;
    color: #fff;
    position: relative;
    border-radius: 6px 0 0 6px;
    border: solid 1px #009944;
    height: 62px;
  }
  .tbl-lineup dd {
    margin-bottom: 15px;
    background: #ffd;
    display: flex;
    align-items: center;
    float: left;
    padding: 20px 15px 22px;
    width: 70%;
    border-radius: 0 6px 6px 0;
    border: solid 1px #009944;
    height: 62px;
    /*&:after {
    	display: block;
    	content: '　';
    }*/
  }
  .tbl-lineup dd .st {
    font-size: 1.5em;
    font-weight: 900;
    position: relative;
    top: -3px;
    bottom: -12px;
    padding-right: 3px;
  }
  .tbl-lineup dd .note {
    display: block;
    padding-top: 2px;
    padding-bottom: 0;
    width: 100%;
  }
  .tbl-lineup dt.l {
    height: 100px;
  }
  .tbl-lineup dd.l {
    height: 100px;
    flex-wrap: wrap;
    padding-top: 23px;
  }
  .p-btn {
    text-align: center;
  }
  .p-btn a {
    display: inline-block;
    border: 4px solid #eb5a28;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 20px auto;
    padding: 30px 40px;
    color: #eb5a28;
  }
  .p-btn a:hover {
    text-decoration: none;
    background: #ffd;
  }
  .searchandfilter {
    border: solid 1px #ccc;
    max-width: 800px;
    margin: 0 auto 50px;
    background: #f5f5f5;
    padding: 30px 20px 25px;
    text-align: center;
  }
  .searchandfilter .cat-item {
    padding-bottom: 20px;
  }
  .searchandfilter input[type=checkbox] {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: -1px;
    margin-right: 8px;
  }
  .searchandfilter input[type=submit] {
    background: #f39800;
    color: #fff;
    padding: 10px 30px;
    margin-top: 20px;
    font-size: 16px;
    border: 0;
    border-bottom: solid 6px #f5f5f5;
  }
  .searchandfilter label {
    padding: 15px 20px 10px 10px;
    background: #fff;
    border: solid 1px #ccc;
  }
  .bg-dbge {
    background: #c0b6b3;
  }
  .bg-dbge2 {
    background: #e2ddda;
  }
  .bg-dbge3 {
    background: #d3c9c6;
  }
  .pdt-box {
    padding: 65px 0;
    margin-bottom: 25px;
  }
  .pdt-box .pdt-tit-set {
    display: flex;
    align-items: center;
    font-size: 28px;
    line-height: 1.78;
    font-weight: 500;
    height: 200px;
    padding: 22px 0;
  }
  .pdt-box .pdt-tit-set h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 255px;
    height: 100%;
    border-right: solid 4px #000;
    align-items: center;
    margin-right: 25px;
  }
  .pdt-box .pdt-tit-set h1 .stit {
    display: block;
    padding-top: 10px;
    font-size: 16px;
  }
  .pdt-box .flex-box {
    display: flex;
    justify-content: space-between;
  }
  .pdt-box .flex-box.btm {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0;
  }
  .pdt-box .img {
    width: 583px;
  }
  .pdt-box .img img {
    width: 100%;
    height: auto;
  }
  .pdt-box .mrk {
    margin-right: 40px;
  }
  .pdt-box .bl-link {
    margin-top: 60px;
  }
  .page .pdt-box .pdt-tit-set {
    justify-content: center;
    font-size: 30px;
    border: solid 1px #000;
    margin-bottom: 60px;
  }
  .page .pdt-box .flex-box.btm {
    justify-content: space-between;
  }
  .page .pdt-box .img {
    width: 650px;
  }
  .page .pdt-text {
    padding-top: 0;
  }
  .lineup .pdt-box .img {
    position: relative;
    position: relative;
    top: -200px;
    top: -200px;
    margin-bottom: -200px;
    margin-bottom: -200px;
  }
  .pdt-text {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    padding: 40px 0 40px;
  }
  .pdt-text.nrw {
    letter-spacing: 0;
  }
  .pdt-prc {
    border: solid 1px #000;
    width: 300px;
    padding: 16px 16px 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .pdt-prc .oswald {
    font-size: 1.1em;
  }
  .tax-in:after {
    content: "(税込)";
    font-size: 0.6em;
    margin-left: 8px;
  }
  .tax-out:after {
    content: "(税別)";
    font-size: 0.6em;
    margin-left: 8px;
  }
  .prc-l {
    font-size: 32px;
    display: block;
    text-align: center;
    border-bottom: solid 1px #000;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .prc-m {
    font-size: 28px;
    display: block;
    text-align: center;
  }
  .pdt-plan-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .pdt-plan-list .prc-l {
    border: none;
    font-size: 26px;
    margin: 10px 0 5px;
  }
  .pdt-plan-list .prc-m {
    font-size: 20px;
  }
  .pdt-plan-list:nth-last-of-type(1) {
    margin-bottom: 70px;
  }
  .pdt-plan-list li {
    width: 30%;
  }
  .pdt-plan-list li .txt {
    margin: 8px auto;
    padding: 5px 0 15px;
    background: #f1f1f1;
    max-width: 253px;
  }
  .pdt-plan-list li .img {
    text-align: center;
  }
  .pdt-spec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 50px;
  }
  .pdt-spec li {
    width: 18%;
    height: 100px;
    background: #57575a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
  }
  .pdt-spec li:not(:nth-of-type(5n)):after {
    content: url(../image/lineup/mrk-plus.png);
    width: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -13%;
    top: 3%;
  }
  .pdt-spec li.s {
    font-size: 19px;
  }
  .pdt-plan {
    padding-top: 30px;
  }
  .pdt-plan h4 {
    text-align: center;
    line-height: 30px;
    width: 250px;
    border: solid 1px #ccc;
    display: block;
    margin: 0 auto 30px;
    letter-spacing: 3px;
    font-weight: normal;
    background: #fff;
  }
  #page-lineup {
    padding-bottom: 80px;
  }
  #page-lineup .lineup-box.box {
    flex-wrap: wrap;
  }
  #page-lineup .lineup-box.box > li {
    width: calc(33.33% - 40px) !important;
  }
  .no-box {
    margin: 40px auto;
    width: 850px;
    padding: 80px 0;
    text-align: center;
    border: solid 1px #ccc;
  }
  /* モデルハウス */
  /*===================================*/
  .owner-imgcap {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .owner-imgcap li {
    width: 48%;
    margin-bottom: 35px;
  }
  .owner-imgcap li .img {
    display: block;
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
  }
  .owner-imgcap li .img img {
    width: auto;
    height: 480px;
    object-fit: cover;
  }
  .owner-imgcap li p.tit {
    line-height: 1.8;
    text-align: left;
    font-size: 18px;
    border-bottom: 0;
    padding: 6px 10px 8px;
    background: #fdf3e9;
  }
  .owner-imgcap li .txt {
    line-height: 1.8;
    padding: 10px 10px 20px;
  }
  #page-owner .art-img {
    padding: 0;
  }
  #page-owner .evt-txt {
    padding: 0 0 30px;
  }
  #page-owner .evt-txt.art .evt-table th span {
    width: 250px;
  }
  #page-owner .bal-tit.inr {
    display: none;
  }
  .owner2 #page-works .gmap {
    margin: 50px auto 20px;
  }
  .owner2 #page-works .if-cont {
    margin: 30px auto;
  }
  .owner2 #page-works .wp-video {
    margin-left: auto;
    margin-right: auto;
  }
  .owner2 #page-works .oh-text01 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding: 30px 0;
    line-height: 1.6;
  }
  .owner2 #page-works .oh-text02 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 1rem;
    line-height: 1.6;
  }
  .owner2 #page-works .oh-text03 {
    font-size: 1.1rem;
    font-weight: 300;
    padding: 1rem;
    line-height: 1.6;
    background-color: #fafafa;
  }
  .owner2 #page-works .o-bt {
    margin: 30px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.4rem;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #e50012;
    color: #FFF;
    transition: 0.5s;
  }
  .owner2 #page-works .o-bt:hover {
    background-color: #e5b900;
    color: #FFF;
    text-decoration: none;
  }
  .owner2 #page-works .cmt {
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 16px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .owner2 #page-works .page-css {
    text-align: center;
    position: unset !important;
  }
  h3.o-midashi {
    font-size: 21px;
    font-weight: bold;
    margin: 50px 0 30px;
    color: #74664a;
  }
  .title-border {
    display: flex;
    align-items: center;
  }
  .title-border:after {
    border-top: 2px solid #74664a;
    content: "";
    flex-grow: 1;
    margin-left: 1rem;
  }
  .title-border:before {
    border-top: 2px solid #74664a;
    content: "";
    flex-grow: 1;
    margin-right: 1rem;
  }
  .o-syosai-list {
    width: 100%;
    font-size: 16px;
    border: 1px solid #666;
    margin: 0 0 30px;
  }
  .o-syosai-list th {
    font-weight: 400;
    padding: 14px 8px;
    line-height: 1.5;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    text-align: left;
    background-color: #f0f0f0;
    white-space: nowrap;
    vertical-align: middle;
  }
  .o-syosai-list td {
    font-weight: 400;
    padding: 14px 8px;
    line-height: 1.5;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    text-align: left;
  }
  .o-syosai-list tr td:last-child {
    border-right: none;
  }
  .o-syosai-list tr:last-child th {
    border-bottom: none;
  }
  .o-syosai-list tr:last-child td {
    border-bottom: none;
    line-height: 1.2;
  }
  .owner-box {
    width: 100%;
    margin-bottom: 40px;
    border: solid 2px #ccc;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }
  .owner-box:hover * {
    text-decoration: none;
  }
  .owner-box .cat {
    position: absolute;
    right: 30px;
    top: 30px;
  }
  .owner-box .cat img {
    width: 120px;
    height: auto;
  }
  .owner-box .img {
    display: flex;
    width: 40%;
    min-width: 374px;
  }
  .owner-box .img img {
    width: 100%;
    height: auto;
  }
  .owner-box .txt-box {
    width: 52%;
    color: #000;
  }
  .owner-box .tit {
    font-size: 22px;
    display: block;
    padding-bottom: 8px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
    color: inherit;
    font-weight: 500;
  }
  .owner-box .txt {
    font-size: 16px;
    color: inherit;
  }
  .news-list {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: 0 auto 50px;
    border-top: solid 1px #ccc;
  }
  .news-list dt {
    padding: 20px 0;
    line-height: 2;
    border-bottom: solid 1px #ccc;
    width: 20%;
    font-size: 13px;
    color: #666;
    padding-left: 12px;
  }
  .news-list dd {
    padding: 20px 0;
    line-height: 2;
    border-bottom: solid 1px #ccc;
    width: 80%;
    font-size: 14px;
  }
  .news-list dd a {
    color: inherit;
  }
  #page-news .news-list {
    margin-top: 60px;
  }
  #comart {
    padding-bottom: 60px;
  }
  .bg-wt {
    background: #fff;
  }
  .bg-gry {
    background: #f5f5f5;
  }
  .bg-lylw {
    background: #ffd;
  }
  .bg-lgry {
    background: #ebebeb;
  }
  .bg-bge {
    background: #f0eae5;
  }
  .cont-wrap + .tline {
    margin-top: 50px;
  }
  .tline {
    border-top: solid 1px #ccc;
    padding-bottom: 50px;
  }
  .flex-one {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex-box.no {
    flex-wrap: nowrap;
  }
  .flex-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .flex-two > div {
    width: 50%;
  }
  .flex-two > div > img {
    max-width: 100%;
  }
  .flex-two > li {
    width: 50%;
  }
  .flex-two > li > img {
    max-width: 100%;
  }
  .flex-two .img-box img {
    max-width: 100%;
  }
  .flex-three {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: center;
  }
  .flex-three > div {
    width: 30%;
  }
  .flex-three > li {
    width: 30%;
  }
  .flex-four {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .flex-four > div {
    width: 22%;
    margin-right: 4%;
  }
  .flex-four > li {
    width: 22%;
    margin-right: 4%;
  }
  .flex-four.one {
    justify-content: center;
  }
  .flex-four.one > li {
    width: 50%;
    margin-right: 0;
  }
  .flex-four.two {
    justify-content: center;
  }
  .flex-four.two > li {
    width: 33%;
    margin-right: 30px;
    margin-left: 30px;
  }
  .flex-three.two > div {
    margin-right: 30px;
    margin-left: 30px;
  }
  .flex-three.two > li {
    margin-right: 30px;
    margin-left: 30px;
  }
  .sb {
    justify-content: space-between;
  }
  .menu-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0 60px;
  }
  .menu-b li {
    position: relative;
  }
  .menu-b li a {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    text-align: center;
    flex-direction: column;
  }
  .menu-b li a:after {
    display: block;
    content: "詳細を見る";
    border: solid 1px #fff;
    color: #fff;
    font-size: 14px;
    padding: 14px 30px;
    position: absolute;
    bottom: 50px;
    transition: 1s;
  }
  .menu-b li a:hover:after {
    background: rgba(255, 255, 255, 0.5);
  }
  .menu-b li .tit {
    font-size: 28px;
    line-height: 50px;
    margin-top: -50px;
  }
  .menu-b.page {
    padding-top: 0;
  }
  .lead-block {
    text-align: center;
    padding: 0 0 35px;
    font-size: 18px !important;
    line-height: 2;
  }
  .lead-block p {
    font-size: 18px;
    padding-bottom: 2em;
  }
  .lead-block p.nbtm {
    padding-bottom: 0;
  }
  .lead-block .size-l {
    font-size: 24px;
  }
  .lead-block .size-xl {
    font-size: 34px;
    font-weight: 600;
  }
  .lead-block.lft {
    text-align: left;
    padding-bottom: 50px;
  }
  .lead-block.btm {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .lead-txt-ctr-usub {
    text-align: center;
    line-height: 2;
    text-decoration: underline;
    padding-bottom: 30px;
  }
  .lead-txt-ctr-usub.no-u {
    text-decoration: none;
  }
  .tags {
    display: inline-block;
    border: solid 1px #f39800;
    border-raidus: 3px;
    margin-right: 4px;
    background: #fff;
    padding: 2px 6px;
  }
  .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .b-tit {
    display: block;
    padding: 12px 0 14px;
    background: #f39800;
    width: 400px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
  }
  #com-staff {
    margin-top: 30px;
    padding: 5px 0 20px;
  }
  #com-staff p.tit {
    width: 100%;
    display: inline-block;
    padding: 10px;
    line-height: 1.6;
    padding-top: 20px;
    font-size: 22px;
    font-weight: bold;
  }
  #com-staff p.tit .name-en {
    display: block;
    padding-top: 0;
    font-size: 15px;
    color: #666;
  }
  #com-staff p.txt {
    width: 100%;
    display: inline-block;
    padding: 10px;
    line-height: 1.6;
    font-size: 16px;
    padding-bottom: 25px;
  }
  #com-staff p.blog-link {
    padding-bottom: 40px;
    font-size: 14px;
    text-align: right;
  }
  #com-staff p.blog-link a {
    display: inline-block;
    color: #fff;
    background: #000;
    border-radius: 6px;
    padding: 5px 20px 7px;
  }
  #com-staff p.blog-link a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .art-list {
    margin-bottom: 80px;
  }
  .art-list .flex-three {
    justify-content: center;
    font-size: 16px;
  }
  .art-list .flex-three .tit {
    line-height: 1.6;
  }
  .art-list li {
    border: solid 3px #ccc;
    padding: 10px;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    position: relative;
  }
  .art-list .img-box {
    height: 350px;
    max-height: 450px;
  }
  .art-list .img-box img {
    height: 350px;
    object-fit: cover;
    max-height: 450px;
    object-fit: cover;
  }
  .art-list .tit {
    line-height: 1.8;
    padding: 20px 15px;
    font-weight: bold;
    font-size: 22px;
  }
  .art-list .btn-dtl {
    margin: 20px auto;
  }
  .art-list li.no-post {
    padding: 60px 0;
  }
  .art-list .flex-two .tb-box {
    width: 30%;
    min-height: 300px;
    background: url(../image/base/noimage.png) no-repeat 0 0;
  }
  .art-list .flex-two .tb-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .art-list .flex-two .txt-box {
    width: 66%;
    position: relative;
    font-size: 18px;
    line-height: 1.6;
  }
  .art-list .flex-two .txt-box .tit {
    text-align: left;
    padding-left: 0;
  }
  .art-list .flex-two .txt-box .pg-date {
    font-size: 18px;
    padding: 8px;
    text-align: left;
  }
  .art-list .flex-two .txt-box .rt-btn {
    position: absolute;
    right: 0;
    bottom: 50px;
    top: auto;
  }
  .art-list .flex-two .txt-box-hlf {
    width: 40%;
    position: relative;
    font-size: 18px;
    line-height: 1.6;
    padding-left: 15px;
    padding-top: 8px;
  }
  .art-list .flex-two .txt-box-hlf .rt-btn {
    position: absolute;
    right: 0;
    bottom: 50px;
    top: auto;
  }
  .art-list .flex-two .txt-box-hlf .tit {
    text-align: left;
    padding-left: 0;
    padding: 5px 0 25px;
    font-size: 26px;
    line-height: 1.4;
  }
  .art-list .flex-two .txt-box-hlf .btn-dtl {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
  }
  .art-list .flex-two .tb-box-hlf {
    width: 56%;
  }
  .art-list .flex-two .tb-box-hlf img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    margin-right: 35px;
  }
  .art-list li.flex-two:nth-of-type(2n-1) .txt-box-hlf {
    padding-left: 0;
  }
  .art-list li.flex-two:nth-of-type(2n) img {
    margin-right: 0;
  }
  .art-list li.flex-two:nth-last-of-type(1) {
    border-bottom: none;
  }
  .art-list #wks-list li {
    padding-bottom: 5px;
    border-bottom: solid 3px #ccc;
    margin-bottom: 50px;
  }
  .blog.art-list {
    margin-top: 60px;
  }
  .blog.art-list li {
    border: none;
    border-bottom: dotted 1px #999;
    padding: 0;
    margin: 0 0 25px 0;
  }
  .blog.art-list .tit {
    line-height: 1.8;
    padding: 15px 15px 0;
    font-weight: bold;
    font-size: 21px;
  }
  .blog.art-list .txt {
    padding: 15px 0;
    text-align: left;
  }
  .pg-date {
    background: #f39800;
    color: #fff;
    display: block;
    padding: 10px 0;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
  }
  .pg-date.blog {
    background: #666;
    color: #fff;
    letter-spacing: 1px;
  }
  .art-set .tit {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 700;
    color: #f39800;
    text-align: center;
    padding: 40px 0 15px;
    border-bottom: solid 1px #ccc;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .art-set .tit.no-line {
    border-bottom: none;
  }
  .art-set + .gmap {
    margin: 20px auto 70px;
  }
  .art-set .appy-btn-og a {
    margin-right: auto;
    margin-left: auto;
  }
  .art-set .if-cont {
    margin: 0 auto 50px;
  }
  .art-img {
    text-align: center;
    padding: 10px 0 40px;
  }
  .art-img img {
    max-width: 100%;
    height: auto;
  }
  #page-interview .art-img {
    padding-bottom: 20px;
  }
  .art-set-ctr .txt {
    line-height: 1.8;
    padding-bottom: 20px;
  }
  .art-set-ctr .img {
    padding: 20px 0;
    text-align: center;
  }
  .art-set-ctr .img img {
    margin-left: auto;
    margin-right: auto;
  }
  .art-set-ctr .img-box {
    padding: 20px 0;
    text-align: center;
  }
  .art-set-ctr .img-box img {
    margin-left: auto;
    margin-right: auto;
  }
  .art-note {
    text-align: center;
    padding: 40px 0 0;
    line-height: 1.8;
    font-size: 18px;
  }
  .pg-date.art {
    position: relative;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
  }
  .art-text {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 2;
    padding: 10px 30px 30px;
  }
  .art-text p {
    padding-bottom: 2em;
  }
  .art-text img {
    max-width: 1000px;
    height: auto;
    position: relative;
    left: -30px;
  }
  .art-text img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .art-text + .gmap {
    width: 100%;
    height: 400px;
    overflow: hidden;
  }
  .art-text + .gmap iframe {
    /*width: 100%;
    height: 700px;
    margin-top: -150px;*/
  }
  #page-blog .art-text {
    padding-top: 0;
    line-height: 1.5;
    text-align: center;
  }
  #page-blog .art-text p {
    padding-bottom: 0.5em;
  }
  #page-blog .art-text * {
    font-size: inherit;
  }
  #page-blog .art-text img {
    display: block;
    max-width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }
  .art-text-hlf {
    font-size: 18px;
    line-height: 1.8;
    padding: 0 15px 40px 0;
    text-align: left;
  }
  .evt-txt {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .evt-txt .appy-btn-og {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .evt-txt.art .evt-table {
    border-top: solid 1px #ccc;
    background: #fff;
    margin-bottom: 30px;
  }
  .evt-txt.art .evt-table td {
    border-bottom: dotted 1px #ccc;
    padding: 12px 12px 12px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
  }
  .evt-txt.art .evt-table th {
    border-bottom: dotted 1px #ccc;
    padding: 12px 12px 12px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    width: 10%;
  }
  .evt-txt.art .evt-table th span {
    display: block;
    padding: 6px 0 8px 8px;
    margin-right: 30px;
    margin-left: 12px;
    width: 150px;
    background: #f5f5f5;
    letter-spacing: 5px;
    color: #000;
    text-align: center;
    border-left: solid 5px #f39800;
  }
  .evt-txt.art .evt-table tr:nth-last-of-type(1) td {
    border-bottom: solid 1px #ccc;
  }
  .evt-txt.art .evt-table tr:nth-last-of-type(1) th {
    border-bottom: solid 1px #ccc;
  }
  #wks-list li.flex-two:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  #wks-art .tit {
    text-align: center;
    font-size: 30px;
    line-height: 1.6;
  }
  #wks-art .art-text.art-set {
    margin-top: 0;
  }
  #news-arc {
    padding-bottom: 40px;
  }
  #news-arc .tit {
    padding: 50px 0;
  }
  #news-arc p {
    padding-bottom: 1.5em;
  }
  #news-arc ul {
    padding-bottom: 1.5em;
    margin-left: 20px;
    margin-right: 20px;
  }
  #news-arc img {
    max-width: 940px;
  }
  .event .bl-link {
    margin-bottom: 40px;
  }
  .blu-obi * {
    color: #fff;
  }
  .blu-obi + .cpt-box {
    margin-top: 0;
  }
  .fst-line {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 30px;
  }
  .snd-line {
    font-size: 40px;
    font-family: "Noto Serif JP", sans-serif;
    font-weight: 700;
    display: inline-block;
    border: solid 1px #fff;
    padding: 15px 80px 0;
    height: 70px;
    border-radius: 35px;
  }
  .marker {
    background: linear-gradient(transparent 50%, #f5ed13 50%);
    font-size: inherit;
  }
  .marker.l {
    font-weight: 500;
    font-size: 1.5em;
    padding-right: 5px;
    line-height: 1.5;
  }
  .full .txt {
    width: 100%;
  }
  .bk-big-btn {
    width: 80%;
  }
  .bk-big-btn li {
    margin-bottom: 30px;
  }
  .bk-big-btn li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    background: #222;
    font-size: 26px;
    font-weight: 700;
    padding: 15px 20px 20px;
    line-height: 1.5;
  }
  .bk-big-btn li a .s {
    display: block;
    font-size: 18px;
    color: inherit;
    font-weight: 400;
    padding-top: 8px;
  }
  .bk-big-btn li a:hover {
    background: #666;
    text-decoration: none;
  }
  .form-box {
    background: #f1f1f1;
    margin: 30px auto;
    padding: 40px 0 20px;
  }
  #app-merit li {
    width: 32%;
    border: solid 5px #072ff9;
    padding: 30px;
    text-align: center;
  }
  #app-merit li .tit {
    display: inline-block;
    font-size: 22px;
    padding: 5px 0 8px;
    margin-bottom: 20px;
    border-bottom: solid 1px #000;
  }
  #app-merit li .tit .size-xl {
    font-size: 30px;
    font-weight: 600;
  }
  #app-merit li .img {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  #app-merit li .img img {
    width: 100%;
    height: auto;
  }
  #app-merit li .txt {
    font-size: 18px;
    line-height: 1.6;
  }
  .thx {
    border: solid 3px #ccc;
    padding: 100px 50px;
    line-height: 1.8;
  }
  .thx h3 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .btm-balloon {
    padding-bottom: 40px;
  }
  .btm-balloon li {
    background: url(../image/pages/box-bln.svg) no-repeat;
    background-size: cover;
    width: 32%;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 470px;
  }
  .btm-balloon li .img {
    padding: 20px 0;
  }
  .btm-balloon li .txt {
    font-size: 18px;
    line-height: 2;
    text-align: center;
  }
  .img-fit img {
    width: 100%;
    height: auto;
  }
  .merit {
    margin-top: 50px;
    justify-content: space-between;
  }
  .merit li {
    position: relative;
    width: 31%;
    background: #fff;
  }
  .merit li:before {
    content: url(../image/forms/mrk-merit.png);
    position: absolute;
    left: -20px;
    top: 180px;
  }
  .merit li .img img {
    width: 100%;
    height: auto;
  }
  .merit li .txt {
    line-height: 1.8;
    font-size: 16px;
    padding: 20px 0 30px;
  }
  .merit li:nth-of-type(1) .txt {
    background: url(../image/forms/num01.png) no-repeat right bottom 20px;
  }
  .merit li:nth-of-type(2) .txt {
    background: url(../image/forms/num02.png) no-repeat right bottom 20px;
  }
  .merit li:nth-of-type(3) .txt {
    background: url(../image/forms/num03.png) no-repeat right bottom;
  }
  .promise {
    margin-top: 50px;
    justify-content: space-between !important;
  }
  .promise li {
    width: 31%;
    border: solid 6px #ccc;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .promise li .txt {
    line-height: 1.8;
    font-size: 16px;
    padding: 20px 0 30px;
  }
  .promise li:nth-of-type(1) {
    background: url(../image/forms/num01.png) no-repeat left 10px top 20px;
  }
  .promise li:nth-of-type(2) {
    background: url(../image/forms/num02.png) no-repeat left 10px top 20px;
  }
  .promise li:nth-of-type(3) {
    background: url(../image/forms/num03.png) no-repeat left 10px top 20px;
  }
  #rsv-merit {
    margin: 50px 0 0;
    padding: 30px 0 70px;
  }
  #cat-forms {
    margin: 30px 0 60px;
  }
  .bln-bk-tit {
    background: #000;
    font-size: 20px;
    width: 165px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    position: relative;
    top: -10px;
    letter-spacing: 1px;
  }
  span.u {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: solid 1px #000;
  }
  #bg-cat-page {
    width: 100%;
    background: url(../image/forms/bg-cat.jpg) no-repeat;
    background-size: cover;
  }
  #bg-cat-page .wrap12 {
    background: url(../image/forms/cat-guide.png) no-repeat right bottom 70px;
    padding-bottom: 60px;
  }
  #cat-top-bnr {
    justify-content: flex-start;
  }
  #cat-top-bnr .txt-set {
    width: 350px;
    margin: 70px 0 0 50px;
  }
  #cat-top-bnr .txt-set p {
    line-height: 2;
    padding-bottom: 25px;
  }
  .cat-sub {
    padding: 60px 0 50px;
    display: flex;
    font-size: 36px;
    font-family: "Noto Serif JP", sans-serif;
    font-weight: 400;
    justify-content: center;
    align-items: flex-end;
  }
  .slash {
    font-size: 30px;
    line-height: 1.53;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: 50px;
  }
  .slash:before {
    content: url(../image/forms/slash-lft.png);
    position: absolute;
    left: -70px;
    bottom: 5px;
  }
  .slash:after {
    content: url(../image/forms/slash-rgt.png);
    position: absolute;
    right: -70px;
    bottom: 5px;
  }
  #cat-img {
    padding-bottom: 30px;
  }
  #cat-img .wpcf7-checkbox {
    display: flex;
  }
  #cat-img .wpcf7-checkbox > span {
    width: 45% !important;
  }
  #cat-img .wpcf7-checkbox > span label {
    width: 100%;
    background: url(../image/forms/cat-book01.png) no-repeat;
    height: 170px;
  }
  #cat-img .wpcf7-checkbox > span label * {
    margin-top: 200px;
  }
  #cat-img .wpcf7-checkbox > span:nth-of-type(2) label {
    background: url(../image/forms/cat-book02.png) no-repeat;
  }
  #cat-img .wpcf7-checkbox > span:nth-of-type(3) label {
    background: url(../image/forms/cat-book03.png) no-repeat;
  }
  #cat-img .wpcf7-list-item-label {
    font-size: 14px;
    line-height: 1.5;
  }
  #cat-img input[type=checkbox] {
    margin-left: 0;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    position: relative;
    top: 5px;
  }
  #cat-img .wpcf7-list-item {
    margin-left: 0;
    width: 100%;
  }
  #cat-img label {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    width: 260px;
  }
  .cnsl-box {
    margin-bottom: 60px;
  }
  .cnsl-box h3 {
    margin-bottom: 30px;
    position: relative;
  }
  .cnsl-box h3.num01:before {
    position: absolute;
    left: -100px;
    content: url(../image/consult/num01.png);
  }
  .cnsl-box h3.num02:after {
    position: absolute;
    top: -10px;
    right: -110px;
    content: url(../image/consult/num02.png);
  }
  .cnsl-box h3.num03:before {
    position: absolute;
    left: -110px;
    content: url(../image/consult/num03.png);
  }
  .cnsl-box p {
    font-size: 16px;
    line-height: 2;
  }
  .bg-bl {
    background-size: auto auto;
    background-color: rgb(226, 241, 252);
    background-image: repeating-linear-gradient(-65deg, transparent, transparent 4px, rgb(239, 248, 255) 4px, rgb(239, 248, 255) 6px);
    border-top: dashed 1px #009944;
    border-bottom: dashed 1px #009944;
  }
  .bg-bl .sld-box {
    background: #fff;
  }
  .bg-pnk {
    background-color: #ff008e;
    padding: 70px 0;
  }
  .bg-pnk .sld-box {
    margin-top: 0;
    margin-bottom: 0;
  }
  .bnr-two {
    margin-top: 50px;
    margin-bottom: 60px;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .bnr-two li:nth-of-type(1) {
    margin-right: 20px;
    margin-left: -20px;
  }
  .bnr-two.std {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-width: 1000px;
    width: 1000px;
  }
  .bnr-two.std li:nth-of-type(1) {
    margin-right: 0;
    margin-left: 0;
  }
  .bnr-two.notop {
    margin-top: 0;
  }
  #sbi_images {
    background: #c8e5fb;
    border-radius: 6px;
    padding: 18px !important;
  }
  #page-room #sbi_images {
    background: #fff;
    padding: 0 !important;
  }
  #page-room #sb_instagram .sbi_caption_wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #page-room .sbi_item {
    background: #f5f5f5 !important;
  }
  .sbi_caption {
    line-height: 1.75 !important;
    color: #000 !important;
    text-align: left !important;
  }
  #sb_instagram .sbi_caption_wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #sb_instagram .sbi_info {
    text-align: left !important;
  }
  /* Sliders */
  .wk-slider ul {
    padding: 20px 0 0;
    /*display: flex; /*1つの時*/
    /*justify-content: center; /*1つの時*/
  }
  .wk-slider .flex-three {
    /*justify-content: center; /*1つの時*/
  }
  .wk-slider .flex-three li {
    margin-left: 13px;
    margin-right: 13px;
  }
  .wk-slider li {
    background: #ffd;
    border-radius: 6px;
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);*/
    /*width: 500px; /*1,2つの時*/
    /*min-height: 510px; /*1,2つの時*/
  }
  .wk-slider li .img {
    overflow: hidden;
    border-radius: 6px 6px 0 0;
  }
  .wk-slider li .img img {
    width: 100%; /*1,2つの時*/
    height: 270px; /*1,2つの時*/
    object-fit: cover;
  }
  .wk-slider li .tit {
    padding: 18px 12px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    color: #009944;
  }
  .wk-slider li .txt {
    padding: 0 12px 20px;
    font-size: 16px;
    line-height: 1.9;
  }
  .wk-slider a * {
    color: #000;
  }
  .wk-slider a:hover {
    text-decoration: none;
  }
  .wk-slider .tdk {
    font-weight: 500;
    color: #000 !important;
    display: block;
    text-align: right;
  }
  .pagination_wrapper {
    position: relative;
    clear: both;
    overflow: hidden;
  }
  .pagination_wrapper ul {
    margin-top: 30px;
    position: relative;
    left: 50%;
    float: left;
    list-style: none;
  }
  .pagination_wrapper li {
    position: relative;
    left: -50%;
    margin: 0.178em;
    float: left;
  }
  .pagination_wrapper li .current {
    display: block;
    color: #fff;
    padding: 12px;
    background-color: #f39800;
    border: 1px solid #f39800;
    text-decoration: none;
  }
  .pagination_wrapper li .dots {
    line-height: 33px;
  }
  .pagination_wrapper li a {
    display: block;
    color: #262626;
    padding: 12px;
    background-color: #fff;
    border: 1px solid #f39800;
  }
  #page-works .bg-sub-pt {
    margin: 20px auto 35px;
    width: 1222px;
  }
  #page-works .flex-three.wk-slider {
    /*justify-content: center; /*1つの時*/
    max-width: 1248px;
    min-width: 1248px;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
  }
  #page-works .flex-three.wk-slider li {
    margin-left: 13px;
    margin-right: 13px;
    width: 390px;
    margin-bottom: 35px;
    border: solid 1px #ccc;
  }
  .roomtour {
    width: 1222px;
    margin: 20px auto;
  }
  #page-works .ohmain {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px;
  }
  #page-works .ohmain img {
    width: 48.5%;
    height: auto;
    max-height: 276px;
    object-fit: cover;
  }
  #page-works .ohmadori {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: solid 3px #ccc;
    padding: 20px 0;
    text-align: center;
  }
  #page-works .ohmadori img {
    max-width: 90%;
    width: auto;
    height: auto;
  }
  #page-lineup .pl-slider {
    padding: 0 !important;
  }
  .ld-slider > ul.flex-three > li {
    min-width: 335px;
    margin-left: 13px;
    margin-right: 13px;
  }
  .ld-slider > ul > li {
    /*width: 31%;
    margin-right: 1.166%;
    margin-left: 1.166%;*/
    /*width: 500px;  /*1つの時*/
    margin-left: auto;
    margin-right: auto;
    /*1つの時*/
    background: #fff;
    border: solid 2px #f39800;
    position: relative;
  }
  .ld-slider > ul > li .tit {
    font-weight: 700;
    padding: 8px 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #f39800;
    text-align: center;
    font-size: 18px;
    color: #fff;
  }
  .ld-slider > ul > li .txt {
    font-size: 14px;
    line-height: 1.6;
    display: block;
    padding: 12px;
    border: solid 1px #ccc;
    background: #f5f5f5;
  }
  .ld-slider > ul > li .prc {
    display: block;
    background: #ffd;
    text-align: center;
    padding: 15px 10px;
    margin: 10px 0;
    font-weight: bold;
  }
  .ld-slider > ul > li a {
    display: block;
    padding: 10px 10px 15px;
  }
  .ld-slider > ul > li a * {
    color: #000;
  }
  .ld-slider > ul > li a:hover {
    text-decoration: none;
  }
  .ld-slider > ul > li a .img {
    padding-bottom: 0;
    overflow: hidden;
  }
  .ld-slider > ul > li a .img img {
    width: 100%;
    height: 230px;
    /*height: 330px; /*1つの時*/
    object-fit: cover;
    border: solid 1px #ddd;
  }
  #page-land .ld-slider li {
    margin-bottom: 30px;
  }
  ul.dtl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  ul.dtl li {
    width: 49%;
    border: solid 1px #ccc;
    text-align: center;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  ul.dtl li:before {
    display: block;
    width: 70px;
    background: #f39800;
    color: #fff;
    content: "土地面積";
    text-align: center;
    font-size: 13px;
    padding: 8px 2px;
    margin-right: 8px;
  }
  ul.dtl li:nth-of-type(2):before {
    content: "建ぺい率";
  }
  ul.dtl li:nth-of-type(3):before {
    content: "容積率";
  }
  ul.dtl li:nth-of-type(4):before {
    content: "坪単価";
  }
  ul.dtl li:nth-of-type(5):before {
    content: "";
  }
  .b-prc {
    color: #c00 !important;
    font-size: 40px;
    font-weight: 900;
  }
  .b-prc .kanbai {
    font-size: 0.8em;
    color: inherit;
    position: relative;
    top: -5px;
  }
  .md-slider ul {
    /*justify-content: center; /*1つの時*/
  }
  .md-slider .flex-three {
    /*justify-content: center; /*1つの時*/
  }
  .md-slider .flex-three li {
    margin-left: 13px;
    margin-right: 13px;
  }
  .md-slider li {
    /*width: 31%;
    margin-bottom: 30px;
    margin-right: 1.166%;
    margin-left: 1.166%;*/
    background: #fff;
    border: solid 2px #f39800;
    position: relative;
    /*width: 500px; /*1つの時*/
  }
  .md-slider li .tit {
    font-weight: 700;
    padding: 8px 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #f39800;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
  }
  .md-slider li .txt {
    font-size: 16px;
    line-height: 1.9;
  }
  .md-slider li a, .md-slider li .ins-a {
    display: block;
    padding: 10px 10px 25px;
  }
  .md-slider li a *, .md-slider li .ins-a * {
    color: #000;
  }
  .md-slider li a:hover, .md-slider li .ins-a:hover {
    text-decoration: none;
  }
  .md-slider li a .tit, .md-slider li .ins-a .tit {
    color: #fff;
  }
  .md-slider li a .img, .md-slider li .ins-a .img {
    padding-bottom: 0;
    overflow: hidden;
  }
  .md-slider li a .img img, .md-slider li .ins-a .img img {
    width: 100%;
    height: 280px;
    /*height: 330px; /*1つの時*/
    object-fit: cover;
  }
  #top-owner .md-slider {
    margin-top: 20px;
  }
  #page-model .md-slider .flex-three {
    margin-left: 60px;
    justify-content: flex-start;
  }
  #page-model .md-slider li {
    margin-bottom: 30px;
  }
  #page-model .md-slider li .img img {
    height: 250px;
  }
  .ribbon {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 28px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    width: 120px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 700;
    background: #c00;
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 3px;
    text-align: center;
    z-index: 10;
  }
  .ribbon:before {
    position: absolute;
    content: "";
    top: -6px;
    left: -2px;
    border: none;
    height: 46px;
    width: 7px;
    background: #c00;
    border-radius: 3px 0 0 3px;
  }
  .ribbon:after {
    position: absolute;
    content: "";
    top: -5px;
    left: 0px;
    border: none;
    height: 5px;
    width: 5px;
    background: #ccc;
    border-radius: 3px 0 0 3px;
  }
  .sold .ribbon {
    background: #666;
  }
  .sold .ribbon:before {
    background: #666;
  }
  .sold .ribbon:after {
    background: #ccc;
  }
  .wait .ribbon {
    background: #009944;
  }
  .wait .ribbon:before {
    background: #009944;
  }
  .wait .ribbon:after {
    background: #ccc;
  }
  .nondisplay .ribbon {
    display: none;
  }
  .sts-tit {
    display: block;
    margin: 0 auto 40px;
    width: 200px;
    color: #fff;
    text-align: center;
    padding: 14px 0 16px;
    font-size: 18px;
    letter-spacing: 2px;
    text-indent: 2px;
    font-weight: 700;
    background: #c00;
  }
  .sts-tit.sold {
    background: #666;
  }
  .sts-tit.nego {
    background: #009944;
  }
  .sts-tit.nondisplay {
    display: none;
  }
  .vc-slider ul {
    padding: 20px 0;
  }
  .vc-slider .flex-three::after {
    content: "";
    display: block;
    width: calc(60% + 50px);
  }
  .vc-slider .flex-three li {
    margin-left: 13px;
    margin-right: 13px;
  }
  .vc-slider li {
    background: #fff;
    border-radius: 6px;
    height: auto !important;
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);*/
  }
  .vc-slider li .img {
    overflow: hidden;
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: top center;
    border-bottom: dotted 1px #ccc;
  }
  .vc-slider li .tit {
    padding: 14px 12px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    background: #f39800;
    border-radius: 6px 6px 0 0;
    border-bottom: dashed 2px #fff;
    text-align: center;
  }
  .vc-slider li .txt {
    padding: 12px 12px 20px;
    font-size: 16px;
    line-height: 1.6;
  }
  .vc-slider li a {
    display: block;
    height: 100%;
  }
  .vc-slider a * {
    color: #000;
  }
  .vc-slider a:hover {
    text-decoration: none;
  }
  .bl-slider .flex-four li {
    margin-left: 13px;
    margin-right: 13px;
    height: auto;
  }
  .bl-slider li {
    background: #fff;
    border-radius: 6px;
    position: relative;
    /*height: 440px; /*txtあり*/
    height: 330px;
    border: solid 1px #ccc;
  }
  .bl-slider li .date {
    position: absolute;
    top: 190px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 22px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #f39800;
    border-radius: 11px;
  }
  .bl-slider li .img {
    overflow: hidden;
    border-radius: 6px 6px 0 0;
  }
  .bl-slider li .img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .bl-slider li .tit {
    padding: 22px 12px 12px;
    font-size: 18px;
    font-weight: 700;
    color: #009944;
    line-height: 1.6;
  }
  .bl-slider li .txt {
    padding: 0 12px 20px;
    font-size: 16px;
    line-height: 1.5;
  }
  .bl-slider a * {
    color: #000;
  }
  .bl-slider a:hover {
    text-decoration: none;
  }
  /* 土地情報 */
  /*===================================*/
  .bukken-info {
    max-width: 1200px;
    margin: 50px auto;
  }
  .bukken-info .flex-box {
    display: flex;
    justify-content: space-around;
  }
  .bukken-info table {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin-bottom: 25px;
  }
  .bukken-info table th.fix {
    width: 164px !important;
  }
  .bukken-info table.tm-top {
    margin-bottom: 0;
  }
  .bukken-info table.tm-top tr:nth-last-of-type(1) th {
    border-bottom: none;
  }
  .bukken-info table.tm-top tr:nth-last-of-type(1) td {
    border-bottom: none;
  }
  .bukken-info th,
  .bukken-info td {
    padding: 14px 8px;
    line-height: 1.5;
    font-size: 16px;
    vertical-align: middle;
  }
  .bukken-info th {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #f1f1f1;
    width: 20%;
    font-weight: normal;
    text-align: center;
  }
  .bukken-info td {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    text-align: left;
  }
  .bukken-info td:nth-of-type(2n) {
    width: 30%;
  }
  .bukken-info td.inr {
    padding: 0;
  }
  .bukken-info td.inr table {
    border: none;
    margin-bottom: 0;
  }
  .bukken-info td.inr td {
    border-right: none;
  }
  .bukken-info td.inr tr:nth-last-of-type(1) th {
    border-bottom: none;
  }
  .bukken-info td.inr tr:nth-last-of-type(1) td {
    border-bottom: none;
  }
  .bukken-info td.manen:after {
    content: "万円";
  }
  .bukken-info .bukken-price {
    margin: 10px 300px 30px;
    padding-bottom: 15px;
    font-size: 60px;
    font-weight: bold;
    color: #c00;
    border-bottom: solid 2px #999;
    text-align: center;
  }
  .bukken-info .bukken-price:after {
    content: "万円";
    margin-left: 12px;
    font-size: 34px;
    color: #000;
    display: inline;
  }
  .bukken-info .b-lead {
    text-align: center;
    font-size: 30px;
    padding-top: 15px;
    line-height: 1.5;
  }
  .bukken-info ul.apl-point {
    margin-top: 30px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
  }
  .bukken-info ul.apl-point li {
    width: 30%;
    padding: 15px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    background: #fdf3e9;
  }
  .bukken-info ul.apl-point li span {
    color: #f39800;
    font-size: 20px;
    font-weight: normal;
  }
  .bukken-info ul.apl-point li span:after {
    content: "：";
  }
  .bukken-info .bukken-img {
    margin: 30px auto;
    border: solid 2px #f39800;
    padding: 15px;
  }
  .bukken-info .bukken-img .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .bukken-info .bukken-img .flex-box .img-box {
    width: 49%;
  }
  .bukken-info .bukken-img .flex-box .img-box img {
    width: 100%;
    height: 360px;
    object-fit: cover;
  }
  .bukken-info .b-sub {
    background: #888;
    padding: 10px 10px 12px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 500;
    letter-spacing: 2px;
  }
  .bukken-info .b-sub.mtp {
    margin-top: 40px;
  }
  .bukken-info .check-p {
    margin: -25px 0 40px 0;
  }
  .bukken-info .check-p td {
    background: #ffd;
    padding: 20px;
    line-height: 1.7;
  }
  .bukken-info iframe {
    width: 100%;
  }
  .bukken-tit {
    background: #f39800;
    color: #fff;
    padding: 16px 14px 18px;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 40px;
    text-align: center;
  }
  .bukken-img .img-box {
    border: solid 1px #ddd;
  }
  .bukken-img .note {
    padding-top: 20px;
    font-size: 12px;
    text-align: center;
  }
  .bukken-com p {
    line-height: 2;
  }
  /* お客様の声 */
  /*===================================*/
  #page-voice .vc-name {
    font-size: 20px;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: unederline;
    margin: 10px 0 20px;
  }
  #page-voice .vc-slider {
    background: #fdf3e9;
    padding: 40px 0;
  }
  #page-voice .vc-slider li {
    margin-bottom: 35px;
  }
  #page-voice .art-img {
    margin: 30px auto 0;
    padding: 10px;
    border: solid 1px #ccc;
    text-align: center;
    width: 520px;
  }
  #page-voice .art-img img {
    width: 500px;
    height: auto;
  }
  #page-voice .tit-page-jp {
    font-size: 36px;
  }
  #page-voice .flex-box .img {
    width: 30%;
  }
  #page-voice .flex-box .img img {
    width: 100%;
    height: auto;
  }
  #page-voice .flex-box .txt-box {
    width: 65%;
    margin: 0 auto;
  }
  .tdk {
    color: #009944 !important;
    display: inline-block;
    padding-left: 15px;
    font-weight: bold;
  }
  /* ブログ */
  /*===================================*/
  #page-blog .bl-slider {
    background: #ffd;
    padding: 40px 0;
  }
  #page-blog .bl-slider li {
    margin-bottom: 25px;
  }
  #nav-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  #nav-box div {
    width: 48.5%;
  }
  #nav-box div a {
    display: flex;
    width: 100%;
    background: #f1f1f1;
    padding: 15px;
    align-items: center;
    position: relative;
    color: #000;
  }
  #nav-box div a:hover {
    background: #ffd;
  }
  #nav-box div a img {
    overflow: hidden;
  }
  #nav-box .prev-link {
    margin-right: 1.5%;
    text-align: left;
  }
  #nav-box .prev-link a {
    padding-left: 50px;
  }
  #nav-box .prev-link a:before {
    content: "";
    display: block;
    width: 20px;
    height: 24px;
    background: url(../image/base/arw-left.png);
    background-size: cover;
    color: #666;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: calc(50% - 12px);
  }
  #nav-box .prev-link a img {
    margin-right: 20px;
  }
  #nav-box .next-link {
    margin-left: 1.5%;
    text-align: right;
  }
  #nav-box .next-link a {
    justify-content: flex-end;
    padding-right: 50px;
  }
  #nav-box .next-link a:before {
    content: "";
    display: block;
    width: 20px;
    height: 24px;
    background: url(../image/base/arw-right.png);
    background-size: cover;
    color: #666;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
  }
  #nav-box .next-link a img {
    margin-left: 20px;
  }
  #nav-box .d {
    display: inline-block;
    padding-bottom: 10px;
    color: #666;
    font-weight: bold;
  }
  /* 会社案内 */
  /*===================================*/
  #top-com {
    position: relative;
    padding-bottom: 160px;
  }
  #top-com .lr-set {
    width: 100%;
    margin-top: 20px;
  }
  #top-com .lr-set .txt-box {
    width: 60%;
    margin: 0 0 40px;
  }
  #top-com .lr-set .img {
    width: 35%;
    position: relative;
  }
  #top-com .lr-set .img .hvr-yupi {
    position: absolute;
    right: -20px;
    bottom: 40px;
    width: 80px;
    height: auto;
  }
  #top-com .lr-set .img .waku {
    border-radius: 6px;
    background: #fff;
    display: inline-block;
  }
  #top-com .lr-set .img .waku img {
    margin: 10px;
    border-radius: 6px;
    width: calc(100% - 20px);
    height: auto;
  }
  #top-com .three-btn {
    position: absolute;
    bottom: 150px;
    left: calc(50% - 565px);
  }
  .three-btn,
  .two-btn {
    width: 1130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .three-btn li,
  .two-btn li {
    position: relative;
  }
  .three-btn li a,
  .two-btn li a {
    height: 60px;
    margin: 0 7px;
    border-radius: 6px;
    background-color: #009944;
    border-bottom: 4px solid #007032;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 22px;
    width: 100%;
    height: 100px;
  }
  .three-btn li a:hover,
  .two-btn li a:hover {
    margin-top: 2px;
    border-bottom: 2px solid #007032;
    text-decoration: none;
  }
  .three-btn li a:after,
  .two-btn li a:after {
    content: url(../image/base/#007032);
    margin-left: 10px;
  }
  .three-btn li a .fts,
  .two-btn li a .fts {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    display: block;
    padding-bottom: 5px;
    text-align: center;
    margin-top: -20px;
    margin-bottom: -40px;
  }
  .three-btn li a:after,
  .two-btn li a:after {
    margin-left: 0;
  }
  .three-btn li {
    width: 31%;
  }
  .two-btn li {
    width: 47.5%;
  }
  .two-btn li a {
    font-size: 30px;
  }
  #com-page .flex-box {
    margin-bottom: 50px;
  }
  #com-page .flex-box .txt-box {
    width: 60%;
    margin: 0;
  }
  #com-page .flex-box .img {
    width: 35%;
    padding-top: 10px;
  }
  #com-page .flex-box .img img {
    width: 100%;
    height: auto;
  }
  #com-page .flex-box.r {
    flex-direction: row-reverse;
  }
  #com-page .flex-box.f {
    margin-bottom: -55px;
  }
  #com-page .dfts {
    margin-top: 40px;
  }
  /* スタッフ紹介 */
  /*===================================*/
  #top-staff {
    padding-bottom: 145px;
  }
  #top-staff .two-btn {
    margin-top: 10px;
  }
  #top-staff .two-btn li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #top-staff .two-btn li:nth-of-type(1) a::before {
    content: url(../image/top/bg-stf01.png);
    margin-right: 30px;
  }
  #top-staff .two-btn li:nth-of-type(1) a::after {
    content: url(../image/top/bg-stf02.png);
    margin-left: 30px;
  }
  #top-staff .two-btn li:nth-of-type(2) a::before {
    content: url(../image/top/bg-stf03.png);
    margin-right: 30px;
  }
  #top-staff .two-btn li:nth-of-type(2) a::after {
    content: url(../image/top/bg-stf04.png);
    margin-left: 30px;
  }
  .stf-box {
    border-top: dotted 1px #666;
    margin: 0 auto 30px;
  }
  .stf-box li {
    width: 100%;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .stf-box li:not(:nth-last-of-type(1)) {
    border-bottom: dotted 1px #666;
  }
  .stf-box .txt-box {
    width: 65%;
    margin: 0;
  }
  .stf-box .txt-box p {
    font-size: 16px;
  }
  .stf-box .img {
    width: 30%;
  }
  .stf-box .img img {
    width: 100%;
    height: auto;
  }
  .stf-pos {
    background: #009944;
    width: 200px;
    height: 34px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
  }
  .stf-dtl {
    padding-bottom: 0 !important;
  }
  .stf-name .ftl {
    font-size: 30px;
  }
  #page-staff .tit-page-jp {
    padding: 0 0 50px;
  }
  /* よくあるご質問 */
  /*===================================*/
  #page-faq .qa {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
  }
  #page-faq .qa dt {
    padding: 12px 30px;
    font-size: 18px;
    background: url(../image/base/q.png) no-repeat center left 20px #ffd;
    background-size: 40px auto;
    padding-left: 100px;
  }
  #page-faq .qa dd {
    padding: 12px 30px;
    padding-top: 15px;
    padding-bottom: 40px;
    background: url(../image/base/a.png) no-repeat top 15px left 20px;
    background-size: 40px auto;
    padding-left: 100px;
  }
  /* プライバシーポリシー */
  /*===================================*/
  #page-privacy {
    padding: 20px 0 50px;
  }
  #page-privacy dl {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1000px;
  }
  #page-privacy .sub30-ctr-mainc {
    padding-top: 0;
  }
  /* ローン相談 */
  /*===================================*/
  #page-loan .temo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #page-loan .main-tit {
    background: #f39800;
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    padding: 22px 0 25px;
    letter-spacing: 5px;
    text-indent: 5px;
    margin: 15px auto 0px;
  }
  #loan-main-psn {
    position: absolute;
    top: -45px;
    right: 30px;
  }
  .inq-set-loan {
    max-width: 1000px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .inq-set-loan .bnr-two {
    min-width: 100%;
    margin: 0;
  }
  #loan-onayami {
    background: url("../image/loan/loan-main-bg.png") no-repeat right 320px top 100px #ffd;
    padding: 30px 60px 35px 80px;
    border: solid 8px #f39800;
    margin: 40px auto;
    position: relative;
  }
  .chk li {
    margin-bottom: 10px;
  }
  .chk li:before {
    content: url("../image/loan/check.png");
    position: relative;
    top: 10px;
    margin-right: 10px;
  }
  .chk li span {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: solid 1px #000;
  }
  #reason6 .sono {
    /*text-align: center;
    padding-bottom: 10px;*/
  }
  #reason6 > li {
    border: solid 3px #f39800;
    padding: 25px 30px 20px;
    margin-bottom: 30px;
  }
  #reason6 .img {
    text-align: center;
    display: block;
    padding: 0;
  }
  #reason6 .txt-box {
    padding: 0 0 10px 0;
    margin: 20px auto 0;
  }
  .tit-set .sono {
    padding-bottom: 10px;
  }
  #loan-fuki02 {
    margin: 20px 0 30px 40px;
  }
  #loan-fuki03 {
    display: block;
    margin: 10px auto 60px;
  }
  .loan-box {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15px;
  }
  .loan-box li {
    width: 48%;
    margin-bottom: 45px;
    margin-right: 4%;
  }
  .loan-box li:nth-of-type(2n) {
    margin-right: 0;
  }
  .case_box {
    background: #fff;
    padding-bottom: 10px;
    border: solid 3px #009944;
    position: relative;
  }
  .case_box::after {
    content: url(../image/loan/case_illu01.png);
    position: absolute;
    right: -12px;
    top: -20px;
  }
  .case_box:nth-of-type(2)::after {
    content: url(../image/loan/case_illu02.png);
  }
  .case_box:nth-of-type(3)::after {
    content: url(../image/loan/case_illu03.png);
  }
  .case_box:nth-of-type(4)::after {
    content: url(../image/loan/case_illu04.png);
  }
  .case_box:nth-of-type(5)::after {
    content: url(../image/loan/case_illu05.png);
  }
  .case_box:nth-of-type(6)::after {
    content: url(../image/loan/case_illu06.png);
  }
  .case_box:nth-of-type(7)::after {
    content: url(../image/loan/case_illu07.png);
  }
  .case_box:nth-of-type(8)::after {
    content: url(../image/loan/case_illu08.png);
  }
  .case_box:nth-of-type(9)::after {
    content: url(../image/loan/case_illu09.png);
  }
  .case_box:nth-of-type(10)::after {
    content: url(../image/loan/case_illu10.png);
  }
  .case_box:nth-of-type(11)::after {
    content: url(../image/loan/case_illu11.png);
  }
  .case_box:nth-of-type(12)::after {
    content: url(../image/loan/case_illu12.png);
  }
  .case_box h2 {
    background: #009944;
    padding: 12px 20px 14px;
    margin: 0;
    border-bottom: dotted 1px #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
  }
  .case_box strong {
    color: #c00;
  }
  .case_box table {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: none;
  }
  .case_box table tr {
    border-top: solid 1px #ccc;
  }
  .case_box th, .case_box td {
    vertical-align: middle;
  }
  .case_box th {
    padding: 10px;
    line-height: 1.6;
    font-weight: 500;
    width: 22%;
    position: relative;
    color: #009944;
    background: #c8e5fb;
  }
  .case_box td {
    padding: 10px;
    line-height: 1.8;
  }
  .case_title {
    background: #fff;
    color: #000;
    padding: 14px 8px 12px 12px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    letter-spacing: 1px;
    margin-left: 12px;
    margin-right: 12px;
  }
  .case_title .ftl {
    font-size: 30px;
    font-weight: 900;
    padding-left: 5px;
    padding-right: 5px;
    letter-spacing: 1px;
    color: #c00;
  }
  .case_title .bonus {
    font-size: 16px;
    display: inline-block;
    position: relative;
    padding: 15px 0;
    font-weight: 500;
  }
  .case_title * {
    color: inherit;
  }
  .case_title .case-jobs {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 15px;
    top: 18px;
    border: solid 1px #fff;
    background: #fff342;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 400;
    padding: 3px 8px 5px;
  }
  #loan-merit {
    background: #fdf3e9;
    padding: 30px 60px 40px;
    margin-bottom: 70px;
  }
  #loan-merit ol.num li {
    counter-increment: number;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px 0;
  }
  #loan-merit ol.num li::before {
    content: counter(number);
    font-size: 30px;
    color: #f39800;
    margin-right: 10px;
    position: relative;
    top: 5px;
  }
  .faq {
    margin-bottom: 70px;
  }
  .faq dt, .faq dd {
    border: solid 3px #009944;
    padding: 20px 20px 20px 70px;
  }
  .faq dt {
    margin-top: 20px;
    border-bottom: 0;
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    background: url(../image/loan/q.png) no-repeat 12px 12px;
  }
  .faq dd {
    border-top: dotted 1px #009944;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.9;
    background: url(../image/loan/a.png) no-repeat 12px 15px #ffe;
  }
  /* 中古よりも */
  /*===================================*/
  .tit-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .tit-set .sono {
    padding-bottom: 10px;
  }
  .tit-set > div {
    width: 650px;
  }
  #old-img01 {
    float: left;
    margin: 10px 30px 20px 0;
  }
  /* ～について */
  /*===================================*/
  .mainimg {
    text-align: center;
  }
  #page-about {
    padding-top: 100px;
    margin-top: -100px;
    padding-bottom: 60px;
  }
  #page-about .sub-tit-main-bg {
    margin-top: 30px;
    background-image: url(../image/about/pt-money.png);
    background-repeat: no-repeat;
    background-position: left calc(50% - 350px) center;
  }
  #page-about .sub-tit-main-bg .in-u {
    font-size: inherit;
    display: inline-block;
    border-bottom: solid 1px #fff;
    padding-bottom: 5px;
  }
  #page-about .txt-box.bg-lylw {
    padding: 30px;
  }
  #page-about .u {
    font-size: 28px;
    line-height: 1.5;
    text-align: center;
    margin-top: -30px;
    font-weight: 700;
  }
  #page-about .u span {
    font-size: 32px;
    text-decoration: none;
  }
  #page-about h2.img-ctr {
    margin-bottom: 30px;
  }
  #old-sub01 {
    margin-top: -30px;
  }
  #money-list {
    border: solid 3px #f39800;
    padding: 40px 30px 20px;
    margin-top: -20px;
    margin-bottom: -10px;
  }
  #money-list ul {
    margin-left: 70px;
    background: url(../image/about/bg-mainichi.png) no-repeat right 40px top;
  }
  #money-list ul li {
    padding-left: 30px;
    padding-bottom: 22px;
    text-indent: -30px;
    letter-spacing: 1px;
  }
  #money-list ul li::before {
    content: "●";
    color: #f39800;
    margin-right: 5px;
  }
  #abt-table {
    width: 100%;
    border: solid 3px #f39800;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  #abt-table th, #abt-table td {
    width: 20%;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-size: 16px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    line-height: 1.7;
  }
  #abt-table th {
    background: #fdf3e9;
  }
  #abt-table th:not(:nth-of-type(1)):nth-last-of-type(1) {
    background: #f39800;
    color: #fff;
  }
  #abt-table th:nth-of-type(1) {
    background: #fff;
  }
  #abt-table td {
    font-size: 26px;
  }
  #abt-table td:nth-last-of-type(1) {
    background: #ffd;
    color: #f39800;
    font-weight: 900;
  }
  /* 標準仕様 */
  /*===================================*/
  #page-spec .bg-lylw {
    margin-top: 30px;
    padding: 50px 0;
  }
  #page-spec .flex-box {
    margin: 0 auto;
  }
  #page-spec .flex-box li {
    width: 48.5%;
    margin-bottom: 30px;
  }
  #page-spec .flex-box li .img {
    width: 100%;
  }
  #page-spec .flex-box li .img img {
    width: 100%;
    height: auto;
    border: solid 3px #f39800;
    border-bottom: none;
  }
  #page-spec .spec-table {
    border: solid 3px #f39800;
    border-top: solid 1px #f39800;
    width: 100%;
    margin-bottom: 25px;
  }
  #page-spec .spec-table dt, #page-spec .spec-table dd {
    padding: 10px;
    font-size: 16px;
    text-align: center;
  }
  #page-spec .spec-table dt {
    width: 100%;
    background: #fdf3e9;
    font-weight: 500;
    border-bottom: solid 1px #f39800;
  }
  #page-spec .spec-table dd {
    width: 100%;
    font-weight: 700;
    color: #f39800;
    background: #fff;
    padding: 15px 10px;
  }
  #page-spec article {
    border: solid 4px #f39800;
    margin-bottom: 60px;
    padding: 55px calc(50% - 389px) 25px;
  }
  #page-spec article .mc-tit {
    font-size: 28px;
    font-weight: 900;
    background: #f39800;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 25px;
    line-height: 1.4;
  }
  #page-spec article img {
    width: 100%;
    height: auto;
  }
  /* tabs */
  .tab-group {
    display: flex;
    justify-content: center;
    padding: 22px 0;
    width: 100%;
    margin: 0 auto;
  }
  .tab {
    text-align: center;
    cursor: pointer;
    width: 24%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f39800;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    height: 60px;
    letter-spacing: 3px;
    text-indent: 3px;
  }
  .panel-group {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .panel {
    display: none;
  }
  .tab.is-active {
    transition: all 0.2s ease-out;
    background: #b16f00;
    color: #fff;
    position: relative;
  }
  .tab.is-active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #b16f00;
  }
  .panel.is-show {
    display: block;
    position: relative;
  }
  .anc-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin: 0 auto 10px;
  }
  .anc-btn li {
    width: 9.5%;
    margin-right: 0.25%;
    margin-left: 0.25%;
    font-size: 16px;
    letter-spacing: 1px;
    text-indent: 1px;
  }
  .anc-btn li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f39800;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    height: 60px;
    letter-spacing: 3px;
    text-indent: 3px;
  }
  .anc-btn li a:hover {
    text-decoration: none;
    background: #b16f00;
  }
  .anc-btn li a.o {
    background: #b16f00;
  }
  /* 安さの秘密 */
  /*===================================*/
  #page-secret {
    padding-bottom: 60px;
  }
  #page-secret #riyu {
    margin-top: -47px;
    padding-bottom: 30px;
  }
  .reason > li {
    border: solid 3px #f39800;
    padding: 25px 20px 10px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .reason > li .txt-set {
    width: 600px;
  }
  .reason > li .sono {
    margin-top: -10px;
    padding-bottom: 10px;
  }
  .reason .img {
    text-align: center;
    display: block;
    padding: 10px 0 0;
    width: calc(100% - 630px);
  }
  .reason .img img {
    width: 100%;
    height: auto;
  }
  .reason .txt-box {
    margin: 20px 0 0;
  }
  .reason .txt-box.color {
    padding: 20px;
    background: #fdf3e9;
  }
  /* はじめて */
  /*===================================*/
  #page-howto .sub30-ctr-mainc {
    padding: 20px 0 0;
  }
  #page-howto .tit-page-jp {
    padding: 20px 0;
    line-height: 1.4;
  }
  #page-howto .lead20 {
    padding-bottom: 0;
  }
  #page-howto .marker {
    font-size: 34px;
  }
  #page-howto .ftl {
    margin-top: -10px;
    font-size: 40px;
    font-weight: 900;
    color: #009944;
    display: inline-block;
    padding: 0 5px;
  }
  #page-howto #flw-img {
    padding: 0 0 40px;
    margin-top: -30px;
  }
  #page-howto .flow li {
    padding-bottom: 150px;
    background: url(../image/howto/htw01.png) no-repeat center bottom;
  }
  #page-howto .flow li:nth-of-type(2) {
    background: url(../image/howto/htw02.png) no-repeat center bottom 30px;
  }
  #page-howto .flow li:nth-of-type(3) {
    background: url(../image/howto/htw03.png) no-repeat center bottom 10px;
  }
  .flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .flow li {
    font-size: 16px;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 32%;
    flex-direction: column;
    border: solid 3px #f39800;
    padding: 70px 15px 15px;
    position: relative;
  }
  .flow li::before {
    content: url(../image/howto/n1.png);
    position: absolute;
    left: calc(50% - 54px);
    top: 15px;
  }
  .flow li:not(:nth-last-of-type(1))::after {
    content: url(../image/howto/f-step.png);
    position: absolute;
    right: -26px;
    top: calc(50% - 15px);
  }
  .flow li:nth-of-type(2)::before {
    content: url(../image/howto/n2.png);
  }
  .flow li:nth-of-type(3)::before {
    content: url(../image/howto/n3.png);
  }
  .flow li .bg-main-tit-s {
    height: 94px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .flow li .txt-box {
    margin: 20px auto 10px;
  }
  /* アフターサービス */
  /*===================================*/
  #page-after { /* 202311 未使用 */
    padding-bottom: 60px;
  }
  #page-after .intro .lead30 {
    padding-bottom: 30px;
  }
  #page-after .intro .img-set {
    position: relative;
  }
  #page-after .intro .img-set .img-ctr {
    padding-top: 0;
  }
  #page-after article {
    padding-bottom: 30px;
  }
  #page-after article.bg-lylw {
    padding: 30px;
    margin-bottom: 30px;
  }
  #page-after article.bg-lylw .img-ctr {
    padding-bottom: 0;
  }
  #page-after article.bg-lylw .img-ctr img {
    width: 100%;
    height: auto;
  }
  #page-after article .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #page-after article .flex-box .txt-set {
    width: 71%;
  }
  #page-after article .flex-box .txt-set p {
    font-size: 18px;
    line-height: 1.9;
  }
  #page-after article .flex-box .img {
    width: 226px;
  }
  #page-after article .flex-box .img img {
    width: 100%;
    height: auto;
  }
  #aft-psn {
    position: absolute;
    right: 50px;
    top: -50px;
  }
  .sono-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
  }
  .sono-set::before {
    content: url(../image/after/sono1.png);
    margin-right: 10px;
  }
  .sono-set.sono2::before {
    content: url(../image/after/sono2.png);
  }
  .sono-set.sono3::before {
    content: url(../image/after/sono3.png);
  }
  .sono-set .ft-set span {
    display: block;
    letter-spacing: 3px;
  }
  .sono-set .fts {
    font-size: 26px;
    font-weight: 900;
    color: #f39800;
    padding-bottom: 10px;
  }
  .sono-set .ftl {
    font-size: 38px;
    font-weight: 900;
    color: #f39800;
  }
  #after-page .b-tit {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 24px;
    padding: 14px 0 16px;
  }
  #after-page .pk-s {
    font-size: 22px !important;
  }
  #after-page #aft-illu {
    background: url(../image/after/aft-illu08.png) no-repeat left 80px bottom;
  }
  #after-page .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  #after-page .flex-box .txt-box {
    width: 58%;
    margin: 20px 0 40px;
  }
  #after-page .flex-box .img {
    width: 33%;
    padding-top: 30px;
  }
  #after-page .flex-box .img img {
    width: 100%;
    height: auto;
  }
  #after-page .txt-box + .img-ctr {
    padding-top: 0;
  }
  #after-page #page-faq {
    margin-top: 40px;
  }
  #after-page .dot-rd-s {
    margin-top: 20px;
  }
  .pt-squ {
    margin-top: 40px;
    font-size: 19px;
    padding: 15px 10px;
    border-top: dotted 1px #aaa;
    border-bottom: dotted 1px #aaa;
    background: #f1f1f1;
    line-height: 1.2;
  }
  .pt-squ::before {
    content: "■";
    color: #f39800;
    margin-right: 8px;
  }
  .clm-box {
    border: solid 1px #aaa;
    padding: 20px;
  }
  .kome li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 8px;
    line-height: 1.5;
  }
  .dot-rd {
    margin-bottom: 30px;
  }
  .dot-rd li {
    font-weight: 500;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 8px;
    line-height: 1.5;
    color: #c00;
  }
  .dot-rd-s {
    margin-bottom: 20px;
  }
  .dot-rd-s li {
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 8px;
    line-height: 1.4;
    color: #c00;
  }
  /* フォーム */
  /*===================================*/
  #page-reserve .img-ctr {
    padding-top: 0;
  }
}

/*# sourceMappingURL=style.css.map */